/*******************************************************************/
/*************** ELEMENTOS COMUNES DE LA WEB. **********************/
/*******************************************************************/
*, ::after, ::before {
    box-sizing: border-box;
}
* {
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
	color:#002e5f;
}
a:hover { 
	color:#111; 
}

p {
	margin-bottom:15px;
}
img {
    border: none;
}
html,body {
	padding:0;
	margin:0;
	/*background: url(../img/tapiz.jpg) top center;*/
	/*background: #E1E9F4 !Important;*/
	background: #fff;
	font-family: 
		-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,
		"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",
		Georgia, Verdana,Tahoma,Geneva,sans-serif;
	color:#002e5f;
	font-weight:normal;
	font-style: italic;
	font-size:0.95em;
	text-align: justify;
	line-height: 1.3em;
}
.textoResaltado{
	font-weight:bold;
	color:#123456;
}
.cabeceraInicio{
	background-image: url(../img/inicio/bannerInicio.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:100%;
	overflow:hidden;
	zoom: 1; 
	max-width:1180px;
	max-height: 180px;
	margin:0 auto;
	z-index:100;
}
div#contenedor {
	display:block;
	vertical-align: baseline;
	width:1180px;
	background-color:#ffffff;
	height:1100px;
	margin:0 auto 0 auto;
	padding:0;
}
div#cabecera{
	width:1180px;
	background: url(../img/cabecera.png) no-repeat;
	background-position: bottom;
	height:180px;/*250 si pusieramos la imagen*/
	z-index: 200;
	position:absolute;
	top: 0px;
}
div#cuerpo{
	min-height:740px;
	/*padding-top:170px;*/
}
.panelContenido{
	/*background: url(../img/fachada.jpg) no-repeat top center;*/
	/*background: #0A790220;*/
	/*background: url(../img/_fondoBloc3.png) no-repeat top center;*/
	/*background: url(../img/fondoCuaderno.png) no-repeat top center;/*
	/*opacity: 50%;*/
	width:1140px; /*760 - (20+20) del padding*/
	height:100%;
	min-height:700px;
	/*max-height:1150px;*/
	float:right;
	padding: 20px;
	overflow:auto;
}
.panelTextoContenido{
	padding-right: 0px;
}
.panelTextoContenidoMargen{padding-top: 90px;}
.panelTextoContenido p{ 
	text-align: justify;
}
.encabezadoPagina{
	padding-left:160px;
	padding-bottom:15px;
	padding-top:0px;
}
/*Rótulo de la página situado justo después de la cabecera con el nombre de página*/
.divTituloPagina{
	 background-color:#002e5f;text-align:center;padding:25px;width:1090px;margin-bottom:20px;z-index:10;
}
.divTituloPaginaFijo{
	position: fixed; top:50px; width:1090px;
}
.divTituloPagina span{ 
	color:#ffc107;	font-size: 3em;
}

/*Descarga de documentos de las pág de proyectos*/
	.divDescargaProyectos{
		 background-color:#ffc107;text-align:center;/*padding:25px;*/width:60%;/*margin-bottom:20px;*//*z-index:10*/;
		 height:48px;padding-top:10px;line-height:15px;margin:0px auto;
	}
	.divDescargaProyectos span{ 
		color:#002e5f;	font-size: 1.2em;font-weight:bold;
	}


.sombraInfPanelContenido{
	/*background: url(../img/_sombraCapa.png) no-repeat top left;*/
	width:1180px; /*760 - (20+20) del padding*/
	height:13px;
	position:absolute;
	right:0px;
}
.sombraSupPanelContenido{
	/*background: url(../img/sombraSup.png) no-repeat top left;
	width:935px; 760 - (20+20) del padding
	height:10px;
	float:right;*/
}
.evento { color: #1A980A !important;  font-weight: bold; cursor:pointer}
.festivo { color: #CC2222 !important; font-weight: bold; }
#footerMobile{
	display:none;
}
#footerDesktop, #footerInicio { 
	margin: 0 auto;width: 1180px; height: 240px; overflow: hidden; position: relative;
	float:right;
	/*background: lightgrey;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3));
	background: -webkit-linear-gradient(#ffffff, #d3d3d3);
	background: -moz-linear-gradient(top, #ffffff, #d3d3d3);
	background: -ms-linear-gradient(#ffffff, #d3d3d3);
	background: -o-linear-gradient(#ffffff, #d3d3d3);
	background: linear-gradient(#ffffff, #d3d3d3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3');
	zoom: 1;
	border-radius: 0px 0px 8px 8px;
	font-size:1em;
	/*text-align: center;*/
	margin-bottom:10px;
	/*color:#D6A207;*/
	color:#002e5f;
	font-family: Montserrat;
	/*font-weight: bold;*/
    font-style: normal;
    text-align: left;
	
}

