body {
	background-image: url(../images/fons.jpg);
	background-repeat: repeat;
	background-color:#ffffff;
	color:#000000;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
}
body, div, table, tr, td, img {
	border-collapse: collapse;
	margin:0px;
	padding:0px;
	border:0;
	vertical-align:top;
}
div.contenedor{
	width:766px;
	height: auto;
}
#space{ width:766px; height:20px; position:relative; }
/********************   SUPERIOR **************************/
table.superior{
	width:766px;
	text-align:left;
}
table.superior img{
	padding-left:20px;
}
td.s15{ width:15px; }
td.w29{ width:29px; }
td.logo{ width:250px; }
td.logo img{ padding-left:0; margin-bottom:0px; padding-top:15px; }
td.resto{ width:501px; }
td.contacto{ width:175px; padding-left:18px;}
/*************** CONTENIDO  *********************/
table.contenido{ 
	width:766px;
	text-align:left;
}
td.noia{ width:465px; background-color:#ffffff; }
td.contIntern { background-color:#ffffff; padding:15px;}
td.w15{ width: 15px; background-color:#ffffff; }
td.final{ width:442px; }
td.h25{ height: 25px;}
td.w271, td.w271h { width:271px; background-color:#ffffff; }
th { padding:10px; }

#contCentral{ width:766px; height:auto;}
#contCentralSup{ 
	width:741px;
	height:25px;
	background-image: url(../images/fons-central.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
#contCentralInf{ 
	width:741px;
	height:5px;
	background-image: url(../images/fons-sota-central.gif);
	background-repeat:repeat-x;
}
#contText{ 
	width:766px;
	height:auto;
	background-image: url(../images/fons-borde-central.gif);
	background-repeat:repeat-y;
}
div.contTextInici{
	width:425px;
	padding: 20px;
}
#submenu{ 
	width:140px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
#central{
	width:565px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	border-left: 1px dashed #006A8D; /* borde punteado */
}
#contenido{
	width:721px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
#oasis-piscinas{
	margin-top:-15px;
	margin-left:-10px;
}
/******************    SUBMENU HORIZONTAL    ******************/
#menuNosotros {
	width:691px;
	height:18px;
	padding:8px;
	margin-bottom: 10px;
	background-image:url(../images/fons-submenu.gif);
	background-repeat:repeat-x;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
}
#menuNosotros ul {margin-left:-20px; margin-top:-3px; }/* Recolocamos el componente */
#menuNosotros  li {  list-style-type: none; list-style-image:none; }
#menuNosotros li {float: left; border: 1px solid #a1a1a1;}
#menuNosotros a {
	text-decoration: none;
	background: #EEF8FF;
	display: block;
	padding: 3px 10px;
}
#menuNosotros a:hover {	background: #C7E3F6;}
#menuNosotros a#actual {	background: #C7E3F6;}
/*****************************************************************/
#submenu2{ 
	width:180px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
