/* CSS Document */

*{margin: 0px; padding: 0px; border: 0px;}

img{border: none;}

html{overflow-y: scroll;}

body{
	background: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px; 
}

#videos {
	width: 960px;
	height: 749px;
	top:0px;
	left:50%;
	position: fixed;
	margin-left:-300px;
	z-index:500;
}

#capa_video{
	display:block;
	position:fixed; 
	* position: absolute;
	left:50%; 
	margin-left:-466px;
	* margin-left:-484px; 
	z-index:500;
}

#contenedor{
	width: 971px;
	margin: 0px auto;
}

#contenedor2{
	height: 163px;
	background: url(../img/pie/fondo_pie.jpg) repeat-x;
}

#menu{
	margin-top: 46px;
}

#menunivel2{display: none; height: 54px; margin-top: 8px;}

#contenido{
	min-height: 510px;
}

div.punteado{
	background: url(../img/punteado.gif) repeat-x;
	width: 100%;
	height: 1px;
	clear: both;
}


/************************** CABECERA **************************/

#cabecera{
	background: url(../img/cabecera/onda.jpg) no-repeat center;
	height: 87px;
}

#cab1{
	background: url(../img/cabecera/fondo_menu1.jpg) repeat-x;
	height: 57px;
	margin-bottom: 3px;
}

#cab2{
	background: url(../img/cabecera/fondo_menu2.jpg) repeat-x;
	height: 31px;
}

#menu1, #menu2, #logo{
	width: 970px;
	margin: 0px auto;
}

#logo div{
	position: absolute;
	top: 3px;
}

#logo span{
	float: right;
	margin-top: 66px;
	color: #FFF;
}

#logo span a{
	color: #FFF;
	text-decoration: none;
}

#logo span a:hover{
	text-decoration: underline;
}



#menu1 ul, #menu2 ul{
	list-style: none;
}

#menu1 ul li:first-child{
	float: left;
	width: 95px;
	height: 45px;
	padding: 12px 10px 0px 10px;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	margin-left: 85px;
}

#menu1 ul li{
	float: left;
	width: 95px;
	height: 45px;
	padding: 12px 10px 0px 10px;
	border-right: 1px solid #FFF;
}
/*** Cuando se incluya el apartado de 50 aniversario este estilo se elimina ***/
#menu1 ul li.provisional{
	float: left;
	width: 95px;
	height: 45px;
	padding: 12px 10px 0px 10px;
	border-right: none;
}
/*****************************************************************************/

#menu1 ul li:hover, #menu1 ul li.menu1_on{
	background: url(../img/cabecera/fondo_menu1_on.jpg) repeat-x;
}

#menu1 ul li a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#menu1 form{
	float: left;
	width: 240px;
	margin-left:60px;
	text-align: left;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	line-height:13px;
	margin-top: 6px;
}

#menu1 form input{
	width: 83px;
	height: 13px;
	background: #FFF;
	border: none;
	margin: 0px;
	padding: 0px;
}

#menu1 form a{
	color: #000;
	font-size: 10px;
}

#menu2 ul li:first-child{
	float: left;
	height: 18px;
	margin-top: 6px;
	padding: 0px 10px;
	border-left: none;
}

#menu2 ul li{
	float: left;
	height: 18px;
	margin-top: 6px;
	padding: 0px 10px;
	border-left: 1px solid #5f0702;
}

#menu2 ul li.menu2_on{
	float: left;
	height: 18px;
	margin-top: 6px;
	border-left: 1px solid #5f0702;
	background: #5f0702;
	color: #FFF;
}

#menu2 ul li a{
	color: #5f0702;
	text-decoration: none;
	font-size: 12px;
}

#menu2 ul li a:hover{
	background: #5f0702;
	color: #FFF;
}

#menu3{
	position: absolute;
	background: #ECECEC;
	clear: both;
	font-size: 12px;
	margin-top: 6px;
	margin-left: -10px;
	color: #cc2127;
}



#menu3 ul{list-style: none;}

#menu3 ul li{
	float: left;
	clear: left;
	width: 170px;
	border-left: none;
}

#menu3 ul li a{
	color: #5f0702;
	text-decoration: none;
	font-size: 12px;
}
#menu3 ul li a:hover{
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	background: #cc2127;
}

#menu3 ul li:hover, #menu3 ul li:hover a{
	color: #FFF;
	background: #cc2127;
}

#menu3 ul li.menu3_on{
	color: #FFF;
	background: #cc2127;
}


/************************** FIN-CABECERA **************************/


/************************** PIE **************************/

#pie{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 970px;
	color: #FFF;
	margin: 0px auto;
	padding: 15px;
}

#pie .mapaweb{clear: both; float: left;}
#pie a{text-decoration: none; color: #FFF;}
#pie a:hover{text-decoration: underline;}

#pie .mapaweb ul li.ppal{
	float: left;
	list-style: none;
	margin-left: 12px;
}

