/* CSS fernandolara.es */

body {font-family:Helvetica, Tahoma, Arial; font-size:13px; color:#0B5193; background:#628DAA url(../images/bg_contenedor.jpg) repeat-x top;}
hr { display:block; clear:both; visibility:hidden; font-size:0; padding:0; margin:0;}
h1 { display:block; font-family:Helvetica, Tahoma, Arial; font-size:30px; color:#628DAA; font-weight:normal; margin:0; padding: 0 0 2px 0;  border-bottom: 1px solid #628DAA;  margin-bottom: 6px;     }
h2 { display:block; font-family:Helvetica, Tahoma, Arial; font-size:16px; color:#999; font-weight:normal; margin:0; padding:0 0 17px 0;}
h3 { display:block; font-family:Helvetica, Tahoma, Arial; font-size:16px; color:#095092; font-weight:bold; margin:0; padding:0 0 7px 0;}
a{
	font-family:Helvetica, Tahoma, Arial; font-size:13px; color: #6BB1F4;
}
#pagina { display:block; clear:both; margin:25px auto 0 auto; background:#FFF; width:920px; padding:0 5px;}

/*-----CABECERA (HEADER)------*/
#cabecera { display:block; clear:both; margin:0 auto; width:900px; padding:0 10px;}

#cabecera a.inicio { display:block; float:right; margin:0; font-family:Helvetica, Tahoma, Arial; font-size:13px; color:#FFF; text-align:right; background:url(../images/boton_inicio.jpg) no-repeat; text-decoration:none; width:90px; height:27px; padding: 6px 5px 0 0;}
#cabecera a.inicio:hover { text-decoration:underline;}

#cabecera a.cont { display:block; float:right; margin:0; font-family:Helvetica, Tahoma, Arial; font-size:13px; color:#FFF; text-align:right; background:url(../images/boton_contacto.jpg) no-repeat; text-decoration:none; width: 100px; height:28px; padding:6px 0px 0 0; }
#cabecera a.cont:hover { text-decoration:underline;}

#cabecera a.login { display:block; float:right; margin:0; font-family:Helvetica, Tahoma, Arial; font-size:13px; color:#FFF; text-align:right; background:url(../images/boton_login.jpg) no-repeat; text-decoration:none; width:85px; height:27px; padding:6px 30px 0 0;}
#cabecera a.login:hover { text-decoration:underline;}

#cabecera span.slogan { display:block; float:right; clear:right; font-family:"Times New Roman", Times, serif; font-size:16px; color:#999; font-style:italic; text-align:right; padding:20px 15px 0 0;}
#cabecera img.logo { padding:30px 0 0 10px;}
#cabecera .menu img.foto { display:block; clear:both; margin:1px auto 10px auto; width:920px;}
#cabecera .menu { display:block; clear:both; padding:30px 0 0 0; font-family:Helvetica, Tahoma, Arial; }
#cabecera .menu a.ayuntamientos { display:block; float:left; width:205px; height:65px; font-family:Helvetica, Tahoma, Arial; font-size:11px; color:#666; background:url(../images/bg_ayuntamientos.jpg) no-repeat; padding:15px 0 0 20px; text-decoration:none; } 
#cabecera .menu a.psicologia { display:block; float:left; width:205px; height:65px; font-family:Helvetica, Tahoma, Arial; font-size:11px; color:#666; background:url(../images/bg_psicologia.jpg) no-repeat; padding:15px 0 0 20px; text-decoration:none;}
#cabecera .menu a.localizacion { display:block; float:left; width:205px; height:65px; font-family:Helvetica, Tahoma, Arial; font-size:11px; color:#666; background:url(../images/bg_localizacion.jpg) no-repeat; padding:15px 0 0 20px; text-decoration:none; margin:0 0 2px 0;}
#cabecera .menu a.ayuntamientos:hover { color:#0A5093;} 
#cabecera .menu a.psicologia:hover { color:#0A5093;}
#cabecera .menu a.localizacion:hover { color:#0A5093;}
#cabecera .menu a.ayuntamientos strong { font-size:20px; display:block; clear:both; padding:0 0 10px 0; font-weight:normal;} 
#cabecera .menu a.psicologia strong { font-size:20px; display:block; clear:both; padding:0 0 10px 0; font-weight:normal;}
#cabecera .menu a.localizacion strong { font-size:20px; display:block; clear:both; padding:0 0 10px 0; font-weight:normal;}

/*-----HOME-----*/
#pagina .lateral { display:block; float:left; width:490px; padding:10px 0 0 10px; }
#pagina .lateral .bienvenidos { display:block; clear:both; width:490px;}
#pagina .lateral .bienvenidos img, #pagina .lateral .localizacion img, #pagina .lateral .contacto img { display:block; clear:both; margin:0 0 1px 0;}
#pagina .lateral .bienvenidos p { display:block; clear:both; background:#E0DACD url(../images/border_bottom_bienvenidos.jpg) no-repeat bottom; font-family:Helvetica, Tahoma, Arial; font-size:14px; color:#666; line-height:130%; padding:20px; margin:0; border-top:1px solid #C2B59B;  text-align: justify; }
#pagina .lateral .bienvenidos p strong { text-align:right; display:block;}

#pagina .contenido { display:block; float:left; width:400px; padding:10px 0 0 10px;}
#pagina .contenido .banner1 { display:block; clear:both; width:400px; height:90px; margin:0 0 14px 0;background:url(../images/banner1_home.jpg) no-repeat; }
#pagina .contenido .banner2 { display:block; clear:both; width:400px; height:90px; margin:0 0 14px 0;background:url(../images/banner2_home.jpg) no-repeat;}
#pagina .contenido .banner3 { display:block; clear:both; width:400px; height:90px; margin:0 0 14px 0;background:url(../images/banner3_home.jpg) no-repeat; }
#pagina .contenido .banner1 p{ display:block; float:right; width:245px; font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333; line-height:120%; padding: 10px 10px 0 0; margin:0;}
#pagina .contenido .banner2 p{ display:block; float:right; width:245px;   font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333; line-height:120%; padding:10px 10px 0 0; margin:0;}
#pagina .contenido .banner3 p{ display:block; float:right; width:245px;  font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333; line-height:120%; padding:10px 10px 0 0; margin:0;}
#pagina .contenido .banner1 p strong { font-family:Helvetica, Tahoma, Arial; font-size:19px; color:#666; display:block; font-weight:normal; margin:0 0 7px 0;}
#pagina .contenido .banner2 p strong { font-family:Helvetica, Tahoma, Arial; font-size:19px; color:#666; display:block; font-weight:normal; margin:0 0 7px 0;}
#pagina .contenido .banner3 p strong { font-family:Helvetica, Tahoma, Arial; font-size:19px; color:#666; display:block; font-weight:normal; margin:0 0 7px 0;}

/*-----INTERNAS-----*/
#pagina .lateral_interna { display:block; float:left; width:180px; padding:10px 0 0 10px; }
#pagina .lateral_interna .menu_interno { display:block; clear:both; width:180px; background:url(../images/bg_bottom_menuinterno.jpg) no-repeat bottom; padding:0 0 19px 0;}
#pagina .lateral_interna .menu_interno img { display:block; clear:both;}
#pagina .lateral_interna .menu_interno a { display:block; clear:both; padding:5px 10px; margin:0 0 1px 0; background:#E0DACD; border-bottom:1px solid #D1C7B4; font-family:Helvetica, Tahoma, Arial; font-size:14px;  color:#666; text-decoration:none;}
#pagina .lateral_interna .menu_interno a:hover { background:#FFF; border-bottom:1px solid #D1C7B4; font-family:Helvetica, Tahoma, Arial; font-size:14px; color:#628DAA; text-decoration:none;}

#pagina .contenido_interna { display:block; float:left; width:690px; padding:15px 0 0 20px;}
#pagina .contenido_interna span.imagen { display:block; float:right; border:1px solid #CCC; margin:0; padding:0;}
#pagina .contenido_interna p { font-family: Helvetica, Tahoma, Arial; font-size:13px; color:#666; line-height:130%; margin:0; padding:0 20px 10px 0;}

span.listado { display:block; background:url(../images/img_item.jpg) no-repeat left; padding:0 0 0 15px; font-family:Helvetica, Tahoma, Arial; font-size:14px; color:#333; margin:0 0 7px 20px; }

/*-----LOCALIZACION-----*/
#pagina .lateral span.mapa { display:block; clear:both; background:#E0DACD url(../images/border_bottom_bienvenidos.jpg) no-repeat bottom; padding:10px; margin:1px 0 0 0; border-top:1px solid #C2B59B;}
#pagina .contenido .como_llegar { background:url(../images/bg_comollegar.jpg) no-repeat top; padding:12px 0 0 12px;}
#pagina .contenido .como_llegar h1 { display:block; clear:both; font-family:Helvetica, Tahoma, Arial; font-size:20px; color:#666; background:url(../images/icono_info.jpg) no-repeat left; padding:4px 0 0 40px; height:28px; font-weight:bold;}
#pagina .contenido .como_llegar p { display:block; width:380px; font-family:Helvetica, Tahoma, Arial; color:#666; font-size:13px; line-height:130%; margin:0; padding:10px 0 0 3px;}
#pagina .contenido .como_llegar p em { font-style:normal; color:#095092; display:block; clear:both;}
#pagina .contenido .como_llegar p a { text-decoration:none; color:#095092; font-weight:bold;}
#pagina .contenido .como_llegar p a:hover { text-decoration:underline; color:#095092; font-weight:bold;}


/*-----CONTACTO-----*/
#pagina .lateral .formulario { display:block; clear:both; background:#E0DACD url(../images/border_bottom_bienvenidos.jpg) no-repeat bottom; padding:10px 10px 30px 10px; margin:1px 0 0 0; border-top:1px solid #C2B59B;}
#pagina .lateral .formulario h2 { color:#666; padding:5px 0 0 10px;}
form#form_contacto { padding:20px 0 0 0 ; margin:0;}
form#form_contacto label { display:block; clear:both; height:30px; overflow:hidden; }
form#form_contacto label.textarea { display:block; clear:both; height:143px; overflow:hidden; }
form#form_contacto strong { display:block; width:130px; float:left; text-align:right; color:#333; font-size:13px; font-weight:normal; padding: 3px; margin:0 5px 0 0; font-family:Helvetica, Tahoma, Arial;}
form#form_contacto input{ font-family:Tahoma, Arial, Verdana; background:url(../images/bg_label.jpg) no-repeat; width:274px; height:25px; border:0; padding:3px ;}
form#form_contacto textarea { background:url(../images/bg_textarea.jpg) no-repeat; width:270px; height:138px; border:0; padding:5px 5px 0 5px; overflow:auto; font-family:Tahoma, Arial, Verdana; font-size:12px;}
form#form_contacto label.btn { text-align:right; padding:20px 0 0 0;}
form#form_contacto label.btn input#enviar { background:url(../images/btn_enviar.jpg) no-repeat; width:110px; height:30px; float:right; margin:0 50px 0 0; }
form#form_contacto label.btn em { float:left; color:#666; font-size:11px; font-style:normal; font-weight:bold; font-family:Helvetica, Tahoma, Arial; padding:8px 0 0 140px; }

#pagina .contenido .info_contacto { background:url(../images/bg_comollegar.jpg) no-repeat top; padding:12px 0 0 12px;}
#pagina .contenido .info_contacto h2 { font-size:20px; font-weight:bold; color:#666;}
#pagina .contenido .info_contacto img { float:left; padding:0 0 0 5px;}
#pagina .contenido .info_contacto p { display:block; float:left; width:280px; font-family:Helvetica, Tahoma, Arial; color:#666; font-size:14px; line-height:140%; margin:0; padding:0 0 0 20px;}
#pagina .contenido .info_contacto p strong { font-size:11px; }
#pagina .contenido .info_contacto p a { font-family:Helvetica, Tahoma, Arial; color:#095092; font-size:13px; text-decoration:none;}
#pagina .contenido .info_contacto p a:hover { font-family:Helvetica, Tahoma, Arial; color:#095092; font-size:13px; text-decoration:underline;}




/*-----MENU AL PIE-----*/
#pagina .menu_pie { display:block; clear:both; border-top:1px solid #CCC; width:900px; margin:20px auto 10px auto; padding:10px 0; color:#999; text-align:center;}
#pagina .menu_pie a { font-family:Helvetica, Tahoma, Arial; font-size:13px; color:#0B5193; text-decoration:none;}
#pagina .menu_pie a:hover { font-family:Helvetica, Tahoma, Arial; font-size:13px; text-decoration:underline; color:#628DAA;}


/*------PIE (FOOTER)-------*/
#pie { display:block; clear:both; margin:0 auto; background:url(../images/bg_top_footer.jpg) top center no-repeat; width:920px; padding:0 10px 20px 10px;}
#pie img { display:block; float:right; padding:30px 0 0 0;}
#pie p { display:block; float:left; font-family:Helvetica, Tahoma, Arial; color:#E8E8E8; font-size:13px; background:url(../images/logo_fernandolara_footer.jpg) no-repeat left center; padding:0 0 0 130px; margin:30px 0 0 0;}
#pie p a { font-family:Helvetica, Tahoma, Arial; color:#E8E8E8; font-size:13px; text-decoration:none;}
#pie p a:hover { font-family:Helvetica, Tahoma, Arial; color:#E8E8E8; font-size:13px; text-decoration:underline;}


.descripcion{
	border: 1px solid #F0E68C;
	background-color: #F5F5DC;
	width: 200px;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.textoSeccion{
	text-align: justify;
	font-size: small;
}


.imgT,.imgB {
width: 100%; background-color: White;  
   }

.imgT img, imgB img{
 vertical-align: middle;  padding-bottom: 2px;  padding-left: 2px;  padding-right: 2px;  padding-top: 2px;  
}

.imgR{

	float: right;

}
.imgR img{
		padding-bottom: 2px;  padding-left: 2px;  padding-right: 2px;  padding-top: 50px; 
		display: block;
		margin: 2px;
}
.imgL{

	float: left;

}
.imgL img{
		padding-bottom: 2px;  padding-left: 2px;  padding-right: 2px;  padding-top: 50px; 
		display: block;
		margin: 2px;
}