@import url('reset.css');









@font-face {
    font-family: 'Bevan';
    src: url('Bevan/Bevan.eot');
    src: url('Bevan/Bevan.eot?#iefix') format('embedded-opentype'),
         url('Bevan/Bevan.woff') format('woff'),
         url('Bevan/Bevan.ttf') format('truetype'),
         url('Bevan/Bevan.svg#Bevanregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}



@font-face {
    font-family: 'caligrafia2';
    src: url('caligrafia2/caligrafia2.eot');
    src: url('caligrafia2/caligrafia2.eot?#iefix') format('embedded-opentype'),
         url('caligrafia2/caligrafia2.woff') format('woff'),
         url('caligrafia2/caligrafia2.ttf') format('truetype'),
         url('caligrafia2/caligrafia2.svg#caligrafia2regular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}



*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body {

}

body{
font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#0E2267;cursor:default;

}

.fondo_normal{
 background:  url(../images/fondo4.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.fondo_peques{
 background:  url(../images/fondo4_peques.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fondo_ket{
 background:  url(../images/fondo_ket.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.fondo_bec{
 background:  url(../images/fondo_negocio.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.fondo_chino1{
 background:  url(../images/fondo_chino.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





h1,.large,.left{font-family:'Bevan', Geneva,Arial,sans-serif; font-size:44px; font-weight:900; white-space:nowrap;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

h2{font-family:'Bevan', Geneva,Arial,sans-serif; font-size:27px; font-weight:700; white-space:nowrap;}
.Bevan{font-family:'Bevan', Geneva,Arial,sans-serif; }

.caligrafia5{font-family:'caligrafia2', Geneva,Arial,sans-serif; font-size:43px; text-align:center;  color: #D5FB84;
text-shadow: 0px -1px  #000, 1px -1px white, 1px 3px #333;
 margin-top:1px; vertical-align:bottom }
 .caligrafia2{ display:none }
#empresa{position:absolute;
top:50%;
left:50%;
margin-left:-295px;/* la mitad del ancho*/
margin-top:-185px;/* la mitad del alto*/
width:590px;
height:370px;
text-align:center;
border:#66FF99 0px solid;}

.logo_bajo div{

position:relative;

top:64%;

}

#academia{ padding:5px 5px 5px 5px ;
vertical-align:super; letter-spacing:1em; font-size:41px;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1); margin-bottom:5px;
}

.round-box { position:relative;

width:390px;
height:140px;
letter-spacing:10px;
word-spacing:12px;

padding: 55px 1px 0px 2px;
text-align:center;
margin-left:14.2%;
vertical-align:middle;
border: #0E2267 15px solid;
 border-radius: 199px / 105px;
    -moz-border-radius: 199px / 105px;
    -webkit-border-radius: 199px / 105px;
	background:url(../images/fondo_div2.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }





#wrapper{
position:absolute;
top:0;
left:0;
width:100% ;
height:100%;
padding:0%;
margin:0px;
border: #0000FF 0px solid}


#wrapper2{
position:absolute;
bottom:0;
left:0;


width:100% ;
min-height:302px;
padding:0%;
margin:0px;
border:  #0000FF 0px solid
}

.panel{

 border: 15px solid ;

			  
padding:0px;
border-radius: 9px;
    -moz-border-radius:9px;
	 -webkit-border-radius: 9px;

  width:300px;
  height:220px;
  cursor:pointer;
  -moz-box-shadow:   0px 0px 3px 0px #000;
 -webkit-box-shadow:  0px 0px 3px 0px #000;
 box-shadow: 0px 0px 3px 0px #000;


}


.dentro_panel{
position:relative;
top:-4px;
left:-5px;
border: transparent 1px solid;
border-radius: 7px;
    -moz-border-radius:7px;
	 -webkit-border-radius: 7px;
padding:16px;
  width:276px;
  height:196px;
background:url(../images/fondo_div.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#quienes{position:absolute;
float:left;
top:50%;
margin-top:-110px;
margin-left:25px;




}
#que{
 position: absolute;

left:50%;
top: 1.5%;
margin-left :-10rem ;
 margin-right: -10rem ;


}

#donde{position:absolute;
float: right;

top:50%;
margin-top:-110px;
right:25px;


}

#quienes_somos{

position:absolute;
top:1%;
left:50%;
width:700px;
height:260px;
margin-left:-365px;
margin-top:-10px;

}

.dentro_panel_quienes{
border: transparent 1px solid;
border-radius: 7px;
    -moz-border-radius:7px;
	 -webkit-border-radius: 7px;
padding:16px;
background:url(../images/fondo_div.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;



height:87%;
overflow-y:scroll;
}

.dentro_panel_quienes div{
padding:8px;
font-size:14px;
border-left:0px solid;

border: 1px dotted;
background-color:#e0e0e0;

}


#que_ofrecemos{
position:absolute;
top:3%;
left:50%;
width:410px;
height:470px;
margin-left:-205px;
margin-top:-15px;

}

.tabla_quienes{

 width:auto;
 height:100%;
  border:0;
  position:relative;
   padding:2px 2px 2px 2px;
  

}


.dentro_panel_que_ofrecemos{
border: transparent 1px solid;
border-radius: 7px;
    -moz-border-radius:7px;
	 -webkit-border-radius: 7px;
padding:16px;
 
background:url(../images/fondo_div.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:378px;
   height:440px
 }

.dentro_panel_que_ofrecemos div{

padding:8px;

border-left:0px solid;

border: 1px dotted;
background-color:#e0e0e0;

}
.dentro_panel_que_ofrecemos p{

font-size:14px;
padding-left:6px;

}

#que_ofrecemos_boton{
position:absolute;
top:0%;
left:0;
width:260px;
height:65px;
display:none;
cursor:pointer;

}


.dentro_panel_que_ofrecemos_boton{
border: transparent 1px solid;
border-radius: 7px;
    -moz-border-radius:7px;
	 -webkit-border-radius: 7px;
padding:16px;
 width:230px;
   height:35px;
   background:url(../images/fondo_div.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor:pointer;
 }




#clases{
position:absolute;
top:50%;
left:0%;
width:410px;
height:330px;

margin-top:-225px;
 }

#clases .dentro_panel_donde{
width:386px; height:306px 
}



#blk-1, #blk-2, #blk-3, #blk-4 {
position:absolute;
top:3%;
left:50%;
width:410px;
height:470px;
margin-left:-205px;
margin-top:-15px;
display:none;


}






 #blk-1 .dentro_panel_donde, #blk-2 .dentro_panel_donde, #blk-3 .dentro_panel_donde, #blk-4 .dentro_panel_donde{width:386px; height:446px }

#clases #child{position: relative;
text-align: left;
float: right;
height: 60px;
top: -28px;
right: -52px;
z-index: 88;}

#formulario{
position:absolute;
top:41%;
left:5%;
width:400px;
height:450px;
cursor:move;
}



#dir{
position:absolute;
top:5%;
left:50%;
width:400px;
height:450px;
margin-left:-200px;

cursor:move;
}

#mapa{
position:absolute;
top:41%;
right:5%;
width:400px;
height:450px;
cursor:move;
}
iframe { width:98%;
height:86%;}



 .dentro_panel_donde{
position:relative;
top:-4px;
left:-5px;
border: transparent 1px solid;
border-radius: 7px;
    -moz-border-radius:7px;
	 -webkit-border-radius: 7px;
padding:16px;
  width:376px;
  height:426px;
background:url(../images/fondo_div.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor:inherit;
 


}

 .dentro_panel_donde, .recuadro p{
 font-size:16px;
 text-indent:4px

   
 }
 
 .dentro_panel_donde p{
 padding:5px;
 }
 
  .dentro_panel_donde h2{
  text-align:center;
 
  padding-bottom:5px;
  width:100%;
}

 .dentro_panel_donde strong{
 font-weight:bold
  
}

.recuadro {
position:relative;
 border:#0E2267 1px  dotted;
 border-left:#0E2267 2px  solid;
 font-size:16px;
 padding-left:6px;
 
width:100%;
margin-left:-6px;
display: compact;
margin-bottom:6px;

}



.recuadro2  {

 border:#0E2267 1px  dotted;
 border-left:#0E2267 2px  solid;
}


div .recuadro2 {

 border:#0E2267 1px  dotted;
 border-left:#0E2267 2px  solid;
}

.recuadro2 p{ padding:3px;
font-size:14px;
}



.recuadro_trans, .recuadro_trans2{
position:relative;
 display: inline-table;
border: #339999 0px solid;

height:auto;
margin-bottom:4px;
padding:4px 2px 4px 0px;


 
}


.recuadro_trans{width:75px; text-align:right; }

.recuadro_trans2{border: #CC6699 0px solid;
 width:auto;
 margin-left:0px;
 text-align:left;
display: compact;
height:55px;

}

#clases .recuadro_trans{width:45px;  text-align:left;
border:#FF0000 0px solid;
}
#clases .recuadro_trans2{
}



#clases  ul{width:95%;
display: list-item;
text-align:left;
padding-top:4px;
 float:right;

border:#66CC66 0px solid;}





 .lista_sin {
 text-align:left;
 list-style:none;
 padding:2px 1px 1px 5px
 }
  .lista_sin ul :hover{
   list-style:none;}
   

#cortina{ z-index:98; background:url(../images/60-black.png); position:absolute; top:0; left:0; min-width:100% ; min-height:100% ; display:none; text-align:center;}
#ventana_tabla{ position:relative;
background:none;
top:50%;
left:50%;
 margin-left:-400px;/* la mitad del ancho*/
 margin-top:160px;
  
height:AUTO; 
width:auto;
   z-index:98;
   
	 display:inherit; 
	 text-align:center;

	 
	 }





#menu{

min-width:560px;
height:73px;
position:absolute;
bottom:-1px;
text-align:center;
left:50%;
margin-left:-280px;/* la mitad del ancho*/

border: #00FF33 0px solid;
padding:0px;

z-index:95;
}
nav{}


ul{float:left; height:auto; width:auto; margin-top:0x; white-space:normal; letter-spacing:0.03em; line-height:1.3em}

 #menu_div1, #menu_div2, #menu_div3, #menu_div4 {
position:relative;
bottom:0px;
display:inline-block;
vertical-align: bottom;

min-width:123px;
background:#B7BCD2;
white-space:normal;
line-height:1.1em;
margin-bottom:19px;
margin-top: 20px;
padding:5px 3px 19px 3px;
text-align:center;
font-size:17px;
cursor:pointer;

border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
	 -webkit-border-radius:  8px 8px 0 0;
	 
}
 
 .normal{border:#0E2267 6px solid; 
 -moz-transition:0.4s ease-in;
 -o-transition:0.4s ease-in ;
 transition:0.4s ease-in  ;
	  
	}  
 .claro{  border:#CFD2E1  6px  solid; 
  -moz-transition:0.4s ease-in;
 -o-transition:0.4s ease-in ;
 transition:0.4s ease-in  ;
	  }
 .aqui{border:#8295DD 0px  solid;
 background:#8295DD;
  -moz-transition:0.4s ease-in;
 -o-transition:0.4s ease-in ;
 transition:0.4s ease-in  ;
	   }
	   .aqui .gordo{color:#FF3300}
 
li.cur a{color: #33FF66; font-weight:bold;font-size: 11px; border-bottom:#FFFFFF 1px solid;}

.gordo { font-weight:800}


#nameerror, #email2error, #messageerror, #response{
color:#FF3300;
font-style:italic;
font-size:small;
}

textarea { resize:both; min-width:300px; min-height:70px; } /* none|horizontal|vertical|both */
textarea.vert { resize:vertical; }
textarea.noResize { resize:none; }
input{ width:50%}

.button{ width:33%;
height:8%;
text-align:center;
margin-bottom:3px;
}
.button:hover { width:33%;
background:#FF3300;
color:#0E2267;
height:8%;
text-indent:0.3em;
text-align:center;}


.button:active
		{
			background-color: #BFBFBF;
		}
	
		.button-alt
		{
			background-color: #777777;
		}

			.button-alt:hover
			{
				background-color: #888888;
			}
			
			.button-alt:active
			{
				background-color: #999999;
			}


a{text-decoration:none;color: inherit;outline:0}
img{display:inline-block}


.nada{ display:none}

#imagen_child{position:absolute; float:right; bottom:-60px;
right:1px;
text-align:right;
border:#00FF99 0px solid}
#child{position: relative;
text-align:right;
float:right;
height:60px;
top: -12px;
right:-12px;
z-index:75;}

.texto{ color: inherit}
.espaciado{letter-spacing:0.93em;}
.color_2{ color: #FFFFFF }


.derecha{float:right}
.izquierda{float:left}









input[type=radio], input[type=checkbox] {
		display:none;
	}

radio :hover{
		
background-color:#e0e0e0;
	}





input[type=radio] + label, input[type=checkbox] + label {
		display: list-item;
	
		padding: 2px 22px;
		
		cursor: pointer;
			 background:  1px no-repeat;
		background-image: url(../images/pin_fuera.png) ;
	
		

	}

	 input[type=radio]:checked + label, input[type=checkbox]:checked + label{
		  background-image: url(../images/pin_dentro.png) ;
		outline: 0;
		
			background-color:#e0e0e0;
	}
	
	
	
	
	p:not(#foo) > input:hover + label, p:not(#foo) > input:focus + label,
p:not(#foo) > input + label:hover, p:not(#foo) > input:focus + label			{  color: #2C7AD0; background-color:#e0e0e0; text-decoration:underline; moz-text-decoration-style: dotted }



	.gotop {
	display:none
	
}



.tooltip {

	color: #000000; 
	outline: none;				
	cursor: help; 
	text-decoration: none;
	position: relative;
	

	}

.tooltip span {				
	margin-left: -999em;
	position: absolute;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
		


	}

.tooltip:hover span {
	font-family: Calibri, Geneva, Tahoma, Arial , sans-serif;  
	position: absolute;
	left: 1em;
	top: 2em;
font-size: 1.4em;
	margin-left: 0;
	min-width: 146px;
		


	}

.tooltip:hover img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
	}

.tooltip:hover em {
	font-family: Calibri, Tahoma, Geneva, Arial sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
		
	text-decoration: none;	
	

	}

.classic { padding: 0.8em 1em;text-decoration: none;z-index:110; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }

.classic { background: #FFFFAA; border: 1px solid #FFAD33;text-decoration: none; }
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7; }
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

.tr_engl{ display:none }
.tr_chino{ display:none}



.hide_engl td:hover, .hide_chino td:hover
 { 
 cursor: pointer;
 background-color:#E8E8E8;
 font-weight:bold;
 -webkit-transition-property:color, text;
 -webkit-transition-duration: 1s, 1s;
 -webkit-transition-timing-function: linear, ease-in; 

 -moz-transition-property:color, text;
 -moz-transition-duration:1s;
 -moz-transition-timing-function: linear, ease-in;

 -o-transition-property:color, text;
 -o-transition-duration:1s;
 -o-transition-timing-function: linear, ease-in;
 
}

.hide_chino, .hide_engl td {
background-color: #666666;
 border: white 2px solid; 
 font-size: 24px;
 letter-spacing:2.5em; 
 color:#FFFFFF;
  font-weight:bolder;


}