body {
	padding: 0px;
	margin: 0px;
	text-align:center;
	background-color:#D0E1E5;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	 
img 
{ 
	border:0px;
	margin:0px;
	padding:0px;
}

#madre { 
width:100%; 
text-align:center;
}

#contenedor {
	margin: auto;
	width: 800px;
	height: 600px;
	position: relative;
	text-align: center;
	background-color:#D0E1E5;
}
#CentradaHS,#CentradaHSi {
	width:750px;
	height: 600px;
	text-align:left;
	position: absolute;
	left:25px;
	top:0px;
	background-color: #AAC7CE;

		  }
		  
 #CentradaHS
 {
	background-image:url(imagenes/toldo.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
 }
		  
#cabecera
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:6;
	background-color: #ffffff;
	text-align:left;
	height: 102px;
}
#pie
{
	position:absolute;
	left:553px;
	top:10px;
	width:187px;
	z-index:7;
	text-align:right;
	height: 75px;
}
#pie h1
{
	font-size:90%;
	font-weight:normal;
	color:#0078D9;
	margin:0px;
	padding:0px;
}
#menu
{
	position:absolute;
	top:100px;
	left:0px;
	width:812px;
	z-index:10;
	margin:0px;
	padding:0px;
	/*border:1px solid #666666;*/
}
#menu ul
{
	margin:0px;
	padding:0px;
}
#menu li
{
	margin:0px;
	list-style:none;
	/*display:block;*/
	width:121px;
	float:left;
	text-align:right;
	font-size:90%;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:4px;	
	padding-right:4px;
	/*padding:30px 10px 4px 10px;
	border:1px solid #666666;

	background-color:#FFFFFF;*/
}
#menu a
{
text-decoration:none;
color:#FFFFFF;
}
#menu a:hover {color:#000000;}

.inicio
{
background-image:url(imagenes/fondoinicio.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.empresa
{
background-image:url(imagenes/fondoempresa.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.servicios
{
background-image:url(imagenes/fondoservicios.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.galeria
{
background-image:url(imagenes/fondogaleria.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.presupuesto
{
background-image:url(imagenes/fondopresupuesto.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.contactar
{
background-image:url(imagenes/fondocontactar.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#submenu
{
	position:absolute;
	top:151px;
	left:396px;
	width:102px;
	z-index:10;
	margin:0px;
	padding:0px;
	/*border:1px solid #666666;*/
	border-right:1px solid #FFFFFF;
	font-size:80%;
	text-align:right;
}
#submenu ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	
}
#submenu li
{
background-color:#C1515F;
padding-right:2px;
padding-bottom:2px;
padding-top:2px;
}
#submenu a
{
text-decoration:none;
color:#FFFFFF;
}
#submenu a:hover
{
text-decoration:none;
color:#000000;
}
#subpie
{
	position:absolute;
	left:0px;
	top:574px;
	width: 100%;
	text-align:center;
}

#subpie h2
{
	color:#CCDDE2;
	font-size:130%;
	font-weight:normal;
	margin:0px;
	padding:0px;
	word-spacing:8px;
	letter-spacing:2px;
}
#titulo
{
	position:absolute;
	left:20px;
	top:174px;
	width: 50%;
	text-align:left;
}
#titulo h3
{
	color:#CCDDE2;
	font-size:130%;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
#empresa
{
	position:absolute;
	left:20px;
	top:214px;
	width: 50%;
	text-align:left;
}
#empresa p
{
	font-size:80%;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#empresa ul
{
	font-size:80%;
	font-weight:normal;
	vertical-align:baseline;
}
#servitexto
{
	position:absolute;
	left:20px;
	top:214px;
	width: 497px;
	text-align:left;
}
#servitexto p
{
	font-size:80%;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
#servitexto a
{
text-decoration:none;
}
#servitexto ul
{
	font-size:80%;
	font-weight:normal;
	vertical-align:baseline;
}
#transicion
{
	position:absolute;
	left:461px;
	top:215px;
	width: 250px;
	height:250px;
}
#servitexto h4
{
font-weight:bold;
font-size:90%;
}

#empresa h4
{
font-weight:bold;
font-size:90%;
}

#transicion p
{
	font-size:70%;
	margin:0px;
	padding:0px;
}
#servicios
{
	position:absolute;
	left:391px;
	top:175px;
	width: 250px;
	height:250px;
}
#galeria
{
	position:absolute;
	left:20px;
	top:214px;
	width: 358px;
	text-align:left;
	height: 214px;
}

#galeria p {font-size:80%;}

#pergolas, #toldos, #vallas
{
	position:absolute;
	left:12px;
	width: 358px;
}
#piscina, #casetas, #celosias
{
	position:absolute;
	left:372px;
	width: 346px;
}

#pergolas
	{
	top:60px;
	text-align:left;
	}

#pergolas img, #toldos img, #vallas img
	{
	float:left;
	padding-left:5px;
	padding-right:5px;
	}

#toldos
{
	top:138px;
	text-align:left;
}

#vallas
{
	top:199px;
	text-align:left;
}
#celosias
{
	top:171px;
	text-align:left;
}
#piscina{top:30px;}

#casetas {top:59px;}

#piscina img, #casetas img, #celosias img{
float:left;
padding-right:5px;
padding-left:5px;}


#presupuesto
{
	position:absolute;
	left:20px;
	top:214px;
	width: 716px;
	text-align:left;
	height: 349px;
}

#presupuesto p
{
margin:8px;
}

form
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}

input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea{font-size:100%;}
.instruccion{font-size:80%;}

.boton {
float:right;
padding-right:50px;}

#enpersona
{
	position:absolute;
	left:20px;
	top:214px;
	width: 716px;
	text-align:left;
	height: 281px;
}

#enpersona p {font-size:80%;}

#portelefono
{
	position:absolute;
	left:20px;
	top:531px;
	width: 716px;
	text-align:left;
	height: 34px;
}

#portelefono p {font-size:80%;}
#portelefono .tel {font-size:140%; font-weight:bold;}
#portelefono a {font-size:140%; text-decoration:none; color:#0078D9;}
#portelefono a:hover {color:#FFFFFF; background-color:#0078D9;}

#intro
{
	position:absolute;
	left:108px;
	top:175px;
	width: 495px;
	text-align:left;
	height: 34px;
}

#entrar
{
	position:absolute;
	left:108px;
	top:428px;
	width: 521px;
	text-align:left;
	height: 34px;
	text-align:center;
}

#entrar h3
{
	font-weight:normal;
	font-size:80%;
}

#flotando
{
	float:left;
	border:1px solid #0078D9;
	text-align:center;
	background-color:#FFFFFF;
	margin:2px;
	margin-top:10px;
}

#flotando a
{
	text-decoration:none;
	border:0px;
}

#miniaturas
{
position:absolute;
left:18px;
top:485px;
width:360px;
height:60px;
background-color:transparent;
/*border: 1px solid #3a6285;
padding:5px;*/
}
#grandes
{
position:absolute;
left:393px;
top:215px;
width:340px;
height:330px;
background-color:transparent;
/*border: 1px solid #3a6285;*/

}

#miniaturas img
{
border: 1px solid #3a6285;
padding:2px;
margin:2px;
float:left;
}
#grandes img
{
border: 1px solid #3a6285;}