/*tablet&pc styles*/
/*@media only screen and (min-width:821px){*/

/*NAVIGATION BAR*/
#navigation {width:auto; height:50px;background-color: #0F70B7;padding:0;margin:0;clear:both;}
#container {width:70%; height:50px;margin:0 auto;padding:0; background-color:#000;}
/*LISTA1: BARRA DE NAVEGACION*/
/*contenedor listas*/
#container-lista-inicio{width:10%; height:50px;float:left; margin-right:0%; padding:0; background-color:#0F70B7; min-width:50px;}
#container-lista{width:80%; float:left; margin:0; padding:0;background-color:#0F70B7; min-width:400px;}
#container-lista-idiomas{width:10%; float:right; margin:0; padding:0; background-color:#0F70B7; min-width:50px;}

/*ul*/
#lista-inicio{position:relative; width :80%; height:50px; background-color:#0F70B7; margin:0 auto; padding:0; list-style:none;}
#lista{width:100%; height: 50px; margin:0px auto; padding:0px; background-color:#0F70B7; text-align:center; vertical-align:center;}
#lista-idiomas{position:relative;width:80%; height:50px; margin:0 auto; padding:0; background-color:#0F70B7; list-style:none; float:left;}

/*li*/
#lista-inicio li{position:relative; margin :0px; padding:0px; display:inline-block; text-decoration:none;background-color:#0F70B7; border-radius:5px;}
#lista-inicio li:hover{background-color:#fff;}
#lista li{display:inline-block;	margin:0px 7px;padding:0px 3%;vertical-align:middle; border-radius:3px;	height:50px; background-color:#0F70B7; color:#fff;}
#lista li:hover{background-color:#fff; color:#0F70B7;}
#lista-idiomas li{position:relative;margin:0; padding:0; border-radius:3px; display:inline-block; background-color:#0F70B7; width:50px; height:50px;}
#lista-idiomas li:hover{background-color:#fff;}

/*formato li cuando estas en la misma página*/
#lista li.current{background-color:#fff; color:#0F70B7; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
#lista li.current a{color:#0F70B7; font-weight:bold;}

/*contenido de la celda li*/
#lista a{ color:#fff; text-decoration:none; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:50px; }
#lista li:hover a{color:#0F70B7; cursor:pointer;}

/*CLASES ENGRANAJE*/ /*CLASES LUPA*/
li#engranaje {position:relative;}
#engranaje span.normal-engranaje{
	position:absolute;
	bottom:-50px;
	width:50px;
	height:50px;
	background-color:#0F70B7;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius: 3px;
	cursor:pointer;
	background-image:url('../images/iconos/engranaje_blanco.png');
	background-size: 80%;
}
#engranaje span:hover{
	border-radius: 3px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-image:url('../images/iconos/engranaje.png');
	background-size:80%;
}

/*CLASE DE NO MOSTRAR*/
.coming-soon {
	display:none;
}

/*CLASES BARRA DE BUSQUEDA*/
input[type=search]{	width:100px; border :1px solid #d6d6d6;	outline:none;	text-shadow: 1px 1px 1px #d6d6d6;}
input[type=search]:hover{border:1px solid #999999;background-color:#d0e2f0;	color:#fff;	cursor:pointer;}
.search {width:120px; text-align:center; margin:0px; padding:0;display:none;}

/*DROPMENU*/
ul.submenu {
	float: none;
	background-color:#0F70B7;
	width: 108px;
	height: 50px;
	margin:0;
	padding:0;
	position: absolute;
	top: 0px;
	left:-9900em;
	
	max-height:0;
	-moz-transition:max-height 0.5s ease-in-out;
	-webkit-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	left:-9000em;
	transition:max-height 0.5s ease-in-out;
	
	overflow:hidden;
}
ul.submenu li{
	float: none;
	display:inline;
}
.topmenu li:hover ul {
	left:50px;
	max-height:100px;
}
ul.submenu li:hover {
	background-color: #fff;
	width:50px;
	height: 50px;
	padding:0px;
	top: 0;
}

/*CLASES PARA LAS BANDERAS DE IDIOMAS*/
.idioma-espanol, .idioma-catalan, .idioma-ingles{
	position:absolute;
	bottom:0px;
	height:50px;
	width:50px;	
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:3px;
	cursor:pointer;
}
.idioma-catalan{
	background-image:url('../images/banderas/catalana.png');
	background-size:50%;
}
.idioma-ingles{
	background-image:url('../images/banderas/inglesa.png');
	background-size:50%;
}
.idioma-espanol{
	background-image:url('../images/banderas/espanola.png');
	background-size:50%;
}
/* Sub Menu Indicators */
.nav_menu ul.topmenu li.indicator { background: url(../images/pijltje_rechts2.png) no-repeat right 2%; }
.nav_menu ul.dropmenu a.toplevel.indicator { background: url(../images/bullet_table_001.png) no-repeat 0px bottom; }


/*FOOTER*/
#footer {
	clear:both;
	width: 100%;
	background-color: #0F70B7;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer div{
	width:45%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0 auto;

}
#footer p {
	font-size: 14px;
	line-height: 14px;
	color: #000;
	margin: 1px;
	padding: 1px;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}


