@charset "utf-8";
/* CSS Document */

html, body 				{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

div, p, ul, li			{ margin:0; padding:0; }

a						{ text-decoration:none; outline:none; }
a.boton					{ display:block; width:296px; height:66px; margin-bottom:10px;
						  background:url(../img/boton.png) no-repeat; color:#333333;}
a.boton:hover			{ background-position:0 -67px; color:#006699; }
a.boton.actual			{ background-position:0 -67px; color:#006699; }


a.botonPiscina			{ display:block; width:296px; height:66px; margin-bottom:10px;
						  background:url(../img/boton_piscina.png) no-repeat; color:#333333;}
a.botonPiscina:hover	{ background-position:0 -67px; color:#7e0d0d; }
a.botonPiscina.actual	{ background-position:0 -67px; color:#7e0d0d; }

a.botonContactar			{ display:block; width:296px; height:66px; margin-bottom:10px;
						  background:url(../img/boton_contactar.png) no-repeat; color:#333333;}
a.botonContactar:hover	{ background-position:0 -67px; color:#003300; }
a.botonContactar.actual	{ background-position:0 -67px; color:#003300; }


.botonTitular			{ padding:10px 10px 0 10px; font-size:12px; font-weight:bold; text-transform:uppercase; }
.botonTexto				{ padding:5px 10px 10px 10px; }
.botonImagen				{ float:left; padding:8px 5px 0 10px; }

img						{ border:0; }

body					{ background:url(../img/barrafondo.png) repeat-x center 50px; }
body.dos				{ background:url(../img/barrafondo2.png) repeat-x center 50px; }
body.tres				{ background:url(../img/barrafondo3.png) repeat-x center 50px; }

#centro					{ position:relative; width:850px; margin-left:auto; margin-right:auto;
						  /*border:1px #FF0000 dashed;*/ }		

.imgTop					{ position:absolute; top:50px; left:1px; }  		  
						  
.logo					{ position:absolute; top:30px; right:20px;}	

#arriba							{ position:relative; width:100%; height:250px; }
#menuArriba						{ position:absolute; top:30px; /*border:1px #FFFF66 dashed;*/ }
#menuArriba ul					{ list-style-type:none;}
#menuArriba ul li				{ float:left; padding:0 10px 0 10px;border-right:1px #CCCCCC solid; }
#menuArriba ul li.primero 		{ padding-left:0; }
#menuArriba ul li.ultimo  		{ border-right:0; }
#menuArriba a					{ font-size:11px; /*text-transform:uppercase;*/ color:#666666; }
#menuArriba a:hover				{ color:#006699; }
#menuArriba a.segundo:hover		{ color:#006699; }
#menuArriba a.tercero:hover		{ color:#7e0d0d; }
#menuArriba a.cuarto:hover		{ color:#003300; }
#menuArriba a.actual			{ color:#006699; font-weight: bold; }


#abajo							{ position:relative; width:100%; margin-top:10px; padding-bottom:20px; /*border:1px #99FF00 dashed;*/ }

#izquierda						{ float:left; width:300px; /*border:1px #FFFF00 dashed;*/ }	
blockquote						{ margin:10px 0 0 0; width:250px; font-size:16px;  font-family:Arial, Helvetica, sans-serif; 
						  		  line-height:20px; }
blockquote.dos					{ margin:0; padding:10px; width:510px; color:#FFFFFF; background:url(../img/quote.png) repeat-x;
								  font-weight:bold; text-align:center; }
#derecha						{ float:left; width:520px;margin-left:20px; }
#derecha p						{ margin-bottom:10px; color:#333333; line-height:16px; font-size:12px; text-align:justify; }
#derecha p.titular				{ clear:both;font-size:16px; }
#derecha ul						{ marign:0; padding:0; list-style-type:none; }
#derecha ul li					{ font-size:12px; text-indent:20px; line-height:17px;}
#derecha fieldset				{ padding:0 0 15px 15px; color:#CCCCCC; border:1px solid #666666; background:#FFFFFF;}
#derecha fieldset p.tituloCampo		{ margin-top:15px; margin-bottom:5px; color:#333333; }
#derecha fieldset input, textarea	{ border:1px #666666 solid; background:#EEEEEE; color:#000000; }
#derecha fieldset input				{ width:300px; }
#derecha fieldset textarea			{ width:450px; height:100px; }
#derecha fieldset input.botonForm	{ width:100px; margin-top:15px; margin-right:10px; }

#pie					{ clear:both; position:relative; width:650px; margin:10px auto 10px auto; padding:8px; 0 0 0;
						  border-top:1px #CCCCCC solid; }
#pie p					{ text-align:center; color:#999999; }
#pie a 					{ color:#999999; }
#pie a:hover			{ color:#666666; }


.entrada				{ color:#006699;font-size:12px; text-transform:uppercase; font-weight:bold;}
.clear					{ clear:both; }
.espacio				{ margin-top:10px; }

.detalle				{ margin-top:10px; .cabecera				{ border:1px #B7CADD solid; margin-bottom:5px; }