/* Layout - Content Area */



/* Colors */
body {
	background-color : #102A3F;  
	padding:0;
	color: #0099FF;
}


form {
  padding: 0;
  margin: 0;
  }


.text_mida_0 {font : normal 10px Arial, Helvetica, sans-serif;}
.text_mida_0p5 {font : normal 11px Arial, Helvetica, sans-serif;}
.text_mida_1 {font : normal 12px Arial, Helvetica, sans-serif;}
.text_mida_2 {font : bold 50px Arial, Helvetica, sans-serif;}
.text_mida_3 {font : bold 30px Verdana, Helvetica, sans-serif;}

.text_mida_0 a:link, .text_mida_0 a:visited, .text_mida_0 a:hover {color : #0099FF; text-decoration : none; background: none}

/* Amplada de les taules */
table.amplestd {
  width : 760px;
}


/*Cap�alera dreta*/
.capdreta {float: right}
.capdreta ul { font:0.9em Arial, Helvetica, sans-serif; list-style: none; margin-left:25px; margin-top: 3px;}
.capdreta li { margin:0; padding: 0px 6px; display: inline; color: #0099FF; text-align: center; list-style: none; border-left : 1px solid #0099FF}
.capdreta li a:link {color : #0099FF; text-decoration : none; background: none}
.capdreta li a:visited, .capdreta li a:active {color : #0099FF; text-decoration : none;}
.capdreta li a:hover {font-weight: bold; color: #0000FF; background : none; }
.capdreta li.primer {margin-left: 0; border-left: none; list-style:none;}

/* Cap�alera esquerra */
#capesq {float: left; margin-top: 3px;}
.capesqnom {font:0.9em Arial, Helvetica, sans-serif; color: #0099FF}
.capesqdata {font: 0.8em tahoma, arial, sans-serif; color: #0099FF; margin-left: 5em;}

/* logo */
.caplogo {
	float: left; 
	color: #0099FF;}
/*.caplogo td.separat_1 {padding-left: 100px}*/

#logop p {
   font-size: 30px; 
   font-family: Verdana; 
   color: #0066CC;
   font-weight: bold;
   line-height: 0px;
   text-align: center;
   margin-top: 40px; 
   padding:0;
   z-index: 1
}

#logop p {
   color: #0066CC;
   line-height: 2px;
}

#logop span {
   display: block;   
}

p.esplin_1 {line-height: 0px}

/*Cos */
.cos {
    float: left;
	margin-left: 70px;
	margin-top: 0px;
	width: 596px;
	padding: 0;
	border: none;
}

.cos legend{
    font : 1.1em bold normal Arial, Helvetica, sans-serif;
	color : #000000;
	background: #0099FF;
	border: 1px solid #0000FF;
	padding: 0em 0.5em;	
}

.cos p {clear: left;
    color : #0099FF;
	padding:1em 1em;
	margin:0;
	}

.cos p.error {
	color: #FF0000;
	font-weight: bold;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
}

.cos a:link, .cos a:visited {clear: left; font-weight: bold;  color : #0000FF;
	padding:0.2em 0em;	margin:0; text-decoration: none;}
	
.cos a:hover {font-weight: bold; color: #0000FF; background : none; text-decoration: underline;}

.cos fieldset {
    float: left; 
	border: 1px solid  #0000FF; 
	width: 22em;
	padding: 1em;
}

fieldset label{
	font : 1em normal Arial, Helvetica, sans-serif;
	color : #0099FF;
	text-align: right;
    position: relative;
    left: 30px;
}

fieldset input {
	color: #0000FF;
	font: 0.9em bold normal Arial, Helvetica, sans-serif;
	background: #CEE7FF;
	border: 1px solid #0000FF;
	padding: 2px;
    position: absolute;
    left: 150px;
}
fieldset input.submitlogin
{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
    font-family: verdana;
	background: #0099FF;
    position: absolute;
    left: 150px;	
    height: 20px;
    width: 58px;
    padding:0px;
    margin:0;
}

p.alerta{
	color: #F08072;
	font-weight: bold;
	font-style: italic;
}

/*Muntatge presentació*/
.pres1-1 {z-index: 0; position: relative; left: 0px; top: 0px; background: url(http://www.tibidaboediciones.com/mediateca/imgs/05.GIF) 0 0 no-repeat; padding: 0; width: 150px; height: 119px}
.pres1-2 {z-index: 0; position: relative; left: 150px; top: -119px; background: url(http://www.tibidaboediciones.com/mediateca/imgs/soste.gif) center center no-repeat #0066CC; padding: 0; width: 300px; height: 119px}
.pres1-3 {z-index: 0; position: relative; left: 450px; top:-238px; background: url(http://www.tibidaboediciones.com/mediateca/imgs/03.GIF) no-repeat; padding: 0; width: 150px; height: 119px}
.pres2-1 {z-index: 0; position: relative; left: 0px; top:-238px; padding: 0; width: 150px; height: 119px; background: #000033}
.pres2-2 {z-index: 0; position: relative; left: 150px; top:-357px; padding: 10px 8px; width: 284px; height: 99px; background: #FFFFFF}
.pres2-3 {z-index: 0; position: relative; left: 450px; top:-476px; padding: 0; width: 150px; height: 119px; background: #000033}    
.pres3-1 {z-index: 0; position: relative; left: 0px; top:-476px;  background: url(http://www.tibidaboediciones.com/mediateca/imgs/06.GIF) no-repeat; padding: 0; width: 150px; height: 119px;}
.pres3-2 {z-index: 0; position: relative; left: 150px; top:-595px; padding:0; width: 300px; height: 119px; background: #0066CC;}
.pres3-3 {z-index: 0; position: relative; left: 450px; top:-714px;  background: url(http://www.tibidaboediciones.com/mediateca/imgs/07.GIF) no-repeat; padding: 0; width: 150px; height: 119px;}

.pres3-2 p {position: relative; bottom: -60px; text-align: center; font: 11px bold normal Arial, Helvetica, sans-serif; width: 300px; padding: 0; color: #FFFFFF;}


/*Menu de categories*/

/*
.menuHor {
    margin: 0;
    padding: 0;
    float: left;
	font: bold 13px Arial;
	width: 100%;
	border: 1px solid #0066CC;
	border-width: 1px 0;
	background: black url(http://www.tibidaboediciones.com/mediateca/imgs/fonsinact.gif) center center repeat-x;
}  

.menuHor ul li{
	display:  none;      
}

.menuHor li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.menuHor li a:visited{
color: white;
}

.menuHor li a:hover, .menuHor li .primer{
color: white;
background: transparent url(http://www.tibidaboediciones.com/mediateca/imgs/fonsact.gif) center center repeat-x;
}
*/

/* Amaguem les categories */
.menuHor li, .menuHor li a{
	display:  inline;      
	color: #000; /* Amaguem les categories */
      position: relative;
      left: -2000px;
}

/* Mostrem els productes */
.menuHor ul.sub {
  width: 300px;
}

.sub li,  .sub li a, .sub li a:visited{
	list-style-type: none;
    display: block;
	color: #4FFF77; /* Amaguem les categories */
    position: relative;
    left: 1075px;
    border: 1px solid #0066CC;
	border-width: 1px 1px 1px;
    text-decoration : none;
	padding: 3px;
	margin: 5px;      
    background: #2F8EFF;
    font-weight: bold; 
    font-family: Trebuchet MS, sans-serif, Arial, Helvetica;
	font-size: 15px;
text-align: center;
}

#back {
  position: relative;
  top: 2px;
  left: 5px;
  width: 50px;    
  height: 50px;
}

#gida {
  position: relative;
  top: 5px;
  left: 5px;
  width: 50px;    
  height: 50px;
}

#flash {
	position: absolute; 
	top: 15px; 
	left: 80px;
	margin: 0px;
	padding: 0px;
	}

.nota-eusk {font : bold 11px Arial, Helvetica, sans-serif;}

#nota-vid{
	position: absolute; 
	top:440px; 
	left: 80px;}

.separatopIE { 
	/*El que ve després del menú de categories ha de cridar aquest class en cas d'IE, sino queda massa enganxat*/
	padding: 0px;
	margin: 0px;
}

fieldset.posicio_1 {
position: relative; left: 100px; top: 15px;
}

#p_blau{
	background: url(http://www.tibidaboediciones.com/mediateca/imgs/blau1.jpg);
	position: relative;
	clear:both;
	width: 700px;
	height: 150px;
	top: 35px;
	left:-45px;
}

#p_blau p {
	color: #000000;
	padding: 6px 15px;
}