.divSubFooterLeft{
	float: left;
    position: relative;
    /*padding-top: 40px;
    padding-left: 20px;*/
	width: 70%;
}
.divSubFooterRight{
	float: right;
    
    width: 30%
}
.divSubFooterBottom{
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#002e5f));
	background: -webkit-linear-gradient(#fff, #002e5f);
	background: -moz-linear-gradient(top, #fff, #002e5f);
	background: -ms-linear-gradient(#fff, #002e5f);
	background: -o-linear-gradient(#fff, #002e5f);
	background: linear-gradient(#fff, #002e5f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#002e5f');*/
	/*background:#002e5f;*/
	font-family: sans-serif;
	font-style: italic;
	font-size: small;
	}
#footerDesktop a, #footerInicio a {color:/*white*/#002e5f/*#D6A207*/;text-decoration:none;}
#footerDesktop a:hover, #footerInicio a:hover {color:#ffc107;}

#footerDesktop li {list-style:none;padding-left:20px;}
#footerDesktop li span {padding-left:10px;}
/*******************************************************************/
/*************** PAGINA DE INICIO. *********************************/
/*******************************************************************/
.panelContenidoInicio{
	/*background: url(/img/_fondoBloc3.png) no-repeat top center;
	background: url(/img/_fachadaInicio.jpg) no-repeat top center;*/
	/*background: #0A790220;*/
	width:1140px;
	height:100%;
	min-height:700px;
	/*max-height:1180px;*/
	float:right;
	padding: 20px;
	overflow:auto;
}
#divAvisoCookies{
	background-color:#000000;
	border: 1px solid #000000;
	opacity: 0.85;
	border-radius: 0.5em; 
	padding:10px;
	position:relative;
	top:0px;
	margin: 0 auto 10px;
}
#divAvisoCookies a{
	color:#ffffff;
}
.textoDivAvisoCookies{
	color:#f6f6f6;
	font-weight:normal;
	font-size:0.9em;
	text-align: justify;
	line-height: 1.3em;
}
#divAvisoAnuncio{
	background-color:#fb0606;
	border: 1px solid #000000;
	opacity: 0.85;
	border-radius: 0.5em; 
	padding:30px;
	position:relative;
	top:50px;
	margin: 0 auto 10px;
}
#divAvisoAnuncio a{
	color:#ffff00;
}
.textoDivAvisoAnuncio{
	color:#ffffff;
	font-weight:normal;
	font-size:0.9em;
	text-align: justify;
	line-height: 1.3em;
}
.textoDivAvisoAnuncioExtra{
	color:#ffff00;
	font-weight:normal;
	font-size:1.2em;
	text-align: justify;
	line-height: 1.3em;
}
/*******************************************************************/
/*************** PAGINA DE TABLON-LIBROS. **************************/
/*******************************************************************/
.desplegable{display:none;width:670px;padding-left:30px;margin:auto;}
.rotuloDesplegable{cursor: pointer;/*padding:5px 30px 5px 30px;width:100px;*/padding:0px 0px 25px 0px;width:150px;}
.cursoEscolar{
	font-size: 1.2em;
	font-weight: bold;
    margin-left:auto;
	margin-right:auto;
	width: 100%;
}
.textoCursoEscolar{
	text-align:center;
}
#divCarpetas{
	width:490px;
	margin:auto;
}
.capaTablas{
	width:80%;margin:auto;
}
#tablaLibros{
	border:0px;
	width:100%;
	line-height: 2.3em;
}
#tablaLibros th{
	background-color: #002e5f;
	color: #FFFFFF;
	text-align: center;
}
#tablaLibros tr{
	height:50px;
	font-weight:normal;
}
#tablaLibros tr:nth-child(odd) {
   background-color: #C3DDF9;
   color:#002e5f;
}
#tablaLibros tr:nth-child(even) {
   background-color: #ECF3FA;
   color:#002e5f;
}
.desplegable ul li{
	padding-left:20px;		
	list-style:none;
}
 .desplegable ul li:nth-child(1){
	 padding-left:10px;
 }

