* 

{
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



body {background:#413f52;}

.menu_bar {
	display:none;
}



header {
	width: 100%;
	}


header nav {
	background:#e8e4df;
	z-index:1000;
	max-width: 1000px;
	width:95%;
	margin:4px auto;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
	background-color: #0892BC;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	/*text-transform: uppercase;*/
	text-align: center;
	font-size: 0.875rem;
	float:left;
	width:142.8px;
}




header nav ul li a {
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding: 10px;
}


header nav li.active> a
{
	text-align: center;
	color: #363636;
	background: no-repeat 30% 102% #dbdbdf;
}


header nav li> a:hover
{
	text-align: center;
	color: #363636;
	background: no-repeat 30% 102% #dbdbdf;
}




header nav ul li a span {
	/*margin-right:20px;*/
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	/*background:#011826;*/
	position: absolute;
	/*width: 150%;*/
	/*text-align: left;*/
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid #d6d6d6;
	text-align: left;
	/*border-bottom: 1px solid rgba(255,255,255,.5);*/
}

header nav ul li .children li a {
	display: block;
	text-align: left;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}




.elected
{
	color: #ffff00;
	background-color: #363638;
	/*font-size: 15px;*/
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: Arial;*/
	/*font-size: 1.075rem;*/
}










/* fin injerto */






#logo
{
	width: 100%;
	height: 246px;
	max-width: 1000px;
	min-width: 501px;
	margin:3px auto;
	background-color: #e7e7e7;
	background:url(images/newheader04.jpg);
}






#logomobil
{
	display:none;
}






#contenedor
{
	width: 100%;
	max-width: 1000px;
	min-width: 501px;
	margin:0 auto;
}


#redessociales
{
	display:none;
}


#whatsapp
{
	display:none;
}





footer
{
	height: 110px;
	margin: 0px 0px 0px 0px;
	background-color: #eaeaea;
}




a
{
	text-decoration: none;
	color: #4f4f4f;
}

a:hover
{
	text-decoration: underline;
	color: #4f4f4f;
}

a.empty
{
	text-decoration: none;
}	





/*---------- nav -----------*/

.top-nav-left
{
	background: #413f52;
	border-bottom: 0px solid #026660;
	float:left;
	margin: 15px 0px 0px -41px;
	width: 107.6%;
}



.top-nav-left ul li
{
	margin: -26px 0px 0px 0px;
	display:inline-block;
	float:left;
	border-left:1px solid #e8e4df;
	width: 13.7%;
}


.top-nav-left ul li a
{
	background:#0892BC;
	padding:12px;
	display:block;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	/*text-transform: uppercase;*/
	text-align: center;
	font-size: 0.875rem;
}


.top-nav-left li.active> a, .top-nav-left li> a:hover
{
	text-align: center;
	color: #363636;
	background: no-repeat 30% 102% #dbdbdf;
}


/*----------- fin nav -----------*/











/*------------ sections ---------------*/
.arriba
{
	margin: 0px 0px 0px 0px;
	width:100%;
	background-color: #ffffff;
	float:left;
	border-top: 5px solid #413f52;
}

.medio
{
	margin: 0px 0px 0px 0px;
	width:100%;
	float:left;
	border-top: 0px solid #026660;
}

/*---------- fin sections -------------*/






/*------------ articles ---------------*/



/*------------ injerto jet ---------------*/


.unojet
{
	float:left;
	width:65%;
	background-color: #ffffff;
	font-color:#666666;
	/*padding:10px;*/
	/*font-family: 'Arial';*/
	/*font-size: 0.875rem;*/
}

.dosjet
{
	float:left;
	width:35%;
	background-color: #ffffff;
}

.tresjet
{
	float:left;
	width:100%;
	background-color: #cfdfdf;
}


/*------------ fin injerto jet ---------------*/





.uno
{
	float:left;
	width:70%;
	background-color: #ffffff;
	font-color:#666666;
	/*padding:10px;*/
	/*font-family: 'Arial';*/
	/*font-size: 0.875rem;*/
}

.dos
{
	float:left;
	width:30%;
	background-color: #cfdfdf;
}

.dosclaro
{
	float:left;
	width:30%;
	background-color: #f1f1f1;
}

.dosblanco
{
	float:left;
	width:30%;
	background-color: #ffffff;
}


.tres
{
	width:100%;
	float:left;
	background-color: #ffffff;
}

.unocincuenta
{
	float:left;
	width:50%;
	background-color: #ffffff;
	font-color:#666666;
	/*padding:10px;*/
	/*font-family: 'Arial';*/
	/*font-size: 0.875rem;*/
}

.doscincuenta
{
	float:left;
	width:50%;
	background-color: #f1f1f1;
}

.doscincuentablanco
{
	float:left;
	width:50%;
	background-color: #ffffff;
}


.unocuarenta
{
	float:left;
	width:40%;
	background-color: #ffffff;
	font-color:#666666;
	/*padding:10px;*/
	/*font-family: 'Arial';*/
	/*font-size: 0.875rem;*/
}

.dossesenta
{
	float:left;
	width:50%;
	background-color: #ffffff;
}

.unotreinta
{
	float:left;
	width:33.33%;
	background-color: #f1f1f1;
}


.unotreintablanco
{
	float:left;
	width:33.33%;
	background-color: #ffffff;
}



.unocuarenta
{
	float:left;
	width:36%;
	background-color: #ffffff;
}

.unosesenta
{
	float:left;
	width:60%;
	background-color: #ffffff;
}


/*----------- fin articles --------------*/





/*------------ aside y footer ----------  */

aside
{
	width:15%;
	float:left;
	border-top: 5px solid #026660;
}

footer
{
	clear:left;
	padding:10px;
}

/*---------- fin aside y footer ---------  */






/*---------------- tablas ----------------*/



td.kari0
{
	padding: 1px;
}

td.kari
{
	padding: 4px;
}

td.kari2
{
	padding: 6px;
}



td.anchotest
{
	width: 520px;
}


/*------------- fin tablas ---------------*/







/*---------------- texto ----------------*/



.textosubmenu
{
	padding:3px;
	color: #616161;
	/*background-color: #dddddd;*/
	font-family: Verdana, Arial;
	font-size: 14px;
	/*font-size: 0.985em;*/
}

.textosubmenu: hover
{
	padding:3px;
	color: #616161;
	font-family: Verdana, Arial;
	/*font-size: 0.875rem;*/
	font-size: 14px;
}

.textosubmenuelegido
{
	padding:0px;
	color: #222222;
	font-family: Verdana, Arial;
	/*font-size: 0.875rem;*/
	font-size: 14px;
	font-weight: 600;
}

.textosubmenuelegido: hover
{
	padding:0px;
	color: #222222;
	text-decoration: none;
	font-family: Verdana, Arial;
	/*font-size: 0.875rem;*/
	font-size: 14px;
	font-weight: 600;
}








.textotitular1
{
	padding:0px;
	color: #72a4a4;
	font-family: Verdana, Arial;
	font-size: 26px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}




.textotitular2
{
	padding:0px;
	color: #72a4a4;
	font-family: Verdana, Arial;
	font-size: 20px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}


.textotitular3
{
	padding:0px;
	color: #426464;
	font-family: Verdana, Arial;
	font-size: 20px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}


.textotitular4
{
	padding:0px;
	color: #5555a5;
	font-family: Verdana, Arial;
	/* font-size: 20px; */
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 1.175em;*/
}

.textotitular4green
{
	padding:0px;
	color: #117744;
	font-family: Verdana, Arial;
	/* font-size: 20px; */
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 1.175em;*/
}

 
.texto1
{
	padding:20px;
	color: #2f2f2f;
	font-family: Calibri, Verdana, Arial;
	font-size: 15px;
	line-height: 20px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}


.texto1nopadblue
{
	padding:0px;
	color: #2635b8;
	font-family: Calibri, Verdana, Arial;
	font-size: 15px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}


.texto1nopadblue:hover
{
	padding:0px;
	color: #2635b8;
	font-family: Calibri, Verdana, Arial;
	font-size: 15px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
	text-decoration: underline;
}



.texto1gris
{
	padding:20px;
	color: #555555;
	font-family: Calibri, Verdana, Arial;
	font-size: 15px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}

.texto1nopad
{
	padding:0px;
	color: #2f2f2f;
	font-family: Calibri, Verdana, Arial;
	font-size: 15px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}


.texto2
{
	padding:0px;
	color: #262626;
	font-family: Calibri, Verdana, Arial;
	/*font-size: 15px;*/
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: Arial;*/
	font-size: 1.075rem;
}


.texto1blue
{
	padding:0px;
	color: #5566aa;
	font-family: Calibri, Verdana, Arial;
	font-size: 15px;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}



.texto2blue
{
	padding:0px;
	color: #5566aa;
	font-family: Calibri, Verdana, Arial;
	/*font-size: 15px;*/
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: Arial;*/
	font-size: 1.075rem;
}



.textotitulogreen
{
	padding:0px;
	color: #2a7a5a;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}

.textotitulogreen:link
{
	padding:0px;
	color: #2a7a5a;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}

.textotitulogreen:visited
{
	padding:0px;
	color: #2a7a5a;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotitulogreen:active
{
	padding:0px;
	color: #2a7a5a;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotitulogreen:hover
{
	padding:0px;
	color: #2a7a5a;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: underline;
}

.textotitulogreen2
{
	padding:0px;
	color: #2a7a5a;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotituloazul
{
	padding:0px;
	color: #4444b4;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}

.textotituloazul:link
{
	padding:0px;
	color: #4444b4;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}

.textotituloazul:visited
{
	padding:0px;
	color: #4444b4;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotituloazul:active
{
	padding:0px;
	color: #4444b4;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotituloazul:hover
{
	padding:0px;
	color: #4444b4;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: underline;
}

.textotituloazul2
{
	padding:0px;
	color: #4762b2;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotituloazul3
{
	padding:0px;
	color: #222282;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotituloazulchillon
{
	padding:0px;
	color: #5555ff;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}

.textotituloazulchillon:link
{
	padding:0px;
	color: #5555ff;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}

.textotituloazulchillon:visited
{
	padding:0px;
	color: #5555ff;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotituloazulchillon:active
{
	padding:0px;
	color: #5555ff;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: none;
}


.textotituloazulchillon:hover
{
	padding:0px;
	color: #5555ff;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.195rem;
	text-decoration: underline;
}


.othertests
{
	color: #222222;
}





.textofooter
{
	padding:1px;
	color: #333333;
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	font-weight: 100;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}

.textofooter2
{
	padding:1px;
	color: #4f4f4f;
	font-family: Arial;
	font-size: 12px;
	font-weight: 200;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size: 0.875em;*/
}





h1.letraslogo
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 54px;
	color: #FFFFFF !important;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

h2.letrassublogo
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF !important;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

.altura
{
	height:210px;
}

/*-------------- fin texto --------------*/




/*-------------- select --------------*/

select.arialonline
{
	background: #dddddd
}


/*-------------- fin select --------------*/




/*--------------- div -----------------*/

#imgesp01
{
	height: 104px;
	width: 161px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/profesores-directores.jpg);
}


#imgeng01
{
	height: 104px;
	width: 161px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/teachers-staff.jpg);
}


#imgesp02
{
	height: 116px;
	width: 164px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/cursos-para-empresas.jpg);
}

#imgeng02
{
	height: 116px;
	width: 164px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/courses-for-companies.jpg);
}

#imgesp03
{
	height: 117px;
	width: 164px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/curso-ingles-online.jpg);
}


#imgeng03
{
	height: 117px;
	width: 164px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/english-online-course.jpg);
}


#imgesp04
{
	height: 103px;
	width: 163px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/clases-ingles-telefono.jpg);
}


#imgeng04
{
	height: 103px;
	width: 163px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/english-telephone-classes.jpg);
}

#imgesp05
{
	height: 104px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/penfriends.jpg);
}

#imgeng05
{
	height: 104px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/penfriends.jpg);
}



#imgesp06
{
	height: 102px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/jovenes-penfriends.jpg);
}


#imgeng06
{
	height: 102px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/junior-penfriends.jpg);
}


#imgesp07
{
	height: 105px;
	width: 163px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/recursos-alumnos-ingles.jpg);
}


#imgeng07
{
	height: 105px;
	width: 163px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/resources-english-students.jpg);
}


#imgesp08
{
	height: 102px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/recursos-profesores-ingles.jpg);
}


#imgeng08
{
	height: 102px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/resources-english-teachers.jpg);
}