#central2{
	width:521px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	border-left: 1px dashed #006A8D; /* borde punteado */
}
#separador{ width:766px; height:20px; background-color:#ffffff;}
/****************** MENU  **********************/
ul#menu {
	width: 766px; /* Ancho de la imagen */
	height: 42px; /* Alto de la imagen */
	list-style: none;
	background: url('../images/menu.png') no-repeat; /* Imagen de fondo */
	position: relative;
}
ul#menu li { /* Convertimos la lista en horizontal */
	left: 5px;
	position: absolute;
	text-indent: -10000px; /* Sacamos el texto de los enlaces del campo de vision*/
}
ul#menu li a{
	display: block;
	height: 42px;
	background-repeat: no-repeat;
}
/* Definimos las dimensiones de cada elemento de la lista y le asignamos el orden de superposicion */
ul#menu li#inicio-link { width: 140px; z-index: 200; left:0px; }
ul#menu li#productos-link { width: 260px; z-index: 190; left:0px; }
ul#menu li#servicios-link { width: 380px; z-index: 180; left:0px; }
ul#menu li#caract-link { width: 520px; z-index: 170; left:0px; }
ul#menu li#contacto-link { width: 640px; z-index: 160; left:0px; }
/* Asignamos una imagen de fondo a cada enlace de la lista */
li#inicio-link a:hover { background: url('../images/inicio.png') no-repeat;}
li#productos-link a:hover { background: url('../images/productos.png')  no-repeat; }
li#servicios-link a:hover{ background: url('../images/servicios.png') no-repeat; }
li#caract-link a:hover { background: url('../images/caract.png') no-repeat; }
li#contacto-link a:hover { background: url('../images/contacto.png') no-repeat; }
ul#menu li a:focus { outline:0px; } /* Quita el borde punteado al hacer click en la imágen  */
#inicio{
	width:140px;
	z-index: 205;
	background: url(../images/inicio.png) no-repeat;
	background-position:-5px 0px;
}
#productos{
	width:260px;
	z-index: 195;
	background: url(../images/productos.png) no-repeat;
	background-position:-5px 0px;
}
#servicios{
	width:380px;
	z-index: 185;
	background: url(../images/servicios.png) no-repeat;
	background-position:-5px 0px;
}
#caract{
	width:520px;
	z-index: 175;
	background: url(../images/caract.png) no-repeat;
	background-position:-5px 0px;
}
#contacto{
	width:640px;
	z-index: 165;
	background: url(../images/contacto.png) no-repeat;
	background-position:-5px 0px;
}
/******************** INPUTS SELECTS *********************/
input{
	border: 1px solid #002245;
	background: #D1FFF9;
	color: #002245;
	padding-left:5px;
	padding-top:2px;
	margin:2px;
}
input.campo{
	width:300px;
	height:16px;
	font-size:12px;
}
input.enviar{
	width:80px;
	height:24px;
	font-size:14px;
	background:#00617A;
	color:#ffffff;
}
textarea{
	border: 1px solid #002245;
	background: #D1FFF9;
	color: #002245;
	padding-left:5px;
	margin:2px;
}
textarea.contacto{
	font-family: Arial, sans-serif, Helvetica;
	font-size:12px;
	color:#002245;
	width:300px;
	height:150px;
}
/************************ TEXTOS  ************************/
/*#caracteristica li { margin:5px; } /* Creamos espacio entre los elementos */
#caracteristica li { margin:4px; margin-left:-10px; }
#caracteristica li .subcategoria { margin:4px; margin-left:-28px; } /* Creamos espacio entre los elementos y reducimos espaciado de UL */
#caracteristica ul { list-style-image: url(../images/caract_op.gif); }  /* Cambio estilo de la lista por imágines */
ul { list-style-image: url(../images/caract_op2.gif) }
h1, h2, h3, h4, h5, hr{
	font-weight: normal;
	padding:0;
	margin:0;
}
hr {
	width:96%;
	border: none 0;
	border-top: 1px dashed #006A8D; /* borde punteado */
	height: 1px;
}
h1{ font-size:14px; font-weight: bold; }
h1 a{ color:#002240; text-decoration:underline overline; }
h1 a:link{ color:#002240; text-decoration:underline; }
h1 a:visited{ color:#002240; text-decoration:underline; }
h1 a:hover{background-color:#F1FFBB; color:#00522B; text-decoration:none; }
h2{ font-size:13px; font-weight: bold; color:#007953; }
h2 a { color:#002240; text-decoration:none; }
h2 a:link { color:#002240; text-decoration:none; }
h2 a:visited { color:#002240; text-decoration:none; }
h2 a:hover { background-color:#F1FFBB; color:#00522B; text-decoration:underline; }
h3{	font-size:12px; color:#003D5A; }
h3 b{ font-weight: bold; color:#003047; }
h3 b.naranja { color:#FF7000; font-style:italic; }
h3 a{ color:#007953; text-decoration:underline; }
h3 a:link{ text-decoration:underline; }
h3 a:visited{ text-decoration:underline; }
h3 a:hover{ text-decoration:none; background-color:#F1FFBB; color:#00522B; }
h3 img{ float:right; margin:5px; }
h4{  /* Especial para copyright, etc.  */
	font-size:11px;
	padding:10px;
	text-align:center;
	color:#002240;
}
h5{ font-size:12px; color:#000; }