/*******************************************************************/
/*************** PAGINA DE INSTALACIONES-AULAS. ********************/
/*******************************************************************/
.contenedor_tab{float:left;clear:both;width:100%;padding:0px;margin:0 auto;display:block;background:#ccc;
	border-top:0px solid #002e5f;
	border-left:1px solid #002e5f;
	border-right:1px solid #002e5f;
	border-bottom:1px solid #002e5f;
	-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;border-radius: 0 0 7px 7px;}
ul.tabs{float:left;margin:0;padding:0;list-style:none;height:42px;width:100%;margin-top:-7px;}
ul.tabs li{float:left;margin:0;padding:0;height:41px;line-height:41px;border:1px solid #333;margin-bottom:-1px;background:#002e5f;overflow:hidden;position:relative;border:1px solid #333;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius: 7px 7px 0 0;}
ul.tabs li#aulas{width:calc(20% - 0px);}
ul.tabs li#comunes{width:calc(20% - 0px);}
ul.tabs li#exteriores{width:calc(25% - 0px);}
ul.tabs li a{text-decoration:none;color:#fff;display:block;font-size:1.0em;padding:0 16px;border:1px solid #fff;outline:none;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius: 7px 7px 0 0;}
ul.tabs li a:hover{background:#666;}
ul.tabs li.activa,ul.tabs li.activa a,ul.tabs li.activa a:hover {color:#333;/*font-weight:bold;*/background:#ccc;border-bottom:1px solid #ccc;}
.contenido_tab{padding:10px;font-size:1.2em;/*width:100%;*/;text-align:center;}
.contenido_tab img{margin:15px;width:180px;padding:5px}

/*******************************************************************/
/*************** PAGINAS DE Claustro, Consejo Escolar, *************/
/*************** alumnado, AMPA, no docente y Orientacion. *********/
/*******************************************************************/
.imgDerecha{
	float:right;
	padding-left:10px;padding-bottom:10px;
}
.imgIzquierda{
	float:left;
	padding-right:10px;padding-bottom:10px;
}
.listaPersonas{
   margin: 0;
   padding-bottom: 15px;
   list-style-type: none;
} 
.listaProfesores {
   margin: 0;
   padding-bottom: 15px;
   list-style-type: none;
}
.listaElementos{
   margin: 0;
   padding-bottom: 15px;
   list-style-type: none;
}
.listaPersonas li{
   background: url("../img/icon_tic.png") no-repeat;
   background-size: 35px 35px;
   padding: 8px 0px 12px 45px;
}
.listaProfesores li {
   background: url("../img/icon_tic.png") no-repeat;
   background-size: 35px 35px;
   padding: 8px 0px 12px 45px;
}
.listaElementos li {
   background: url("../img/icon_tic.png") no-repeat;
   background-size: 35px 35px;
   padding: 8px 0px 12px 45px;
}
.reproductorVideos {
    width: 683px;
    height: 384px;
}
/*******************************************************************/
/*************** PAGINA DE CONTACTO. *******************************/
/*******************************************************************/
#divPestanyas{ display:none;float:left;padding-left:20px;padding-bottom: 10px;width:95%;}
.contenedor_tab_contacto{float:left;clear:both;
	width:calc(100% - 2px);padding:0px;margin:0 auto;display:block;background:#ccc;
	border-top:0px solid #002e5f;
	border-left:1px solid #002e5f;
	border-right:1px solid #002e5f;
	border-bottom:1px solid #002e5f;
	-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;border-radius: 0 0 7px 7px;
	font-size: 1.2em;
}
ul.tabs_contacto{float:left;margin:0;padding:0;list-style:none;height:42px;width:100%;margin-top:-7px;}
ul.tabs_contacto li{float:left;margin:0;padding:0;height:41px;line-height:31px;border:0px solid #333;margin-bottom:-1px;background:#002e5f;overflow:hidden;position:relative;border:1px solid #333;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius: 7px 7px 0 0;width:calc(20% - 0px);}
ul.tabs_contacto li a{text-decoration:none;color:#fff;display:block;font-size:1.0em;padding:0 15px;border:1px solid #fff;outline:none;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius: 7px 7px 0 0;}
ul.tabs_contacto li a:hover{background:#666;}
ul.tabs_contacto li.activa,ul.tabs_contacto li.activa a,ul.tabs_contacto li.activa a:hover {color:#333;background:#ccc;border-bottom:0px solid #ccc;}
ul.tabs_contacto li a img{height:30px;width:29px;padding-top: 2px;}
ul.tabs_contacto li a div{font-size: 1.0em;position:absolute;top:2px;left:60px;}
.contenido_tab_contacto{padding:15px;width:80%;min-height:200px;}
.contenido_tab_contacto img{padding:5px;}
.contenido_tab_contacto ul {list-style:none;}
.contenido_tab_contacto ul li {height: 40px;padding-top: 10px;}
.contenido_tab_contacto ul img {float:left;width:35px;height:35px; }
.contenido_tab_contacto ul div {padding-left: 45px;padding-top: 10px;}
.mapa{padding-left:15px;width:95%;}

.textoContacto{
	color:#627A32;
	font-weight:normal;
	font-size:12px;
	text-align: center;
	line-height: 1.3em;
	width:350px;
	padding-left:50px;
	padding-top:30px;
}
/*.mapa{
	padding-top: 20px;
    position: relative;
    width: 700px;
	padding-left: 12px;
	float:left;
}*/
/*.post-it {
	background:#fefabc; 
	padding:15px; 
	font-family: 'Lucida Handwriting', cursive; 
	font-size:11px; 
	color: #000; 
	width:200px; 
	position:relative;
	float:right;
	top:-90px;
	right:30px;

	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);

	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
}*/

/*******************************************************************/
/*************** PAGINA DE BLOGS. **********************************/
/*******************************************************************/
.blog{
	width:94%;
	min-height:140px;
	padding-left: 13px;
    padding-top: 40px;
}
.separador{	/*usada tb en becas*/
	background: #18870A;
    border: 0 none;
    height: 1px;
    margin-left: 25%;
	margin-top: 30px;
    width: 50%;
	/*float:left;*/
}
.contenedorBlogs{
	width:360px;
	float:left;
	padding-left:0px;
	padding-top:30px;
}
.contenedorBlogs a img{
	width:330px;height:165px;padding-left:25px;
}
#contBlogsDescripcion{
	padding-left:20px;padding-right:20px;
}
/*******************************************************************/
/*************** PAGINA DE ENLACES DE INTERES. *********************/
/*******************************************************************/
.enlaceInteres{
	width:100%; 
	padding-left:10px;
	padding-top:10px;
}
.enlaceInteres img{
	max-width:85%;
	padding-left:20px !important;
}


/*******************************************************************/
/*************** PAGINA DE DOCUMENTOS. *********************/
/*******************************************************************/
.contenedorEnlaces{
	/*width:380px;*/
	height:200px;
	float:left;
	padding-left:0px;
	padding-top:30px;
}
.contenedorEnlaces a img{
	width:330px;padding-left:25px;
}
#contEnlaxcesDescripcion{
	padding-left:20px;padding-right:20px;
}

/*******************************************************************/
/*************** PAGINA DE NOVEDADES. ******************************/
/*******************************************************************/
.itemListado{
	width:94%;
	min-height:180px;
	padding-left: 10px;
}
.noticiaFoto{
	float:right;
	/*padding-right:20px; Sobreescritos por pushbutton
	padding-bottom:10px;
	padding-left:10px;*/
	/*width:40%;*/
	padding-top:0px !important;
	height: auto;
	max-width: 40%;
	max-height: 180px;
	padding:10px;
}
.noticiaTitular{
  text-align: center;
  padding:0px;
  width:100%;
}
.noticiaFecha{
	font-size: 0.87em;
    padding-right: 10px;
    text-align: right;
	margin-top:20px;
}
.noticiaEntradilla{
	padding:20px;
	font-size:0.85em;
	text-align: justify;
	/*width:50%;*/
}
.noticiaContenido{
	text-align: justify;	
}
.noticiaAdjunto{
	font-weight:bold;
	color:#123456;
}
.noticiaEnlace{
	font-weight:bold;
	color:#123456;
}
/***************************/
.detalleNoticia{
	width:98%;
	min-height:250px;
	padding-left: 10px;
}
/*******************************************************************/
/*************** PAGINA DE TABLON-BECAS. ***************************/
/*******************************************************************/
.becas{
	width:93%;
	min-height:100px;
	/*border-bottom:1px solid green;*/
	padding:20px;
}
.becas img{
	width:40%;padding-right:10px;float:left;
}
/*******************************************************************/
/*************** PAGINA DE GALERIA. ***************************/
/*******************************************************************/
.capaImagenes{
	padding: 0px;
    width: 100%;
}
.itemsGaleria{
	width:30%;
	float:left;
}
.itemsDetalleGaleria{
	height:31%;
	width:31%;
	margin-bottom:10px;
	margin-left:15px;
}
/*******************************************************************/
/*************** PAGINA DE ACCESO MOVIL. ***************************/
/*******************************************************************/
.post-itMobile {
	background:#fefabc; 
	padding:15px; 
	font-size:11px; 
	color: #000; 
	width:80%;
	position:relative;
	
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
}
.mobileBodyStyle{
	/*background: url(../img/tapizMobile.jpg) top center !important;*/
	width:100%;
	height:700px;
	padding: 20px 0 0;
	margin:0;
}
/*******************************************************************/
/*************** PAGINA DE INFO FAMILIAS. **************************/
/*******************************************************************/
.imgEstadisticas{
	width:50%;
}
/*******************************************************************/
/*************** PAGINA DE DISEÑADOR. ******************************/
/*******************************************************************/
.capaContacto{
	width:100%;
	text-align:justify;
}
#formulario {
	margin-left:30px;
	margin-top:13px;
	font-family:Calibri, Arial, sans-serif;
	font-size:12px;
	line-height:13px;
	width:90%;
}
#formulario label {
	display:block;
	line-height:18px;
}

#formulario textarea,
#formulario input {
	font-family:Calibri, Arial, sans-serif;
	font-size:12px;	
	background-color:#cccccc;
	/*border:none;*/
	padding:2px;
}
#formulario h4 {
	font-size:12px;	
	font-weight:normal;
	margin-bottom:8px;
}
#formulario input {
	width:220px;
}
#formulario textarea {
	width:95%;
	height:200px;
	overflow:auto;
}
#enviar-comentario{
	padding-top:15px;
	padding-right:40px;
	display:block;
	cursor:pointer;
	float:right; 
	/*width:125px;*/
}
#mensajeResultado{
	padding-left: 20px; 
	text-align: center; 
}
/************************************************************************************************/
/* Hasta 667 es menú desplegable con todas las opciones											*/  
/* Desde 668 hasta 767 es menú desplegable con opciones generales y menú lateral con tablón		*/
/* Desde 768 hasta 959 es menú desplegable con opciones generales y menú lateral con tablón		*/
/* Desde 960 en adelante es menú de cabecera con opciones generales y menú lateral con tablón	*/
/************************************************************************************************/

