body {
 background:#003a8e;
 font:normal 62.5%/140% Arial, Helvetica, sans-serif;
 /*
	NORMALIZACIÓN DEL TAMAÑO DEL TEXTO CON MEDIDAS RELATIVAS:

	- El tamaño por defecto de la tipografíaa en navegadores modernos corresponde a 16px.
	- Esta normalización del tamano tiene como misión hacer corresponder el tamaño por defecto
	de 1em a 10px (equivalente a font-size:x-small), en lugar del 1em como 16px.
		
	Por tanto,
		 1em = 16px * 0.625 = 10px	(aprox.) <- 0.625 es el factor de conversión.m

	De esta manera (aproximadamente):
		 1em = 10px
		 1.1em = 11px
		 1.2em = 12px
		...
	De esta manera obtenemos tamaños de fuentes escalables en IE (mejorando la accesibilidad)
	de una forma sencilla de implementar para el desarrollador.
	*/

 /*text-align:center;*/ /* Necesario para centrar la web en IE 5.5*/
 padding:0 0 1em;
 margin-top:0;

}


/* PÁGINA (#page)
--------------------------------------------- */
#page {
	/*text-align:center;*/
	width:99em;
	border:0px solid black;
	margin:0 auto;
	background:#ffffff;
	overflow:auto;

}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	/*background:#ffffff url(../img/gruporosblanco.jpg) 0.9em 0.4em no-repeat;*/
	background:#ffffff url(../img/cabecero.jpg) left top no-repeat;
	width:99em;
	height:8.7em;
	border:0px solid red;
}


/* CONTENIDO IZQUIERDA (#contentizq)
--------------------------------------------- */
#contentizq {
	background:#ffffff;
	width:53em;
	float:left;
	text-align:left;
	border: 0px solid green;
}


/* CONTENIDO DERECHA (#contentder)
--------------------------------------------- */
#contentder {
	background:#ffffff;
	text-align:left;
	margin-left:53em;
	padding-bottom:3em;
}


#buscador{
	margin-left:2em;
	margin-top:1em;
}


#caja{
	border:2px;
	border-style:inset;
	width:24em;
}


#boton{
	margin-left:1em;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background:#003a8e;
	cursor:pointer;
}



/* DIV DEL LISTADO DE VIDEOS
--------------------------------------------- */


#listadodevideos{
	margin-top:2.8em;

}


#videos{

	list-style:none;
	


}

#videos li{
	width:40.4em;	
	margin-left:2em;
	/*border-bottom:2px solid white;*/		
	/*border-top:2px solid white;*/
	/*background:#4c4c4c;*/
	/*margin-left:-1em;*/
}


#tablalistavideo{
	/*margin-left:-1em;*/	
	width:36.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background:#4c4c4c;
	border-top:2px solid white;		
}


#titulolistado{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;

}


#numeroslistado{

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#9ec5f5;

}





/* ESTILOS
--------------------------------------------- */

/* REFERENTES A LOS TÍTULOS DE LOS DOS APARTADOS
--------------------------------------------- */


#titulos{
	font-family:"Cocktail Shaker",Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#003a8e;
	margin-left:13px;
}

#titulos a{
 	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#013b8e;
	margin-left:19em;
	margin-right:3.1em;
}



#tituloizquierda{
	margin-top:2.4em;
	margin-left:0.9em;
}


#tituloderecha{

	margin-left:1.5em;
}


/* DIV DEL REPRODUCTOR
--------------------------------------------- */

#reproductor{
	margin-top:0.8em;
	margin-left:1.1em;
	margin-right:0.3em;
}

/* TABLA DEL TITULO Y LA VALORACION
--------------------------------------------- */

#titulovaloracion{

	margin-left:-0.4em;
	width:51em;
	margin-top:0.5em;
	margin-bottom:0.5em;

}


#titulovideo{

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#013b8e;
	
}


#descripcionvideo{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#013b8e;
	padding-right:1em;

}


/* DIV DE DATOS DEL VIDEO
--------------------------------------------- */

#datos{

	margin-top:2.2em;
	margin-left:-0.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	
}

#datos a{

    font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#013b8e;
	margin-left:0.4em;

}


/* TABLA DE DATOS DEL VIDEO
--------------------------------------------- */


#tabladatos{

	width:46em;
	margin-bottom:1.5em;
}


#numeros{

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#013b8e;
}


#bordeazul{
	
	/*border-bottom:5px solid blue;*/
	/*border-right:5px solid blue;*/
	background: url(../img/esquinaazul.jpg) right bottom no-repeat;
	/*background:#ffffff url(/public/img/bordeazulabajo.jpg) bottom repeat-x;
	background:#ffffff url(/public/img/bordeazulderecho.jpg) right repeat-y;*/


}


#bordederecho{
	background: url(../img/bordeazulderecho.jpg) right top repeat-y;
}


#bordeabajo{
	
	/*border-bottom:5px solid blue;*/
	/*border-right:5px solid blue;*/
	background: url(../img/bordeazulabajo.jpg) bottom repeat-x;


}



/* DIV DE LAS ETIQUETAS
--------------------------------------------- */

#etiqueta{
	border-bottom:1px solid #cccccc;
	margin-top:2em;
	margin-left:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#898989;
	padding-bottom:3px;
}


#tituloetiquetas{
    margin-left:7px;
		font-family:"Cocktail Shaker",Arial, Helvetica, sans-serif;
		font-size:24px;
}

/* nube de etiquetas */
.nube{
   background-color: #ffffff;
   color: #666666;
   text-align: center;
   margin-left:1.5em;
   margin-top:0.5em;   
}
.nube div.etiquetas{
   font-family: Arial, Helvetica, sans-serif;
   font-size:8pt;
   padding:5px;
}
.nube div.etiquetas span{
   float: left;
   margin: 0 3px 0 3px;
   height: 20pt;
   white-space: nowrap;
   color:#515151;
   font-family:arial;
}
.nube div.etiquetas span.etiquetatam1{
   font-size: 110%;   
}
.nube div.etiquetas span.etiquetatam2{
   font-size: 120%;   
}
.nube div.etiquetas span.etiquetatam3{
   font-size: 130%;   
}
.nube div.etiquetas span.etiquetatam4{
   font-size: 140%;   
}
.nube div.etiquetas span.etiquetatam5{
   font-size: 150%;   
}
.nube div.etiquetas span.etiquetatam6{
   font-size: 160%;   
}
.nube div.etiquetas span.etiquetatam7{
   font-size: 170%;   
}
.nube div.etiquetas span.etiquetatam8{
   font-size: 180%;   
}
.nube div.etiquetas span.etiquetatam9{
   font-size: 190%;   
}
.nube div.etiquetas span.etiquetatam10{
   font-size: 200%;   
}
/* /nube de etiquetas*/





#listadocategorias{

	border:0px solid black;
	margin-top:5.4em;
	margin-left:1.5em;
    background: url(../img/cuadritocategorias.jpg)  no-repeat;

}


#tablacategorias{

	width:35em;
	
}


#tablacategorias a{
	
	font-family:Arial, Helvetica, sans-serif;;
	font-weight:normal;
	font-size:12px;
	color:#013b8e;
	margin-left:0.4em;



}

#pie {

	/*margin:0 auto;*/
	/*width:96em;*/
	/*border-top:0.2em solid #FFAD33;*/
	clear:both;
	text-align:left;
	font-family:Arial,Helvetica,Sans Serif;
	font-size:9px;
	color:#003a8e;
}

#pie a{
text-decoration:underline;
font-size:11px;
font-weight:bold;
color:#003a8e;

}

#tablapie{

width:100%;
height:5em;

}