@charset "utf-8";
/* CSS Document */

.div_valenciana_sup
{
	width:100%;
	height:3%;
	border:0;
	background:#0038A8;
	clear:both;

}

.div_valenciana
{
	width:100%;
	height:4.2%;
	border:0;
	background:#0038A8;
	color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	clear:both;
}

#div_cabecera
{
	width:100%;
	/*height:13%;*/ /*aprox. el doble o triple del div_sup_inf--15%*/
	height:12%;
	padding:0;
	clear:both;
	margin:0% 0% 3% 0%;
}

#div_logo
{
	width:66%;
	height:100%; 
	background:#FFFFFF;
	float:left;
	padding:2% 0% 2% 0%;
	margin:0% 0% 1% 0%;
}

#div_img_logo
{
	width:36%;
	float:left;
	text-align:left;
	padding:0;
	margin:0% 0% 0% 4%; /*alinear el logo con los botones del menu principal*/
}

#div_img_logo img
{
	border:0;
	width:85%;
}

#div_premios
{	
	background:#FFFFFF;
	float:right;
	text-align:center;
	padding:0;
	position:relative; /*Necesario para el funcionamiento del carrusel JQuery*/
	overflow:hidden; /*Necesario para el funcionamiento del carrusel JQuery*/
    width:30%;
	height:70%;
	margin:1.2% 4% 0% 0%;
}

#div_premios img
{
	border:0;
	margin:0 10px 0 15px;
}

#div_posicionador_btn_premios
{
/*
DIV para recorrer los botones de los premios cierta distancia hacia la izquierda
para que queden centrados en relación a los iconos de los premios...
*/
	width:1%;
	background:#FFFFFF;
	float:right;
	height:5%
}

.btn_premios
{
	height:15%;
}


#div_buscar
{
	width:30%;
	height:28%;
	background:#FFFFFF;
	float:right;
	text-align:center;
	margin:2.5% 3% 1% 0%; /*alinearlo con el div_premios*/
	padding:0;
}

#div_buscar a
{
	text-decoration:none;
	color:#888888;
}

#div_buscar a:link, a:visited, a:active
{
	text-decoration:none;
	color:#888888;
}

#div_buscar a:hover
{
	text-decoration:none;
	color:#444444;
}


#caja_buscar
{
	color:#777777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:64.5%;
}


#div_contenido
{
	position:relative;
	width:100%;
	height:59%;
	/*background:#0038A8;*/
	clear:both; /*Fix para que los divs que se posicionen dentro de este, tomen como referencia su alto y ancho, y descarten el del div_wrap*/
	overflow:hidden;
	/*background:url(../img/principio_fin.jpg);
	background-color:#0038A8;
	background-image:url(../img/principio_fin.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
}

#frame_contenido
{
	border-right:1px solid #FFFFFF;
	width:77.85%;
	/*height:94.85%;*/
	height:94.85%;
	float:left;
	background:#FFFFFF;
	overflow:auto;
	z-index:100;
}