/*Elementos comunes para todas las RWD */
@media only screen and (max-width: 959px) and (min-width: 150px)  {  
	html,body {
		font-size:0.84em;
		/*background: #E1E9F4;*/
	}
	div#cabecera{
		width:100%;
		background-image: url(../img/cabecera667.png);
		background-repeat: no-repeat;
		background-position: right center; 
		background-color: #002e5f;
		/*background-color: #ffffff;*/
		height:70px;
		z-index: 200;
		position:absolute;
		top: 0px;
	}	
	div#contenedor {
		width:100%;
		height:auto;
	}
	div#cuerpo{
		min-height:auto;
	}
	#wowslider-container1{
		display:none;
	}
	.panelContenido{
		background-size: 100%;
		width:100%;
		padding: 10px;
		margin-top:70px;
		overflow:auto;
		min-height:517px;
	}
	.panelTextoContenido{
		padding-right: 0px;
	}
	.panelTextoContenidoMargen{padding-top: 90px;}
	.panelTextoContenido p{ 
		text-align: justify;
	}
	.sombraInfPanelContenido{
		background-size: 100% 13px;
		width:100%;
	}
	.sombraSupPanelContenido{
		display:none;
	}
	#footerDesktop{
		display:none;
	}
	#footerMobile { 
		width:100%;
		height: 165px;
		margin-bottom:4px;
		float:right;
		display: inline;
		text-align: center;
	}
	.encabezadoPagina{
		width: 95%;
	}
	
	/*************** PAGINA DE INFO FAMILIAS. **************************/
	.imgEstadisticas{
		width:90%;
	}
	
	/*Rótulo de la página situado justo después de la cabecera con el nombre de página*/
	.divTituloPagina{
		 background-color:#002e5f;text-align:center;/*padding:25px;*/width:100%;/*margin-bottom:20px;*/z-index:10;
		 height:70px;padding-top:10px;line-height:25px;
	}
	.divTituloPaginaFijo{
		position: fixed; top:0px; left:0px;
	}
	.divTituloPagina span{ 
		color:#ffc107;	font-size: 2.5em;
	}
	/*************** PAGINA DE INICIO. ******************************/
	
	.panelContenidoInicio{
		width:100%;
		padding: 0px;
		margin-top:70px;
		overflow:auto;
		background-size: 100%;
		min-height:505px;
	}
	#footerInicio { 
		width: 100%; 
		height: 65px;
		position: relative;
		top: 100%;
		float:right;
	}
	#divAvisoCookies{
		margin-left:26px;
		margin-right:26px;
		top: 26px;
		display: none;
	}
	
	/*************** PAGINA DE LIBROS. ******************************/
	.desplegable{
		display:none;
		width:95%;
		padding:3%;
		margin:auto;
	}
	.rotuloDesplegable{
		cursor: pointer;
		padding:5px 5px 5px 5px;
		width:29%;
	}
	#divCarpetas{
		width:75%;
		margin:auto;
	}
	/*************** PAGINA DE CONTACTO. ******************************/
	ul.tabs_contacto li a div{display:none;}
	/*************** PAGINA DE INSTALACIONES **************************/
	.contenedor_tab{float:left;clear:both;width:100%;padding:0px;margin:0 auto;display:block;background:#ccc;border:1px solid #333;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;border-radius: 0 0 7px 7px;}
	/*ul.tabs{float:left;margin:0;padding:0;list-style:none;height:32px;width:100%;margin-top:-7px;}
	ul.tabs li{float:left;margin:0;padding:0;height:31px;line-height:31px;border:1px solid #333;margin-bottom:-1px;background:#002e5f;overflow:hidden;position:relative;border:1px solid #333;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius: 7px 7px 0 0;}
	ul.tabs li a{text-decoration:none;color:#fff;display:block;font-size:1.0em;padding:0 20px;border:1px solid #fff;outline:none;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius: 7px 7px 0 0;}
	ul.tabs li a:hover{background:#666;}
	ul.tabs li.activa,ul.tabs li.activa a,ul.tabs li.activa a:hover {color:#333;/background:#ccc;border-bottom:1px solid #ccc;}*/
	
	.navRWD{
		width:75%;
		height: 20px;
		padding:0px 40px 40px 40px;
		display: none;
	}
	.titPestanya{
		font-size:2em;
		padding:30px;
	}
	.flecha-left{
		width:0px;
		height:0px;
		border-bottom:10px solid transparent;  /* izquierda flecha */
		border-top:10px solid transparent; /* derecha flecha */
		border-right:20px solid #0A7902; /* base flecha y color*/
		font-size:0px;
		line-height:0px;
		float:left;
		cursor: pointer;
	}
	.flecha-right{
		width:0px;
		height:0px;
		border-bottom:10px solid transparent;  /* izquierda flecha */
		border-top:10px solid transparent; /* derecha flecha */
		border-left:20px solid #0A7902; /* base flecha y color*/
		font-size:0px;
		line-height:0px;
		float:right;
		cursor: pointer;
	}

	/*ul.tabs{display:none;}*/

	.contenido_tab{padding:10px;font-size:1.2em;width:95%;}
	.contenido_tab img{width:45%;padding:4px;margin:0px;border: 1px solid #0A7902;}
	/*.contenido_tab img:nth-child(odd) {
		float:left;
	}*/
	/*.contenido_tab img:nth-child(even) {
		float:right;
	}*/
	/*************** PAGINA DE GALERIA DE IMAGENES. *******************/
	.itemsGaleria{
		width:48%;
	}
	.itemsDetalleGaleria{
		height:28%;
		width:28%;
	}
}
/* Hasta 480 es menú desplegable con todas las opciones */  
@media only screen and (max-width: 480px) and (min-width: 150px)  {  
	html,body {
		font-size:0.82em;
	}
	div#cabecera{
		background-image: url(../img/cabecera320.png);
		background-repeat: no-repeat;
		background-position: center center; 
	}
	p{
		padding-left:15px;
	}
	.panelContenidoInicio{
		
	}
	.panelContenido{
		
	}
	.imgIzquierda{
		padding-left:18px;
	}
	.blog{
		min-height:90px;
	}
	.reproductorVideos {
		width: 452px;
		height: 254px;
	}
}
/* Hasta 667 es menú desplegable con todas las opciones */  
@media only screen and (max-width: 667px) and (min-width: 481px)  { 
	html,body {
		font-size:0.82em;
	}
	div#cabecera{
		background-image: url(../img/cabecera480.png);
		background-repeat: no-repeat;
		background-position: center center; 
	}
	p{
		padding-left:15px;
	}
	.panelContenidoInicio{
		
	}
	.panelContenido{
		
	}
	.imgIzquierda{
		padding-left:18px;
	}
	.blog{
		min-height:90px;
	}
	.reproductorVideos {
		width: 452px;
		height: 254px;
	}
}