/*CONTENIDO PARA LAS QUE NO SON INDICE PERO SON HIJAS DE LA NAV.DWT*/
#wrapper{
	width:70%;
	margin:0px auto;
	height:900px;
	padding:3em;
	
}
/*estilos*/
#wrapper h2, #colegios h2, #contact h2, #about h2,  #empresas h2{
	color:#2C2E83;
	font-style:normal;
	font-family:  "Comic Sans MS";
	padding:0;
	margin:20px 0px;
	text-align:left;
	font-size:55px;
	font-weight:lighter;
}
#wrapper p, #colegios p, #contact p, #about p, #empresas p{
	margin:20px 0px;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
}
/*COLEGIOS*/

/*listas*/
#colegios ul, #contact ul, #about ul, #empresas ul{
	list-style-image:url( "../images/bullet_tabla_001.png" );
	margin:20px;
}
#colegios li, #contact li, #about li, #empresas li{
	margin:10px 0px 0px 0px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

/*EMPRESAS*/

/*Frases célebres*/
#fc{
	width:100%;
	height:50px;
	margin:40px 0;
	padding:0;
}
.frase-celebre{
/*	background-image:url("sidebar_transparent.png");
	text-indent:600px;*/
	background-color:#0F70B7;
	width:auto;
	opacity:0.7;
	float:right;
	padding:10px;
	color:#fff;
	font-size:24px;
	text-align:left;
}

/*CONTACTA*/

/*Formulario*/
#formulario{
	margin:20px;
	width:500px;
	height:450px;
	position:relative;
}
#formulario div.form-normal{
	border-bottom:1px solid #efefef;
	margin:2%;
	padding:2%;
	width:90%;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#formulario div.form-gran{
	border-bottom:1px solid #efefef;
	margin:2%;
	padding:2%;
	width:90%;
	height:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.title{
	float:left;
	width:100px;
	text-align:right;
	padding-right:5%;
}
#formulario input, #formulario textarea {
	width:200px;
	float:right;
	margin-right:5%;
	
}
#formulario input[type=submit] {
	width:100px;
	padding:4px;
	position:absolute;
	bottom:20px;
	right:5%;
}
/*mensaje enviado */
#mensaje-enviado, #mensaje-enviado-link{
	margin:60px 0;
	font-size:20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/*ABOUT*/
#presentaciones{
	height: auto;
	margin:60px 0px 100px 0px;
}
#presentaciones div.cuadrads{
	background-color:#3399FF;
	margin:0px auto;
	width:800px; /*ajustar*/
	padding:0;
}
#wrapper-foto{
	width:150px; /*ajustar*/
	height:150px;  /*ajustar*/
	float:left;
	margin:50px;
	background-color:#fff;
}
.foto-about{
	width:150px;  /*ajustar*/
	height:150px; /*ajustar*/
	padding:5px;
	border: 1px gray solid;
	vertical-align:middle;	
	background-color:#fff;

}
.foto1{
	width:150px; /*ajustar*/
	height:150px; /*ajustar*/
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	background-image:url('../images/about-presentaciones/ecr_boxeador.png');
	background-size: 110%;
	max-height:150px;
	-moz-transition:max-height 0.5s ease-in-out;
	-webkit-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition:max-height 0.5s ease-in-out;

}
.foto1:hover{
	background-image:url('../images/about-presentaciones/Miguel.png');
	repeat:no-repeat;
	background-size:100%;
	max-hegiht:150px;
}
.foto2{
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	background-image:url('../images/about-presentaciones/ecr_abeja_maya.png');
	background-size: 100%;
}
.foto2:hover{
	background-image:url('../images/about-presentaciones/Balbina.jpg');
	repeat:no-repeat;
	background-size:100%;
}
.foto3{
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	background-image:url('../images/about-presentaciones/ecr_policia.png');
	background-size: 100%;
}
.foto3:hover{
	background-image:url('../images/about-presentaciones/Menchu.png');
	repeat:no-repeat;
	background-size:100%;
}
.foto4{
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	background-image:url('../images/about-presentaciones/ecr_cientifica.png');
	background-size: 70%;
}
.foto4:hover{
	background-image:url('../images/about-presentaciones/Maite.jpg');
	repeat:no-repeat;
	background-size:100%;
}
.foto5{
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	background-image:url('../images/about-presentaciones/ecr_doctora.PNG');
	background-size: 60%;
}
.foto5:hover{
	background-image:url('../images/about-presentaciones/Blanca.JPG');
	repeat:no-repeat;
	background-size:100%;
}
.foto6{
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	background-image:url('../images/about-presentaciones/ecr_hada.png');
	background-size: 100%;
}
.foto6:hover{
	background-image:url('../images/about-presentaciones/Maria.jpg');
	repeat:no-repeat;
	background-size:100%;
}
}