@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{
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:40px; font-weight:800; 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; }

.espaciado{letter-spacing:0.93em;}
 .caligrafia2{ display:none }

.panel{

border: #0E2267 15px solid;
padding:0px;
border-radius: 9px;
    -moz-border-radius:9px;
	 -webkit-border-radius: 9px;

  width:300px;
  height:220px;
  cursor:pointer;


}


.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;

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

#academia{ padding:5px 5px 5px 5px ;
 letter-spacing:10px;
word-spacing:12px;
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:340px;
height:105px;
letter-spacing:0.6em;
word-spacing:0.9em;

padding: 50px 1px 0px 2px;
text-align:center;
margin-left:17%;
vertical-align:middle;
border: #0E2267 15px solid;
 border-radius: 190px / 100px;
    -moz-border-radius: 190px / 100px;
    -webkit-border-radius: 190px / 100px;
	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;
  

}



.logo_bajo div{

position:relative;

top:4%;

}



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


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


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





#quienes{position:relative;
float:left;
margin-top: 1%;




}
#que{
 position: absolute;

left:50%;
margin-top: 0.3%;
margin-left :-150px ;




}

#donde{position:relative;
float: right;
margin-top: 1%;
}



#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;
  width:667px;
 height:229px;
 }


.dentro_panel_quienes .div_scroll{
height:140px;
overflow-y:scroll; 
background:none;
border:none;

}


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

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

}


#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:390px;
height:345px;
margin-top:-185px;
margin-bottom:25px;
 }


#clases .dentro_panel_donde{width:366px;
 height:316px}


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

}




.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:370px
 }

.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;


}


 .dentro_panel_donde p{
 padding:5px;
  text-indent:4px
 }
 


#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 }



#panel_peques{
position:absolute;
top:50%;
right:3%;
width:585px;
height:450px;
margin-right:-50px;
margin-top:-225px;
display:none;
cursor:move;
}





#panel_peques  .dentro_panel_donde{width:561px; }

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


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



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

cursor:move;
}

#mapa{
position:absolute;
top:0%;
right:0%;
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;
   
      
 }
  .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;
cursor: auto;
}


.recuadro2  {

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


div .recuadro2 {

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

.recuadro_trans, .recuadro_trans2{
position:relative;
 display: inline-table;
border: #339999 0px solid;
width:75px;
height:auto;
margin-bottom:4px;
padding:4px 2px 4px 0px;

text-align:right;
 
}

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


}

#clases .recuadro_trans{width:45px;  text-align:left;
border:#FF0000 0px solid;
}
#clases .recuadro_trans2{
}
#clases  ul{width:88%;
display: list-item;
text-align:left;
padding-top:4px;

 float:right;
border:#66CC66 0px solid;}

#clases  li{width:auto;text-align:left;
padding: 1px 0 1px 0;
list-style: square;
}

#clases  ul :hover{
list-style:  circle;

background-color:#E1E4F2;
color: #333333;
cursor:pointer;

}


 #lista_sin{width:95%; 
 text-align:left;
 list-style:none;
 }
  #lista_sin li :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:100;

}
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:16px;
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;}
 .claro{  border:#CFD2E1  6px 6px 1px 6px  solid;  margin-bottom:-10px; margin-top:40px;}
 .aqui{background:#8295DD; }
 
li.cur a{color: #33FF66; font-weight:bold;font-size: 11px; border-bottom:#FFFFFF 1px solid;}

.gordo{ font-weight:800}
   .aqui .gordo{color:#FF3300}
 

#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;
			}

.nada{ display:none}


#child{position: relative;
text-align:right;
float:right;
height:60px;
top: -12px;
right:-12px;
z-index: 109;}











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;


}