body {
	background-color:#ffffff;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00697a;
	margin:0px;
	background-image: url(imagenes/fondo.jpg);
	background-repeat: repeat-y;
	background-position:center;
}
	 
img {border: 0px;}

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

#contenedor {
	margin:auto;
	width: 800px;
	height: 600px;
	position: relative;
	text-align: center;
	z-index: 1;
	/*background-image: url(imagenes/fondo.jpg);
	background-repeat: repeat-y;*/
}
#CentradaHS {
	width:750px;
	height: 504px;
	text-align:center;
	position: absolute;
	left:24px;
	top:39px;
	z-index: 2;
		  }
		  
#advertencia
{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:2000;
	text-align:center;
}

#advertencia p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}

		  
#logo
{
	position:absolute;
	left:0px;
	top:-40px;
	width:213px;
	height:105px;
	z-index:3;
}

#logoindex
{
	position:absolute;
	left:-10px;
	top:-43px;
	width:238px;
	height:120px;
	z-index:1006;
	text-align:center;
}

#entrar
{
	position:absolute;
	left:385px;
	top:441px;
	width:209px;
	z-index:1100;
	text-align:center;
}

#entrar a{
	color:#00697a;
	text-decoration:none;
	}

#entrar a:hover {color:#FFFFFF;}

#intro
{
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	z-index:1007;
	text-align:center;
}

#subtitulo
{
	position:absolute;
	z-index:8;
	left: 230px;
	top: 28px;
	z-index:8;
	background-color:transparent;
	width: 227px;
	height: 31px;
}

#subtitulo h2
{
	font-weight:bold;
	margin:0px;/*para subir en FF*/
	background-color:transparent;
	font-size:90%;
	text-align:right;
	letter-spacing:-1px;
}

#subtitulo h3
{
	font-weight:normal;
	line-height:15px;
	background-color:transparent;
	font-size:90%;
	text-align:right;
	letter-spacing:-1px;
}

#pie
{
	position:absolute;
	top:-38px;
	left:478px;
	width:267px;
	height: 26px;
	z-index:5;
	text-align:right;
	background-color: transparent;
}

#pieindex
{
	position:absolute;
	top:414px;
	left:0px;
	width:751px;
	height: 93px;
	z-index:6;
	text-align:center;
	background-color: transparent;
}

#pie h1, #pieindex h1, #pieindex p
{
	font-weight:normal;
	font-size:70%;
}

#seccion
{
	position:absolute;
	top:101px;
	left:1px;
	width:748px;
	height: 454px;
	z-index:6;
	background-color:transparent;
	background-image:url(imagenes/libreta.gif);
	background-repeat:no-repeat;
	text-align:left;
}

/*index*/
#logoindex
{
	position:absolute; 
	left:0px; 
	top:278px; 
	width:751px; 
	height:120px; 
	z-index:7;
}

#subtituloindex
{
	position:absolute;
	z-index:9;
	left: 561px;
	top: 440px;
	z-index:8;
	background-color:transparent;
	width: 179px;
	height: 31px;
	text-align:center;
	z-index:1117;
}

#subtituloindex h2
{
	font-weight:bold;
	background-color:transparent;
	font-size:70%;
	text-align:left;
}
/**/

