@charset "utf-8";
/* CSS Document */
html {
	height:100% ;
	margin-bottom:1px;
}
body { background: url(../imagenes/bg.jpg) repeat-x #D0DEEB; 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%; 
               
                width:960px; 
                height: 708px; 
               
                margin-left: -480px;  }

#cuerpo { width:946px; height:690px; margin-left:8px; float:left; display:inline; overflow:hidden; 
}
#top { width:946px; height:26px;  float:left; background:url(../imagenes/top_bg.jpg) repeat-x;
}		
#cabecera { width:946px; height:216px;  float:left; background-color:#FFFFFF;
}	
#menu { width:946px; height:47px;  float:left; background:url(../imagenes/menu_bg.jpg) repeat-x;display:inline; overflow:hidden;
}
#menu ul { list-style:none; float:left; margin-left:5px;  display:inline;
}
#menu ul li { padding:0px; margin:0px;
}
.b1  { float:left; width:126px; height:47px; 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:126px; height:47px;overflow:hidden;}
.b2  { float:left; width:124px; height:47px; display:block; background: url(../imagenes/btn2.jpg) no-repeat;}
.b2 a:hover { background:url(../imagenes/btn2_b.jpg) no-repeat; display:block;width:124px; height:47px;overflow:hidden;}
.b3  { float:left; width:82px; height:47px; display:block; background: url(../imagenes/btn3.jpg) no-repeat;}
.b3 a:hover { background:url(../imagenes/btn3_b.jpg) no-repeat; display:block;width:82px; height:47px;overflow:hidden;}
.b4  { float:left; width:130px; height:47px; 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:130px; height:47px;overflow:hidden;}
.b5  { float:left; width:115px; height:47px; 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:115px; height:47px;overflow:hidden;}
.b6  { float:left; width:92px; height:47px; 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:92px; height:47px;overflow:hidden;}
.b7  { float:left; width:147px; height:47px; display:block; background: url(../imagenes/btn7.jpg) no-repeat;}
.b7 a:hover { background:url(../imagenes/btn7_b.jpg) no-repeat; display:block;width:147px; height:47px;}
.b8 { float:left; width:54px; height:47px; display:block; background: url(../imagenes/btn8.jpg) no-repeat;}
.b8 a:hover { background:url(../imagenes/btn8_b.jpg) no-repeat; display:block;width:54px; height:47px;}
.b9  { float:left; width:67px; height:47px; display:block; background: url(../imagenes/btn9.jpg) no-repeat;}
.b9 a:hover { background:url(../imagenes/btn9_b.jpg) no-repeat; display:block;width:67px; height:47px;}

#main_home { width:946px; height:369px;  float:left; background:url(../imagenes/main_home_bg.jpg) repeat-x; display:inline; overflow:hidden;
}	
#main_quienes { width:946px; height:369px;  float:left; background:url(../imagenes/main_home_bg.jpg) repeat-x; overflow:hidden;
}
#metodo_titulo { width:946px; height:33px;  float:left; overflow:hidden;}
#metodo_textos { width:946px; height:190px;  float:left; overflow:hidden;border-bottom:1px dotted #ccc;
}
#permisos { width:925px; height:277px;  float:left; overflow:hidden; margin-top:4px;  margin-left:11px; display:inline;
}
#permiso_b { width:301px; height:277px;  float:left; overflow:hidden; background:url(../imagenes/permiso_b.jpg) no-repeat ;
}
#permiso_btp { width:301px; height:277px;  float:left; overflow:hidden; background:url(../imagenes/permiso_btp.jpg) no-repeat ; margin-left:10px; display:inline;
}
#texto_permiso { width:612px; height:277px;  float:left; overflow:hidden; margin-left:10px; display:inline;
}
#texto_permiso ul { list-style-image:url(../imagenes/flecha_listas.gif); margin-top:9px; }
#texto_permiso li { margin-left:20px; margin-top:6px; text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#666666;} 
#permiso_motos { width:301px; height:277px;  float:left; overflow:hidden; background:url(../imagenes/permiso_moto.jpg) no-repeat ; margin-left:10px; display:inline;
}
#metodo_fotos { width:946px; height:133px;  float:left; overflow:hidden; background-color:#fff; margin-top:4px;  }
#metodo_fotos a { margin-left:18px; float:left; display:inline; }
#metodo_textos ul { list-style-image:url(../imagenes/flecha_listas.gif); margin-top:9px; }
#metodo_textos li { margin-left:15px; margin-top:5px; text-align:justify; font-size:11px;} 
#metodo_texto_izq { width:443px; height:170px;  float:left;  overflow:hidden; padding:10px 10px 10px 18px;
}
#metodo_texto_der { width:443px; height:170px;  float:right; overflow:hidden; padding:10px 18px 10px 12px;
}
#metodo_texto_der ul { list-style-image:url(../imagenes/flecha_listas.gif); margin-top:9px; }
#metodo_texto_der li { margin-left:15px; margin-top:11px; text-align:justify;} 
#home_left { width:473px; height:369px;  float:left;
}
#quienes_left { width:722px; height:369px;  float:left; background:url(../imagenes/quienes_bg_left.jpg) no-repeat;overflow:hidden;display:inline; overflow:hidden;
}