/* Desde 668 hasta 767 es menú desplegable con opciones generales y menú lateral con tablón */
@media only screen and (max-width: 767px) and (min-width: 668px){
	html,body {
		font-size:0.86em;
	}
	div#cabecera{
		background-image: url(../img/cabecera667.png);
		background-repeat: no-repeat;
		background-position: center center; 
	}
	.panelContenidoInicio{
		width:68%;
	}
	.panelContenido{
		width:68%;
	}
	#footerDesktop{
		display:none;
	}
	#footerMobile { 
		width:68%;
		padding-left:10px;
		padding-right:10px;
		display: inline;
		text-align: center;
	}
	#footerInicio { 
		width: 68%; 
	}
	.blog{
		min-height:110px;
	}
	.reproductorVideos {
		width: 464px;
		height: 275px;
	}
}

/* Desde 768 hasta 959 es menú desplegable con opciones generales y menú lateral con tablón */
@media only screen and (max-width: 959px) and (min-width: 768px)  { 
	html,body {
		font-size:0.90em;
	}
	div#cabecera{
		background-image: url(../img/cabecera960.png);
		background-repeat: no-repeat;
		background-position: right center; 
	}
	.panelContenidoInicio{
		width:72%;
	}
	.panelContenido{
		width:72%;
	}
	#footerDesktop{
		display:none;
	}
	#footerMobile { 
		width:72%;
		padding-left:10px;
		padding-right:10px;
		display: inline;
		text-align: center;
	}
	#footerInicio { 
		width: 72%; 
	}
	.blog{
		min-height:120px;
	}
	.reproductorVideos {
		width: 558px;
		height: 340px;
	}
}