@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 {width:100%;height:100%; overflow-x:hidden; overflow-y:auto; }
body {
background:#B7BCD2;
 
 
}

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

}
h1,.large,.left{font-family:'Bevan', Geneva,Arial,sans-serif; font-size:30px; font-weight:500;
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:24px; font-weight:400;}
.Bevan{font-family:'Bevan', Geneva,Arial,sans-serif; }

.caligrafia5{ display:none }
.caligrafia2{ position:absolute; bottom:0; z-index:1;
font-family:'caligrafia2', Geneva,Arial,sans-serif; font-size:39px; text-align:center;  color: #D5FB84;
text-shadow: 0px -1px  #000, 1px -1px white, 1px 3px #333;
 margin-top:20px; vertical-align:bottom }


#empresa{position:relative;
top:0;
left:0;
/* la mitad del alto*/
width:auto;
height:auto;
text-align:center;
border:#66FF99 0px solid;}

#academia{
position:relative; padding:-2px 0px 3px 0px ;
 
height:auto;
width:100%;
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);
}

.espaciado{letter-spacing:0.13em;}
.texto{letter-spacing:0.23em;  }
#academia h1{
 font-size:27px;

text-align:center
}
.round-box { position:relative;

width:auto;
height:auto;


padding: 0px 3px 2px 3px;
text-align:center;

border: #0E2267 15px solid;
 
	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;



}


.panel{
position:relative;

border: #0E2267 1px solid;
padding:0px;
width:100%;
  height:auto;
  cursor: auto;
  margin-bottom:7px;

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;

 z-index:2;

}


.dentro_panel{
position:relative;


}

#quienes{ display:none;





}
#que{
  display:none;


}

#donde{display:none;


}





#quienes_somos{

position:relative;

bottom:0;

width:100%;
height:auto;


}



.dentro_panel_quienes{
border: transparent 1px solid;


 
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:95%;
 height:auto;

 }
 
 
 .tabla_quienes{
 width:90%;
 overflow-y:scroll;
 
  border:0;
  position:relative;
   padding:2px 2px 2px 2px;

}


.dentro_panel_quienes .div_scroll{
 width:99%;
 height:auto;
 
background:none;
border:none;
}


.dentro_panel_quienes div{
padding:4px;
font-size:12px;
border-left:0px solid;

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

}




#que_ofrecemos_boton{
display:none;

}


.dentro_panel_que_ofrecemos_boton{
display:none
 }






#wrapper{

}


#wrapper2{

}


#formulario{
position:relative;

width:100%;
height:auto;

}



#dir{
position:relative;

width:100%;
height:250px;


}

#mapa{
position:relative;

width:100%;
height:auto;
}
iframe { width:98%;
height:180px;}

 .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;
 
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:11px;
  text-indent:2px
}


 .dentro_panel_donde p{
 padding:6px;
 }
 
  .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:11px;
 padding-left:6px;
 
width:100%;
margin-left:-6px;
display: compact;
margin-bottom:6px;
cursor:text;
}


.recuadro2  {

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


div .recuadro2 {

 border:#0E2267 1px  dotted;
 border-left:#0E2267 1px  solid;
 width:auto;


}

.recuadro2 p{ padding:3px; }
.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;

}


#nameerror, #email2error, #messageerror, #response{
color:#FF3300;
}


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





#menu{
position:relative;


width:100%;
height:auto;
bottom:-1px;
text-align:center;
border: #00FF33 0px solid;
padding:0px;
display:inline;
z-index:100;
margin-bottom:7px;


}
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:block;
width:100%;
background:#B7BCD2;
white-space:normal;
line-height:1em;
margin-bottom:0px;
margin-top: 1px;
padding:3px 3px 3px 3px;
text-align:center;
font-size:14px;
cursor:pointer;
border:#8295DD 1px solid;
	 
}
 
 #menu  :hover{

background: #CCCCCC;


color:#FFFFFF;

	 
}
 
 
 
 .normal{border:#0E2267 1px solid;}
 .claro{border:#8295DD  1px solid;}
 .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;width:95%; min-height:70px; } /* none|horizontal|vertical|both */
textarea.vert { resize:vertical; }
textarea.noResize { resize:none; }

input{ width:95%}
.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}


.nada{ display:none}


#child{position: relative;
text-align:right;
float:right;
height:40px;
top: -18px;
right:-19px;
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 {
	position:fixed;
	
	
    right:15px;
	opacity:.6;
	bottom:5px;
	color: #FFFFFF;
    text-decoration:none;
    z-index:999;
	transition:all 300ms;
	-webkit-transition:all 300ms;
	

}
.gotop:hover {
	color: #ffffff;
	opacity:10
}

a.gotop {
	text-decoration:none!important
}