#quienes_left_txt { width:695px; height:216px;  float:left; margin:52px 0px 0px 11px; display:inline; overflow:hidden;
}
#hazte_submenu { width:708px; height:39px;  float:left; margin:46px 0px 0px 11px; overflow:hidden; display:inline;
}
#hazte_title { width:708px; height:60px;  float:left; margin:8px 0px 0px 11px; overflow:hidden; display:inline;
}
#hazte_info { width:708px; height:158px;  float:left; margin:8px 0px 0px 11px; overflow:hidden; display:inline;
}
#fases_info { width:708px; height:192px; background:url(../imagenes/fases_bg.jpg) no-repeat;  float:left; margin:6px 0px 0px 11px; overflow:hidden; display:inline;
}
#hazte_info_left { width:364px; height:158px; background:url(../imagenes/hazte_info_left_bg.jpg) no-repeat;  float:left; margin:0px 0px 0px 0px; overflow:hidden; display:inline; 
}
#hazte_info_right { width:336px; height:158px;   float:right; margin:0px 0px 0px 0px; overflow:hidden; display:inline; 
}
#hazte_info_right  a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#222; margin:8px 0px 0px 60px; text-decoration:none; border-bottom:1px #333333 dotted;
}
#hazte_info_right  a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color: #003366; margin:8px 0px 0px 60px; text-decoration:none; border-bottom:1px #333333 dotted;
}
#info { width:336px; height:91px; background:url(../imagenes/info_bg.jpg) no-repeat;   float:left; margin:3px 0px 0px 0px; overflow:hidden; display:inline; }
#hazte_info ul { list-style-image:url(../imagenes/flecha_listas.gif); margin-top:12px;  }
#hazte_info li { margin-left:27px; margin-top:10px; text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;  color:#003366;}
#fases_info ul { list-style-image:url(../imagenes/flecha_listas.gif); margin-top:11px;padding-right:12px; }
#fases_info li { margin-left:27px; margin-top:5px; text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;  color:#003366; line-height:14px;}
#fases_info  a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#222;  text-decoration:none; border-bottom:1px #333333 dotted;
}
#hazte_sub_btn1 { width:229px; height:39px;  float:left; margin:0px 0px 0px 0px; display:inline;
}
#hazte_sub_btn2 { width:229px; height:39px;  float:left; margin:0px 0px 0px 10px; display:inline;
}
#hazte_sub_btn3 { width:229px; height:39px;  float:right; margin:0px 0px 0px 0px; display:inline;
}
#donde_left { width:473px; height:410px;  float:left; background:url(../imagenes/donde_left_bg.jpg) no-repeat;
}
#donde_titulo { width:946px; height:34px;  float:left; overflow:hidden;  
}
#villaverde_titulo { width:946px; height:20px;  float:left; overflow:hidden; margin-top:3px; 
}
#donde_up { width:946px; height:310px;  float:left; background-color:#fff; border-bottom:1px dotted #666666;
}
#donde_down { width:946px; height:310px;  float:left; background-color:#fff; margin-top:0px; border-bottom:1px dotted #666666;
}
#donde_up_info { width:946px; height:272px; margin-top:5px;  float:left; display:inline;}
#donde_bloque1 { width:283px; height:272px;  float:left; margin-left:14px; display:inline;
}
#donde_direccion { width:273px; height:50px;  float:left; display:inline;  padding:2px 10px 10px 0px; 
}
#donde_local_villaverde { width:283px; height:202px;  float:left; display:inline; margin-top:10px;
}
#donde_bloque2 { width:254px; height:267px; padding-left:15px; padding-top:2px;  float:left;  display:inline;
}
#donde_bloque3 { width:372px; height:272px;   float:left;  display:inline;
}
#donde_up p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#003366; margin-top:0px;
}
#donde_down p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#003366; margin-top:0px;
}
#donde_right p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#003366; margin-top:7px;
}
.donde_gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#555; margin-top:0px;
}
.donde_negro { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#000; margin-top:0px;  border-bottom:1px #999 dotted; 
}
#donde_left_in { width:446px; height:320px;  float:left;  margin:70px 0px 0px 18px; display:inline;
}
#donde_left_datos { width:446px; height:320px;  float:left;  margin:70px 0px 0px 18px; display:inline;
}

