body { 
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center;
	background-color: white;
	background-image: url(../images/fondo_degradado.png);
	background-repeat: repeat-x;	
}

#contenedor_general {
	position:relative;
	width:1000px;
	/* centrar el contenido */
	margin-left: auto;
	margin-right: auto;
	/*background: #a9a9a9;*/
	height:500px;
}

#contenedor_barra_negra {
	width:1000px;
	background:black;
	color: #ababab;
	font-size: 9px;
	text-align: left;
}

#logo {
	/* para que funcione su posicionamiento el containing box debe tener un posicionamiento diferente de static, que es el de defecto */
	position:absolute; 
	z-index:30;
	right:0px;

}

#contenedor_flashes {
	background-color: #fff;
}

/* codigo para lograr round corners en fondos blancos */
.bl1 {background: url(../images/bl1.gif) 0 100% no-repeat}
.br1 {background: url(../images/br1.gif) 100% 100% no-repeat}
.tl1 {background: url(../images/tl1.gif) 0 0 no-repeat}
.tr1 {background: url(../images/tr1.gif) 100% 0 no-repeat; padding:10px} 
.t1 {background: url(../images/dot1.gif) 0 0 repeat-x; width: 1000px}
.b1 {background: url(../images/dot1.gif) 0 100% repeat-x}
.l1 {background: url(../images/dot1.gif) 0 0 repeat-y}
.r1 {background: url(../images/dot1.gif) 100% 0 repeat-y} 

/* es el marco blanco redondeado en la parte inferior de la portada*/
#contenedor_textos {
	/*position:relative;
	z-index: 5;*/ /* si se activa IE no muestra bg color..*/
	background: white;
	font-family: verdana;
	font-size:9px;
	text-align:left;
	padding:0px;
	margin:0px;
}

#contenedor_textos2 {
	font-family: verdana;
	font-size:11px;
	text-align:left;
}

/* es el marco redondeado de fondo blanco en las paginas interiores*/
.contenedor_contenidos {
	background-color: #fff;
}

/* codigo para lograr round corners (en el segundo recuadro de la portada) */
.bl2 {background: url(../images/bl2.gif) 0 100% no-repeat}
.br2 {background: url(../images/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(../images/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(../images/tr2.gif) 100% 0 no-repeat; padding:10px} 
.t2 {background: url(../images/dot2.gif) 0 0 repeat-x; width: 1000px}
.b2 {background: url(../images/dot2.gif) 0 100% repeat-x}
.l2 {background: url(../images/dot2.gif) 0 0 repeat-y}
.r2 {background: url(../images/dot2.gif) 100% 0 repeat-y} 

/* Columnas izquierda y derecha de las paginas interiores */
.columna_izquierda{
	text-align:center;
	/*position: relative;
	left:0px;
	top:0px;*/
	float:left;
	width:200px;
	
}

/* contenedor de contenido principal en paginas interiores*/
.columna_derecha {
	margin-left: 200px;
	/*border-left: 1px solid gray;*/
	text-align:left;

}

/* contenedor de contenido principal en paginas interiores, con marco redondeado y fondo amarillo*/

.contenedor_productos {
	/*background: #ffebb2;*/
	background: #fff;
	font-family: verdana;
	font-size:11px;
	text-align:left;
	padding:0px;
	margin:0px;
	width:777px;
}

/* codigo para lograr round corners (en contenedor_productos) */
.bl3 {background: url(../images/bl3.gif) 0 100% no-repeat}
.br3 {background: url(../images/br3.gif) 100% 100% no-repeat}
.tl3 {background: url(../images/tl3.gif) 0 0 no-repeat}
.tr3 {background: url(../images/tr3.gif) 100% 0 no-repeat; } 
.t3 {background: url(../images/dot1.gif) 0 0 repeat-x; width: 777px;}
.b3 {background: url(../images/dot1.gif) 0 100% repeat-x}
.l3 {background: url(../images/dot1.gif) 0 0 repeat-y}
.r3 {background: url(../images/dot1.gif) 100% 0 repeat-y} 

/* TITULOS */

h1 {
	font-size: 18px;
	color: white;
	padding:5px;
	background-color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

h2 {
	font-size: 14px;
	font-weight: bolder;
	color: #144b45;
}

.tituloHotTubs {
	margin: 10px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px;
	background-color: #fdc20f;
	border-bottom-width: 5px;
	border: black;
	border-bottom: solid;
}

h3 {
	font-size:11px;
	display:inline;
}

h4 {
	font-size:11px;

}

/* TABLAS */

table.specstable {
	background-color: #fff3cf;
	font-size:11px;
	color:#464137;
}
table.specstable td {
	border-bottom: 1px solid #e6c46f;
	padding:7px 22px 7px 22px;
	line-height:12px;
}
table.specstable td.header {
	color: #0a3e28;
}

table.specstablecolor td {
	padding:7px 0px 7px 0px;
	line-height:12px;
}

table.hottubstable td {
	padding: 5px 5px 5px 5px;
}

table.textos {
	text-align: justify;
}

/* SOBRE IMAGENES */

img {  
	border-style: none;
}

/* Special links */

a.special:link {color: black; text-decoration: underline; }
a.special:active {color: black; text-decoration: underline; }
a.special:visited {color: black; text-decoration: underline; }
a.special:hover {color: #708090; text-decoration: none; }

a.white:link {color: white; text-decoration: underline; }
a.white:active {color: white; text-decoration: underline; }
a.white:visited {color: white; text-decoration: underline; }
a.white:hover {color: #afb9c3; text-decoration: none; }

/* Footer */
#footer {
	font-family: verdana;
	font-size:12px;
	text-align:center;
	padding:5px;
	margin:0px;
	color:blue;
}

/* Footer links */

a.foot:link {color: gray; text-decoration: underline; }
a.foot:active {color: gray; text-decoration: underline; }
a.foot:visited {color: gray; text-decoration: underline; }
a.foot:hover {color: #708090; text-decoration: none; }