#pie .mapaweb ul li.sec{
	float: left;
	list-style: none;
	margin-left: 42px;
}

#pie .legal{
	margin-left: 90px;
}

#pie .legal div{
	float: left;
	width: 440px;
}

/****************************************************/

#luto{
	background: #5e0101;
	height: 167px;
}

#login{
	width: 323px;
	height: 54px;
	background: #823300;
	margin: 0px 1px;
}

#login form{
	padding: 5px 8px;
}

#logado{
	padding: 5px 10px;
	font-size: 11px;
	float: left;
}

#logado a{
	color: #FFF;
	text-decoration: none;
}

#logado a:hover{
	text-decoration: underline;
}


/*#login form input{
/*	background: none;
	border: none;
	border-bottom: dotted 1px #FEFF91;
	width: 140px;
	height: 14px;
	color: #000000;
	font-size: 12px;
	margin: 2px;*/
}

label{
	width: 100px;
	color: #FEFF91;
	font-size: 15px;
}


/*#logado{
	width: 158px;
	height: 54px;
	background: #311400;
	margin-left: 1px;
	color: #FEFF91;
	font-size: 10px;
}

#logado div{padding: 2px 10px;}
*/

#herramientas{
	width: 161px;
	height: 54px;
	background: #5B2400;
}

#herramientas a{
	margin-left: 12px;
	color: #FEFF91;
	font-size: 10px;
	text-decoration: underline;
}

#herramientas a:hover{
	text-decoration: none;
}

.mod1{width: 162px; height: 54px; background: #e81702;}
.mod2{width: 161px; height: 54px; background: #ce1300; margin-left: 1px;}
.mod3{width: 161px; height: 54px; background: #a91101; margin-left: 1px;}
.mod4{width: 161px; height: 54px; background: #820c00; margin-left: 1px;}
.mod5{width: 161px; height: 54px; background: #820c00; margin-left: 1px;}
.mod6{width: 158px; height: 54px; background: #310500; margin-left: 1px;}

#capamenu1, #capamenu2, #capamenu3, #capamenu4, #capamenu5 {display: none; height:54px;}

#submenu11, #submenu21, #submenu31, #submenu41, #submenu51{
	display: none;
}

#submenu12, #submenu22, #submenu32 {
	display: none;
	margin-left: 163px;
}

#submenu13, #submenu23, #submenu33 {
	display: none;
	margin-left: 326px;
}
#submenu14 {
	display: none;
	margin-left: 489px;
	z-index:1000;
}

#submenu15 {
	display: none;
	margin-left: 648px;
	z-index:1000;
}

img.nivel2{margin-left: 1px;}

.submenu{
	background: url(../img/menu/fondo_submenu.jpg) no-repeat;
	width: 162px;
	height: 69px;
	font-family: "Trebuchet MS" sans-serif;
	font-size: 12px;
	margin:0px;
	line-height:14px;
}

.submenu ul{
	list-style: none;
}

.submenu ul li{
	color: #ff2610;
}

.submenu ul li:hover{
	background: #ff2610;
}

.submenu ul li a{
	color: #151515;
	text-decoration: none;
	padding-left: 5px;
}

.submenu ul li a:hover{
	color: #FFF;
	text-decoration: none;
	padding-left: 5px;
}

.izq{float: left;}
.der{float: right;}
.fila{clear: both;}



ul.premios{
	list-style: url(../img/guion.gif);
}



/****************** FOROS y NOTICIAS********************/

#mensaje{
	background: url(../img/foros/fondo_mensaje.jpg) no-repeat;
	width: 973px;
	height: 20px;
	text-align: center;
	padding: 16px 0px;
	margin-bottom: 15px;
}

.fondo_introforo{
	background: url(../img/foros/fondo_rejilla.jpg) no-repeat;
	width: 630px;
}

.top30{margin-top: 30px;}

