@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 {
background:#B7BCD2;
  background: url(../images/fondo1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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: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:24px; font-weight:600; white-space: normal;}
.Bevan{font-family:'Bevan', Geneva,Arial,sans-serif; }

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

#academia{ padding:5px 5px 5px 5px ;
vertical-align:super; letter-spacing:1em; font-size:38px;
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:0.7em;
word-spacing:0.9em;

padding: 55px 1px 0px 2px;
text-align:center;
margin-left:15%;
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;
  

}


.panel{

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

  width:23%;
 min-height:230px;
  cursor:pointer;
  display:block;
  margin:0 1% 0 1%;
padding:13px 2px 1px 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;

}


.dentro_panel{


}

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




}
#que{
 position: absolute;

left:50%;
top: 0;
margin-left :-13%;



}

#donde{position:relative;
float: right;
right:0;
top:0;
margin-right:0;
margin-top:0;

}




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





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


}
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:18px;
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:transparent  6px 6px 2px 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}



.box div img{padding-bottom:8px}
a{text-decoration:none;color: inherit;outline:0}
img{display:inline-block}



#titulo{z-index:80;
background: url("60-black.png") repeat 0% 0% transparent;
 position: absolute;
height: auto;
left:54%;
margin-left :-31rem ;
 margin-right: -31rem ;

top: 1.5%;
width: auto;
text-align: center;

display: inline-block;
padding-left: 3.52rem;


}
#titulo h1{
	 letter-spacing:0.70em;
	 margin-top:3px;
	 color:#fff;
	font-size:110px;
	opacity:1;
	
}
#titulo h1 a{padding:0px 0px 2px 2px;color:#fff;font-size:40px;text-align:left;}



h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}




h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}




 #imagen{ position:relative;  
 }  





.info{ font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; bottom:0; right:0; width:70%;text-align:right; float:right; border-top:#FFFFFF 1px solid; padding: 2px 4px 2px 0; letter-spacing:0.02em; cursor:pointer; font-size:11px;}


#cierre{ vertical-align:baseline; position:absolute; bottom:0}
#marco_info{
	
	height:auto;
	font-size:18px;
	height:auto;
	
	text-align:left;
	
	padding: 4px 8px 4px 8px;
	margin: 27px 11px 3px 7px;
}
#detallesg, #detallesg1,#detallesg2, #detallesg3, #detallesg4, #detallesg5  { 

.texto_imagen{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0.2em; padding: 4px 0 2px 0px; margin: 4px 4px 0px 0px; text-align:left; color:#FFFFFF;}
.imagen_wrapper{width:auto; height:auto; padding:0 0 0 0; display:none; }	


#tooltip {
position:relative;
background: url(60-black.png);
    padding: 6px ;
	color: #FFFFFF;
	 
    border: 1px dotted   #FFFFFF;
    text-align: center;
    font-size: 14px;
	line-height:1.1em;
	 -moz-border-radius: 0 2px 2px 2px;

    -webkit-border-radius:0 2px 2px 2px;

    -khtml-border-radius: 0 2px 2px 2px;

    border-radius: 0 2px 2px 2px; 
	z-index:90;
}


.flecha{ width:16px; float:right; margin-right:3px; margin-top:3px; vertical-align:bottom;}
.flechab{ width:16px; margin-top:3px; vertical-align:middle;}

#cortina{ z-index:98; background:url(../images/80-grey.png); position:absolute; top:0; left:0; min-width:100% ; min-height:100% ; display:none;}
#ventana_formulario{ position:relative; top: 0%; left:33%; margin-top:18%; margin-right:15px; z-index:98; z-index:98; background:url(../images/60-black.png);height:auto; width:340px; display:inherit; color:#FFFFFF; font-size:18px;padding:19px 5px 19px 5px; }

#ventana_formulario{ padding-left:10px}

#interesado, #interesado2, #interesado3, #interesado4, #interesado5, #interesado6  div{ z-index:97; color:#FFFFFF; float:left; padding:2px 2px 2px 2px; cursor:pointer; }
.correito{ position:relative; z-index:97; color:#FFFFFF; text-align:right; padding:2px; margin-bottom:-10px; }