@charset "utf-8";
/* CSS Document */
html {
	height:100% ;
	margin-bottom:1px;
}
body { background: url(../imagenes/bg.gif)  #7E989E; margin:0px 0px 0px 0px; padding:0px;
}
p, td, li, ul, ol, h1, h3, h4, h5, h6, label, input {
	font:11px/12px Trebuchet MS;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

img { border:0px; 
}
a { border:0px; 
}
#wraper {background:url(../imagenes/wraper_bg.jpg) no-repeat #fff; 
position: absolute; 
                left: 50%; 
				top: 50%;
               
                width:901px; 
                height: 604px; 
               
                margin-left: -450px;
				margin-top: -302px; overflow:hidden;  }

#cuerpo { width:901px; 
                height: 604px; float:left; display:inline; overflow:hidden; 
}
		
#cabecera { width:946px; height:148px;  float:left; background:url(../imagenes/cabecera_bg.jpg) no-repeat #fff; overflow:hidden;
}
#logo { width:280px; height:139px;  float:left; background:#fff; margin:6px 0px 0px 16px; display:inline;
}	
#menu { width:890px; height:41px;  float:left; background:url(../imagenes/menu_bg.jpg) no-repeat; display:inline; margin-left:5px; overflow:hidden;   
}
#menu_interior { width:760px; height:37px;  float:left; background:url(../imagenes/menu_interior_bg.jpg) repeat-x; margin:4px 0px 0px 0px; display:inline; overflow:hidden; 
}
#menu ul { list-style:none; float:left;  display:inline;
}
#menu ul li { padding:0px; margin:0px;
}
.b1  { float:left; width:120px; height:37px; display:block; background: url(../imagenes/btn1.jpg) no-repeat; overflow:hidden;}
.b1 a:hover { background:url(../imagenes/btn1_b.jpg) no-repeat; display:block;width:120px; height:37px;overflow:hidden;}
.b2  { float:left; width:90px; height:37px; display:block; background: url(../imagenes/btn2.jpg) no-repeat; overflow:hidden;}
.b2 a:hover { background:url(../imagenes/btn2_b.jpg) no-repeat; display:block; width:90px; height:37px;overflow:hidden;}
.b3  { float:left; width:52px; height:37px; display:block; background: url(../imagenes/btn3.jpg) no-repeat; overflow:hidden;}
.b3 a:hover { background:url(../imagenes/btn3_b.jpg) no-repeat; display:block;width:52px; height:37px;overflow:hidden;}
.b4  { float:left; width:100px; height:37px; display:block; background: url(../imagenes/btn4.jpg) no-repeat;overflow:hidden; padding:0px;}
.b4 a:hover { background:url(../imagenes/btn4_b.jpg) no-repeat; display:block;width:100px; height:37px;overflow:hidden;}
.b5  { float:left; width:147px; height:37px; display:block; background: url(../imagenes/btn5.jpg) no-repeat;overflow:hidden;}
.b5 a:hover { background:url(../imagenes/btn5_b.jpg) no-repeat; display:block;width:147px; height:37px;overflow:hidden;}
.b6  { float:left; width:85px; height:37px; display:block; background: url(../imagenes/btn6.jpg) no-repeat;overflow:hidden;}
.b6 a:hover { background:url(../imagenes/btn6_b.jpg) no-repeat; display:block;width:85px; height:37px;overflow:hidden;}
.b7  { float:left; width:82px; height:37px; display:block; background: url(../imagenes/btn7.jpg) no-repeat;}
.b7 a:hover { background:url(../imagenes/btn7_b.jpg) no-repeat; display:block;width:82px; height:37px;}
.b8  { float:left; width:82px; height:37px; display:block; background: url(../imagenes/btn8.jpg) no-repeat;}
.b8 a:hover { background:url(../imagenes/btn8_b.jpg) no-repeat; display:block;width:82px; height:37px;}