#div_menu_principal
{
	text-align:center;
	width:22%;
	height:100%;
	float:left;
	padding:0% 0% 0% 0%;

	background: -webkit-gradient(linear, 0 0, 0 70%, from(#0093DD), to(#0038A8));
    background: -moz-linear-gradient(#0093DD, #0038A8 70%);
	background: -o-linear-gradient(#0093DD, #0038A8 70%);
    background: linear-gradient(#0093DD, #0038A8 70%);
	background-image: linear-gradient(#0093DD, #0038A8 70%);
    -pie-background: linear-gradient(#0093DD, #0038A8 70%);
	
	/* Fix para IE 5.5-9 para que interprete el fondo con gradientes: */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093DD', endColorstr='#0038A8',GradientType=0); 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0093DD, endColorstr=#0038A8, GradientType=0)";
	/*Fin del Fix*/

	color:#FFFFFF;
	overflow:auto;
}

#menu_principal
{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	
    /*background-color:rgba(255,255,255,0.2);*/		
}

#menu_principal li
{	
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5AFFFFFF,endColorstr=#5AFFFFFF);*/
	
	/*padding:3.2% 0% 0% 0%;*/
	margin:0;
	padding:0;
		
	text-align:center;
	font-size:100%;
	width:100%;
	color:#FFFFFF;
}

#menu_principal li a
{	
	display:block;
	width:90%;
	/*height:10%;*/
	/*margin:7% 13% 0% 5%;*/
	margin:4.7% 13% 1% 5%;
	padding:3.2% 0% 3.2% 0%;
	background:rgba(255,255,255,0.35);
	color:#FFFFFF;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;
}

#menu_principal li a:hover
{
	background:#FFFFFF;
	color:#333333;
}


#menu_principal .seleccionado
{
	background:#2E59B8;
	color:#FFFFFF;
}

#div_noticias
{

	width:20%;
	height:45%;
	float:right;
	color:#0038A8;
	text-align:center;
	font-size:10.5px;
	z-index:350; /* para posicionar las noticias encima de la animación de PRINCIPIO A FIN*/ 
	
}

#btn_noticias
{
	width:100%;
	border:0;
}

#btn_noticias img
{
	width:100%;

}

#div_noticias img
{
	border:0;
}
#contenido_noticias
{
	float:right;
	width:153px;
	height:160px;
	background:#FFFFFF;
	color:#0038A8;
	position:relative; /*Necesario para funcionamiento del carrusel de noticias*/
	overflow:hidden; /*Necesario para funcionamiento del carrusel de noticias*/
}


#link_noticias
{
	color:#0038A8;
	text-decoration:none;
}

#link_noticias:hover
{
	color:#0038A8;
	text-decoration:underline;
}



#noticias
{
	list-style:none;
	width:153px;
	margin:0;
	padding:0;
}

#noticias li
{
	width:153px;
	display:inline;
}

#ver_todas_noticias
{
	float:right;
	width:153px;
	height:15px;
	background:#444444;
	color:#FFFFFF;
	text-align:center;
	z-index:350;
}

#ver_todas_noticias a:link, a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}

#ver_todas_noticias a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}



#div_menu_secundario
{
	width:78%;
	height:20px;
	background:#009D4B;
	bottom:0;
	right:0;
	color:#FFFFFF;
	position:absolute;
	text-align:right;
	z-index:300;
}

#div_menu_secundario ul
{
	margin:0;
	padding:0;
}

#div_menu_secundario ul li
{
	display:inline;
	float:left;
	text-align:center;
}

#div_menu_secundario ul li a img
{
	position:absolute;
    height:100%;
	top:0;
}

/*#div_menu_secundario ul li ul
{
	display:none;
}
*/
#sub_padres
{
	margin-left:36%;
}

#sub_alumnos
{
	margin-left:55%;
}

#sub_exalumnos
{
	margin-left:68%;
}

#sub_personal
{
	margin-left:81%;
}

#submenu_verde_padres
{
	position:absolute;
	height:120px;
	display:block;
	border:none;
	background:#28a83f;
	list-style:none;
	bottom:100%;
	width:112px;
	font-size:11.5px;
}

#submenu_verde_padres li
{
	float:none;
	position:relative;
	/*position:static;*/
	margin:0 0 5% 0;
	width:112px;
}

#submenu_verde_padres li a
{
	color: #FFFFFF;
	background:#28a83f;
	position:relative;
	width: 112px;
	height: 15px;
	text-decoration:none;
}
#submenu_verde_padres li a:hover
{
	text-decoration:underline;

}


#submenu_verde_alumnos
{
	position:absolute;
	height:80px;
	display:block;
	border:none;
	background:#28a83f;
	list-style:none;
	bottom:100%;
	width:76px;
	font-size:11.5px;
	
}

#submenu_verde_alumnos li
{
	float:none;
	position:relative;
	/*position:static;*/
	margin:0 0 5% 0;
	width:76px;
}

#submenu_verde_alumnos li a
{
	color: #FFFFFF;
	background:#28a83f;
	position:relative;
	width: 76px;
	height: 15px;
	text-decoration:none;
}
#submenu_verde_alumnos li a:hover
{
	text-decoration:underline;

}

#submenu_verde_exalumnos
{
	position:absolute;
	height:95px;
	display:block;
	border:none;
	background:#28a83f;
	list-style:none;
	bottom:100%;
	width:76px;
	font-size:11.5px;
	
}

#submenu_verde_exalumnos li
{
	float:none;
	position:relative;
	/*position:static;*/
	margin:0 0 5% 0;
	width:76px;
}

#submenu_verde_exalumnos li a
{
	color: #FFFFFF;
	background:#28a83f;
	position:relative;
	width: 76px;
	height: 15px;
	text-decoration:none;
}
#submenu_verde_exalumnos li a:hover
{
	text-decoration:underline;

}

#submenu_verde_personal
{
	position:absolute;
	height:180px;
	display:block;
	border:none;
	background:#28a83f;
	list-style:none;
	bottom:100%;
	width:110px;
	font-size:11.5px;
}

#submenu_verde_personal li
{
	float:none;
	position:relative;
	/*position:static;*/
	margin:0 0 5% 0;
	width:110px;
}

#submenu_verde_personal li a
{
	color: #FFFFFF;
	background:#28a83f;
	position:relative;
	width: 110px;
	height: 15px;
	text-decoration:none;
}
#submenu_verde_personal li a:hover
{
	text-decoration:underline;

}

#div_inferior
{
	width:100%;
	/*height:14%;*/
	height:12%;
	background:#FFFFFF;
	border:0;
	padding:0;
	/*padding:3% 0% 0% 0%;*/
	clear:both;
}

#div_consigna
{
	width:60%;
	height:80%;
	position:relative;
	margin:1.5% 0% 0% 2.8%;
	/*margin:0;*/
	float:left;
	text-align:center;
	/*padding:0% 0% 0% 1%;*/
	display:none;
	background:#FFFFFF;
}

#div_consigna img
{
	/*height:55%;*/
	width:100%;
	margin:0;
	border:none;
}

/*HACK PARA SAFARI: */
/*
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#div_consigna
	{
		padding:5% 0% 0% 1%;
	}
}
*/

#div_video
{
	width:15%;
	height:75%;
	background:#FFFFFF;
	margin:0% 0% 0.5% 0%;
	float:left;
	text-align:left;
	padding:1% 0% 0% 3.5%;
}

#div_video img
{
	width:90%;
	/*height:90%;*/
	border:none;
}

#div_ecologia
{
	width:13%;
	height:75%;
	background:#FFFFFF;
	margin:0;
	float:right;
	text-align:right;
	padding:1% 3.5% 0% 0%;
}

#div_ecologia img
{
	width:98%;
	/*height:90%;*/
	border:none;
}

#div_sabias_que
{
	width:20%;
	height:25%;
	background-color:#0093DD;
	color:#FFFFFF;
	font-weight:bold;
	margin:0% 0% 0.8% 0%;
	padding:0;
	float:left;
	text-align:center;
}


#div_redes_sociales
{
	width:20%;
	height:25%;
	background:#FFFFFF;
	margin:0% 0% 0.8% 0%;
	padding:0;
	float:right;
	text-align:center;
}

#div_redes_sociales img
{
	width:13%;
	/*height:70%;*/
	margin:0% 3% 0% 0%;
	border:none;
}

#enlaces_inferiores
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width:100%;
	height:43%;
	background:#0038A8;
	border:0;
	margin:0% 0% 0.5% 0%;	
}

#enlaces_inferiores a
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size:8px;
}

#enlaces_inferiores a:hover
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}


#texto_valenciana
{
	width:100%;
	height:45%;
	background:#0038A8;
	border:0;
	font-weight:normal;
}
#registrado
{	
	width:10%;
	height:100%;
	padding:0.7% 0% 0% 0%;
	float:right;
	font-size:1.5em;
	text-align:center;
}