@charset "utf-8";
/************************************************************
HOJA DE ESTILOS CREADA POR LEUNAM (http://www.leunam.com)
PARA piscinas-aquakit.com - Ver 2.0 - 2007 - Madrid - Spain
http://www.leunam.com
**************************************************************/

/**************** 
GENERALES
***************/
h1 {background-color: transparent; color: #a62964;	text-align: left; text-transform:uppercase;	font-family: Verdana, Arial,Times,  "Lucida Fax",  sans-serif; font-size:18px; padding-bottom:8px;}
h2{background-color: transparent; color: #a62964;	text-align: left; text-transform:uppercase;	font-family: Arial,Verdana, Times,  "Lucida Fax",  sans-serif; font-size:14px; padding-bottom:4px;}
h3, h3 a{background-color: transparent; color: #029bc3;	text-align: left; text-transform:uppercase;	font-family: Arial,Verdana, Times,  "Lucida Fax",  sans-serif; font-size:14px; padding-bottom:0px;}
h3 a:hover{color: #029bc3;	text-decoration:underline; }

/*enlaces*/
a /*, a:visited*/{  color: #000; text-decoration: none;}
a:hover {color: #ff9900;/* text-decoration: none;*/}
a.blanco {color:White !important; text-decoration: none; }
a.blanco:hover {text-decoration:underline;color:White;}

/*parrafos ,listados e imagenes*/
p {text-align: justify; margin-top:5px;line-height:13px; }
ul {list-style-type:none; margin:0; }
li {/* margin-left:1em*/ /*list-style:outside url(../imagenes/bg_li.gif);margin-top: 3px;*/ }
img {border:0;}

/*forms*/
fieldset {/*	margin-top: 10px; margin-bottom: 10px;*/border: none ;   }
legend, hr { display: none; }
input{ vertical-align:middle;}
input, textarea, select { padding-left: 2px; font-family: Arial, Helvetica, sans-serif; }
ol {margin: 0px; padding: 0px; list-style-type: none; }
input.hidden{	display:none;}

/*tablas*/
table {display:table; border:0; padding:0; margin:0;border-collapse:collapse; }
td, th { display:table-cell;}
tr {display:table-row;}

/*clases para espaciar verticalmente*/
.salto10{display:block; width:100%;height:10px; float:left;font-size:2px !important; clear:both; }
.salto3{display:block; width:100%;height:4px; /*float:left;*/font-size:2px !important; clear:both;  }
.salto20{display:block; width:100%;height:20px; font-size:2px !important; clear:both;float:left;  }
.pad10L{	padding-left:10px;}
.salto20C{display:block; width:100%;height:20px;  }
.salto50{display:block; width:100%;height:50px; font-size:2px !important; clear:both;float:left;  }

.visible{display:block;}
.novisible{display:none}
.ZoneHide {display: none;}
.ZoneView {/*	display: inline;*/display:block;}

/********************************************
CUERPO
*********************************************/

body {font-family: Arial,Verdana,Times,  "Lucida Fax",  sans-serif;  font-size: 11px; background-color: #e3f9fc; margin:auto; padding: 0; text-align:center; color:#000;height:100%; }
* {  margin: 0 auto;  padding: 0;}
* html {  width: 100%; margin:0; padding:0; }


/*************************************************
CONTENDORES GENERALES DE CADA PARTE DE LA PAGINA
*************************************************/
/*Para que IE6 entienda como absolute la barra pie de página hay que montar un gran contenedor con absolute y modificarlo a continuacion para IE7 y FF. Luego ya puedo definir absolute la barra*/

/*contenedor de toda la pagina*/
#grancontenedor 
{ position:absolute;background-color: #e3f9fc;  top:0;  left:0;  width:100%;  height:100%; overflow:auto;}
html>body #grancontenedor
{ position:static;background-color: #e3f9fc;float: left;  top:auto;   left:auto;  width:100%;  height:100%;  overflow:visible; }
/*#contenedor_todo
{ background: url(../imagenes/fondos/fondo_todo.gif) 0px 0px repeat-x;  width: 100%; float:left; margin:auto;  }*/

#contenedor_todo
{ background: url(../imagenes/fondos/fondo_todo2.gif) center top; /* width: 100%*/;height:118px;float:none; /* float:left;*/ margin:auto;  }


#contenedor_pagina
{width: 947px;margin-top:1px; }

/*******************
MENUS SUPERIORES
********************/	
#contenedor_menu
{width:947px; background-color: transparent; height:112px; float: left; }	
#logo
{float:left;  height: 112px;  width: 315px;}
#logo h1
{float: left;  text-indent: -9999px;}
#logo h1, #logo h1 a, #logo h1 a:hover
{display: block; /*background: url(../imagenes/logos/logo_aquakit1.jpg) 0px 0px no-repeat;*/height: 113px; width: 315px;}
#menus
{ float:left;  height: 112px;  width: 632px; margin: 0;  }
/*menu superior*/
#menu_sup
{height: 52px; width: 632px; }  
div#menu_sup ul
{ list-style-type: none;  float: right; padding-top:3px; }
div#menu_sup ul li
{float:left;  background-color:transparent;  border-bottom-color: #FF4500; padding-left: 3px;  margin-left: 3px; height: 16px;   line-height: 16px;}
div#menu_sup ul li a
{ background-color:transparent;  border-bottom: 1px solid #25D3FC; color:#f5fdff /*#AAEDFD*/;  font-family: Verdana,Arial,Times, "Lucida Fax",  sans-serif;  font-size: 9px;   text-decoration: none; padding: 0 1px;text-align:right;  float:left;font-weight:bold;}
div#menu_sup ul li a:hover, div#menu_sup ul li a.actual, div#menu_sup ul li a.actual:visited, div#menu_sup ul li a.actual:hover
{ float:left; border-bottom: White 1px solid;color:White;/*#323d59; #9a2850*/}
div#menu_sup ul li a.actual
{padding-bottom:3px;cursor:default;}
div#menu_sup ul li.separador 
{float:left;  width:1px; margin-left:5px; color:#ffffff; text-align: right; }
#direccion
{float:left;  color:white; /* #F9F9F9*/; line-height: 20px; font-size:12px; font-weight:bold; width:100%;  word-spacing: 2px;  margin-left:0px;  text-align:left;}
#direccion .construye
{float:left; display: inline; padding-left:12px;}
#direccion .dir
{	float: right;}


/*menu principal*/
div#menu_ppal
{float:left; height: 60px; width: 632px;   } 
div#menu_ppal ul /*mueve el menu*/
{ margin-left: 1px;  padding-left: 0;  list-style-type: none;  float: left; /*padding-left: 1px;*/}
/*el siguiente no lo entiende IE6 y lo uso como ventaja para ajustar el que interpreta los magin de distinta manera el IE6 respecto a IE7 y FF*/ 
html>body #grancontenedor #contenedor_todo #contenedor_pagina #contenedor_menu #menus #menu_ppal ul
{margin-left:6px; }
div#menu_ppal ul li
{float: left;  height: 30px;  line-height: 30px;  margin-left: 3px; background: url(../imagenes/fondos/bg_menus.gif) 0px 0px repeat-x; margin-top:31px;}
div#menu_ppal ul li a
{background-color:transparent; color: #f5fdff;font-size: 12px; font-family: Verdana, Arial,Times, "Lucida Fax", sans-serif; font-weight: bold; text-decoration: none; padding: 0px 14px 3px 14px; }
div#menu_ppal ul li.actual
{float: left;  background-color:transparent;height: 46px;  line-height: 46px;  background: url(../imagenes/fondos/bg_menus_on.gif) 0px 0px repeat-x; margin-top:15px !important;padding-top:8px;}
div#menu_ppal ul li a:hover
{ border-bottom:  #f5fdff 1px solid;}
div#menu_ppal ul li.actual a:hover
{	border: none; cursor:default; }


/*******************
ZONA PRINCIPAL
******************/

#main/*Lateral y contenido de texto*/
{display: block;  clear: left;  float: left;  height:100%;   width:947px;  padding: 0px 0px 0px 0px; margin-top:15px;  color: #5C5C5C;  }
#ppal
{padding:0px 0px 0px 0px; margin-top:0px;   width: 947px; background:transparent;  }

/*HOME*/
div.photo
{background:  transparent;    margin:0; }
div#inicio
{ position:relative; float:left; display:block; background: #03aacc url(../imagenes/fondos/bg_ppal.jpg);height: 466px; width: 947px;}
/*fotos sobrepuestas*/
#sobrefoto1
{position:absolute; top:10px; left:10px; /*padding-top:10px;*//* float:left; display:block;*/ border-right:#e3f9fc 2px solid; border-bottom:#e3f9fc 2px solid; width:316px; height: 240px; }
#sobrefoto2
{position:absolute;top:376px;  left:18px; /*float:left; display:block;*/ border-right:#e3f9fc 2px solid; border-top:#e3f9fc 2px solid;width:286px; height: 78px; border-left:#e3f9fc 2px solid; }
#sobrefoto3
{position:absolute;top:319px;  left:382px; /*float:left; display:block;*/ border-right:#e3f9fc 2px solid; border-top:#e3f9fc 2px solid; border-left:#e3f9fc 2px solid;width:186px; height: 135px;}
#sobrefoto4
{position:absolute;top:229px;  left:646px; /*float:left; display:block;*//* border-right:#e3f9fc 2px solid;*/ border-top:#e3f9fc 2px solid; border-left:#e3f9fc 2px solid;width:289px; height: 225px;}


/*textos home*/
#txt_home
{width: 947px; float:left;display:block;  height:auto;   }
#txt_home.top25
{ margin-top:25px;}
/*#txt_home.top20 { margin-top:20px;}*/
#txt_home h3{	margin-bottom:6px; }

.bloque1
{display:block; float:left; text-align:left;color: #5C5C5C; position:relative;}
.bloque1.w301
{ width: 301px; }
#txt_home img
{margin-bottom: 4px; margin-right: 10px; float:left; display:block; border: #029bc3 1px solid; }
#txt_home a img 
{border: #029bc3 1px solid;}
#txt_home a:hover img
{border: Red 1px solid;}

.bloque1.w463
{ width: 463px;  }
.bloque1.w463 span img
{margin-right: 0px !important; float:right !important ; margin-left: 10px;}

.quienes
{float: left; display:block; width:360px;  }
.quienes ul
{display:block;	float:left;width:360px;	/*padding: 0px 15px 0 10px; */}
.quienes ul li
{ float:left; /* font-size:10px;	*/  list-style: none;  width:180px;}

.doce
{font-size:12px;font-weight:bold; }
.pad{display:block;	margin-bottom:10px;}
/*.link_ad
{float:left; width: 100%;/text-align: right; margin-right:20px; }*/
a.link_ad
{	color: #029bc3; }
a.link_ad:hover
{text-decoration:underline;	color: #029bc3; }


/**************************************
BARRA DEL PIE DE PAGINA
***************************************/
/*contenedor para la barra fija inferior: sin el montaje de arriba, IE6 no entendia este absulute*/
#fixedbox
{overflow: hidden; width: 100%; position:absolute;bottom: 0px; left: 0px; font-size: 10px; color: #828282; text-align:left;  height:57px;display:block; float:left;   }
#fixedbox #txt_fixedbox
{ width:100%;  height:28px;	background: transparent;}
#fixedbox #interiorfixed
{width:96%; float:inherit;  background: #03aacc; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; height: 29px; margin:auto;  }
body>div#fixedbox 
{position: fixed; }
div#interiorfixed ul li
{ width:auto; float:left;text-align:left; padding-left:5px; padding-right:5px; padding-top:1px; color:White;  }
div#interiorfixed ul li img
{	float:left; display:block; }
li.izq
{margin-top:13px; color:#e3f9fc; margin-right:8px; float:right !important; display:block; }
div#interiorfixed ul li a 
{	color:#e3f9fc; }
div#interiorfixed ul li a:hover
{color:#e3f9fc; text-decoration:underline; }
li.bordeDrcho
{border-right:1px solid #e3f9fc;padding-right:5px;height:28px;}

li.mouse_info
{cursor: help;}
.ocultas_pie
{position:absolute; width:auto;/* bottom: 27px; */visibility: hidden;padding:5px 0px 12px 0px; background:transparent url(../imagenes/barra/pico.gif) 0px 22px no-repeat;} 
.ocultas_pie span
{ display:block; float:left; border-color: #03aacc;  border-style: solid;	border-width: 1px 1px 0px 1px; font-size: 10px; color:#03aacc; font-weight: bold; background-color: #e3f9fc; padding:2px 4px 2px 4px; }


/***********************
SLIDER
*************************/

#wrapper 
{ width: 896px;   margin: 15px auto;  }
.titulo_wrapper
{font-size:15px; text-align: left; font-weight:bold;/*margin-bottom:12px; */margin-top:5px;color:#029bc3;margin-bottom:5px;}
#slider
{ margin: 0 auto;  position: relative;	border: 10px solid #03aacc;}
#slider.w876 /*para la pagina de construccion*/
{ width: 876px; }
#slider.w947 /*para la pagina de construccion*/
{ width: 927px; }

.scroll
{overflow: hidden;	width: 876px;    margin: 0 auto;    position: relative;}
.scrollContainer
{position: relative;}
.scrollContainer div.panel 
{padding: 10px;  width: 274px;	height: 336px;}
.scrollButtons 
{ position: absolute;    top: 142px;    cursor: pointer;}
.scrollButtons.left 
{left: -45px;}
.scrollButtons.right
{right: -45px;}

#left-shadow 
{position: absolute;	top: 0;	left: 0;	width: 45px;	bottom: 0;	
background: url(../imagenes/fondos/slider/leftshadow.jpg) repeat-y;}
#right-shadow 
{position: absolute;	top: 0;	right: 0;	width: 45px;	bottom: 0; 	background: url(../imagenes/fondos/slider/rightshadow.jpg) repeat-y;}

.inside
{padding: 10px;	border: 1px solid #999;}
.inside img 
{display: block;	border: 1px solid #666;	margin: 0 0 10px 0;	width: 250px;}
.inside h2 
{font-weight: normal;	color: #111;	font-size: 16px;	margin: 0 0 8px 0;}
.inside p
{font-size: 10px;	color: #5C5C5C;line-height:15px;font-family:/* 110%/100% */  Arial,Verdana,Times,  "Lucida Fax",  sans-serif;}
.hide 
{ display: none;}


/*************************
CONTACTAR
*************************/
#slider_contact
{width:845px;height:445px;clear:both; margin:auto;padding-top:30px;}
#contact {margin:0;padding:0; border: none;}
#contact form { padding-bottom: 10px; }
#contact span 
{font-weight: normal; padding: 23px 0 10px 10px; display: block; color:#5c5c5c; text-align: left;display:block;  font-size:11px;line-height:14px;}
#contact form label
{ display: block; font: bolder 96%/140% Verdana,  Arial,Times,  "Lucida Fax",  sans-serif; margin-bottom: 3px; margin-top:20px;  text-align: left; margin-left:21px;  /*display:block; */}
#contact form label.sinerror
{color: #5C5C5C;}
#contact form label.conerror
{ color: #8C2222;}

#contact form #message  
{ margin: 20px 0; padding-left: 50px; display: block; float: left; width: 390px; color:#333;}	
#contact #subject 
{ float: left; width: 240px; padding: 0 15px 0px 70px; margin-top: 15px; color: #DCDCDC; }
#contact #subject h3
{ font-size:18px;font-weight:bold; }

#contact form textarea 
{ width: 340px; height:100px; font-size: 110%; border: 1px solid #ccc; margin-bottom:30px;}	
.select {font-size:12px; width:180px;display:block; float:left; margin-left:20px;}
#contact form .button 
{ width: 110px; height:22px; margin-bottom:1px;font-weight: bold; font-size:11px; float:right; margin-right:26px;}		
#contact form .input
{ width: 340px; font-size: 110%; border: 1px solid #ccc;   background-color: White;  padding-top:2px; display:block; margin-left:20px;  /*height:17px;*/}
#contact form .input.inputtext
{height:16px; }
#contact form .input.inputfile
{	width:auto;}

#error1 { width:760px; font-weight: bold; font-size: 100%; color:#8C2222;text-align:center;margin: auto;display:block; height:30px;  margin-top:0px;}
#sinerror1 { width:760px; /*font-weight: bold;*/ font-size: 100%; color: #03aacc;text-align:center;margin: auto; height:30px;margin-top:0px;}


/***********************
SLIDER de mantenimiento
************************/
/**{	margin:0; padding:0;}*/
#zone_slider ul {margin:0; padding:0; width:928px; text-align:left !important;}
ul.sm {list-style:none; width:928px; height:400px; display:block; overflow:hidden; }
ul.sm li {float:left; display:inline; overflow:hidden;}

/********************
DONDE ESTAMOS
*********************/

/*
.td_donde
{padding-left:29px; padding-top:22px;text-align:justify;color: #5C5C5C; width:474px; font-size:12px;font-weight:normal;  }
*/

.negrote
{	line-height: 30px; color: black; font-weight: bold;}
#donde_estamos
{width:928px; height:400px; display:block; overflow:hidden;	text-align:justify;color: #5C5C5C;  font-size:12px;font-weight:normal;	}
#donde_estamos a
{color: #5C5C5C;text-decoration:underline; }

#donde_estamos a:hover
{text-decoration:underline; color:#03aacc}
#txt_estamos
{height:400px; padding: 25px 20px 25px 20px;	width:454px; float:left;}
#slider_donde
{float:left;height:400px;	width:400px; height:350px; margin-top: 24px;margin-right:20px;border:#03aacc 1px solid;}
#meter_google{width:450px; height: 180px; 	float:left; text-align: left; display:block; }
#meter_google img
{float:left; display:block; margin-right:20px;}
#meter_google a img 
{border: #029bc3 1px solid;}
#meter_google a:hover img
{border: Red 1px solid;}


/******************
TRABAJOS
*******************/
#cont_pestana1
{padding-bottom: 14px;}
h5
{margin: 0px 0px 14px 3px; font-size:130%; line-height: 95%; font-weight: 600;
border-bottom: 1px dashed #2671c6; 	padding: 10px 3px 3px 1px;	font-size: 12px;	color: #2671c6; }
#cont_pestana1 ul {list-style:none; padding:20px 10px 10px 20px !important;width:898px !important; display:block;overflow:hidden; }
#cont_pestana1 ul li {float:left; display:block; overflow:hidden;color: black; font-weight: bold;  width:888px;	background: url(../imagenes/fondos/bg_flechaDw.gif) no-repeat 850px 10px !important;
padding: 0px 0 !important; margin-bottom: 6px;	margin-left: 1px;	list-style: none none !important;
border: 1px solid #e3f9fc; }
#cont_pestana1 ul li ul.fotos {float:left; list-style:none;display:block; overflow:hidden; width:888px; padding-top:0px !important;}
#cont_pestana1 ul li ul.fotos li.cada_foto
{float:left; width:92px; /*padding:5px 5px 5px 5px; */height:65px;display:block; border:none !important; }
#cont_pestana1 ul li ul.fotos li.cada_foto a img { display:block; border: 1px solid #dbdbdb; height:60px; width: 80px; z-index:2000; padding: 1px 1px 1px 1px; }
#cont_pestana1 ul li ul.fotos li.cada_foto a:hover img { border:1px solid #000066; }
/*
.zonacapas p
{ margin-bottom:1.1em !important;}*/
#cont_pestana1 ul li.select{width:888px;float:left; display:block;
 background: #d9ebff url(../imagenes/fondos/bg_flechaUp.gif) no-repeat 850px 10px !important;
 border:1px dotted #ccc; }
 


/********************
PIE
*********************/
#pie
{ font-size: 11px; color: White;	width:947px; float:left;display:block; margin-top:10px; border-top:1px solid #03aacc; padding-top:3px; }
#pieAbajo
{margin:0; height:14px; font-size:9px; float:left; width:947px;  display:block; }

div#pie h2
{display: none;}
.menu_pie
{font-size:10px; float:left; display:block; margin-left:0px; }
.menu_pie a
{color: #7EE4FC;text-decoration:none; }
.menu_pie a:hover
{color: #787889; text-decoration: underline;}


div#w3c
{text-align: right;line-height:14px; }
div#w3c a
{ margin:0px 2px 0px 2px;border:1px solid #FFEAF2; color: #7EE4FC;}
div#w3c a:hover
{margin:0px 2px 0px 2px;border:1px solid #2671c6;text-decoration:none;color: #993333;background: #FFD700;}




/**************************
CLASES GENERALES TEXTOS
**************************/
/*
.dt1
{display:block; 	float:left; width:94px;margin-bottom:1px; text-align:right; padding-right:6px; font-weight:bold;font-size:11px; }
.dt2
{display:block; float:left; width:345px;margin-bottom:1px; font-size:11px; }
.dt3
{display:block; float:left; width:450px !important;margin-bottom:1px; font-size:11px; }
.dt4
{display:block; float:left; width:25px;margin-bottom:1px; font-size:11px;line-height:40px; }
.roja13B
{font-size:13px; font-weight:bold;	color:#a62963;line-height:16px;}
.roja12B
{font-size:1.05em; font-weight:bold;	color:#a62963;;line-height:16px;}
.blanco11
{line-height:16px; font-size:11px; color:White; }
.blanco11N
{ font-size:11px; color:White; font-weight:normal; font-family:Verdana,  Arial, Helvetica, sans-serif; }
.blanco9
{ color: white; line-height:12px; font-size:9px;}
.gris11
{color: #4E4E4E; text-decoration: none;	font-style: normal;}
.subTit_lat{float:left; display:block; background-color: transparent; color: #a62964;	text-align: left; font-weight:bold; font-size:12px;  width:200px; padding:20px 0px 5px 0px;  }
.suave 
{color: #6F6F6F;}
.solorojo
{color: Red;}
.amarillo 
{color: #FFD700;}
*/

/*clases para formularios*/
.corto{width:50px;margin-right:200px;}
.largo
{width:90px;}
.largoE
{width:90px; color:Red; }
.xtralargo
{width:120px; float:left; }
.xtralargoE
{font-size: 11px; color: Red; width:120px; float:left;}
.xxlargo{width:400px; }
.mxlargo{width:250px; }
.corto_m400{	width:50px; margin-right:400px; }
.largo_m400{	width:90px; margin-right:300px; }


/*****************
FORMULARIOS
******************/

/*para el emulador del select*/
#zonaAzul{width: 100%;	display: block;	float: left;	height:18px;margin-bottom: 3px; }
.bordeAzul
{border: 1px solid #7f9db9;	background-color: #D3D3D3; line-height:15px; padding:0px 5px 0px 3px; margin-left:9px; color: Black; display:block; float:left; }
html>body #grancontenedor #supercontainer #container #fondoNegro #zona_compra #form_oscuro #elegir  #zonaAzul .bordeAzul  {margin-left:5px; } /*no afecta a IE6*/
.prebordeAzul{	width: 78px; text-align:right; float:left;height:18px;}


/*CONSULTAS*/
#realizar_consulta
{display:block; float:left; margin:0px 0px 5px 10px;	background-color: #252525; color:White; text-align:left; padding:3px 0px 3px 10px; line-height:18px; height:280px; width: 425px; }
#realizar_consulta textarea
 {padding-top:2px; padding-left:2px;width:260px; height:80px; }
 

/*LEGAL*/
 #todoNegro{float:left; width:918px; /*height:410px; */display:block;margin:0;  background: Black;color:White; padding:10px 12px 10px 12px; text-align:left; min-height:410px;/*height:580px; */line-height:15px; }