#donde_left_add { width:255px; height:320px;  float:right;  display:inline;
}
#donde_left_plano { width:255px; height:190px;  float:left;  display:inline;
}
#donde_left_local { width:255px; height:125px;  float:left;  display:inline; 
}


#donde_right_in { width:446px; height:279px;  float:left;  margin:70px 0px 0px 10px; display:inline;
}
#donde_right { width:473px; height:369px;  float:right; background:url(../imagenes/donde_right_bg.jpg) no-repeat;
}
#bienvenida { width:473px; height:44px;  float:left; background-color:#FFFFFF;
}
#txt_home1{ width:473px; height:141px;  float:left; background:url(../imagenes/texto_home1_bg.jpg) no-repeat #fff;
}
#txt1{ width:317px; height:115px;  float:left; display:inline; margin:17px 0px 0px 118px; 
}

.tipo_azul { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#003366;}
.tipo_gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#555;}

#hazte_profe { width:473px; height:183px;  float:left; background: url(../imagenes/hazte_profesor_banner.jpg) no-repeat;
}
#info_btn { width:134px; height:23px; float:left; display:inline; margin:97px 0px 0px 170px;
}
#home_right { width:473px; height:369px; float:right;
}
#quienes_right { width:224px; height:369px; float:right; 
}
#home_right_top { width:473px; height:130px; background: url(../imagenes/home_right_top_bg.jpg) no-repeat; float:left;
}
#home_right_top_txt { width:242px; height:110px; float:left; display:inline; margin: 10px 0px 0px 110px; line-height:13px; 
}
#home_right_down { width:473px; height:241px; background: url(../imagenes/home_right_down.jpg) no-repeat; float:left;
}
#banda_azul { width:946px; height:5px; background-color:#0295ce; float:left;}
#footer { width:946px; height:31px;  float:left; background:#000; overflow:hidden; margin-top:3px;
}
#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; 
}
#footer a {color:#0395CE;}
#footer a:hover { color:#A5E6FE;}		









/* 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; }


#form_contacto { width:553px; margin:8px 0px 0px 13px; color:#003366;  font-size:12px; float:left; 
}


#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:#036; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:2px;  }
#form_contacto input  {color:#222; margin-top:3px; border:1px solid #79AAD2; font-size:12px; padding:3px; width:420px; height:16px; float:right; background:#D3E8F9;}
#form_contacto textarea  {color:#222;border:none; margin-top:4px; border:1px solid #79AAD2;  width:420px; padding:3px; float:right; background: #D3E8F9;}
#form_contacto input:hover { background:#fff; border:1px solid #79AAD2;}
#form_contacto input:active  { background:#fff;border:1px solid #79AAD2;}
#form_contacto textarea:hover { background:#fff; border:1px solid #79AAD2;}
#form_contacto textarea:active  { background:#fff;border:1px solid #79AAD2;}
#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;   }