.tit_mensaje{color: #310500; font-weight: bold; text-transform: uppercase; }
.barras{color: #ce1300;}

hr{border: 0px; margin: 0px; padding: 0px; background: #FF0000; height: 1px; color: #FF0000; clear: both;}

.paginacion{
	font-size: 24px;
	color: #f26522;
	text-decoration: none;
}

.pagina{
	font-size: 24px;
	color: #9e0b0f;
	text-decoration: none;
}

input, textarea{
	border: 1px solid #AAA;
	background: #FFF;
	margin-bottom: 15px;
}

.tam1{width: 900px}
.tam2{width: 130px}
.alt1{height: 23px;}
.alt2{height: 150px;}

.vermas
{
color:#ff0000;
text-decoration:none;

}


/******************** TEXTOS CESAR ***********************/

h1{
	font-size: 30px;
	font-weight: normal;
	color: #FF0F00;
	padding: 18px 35px;
	line-height: 30px;	
}

h1.prof{
	color: #e85c02;
}

h2{
	font-size: 20px;
	font-weight: normal;
	color: #710401;
	line-height: 30px;
	margin-top:-20px;
}

p{margin-bottom: 15px;}

.txt{
	color: #151515;
	text-align: justify;
	line-height: 20px;
}

.content_ppal{
	width: 600px;
	margin-top: 74px;
	line-height: 20px;
}

.content_ppal3{
	width: 520px;
	margin-top: 74px;
	line-height: 20px;
}

.content_ppal2{
	width: 600px;
	line-height: 20px;
}

.principal{
	width: 600px;
	margin-top: 74px;
	float: left;
	line-height: 20px;
}

.principalb{
	width: 600px;
	float: left;
	line-height: 20px;
}

.principal2{
	width: 520px;
	float: left;
	line-height: 20px;
}


.lateral{
	width: 350px;
	float: right;
}

.lateralb{
	width: 350px;
	float: right;
}

.lateral3{
	width: 415px;
	float: right;
	*margin-top: 74px;
}

.lateral4{
	width: 415px;
	/*float: right;*/
}

/********************************************************************************************************************/

.titulo{
font-size:30px; 
color:#ff0f00; 
text-decoration:none;
padding-left:35px;
line-height:30px;
}
.titulo_profesores{
font-size:30px; 
color:#e85c02; 
text-decoration:none;
padding-left:35px;
line-height:30px;
}

.titulo_cuerpo{
font-size:30px; 
color:#ff0f00; 
text-decoration:none;
}

.subtitulo{
font-size:23px; 
color:#710401; 
text-decoration:none;
padding-left:2px;
line-height:23px;
}

.subtitulo_cuerpo{
font-size:23px; 
color:#710401; 
text-decoration:none;
}

.titulo_pregunta{
margin-left:8px;
font-size:24px; 
color:#710401; 
text-decoration:none;
}
.txt_pregunta{
margin-top:20px
font-size:13px; 
color:#7a0c00; 
text-decoration:none;
}
.txt_respuesta{
font-size:13px; 
color:#ce5100; 
text-decoration:none;
}



.lateral2{
width: 185px;
float: right;
}

.cuerpotexto{
color:#151515; 
line-height: 20px;
width: 620px;
text-decoration:none;
}

.cuerpotexto2{
color:#151515; 
/*margin-top:70px;*/
width: 785px;
}

.cuerpotexto3{
color:#151515; 
line-height: 20px;
width: 550px;
margin-top: 80px;
text-decoration:none;
}

.cuerpotexto_enlace{
color:#151515; 
}

.cuerpotexto_minigris{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
color:#686868; 
text-decoration:none;
width:310px;
margin-left:10px;
}

.cuerpotexto_negrita{
color:#151515;
text-decoration:none;
background:#fdff52;
}

.cuerpotexto_minititular{
color:#e81702; 
text-decoration:none;
}

.cuerpotexto_minigris_negrita{
font-size:11px; 
color:#151515; 
text-decoration:none;
background:#fdff52
}

a.cuerpotexto_negrita{
color:#ff2610; 
text-decoration:none;
background:#fdff52;
font-weight:bold;
text-decoration:underline;

}
.texto_enlace{
color:#91071b; 
}

.enumeracion{
font-size:30px; 
width:30px;
float:left;
clear: left;
}
.enumeracionTXT{
width: 600px;
margin-bottom:30px;
margin-left:35px;
text-align: justify;
float: left;
}

.enumeracionTXT2{
width: 500px;
margin-bottom:30px;
margin-left:15px;
text-align: justify;
float: left;
}


/************** PREMIOS ***********/

#premios1{
	background: url(../img/relato/premios1.jpg) no-repeat;
	width: 316px;
	height: 172px;
	margin-bottom: 15px;
	float: left;
}

#premios2{
	background: url(../img/relato/premios2.jpg) no-repeat;
	width: 316px;
	height: 172px;
	margin-left: 10px;
	margin-bottom: 15px;
	float: left;
}

#premios3{
	background: url(../img/relato/premios3.jpg) no-repeat;
	width: 316px;
	height: 172px;
	margin-left: 10px;
	margin-bottom: 15px;
	float: left;
}

#premios1 div, #premios2 div, #premios3 div{
	padding-left: 136px;
	padding-top: 65px;
	width: 172px;
}

#premios4{
	background: url(../img/relato/premios4.jpg) no-repeat center;
	width: 970px;
	height: 220px;
	border-top: 1px solid #F8941D;
	clear: both;
}

#premios4 div{
	padding-left: 385px;
	padding-top: 100px;
	width: 350px;
}


ul#videoganadores_relatos{list-style: none; height: 150px;}
ul#videoganadores_relatos li{
	float: left;
	width: 130px;
	margin: 3px;
}
ul#videoganadores_profesores li{
	float: left;
	clear: left;
	width: 380px;
	margin-top: 12px;
	color: #ce1300;
}



.tablaThumbVideo{display:inline;}
/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { .tablaThumbVideo { display: inline-table; } }