#imgesp09
{
	height: 119px;
	width: 194px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(imagenes/formadores-idiomas.jpg);
}


#imgeng09
{
	height: 119px;
	width: 194px;
	margin: 0px 0px 0px 0px;
	padding: 0;
        background:url(images/language-instructors.jpg);
}

#ancho1
{
	width: 75%;
}


#altura1
{
	line-height: 20px;
}



#fondo
{
background: -webkit-linear-gradient(to bottom, #a0c5d8 10%, #e8e8e8 90%);
background: -moz-linear-gradient(to bottom, #a0c5d8 10%, #e8e8e8 90%);
background: -ms-linear-gradient(to bottom, #a0c5d8 10%, #e8e8e8 90%);
background: -o-linear-gradient(to bottom, #a0c5d8 10%, #e8e8e8 90%);
background: linear-gradient(to bottom, #a0c5d8 10%, #e8e8e8 90%);
}

/*------------- fin div ---------------*/




/*------------- parrafo ---------------*/


.alturalineas24
{
	line-height: 24px;
}



/*-----------  fin parrafo -------------*/








/*----- CSS para la animación y localización de los DIV de cookies -----*/
     

    @keyframes desaparecer
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @-webkit-keyframes desaparecer /* Safari and Chrome */
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @keyframes aparecer
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }


    @-webkit-keyframes aparecer /* Safari and Chrome */
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }
  
  
  #cookiesms1:target {
        display: none;
    }
    .cookiesms{	
    	width:100%;
    	height:60px;
    	margin:0 auto;
    	font-family: Verdana, Arial, Sans-serif;
	padding-left:5%;
            padding-top:5px;
            font-size: 0.8em;
    	clear:both;
            font-weight: strong;
    color: #333;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #c8cbcf;
    opacity:0.95;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    /*-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);*/
    /*-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);*/
    /*box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);*/
    z-index:999999999;
    }
     
    .cookiesms:hover{
    bottom:0px;
    }
    .cookies2{
    background-color: #FFF;
    display:inline;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:absolute; 
    left:1%; 
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    }
     



/*--- Fin CSS para la animación y localización de los DIV de cookies ----*/