#seccionempresa
{
	position:absolute;
	top:64px;
	left:243px;
	width:470px;
	height: 389px;
	z-index:3;
	background-color: #E2E2E2;
	padding:15px;
	text-align:left;
	background-image:url(imagenes/fondoempresa.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:auto;
}

#seccionavisolegal
{
	position:absolute;
	top:64px;
	left:243px;
	width:470px;
	height: 389px;
	z-index:3;
	background-color: #E2E2E2;
	padding:15px;
	text-align:left;
	background-image:url(imagenes/fondoaviso.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	overflow:auto;
}

#seccionavisolegal p
{
font-size:65%;
}

#bienvenidos
{
	position:absolute;
	left:385px;
	z-index:4;
	top: 405px;
	}
	
#bienvenidos h3
{
font-size:120%;
}

#seccionobras
{
	position:absolute;
	top:64px;
	left:243px;
	width:470px;
	height: 389px;
	z-index:3;
	background-color: #E2E2E2;
	padding:15px;
	text-align:left;
	background-image:url(imagenes/fondoobras.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#seccionindex
{
	position:absolute;
	top:170px;
	left:17px;
	width:744px;
	height: 322px;
	z-index:3;
	background-color:transparent;
	border: 1px solid #332B9E;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}

#menu
{
	position:absolute;
	top:74px;
	left:1px;
	width:751px;
	height: 25px;
	z-index:4;
	background-color:#b7d5d9;
	text-align:center;
	border: 1px solid #00697a;
	z-index:100;
}

#menu ul
{
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-left:10px;
	vertical-align:middle;

}

#menu li
{
	display:inline;
	vertical-align:middle;
	font-size:90%;
	background-image:url(imagenes/bola.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}

#menu a, #listacompras a, #album a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00697a;
	text-decoration:none

}

#listacompras a {font-weight:bold;}
#menu a:hover, #album a:hover {color:#FFFFFF;}
#listacompras a:hover{ background-color:#FFFFFF;}

#textocontenido
{
	position:absolute;
	top:160px;
	left:258px;
	width:464px;
	height:auto;
	z-index: 6;

}

#textoobras
{
	position:absolute;
	top:160px;
	left:13px;
	width:464px;
	height:auto;
	z-index: 6;

}
#textoobras img
{
border: 1px solid #00697a;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#textoobras h2 { font-size:90%;}
#textoobras p, #entrar p  {font-size:75%;}

#compras h2, #ficha h2 {font-size:90%;}

#compras select 
{
	color:#00697a; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#textocontenido p, #contexto p, #compras p, #textoubica p, #men p, #dire p {font-size:75%;}

#compras
{
	position:absolute;
	top:154px;
	left:14px;
	width:602px;
	height:30px;
	z-index: 6;

}

#compras input{
	color:#00697a; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;}
	
#compras textarea{
	color:#00697a; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;}

#datos
{
	position:absolute;
	left:213px;
	top:28px;
	width: 315px;
	height: 249px;
	text-align:left;
	overflow:auto;
}

#datos p {margin:3px;}

/*Galerias de obras*/
#galeriasup
{
	position:absolute;
	left:39px;
	top:96px;
	background-color:transparent;
	width: 410px;
	height: 116px;
	z-index: 4;
}

#galeriainf
{
	position:absolute;
	left:39px;
	top:196px;
	background-color:transparent;
	width: 410px;
	height: 116px;
	z-index: 4;
}

#galeriasup li, #galeriainf li
{
padding:2px;
display:inline;
list-style:none;
}


/*ubicacion*/

#plano
{
	position:absolute;
	top:148px;
	left:10px;
	width:207px;
	height:auto;
	color:#000099;
}

#plano img {border: 1px solid #00697a;}

/*contacto*/
#izda
{
	position:absolute;
	left: 22px;
	width: 349px;
	top: 230px;
	height: 113px;
	text-align:right;
	z-index: 9;
}

#dcha
{
	position:absolute;
	left: 387px;
	width: 339px;
	top: 230px;
	height: 183px;
	z-index: 10;
	text-align:left;
}

#dcha p, #izda p, #datos p {font-size:80%;}

#dcha input{
	color:#00697a; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;}
	
#izda input{
	color:#00697a; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;}

	
#dcha textarea{
	color:#00697a; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;}

#enviar
{
	position:absolute;
	left: 200px;
	width: 42px;
	top: 270px;
	height: 27px;
	z-index: 11;
}


#listacompras
{
	position:absolute;
	left:-3px;
	top:33px;
	text-align:left;
	width:735px;
	height:240px;
	overflow:auto;
	/*min-height:240px;
	overflow:auto;*/
}

#listacompras tr {	font-size:90%;}


#listacompras td
{	
	text-align:left;
	font-size:90%;
}

#tituloListado{
	position:absolute; 
	left:20px; 
	top:26px; 
	width:513px; 
	height:41px; 
	z-index:1008
}
#volver
{
	position:absolute; 
	left:554px; 
	top:278px; 
	width:109px; 
	height:29px; 
	z-index:10012;
}

#volver input
{
	font-size:80%;
	font-style:italic;
	text-align:right;
/*	margin-right:0px;
	margin-left:80%;*/
}

#imagen 
{
	position:absolute;
	left:11px;
	top:29px;
	width: 192px;
	height: 195px;
	z-index: 10;
}

#dire
{
	position:absolute;
	left: 545px;
	width: 171px;
	top: 181px;
	height: 27px;
	z-index: 11;
	text-align:center;
}

#men 
{
	position:absolute;
	left:16px;
	top:160px;
	width: 732px;
	text-align:left;
}

#album
{
position:absolute; 
left:7px; 
top:160px; 
width:185px; 
height:279px; 
z-index:10014;
	background-color:#b7d5d9;
	text-align:center;
	border: 1px solid #00697a;
}

#album h3 { font-size:90%;}
#album p { font-size:80%;}


td
{	
	text-align:left;
	font-size:90%;
}

form {text-align:right;}

form p {margin:2px;}

/*colorcicos para la tabla de resultados*/
.verde {background-color:#D0DBDC;}

/* Con esta propiedad subimos la etiqueta arriba, por defecto esta siempre abajo
.alineada{vertical-align:top;}*/
#ficha
{
	position:absolute;
	top:160px;
	left:204px;
	width:541px;
	height:279px;
	z-index: 6;

	background-color:#E5F1F1;
	text-align:center;
	border: 1px solid #00697a;
}

#intro1
{
	position:absolute;
	left:2px;
	top:130px;
	height:100px;
	width:150px;
}
#intro2
{
	position:absolute;
	left:152px;
	top:130px;
	height:100px;
	width:150px;
}
#intro3
{
	position:absolute;
	left:302px;
	top:130px;
	height:100px;
	width:150px;
}
#intro4
{
	position:absolute;
	left:452px;
	top:130px;
	height:100px;
	width:150px;
}
#intro5
{
	position:absolute;
	left:600px;
	top:130px;
	height:100px;
	width:154px;
}

table
{
	border:0px;
	width:98%;
	border-collapse:collapse;
	}

.album
{
float:left;
padding:5px;
}
#veralbum{
width:650px;
height:400px;
overflow:auto;}