#separador1 { width:890px; height:11px;  float:left; background:url(../imagenes/separador1.jpg) repeat-x; display:inline; margin-left:5px; overflow:hidden; 
}	
#main_home { width:890px; height:367px;  float:left; background:url(../imagenes/main_home_bg.jpg) repeat-x; display:inline; margin-left:5px; overflow:hidden; 
}
#flash_home { width:890px; height:367px;  float:left;  display:inline; overflow:hidden;   
}
#quienes { width:890px; height:367px;  float:left;  display:inline; overflow:hidden;  
}	
#ense { width:890px; height:367px;  float:left;  display:inline; overflow:hidden;  
}	
#frases { width:871px; height:30px;  float:left;  display:inline; overflow:hidden; margin-left:10px; 
}	
#galeria{ width:871px; height:130px; margin-top:12px;  float:left;  display:inline; overflow:hidden; margin-left:10px; 
}	
#galeria a { padding:0px; margin:0px; display:inline;
}	
#quienes_left { width:661px; height:367px;  float:left;  display:inline; overflow:hidden;   
}
#ense_left { width:440px; height:170px;  float:left;  display:inline; overflow:hidden;  
}
#ense_right { width:440px; height:170px;  float:right;  display:inline; overflow:hidden; 
}
#quienes_left_inner { width:643px; height:353px;  float:left;  display:inline; overflow:hidden; margin:14px 0px 0px 18px;   
}
#ense_txt1 { width:420px; height:120px;  float:left;  display:inline; overflow:hidden;   
}
#ense_txt2 { width:420px; height:120px;  float:left;  display:inline; overflow:hidden;   
}
#contacto_left_inner { width:643px; height:343px;   float:left;  display:inline; overflow:hidden; margin:14px 0px 0px 18px;   
}
.quienes_txt {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:14px; font-weight:bold; text-align:justify; margin-top:10px;}
#quienes_left_inner span { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px; }
#quienes_right { width:229px; height:367px;  float:right;  display:inline; overflow:hidden;    
}
#contacto_right { width:229px; height:367px;  float:right;  display:inline;  overflow:hidden;    
}
#contacto_datos { width:171px; height:58px; background-color:#fff;  float:left;  display:inline; overflow:hidden; margin:14px 0px 0px 18px; padding:10px; border:1px dotted #70D610;      
}
#contacto_foto { width:193px; height:244px;   float:left;  display:inline; overflow:hidden; margin:13px 0px 0px 18px;      
}
#plano {padding:10px; border:1px solid #cdcacc; width:475px; height:245px; margin-top:5px; overflow:hidden;}
#footer { width:890px; height:26px;  float:left; background: url(../imagenes/footer_bg.jpg) repeat-x #8FFB2C; display:inline; margin-left:5px; overflow:hidden;
}
#footer a { text-decoration:none;
}
#al {font-size: 10px; height:20px; font-family: Arial, Helvetica, sans-serif; color:#C6C7CC;  padding:1px; line-height:12px; text-align:left; margin:5px 0px 5px 10px; float:left; display: inline;  
}
#pp {font-size: 10px; height:20px; font-family: Arial, Helvetica, sans-serif;  padding:1px; line-height:12px; text-align:left; margin:5px 5px 5px 0px; float:left; display: inline; 
}
#mc {font-size: 10px; height:20px; font-family:verdana, Helvetica, sans-serif; color:#C6C7CC;  padding:1px; line-height:12px; text-align:left; margin:5px 10px 15px 5px; float:right; display: inline; font-family:Arial, Helvetica, sans-serif; font-size:10px; float:right; 
}
#face { float:right; padding-top:1px; padding-right:5px;  
}
#face p {  padding-right:5px;  font-size: 10px; color:#2F5E02;   line-height:12px; text-align:left; padding-bottom:2px; padding-top:4px;  display: inline; font-family:Arial, Helvetica, sans-serif; float:left;
}
#footer a {color:#2F5E02;}
#footer a:hover { color:#000;}		






#form_contacto { width:553px; margin:8px 0px 0px 30px; color:#46641E; background:url(../imagenes/contacto_fondo.jpg) no-repeat top #fff; font-size:12px; 
}


#form_contacto .txtField  {display:block; float:left; padding:1px; width:180px; margin:1px 0 1px 0;font: 12px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#87AF00;border:1px solid #87AF00;}
#form_contacto p {  color:#5EB801; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:2px; p }
#form_contacto input  {color:#222;border:1px solid #888; margin-top:4px; font-size:12px; padding:3px; width:400px; height:16px; float:right;}
#form_contacto textarea  {color:#222;border:1px solid #888; margin-top:4px; width:400px; padding:3px; float:right;}
#form_contacto input:hover { background:#D5FCB4; border:1px solid #333;}
#form_contacto input:active  { background:#D5FCB4;border:1px solid #333;}
#form_contacto textarea:hover { background:#D5FCB4; border:1px solid #333;}
#form_contacto textarea:active  { background:#D5FCB4;border:1px solid #333;}
#form_contacto .send { width:95px; height:25px; background:url(../imagenes/enviar.jpg) no-repeat;  text-align:center; border:none; margin:0px 0 0px 0; border:none;color:#477500;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:0px; color:#477500; float:right;  }
#form_contacto .send:hover { width:95px; height:25px; background:url(../imagenes/enviar2.jpg) no-repeat;  text-align:center; border:none; margin:0px 0 0px 0; float:right; border:none;color:#477500;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:0px; color:#477500; background:url(../imagenes/enviar2.jpg) no-repeat;  text-align:center; border:none;   }

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }