html {
	width: 100%;
	height: 100%;
}

body {
	color: #039;
	font: 75%/140% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #b2e0ff;
}

a:visited {
	color: #09f;
}

a:hover {
	color: #693;
}

h1 {
	font-size: 2em;
	margin: 0 0 1em;
}

h2 {
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
	color: #09f;
	margin-left: 20px;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.4em;
	color: #693;
	margin: 0 0 1em;
	padding: 0;
}

p {
	margin: 0 0 1em;
	padding: 0;
	font-size: 0.9em;
}

/* @group clases */

.floatleft {
	float: left;
	margin-right: 10px;
}

.clear {
	clear: both;
}



/* @end */

/* @group formulario inicio */

#formularioinicio dd {
	margin: 0;
	padding: 1px 0 5px;
	width: auto;
	height: 25px;
}

#formularioinicio dl {
	margin: 0;
}

#formularioinicio dt {
	float: left;
	padding-right: 10px;
	width: 60px;
	padding-left: 20px;
	text-align: right;
	margin: 0;
}

fieldset {
	border: 1px dashed #09f;
}

legend {
	background-color: #fff;
}

#formularioinicio #enviar {
	margin-left: 10px;
}



/* @end */

/* @group estructura */



#contenedora {
	width: auto;
	height: auto;
}

#contenido {
	margin-right: 20px;
	margin-left: 610px;
	border-top: 1px dashed #09f;
	min-height: 265px;
	height: auto !important;
	height: 265px;
}

#xlegal #contenido {
	margin-right: 20px;
	margin-left: 250px;
	border-top: 1px dashed #09f;
	border-bottom: 1px dashed #09f;
}

#direccion {
	text-align: right;
	margin-top: 50px;
}

#container {
	width: 100%;
	height: 395px;
	min-height: 395px !important;
	background: #b2e0ff url(../images/estructura/fondo-degradado.gif) repeat-x;
	padding-top: 20px;
}

#izquierda {
	float: left;
	width: 240px;
}

#imagenes {
	float: left;
	width: 360px;
}

#derecha {
}

#cabecera {
	background-color: #fff;
	z-index: 0;
}


.pie-menu {
	border-top: 1px dashed #09f;
	padding-top: 5px;
	margin: 0 20px 0 240px;
	padding-left: 70px;
	background: url(../images/estructura/logo-gj.gif) no-repeat 5px 5px;
	height: 50px;
}

p.pie {
	line-height: 130%;
	margin-top: 0;
	font-size: 0.8em;
}

#cabecera embed {
	z-index: 1;
}

#lightbox {
	z-index: 1000;
}


/* @end */

/* @group menu */

ul#menu-listado {
	padding: 0;
	margin: 0;
}

ul#menu-listado span {
	visibility: hidden;
}

#inicio a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 0;
	text-decoration: none;
}

#inicio a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 0;
	text-decoration: none;
}

#xinicio #inicio a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 0;
	text-decoration: none;
}

#empresa a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -20px;
	text-decoration: none;
}

#empresa a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -20px;
	text-decoration: none;
}

#xempresa #empresa a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -20px;
	text-decoration: none;
}

#piscinas a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -40px;
	text-decoration: none;
}

#piscinas a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -40px;
	text-decoration: none;
}

#xpiscinas #piscinas a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -40px;
	text-decoration: none;
}

#aguas a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -60px;
	text-decoration: none;
}

#aguas a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -60px;
	text-decoration: none;
}

#xaguas #aguas a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -60px;
	text-decoration: none;
}

#riego a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -80px;
	text-decoration: none;
}

#riego a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -80px;
	text-decoration: none;
}

#xriego #riego a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -80px;
	text-decoration: none;
}

#mantenimiento a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -100px;
	text-decoration: none;
}

#mantenimiento a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -100px;
	text-decoration: none;
}

#xmantenimiento #mantenimiento a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -100px;
	text-decoration: none;
}

#diseno a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -120px;
	text-decoration: none;
}

#diseno a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -120px;
	text-decoration: none;
}

#xdiseno #diseno a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -120px;
	text-decoration: none;
}

#piscina a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -140px;
	text-decoration: none;
}

#piscina a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -140px;
	text-decoration: none;
}

#xpiscina #piscina a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -140px;
	text-decoration: none;
}

#contactar a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu.gif) no-repeat 0 -160px;
	text-decoration: none;
}

#contactar a:hover {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -160px;
	text-decoration: none;
}

#xcontactar #contactar a {
	width: 240px;
	height: 20px;
	display: block;
	background: transparent url(../images/estructura/menu2.gif) no-repeat 0 -160px;
	text-decoration: none;
}

/* @group submenu */

/* aqui se ocultan los submenus */

ul#piscinas-submenu, ul#aguas-submenu, ul#contactar-submenu {
	margin: 5px 0;
	width: 189px;
	padding: 10px 10px 0 20px;
	text-align: right;
	list-style-type: none;
	background: #fff url(../images/estructura/degradado-submenu.jpg) repeat-x;
	display: none;
	border-right: 1px solid #09f;
	border-top: 1px solid #09f;
}

#menu-listado #piscinas-submenu li a, #menu-listado #aguas-submenu li a, #menu-listado #contactar-submenu li a {
	width: auto;
	background-color: transparent;
	background-image: none;
}

/* para mostrar los submenus */

#xpiscinas ul#piscinas-submenu {
	display: block;
}

#xaguas ul#aguas-submenu {
	display: block;
}

#xcontactar ul#contactar-submenu {
	display: block;
}



/* @end */



/* @end */

/* @group titulos */

h1 span {
	display: none;
}

#xinicio h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-inicio.gif) no-repeat;
}

#xempresa h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-empresa.gif) no-repeat;
}

#xpiscinas h1.privada {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-piscina-privada.gif) no-repeat;
}

#xpiscinas h1.publicas {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-piscina-publica.gif) no-repeat;
}

#xaguas h1.residuales {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-agua-residuales.gif) no-repeat;
}

#xaguas h1.potables {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-agua-potables.gif) no-repeat;
}

#xriego h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-aspersion.gif) no-repeat;
}

#xmantenimiento h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-mantenimiento.gif) no-repeat;
}

#xpiscina h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/estructura/h1-tienda.gif) no-repeat;
}

#xdiseno h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-diseno.gif) no-repeat;
}

#xcontactar h1 {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-contacto.gif) no-repeat;
}

#xcontactar h1.localizacion {
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/titulo/h1-localizacion.gif) no-repeat;
}



/* @end */

/* @group formulario */

form dd {
	margin: 0;
	padding: 1px 0 10px;
	width: auto;
}
	
	
form dt {
	float: left;
	padding-right: 10px;
	width: 75px;
	padding-left: 20px;
	text-align: right;
	margin: 0;
}

input {
	width: 200px;
}

#enviar {
	width: auto;

}

textarea {
	width: 200px;
	height: 50px;
}	
/* @end */

/* @group mapa web */

#contenido ul#menu-listado {
	list-style-type: none;
	background-image: none;
}

#contenido ul#menu-listado li {
	border-top: 1px solid #3397fb;
}

#contenido ul#menu-listado li:hover {
	background-color: #b2e0ff;
}

#contenido ul#menu-listado a {
	background-image: none;
}

#contenido ul#menu-listado span {
	visibility: visible;
}

#contenido ul#menu-listado ul {
	display: block;
	background-image: none;
	border-style: none;
	background-color: transparent;
	text-align: left;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

#contenido ul#menu-listado ul li {
	margin-left: 20px;
}



/* @end */

/* @group miniaturas obras */

div.boton {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.boton img {
	width: 80px;
	height: auto;
	border-style: none;
}



/* @end */