html {
height:100%;
}

body {
	margin: 0 auto;
	background-color: #D7D4C7;
	background-image:url(images/estructura/fondoweb.jpg);
	height: 100%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#77756D;
	
	/*SCROLLBAR-3DLIGHT-COLOR: #B7BCC2;*/
	SCROLLBAR-ARROW-COLOR: #F6F4ED;
	SCROLLBAR-DARKSHADOW-COLOR: #F3E2AE;
	SCROLLBAR-FACE-COLOR: #EBE8DA;
	SCROLLBAR-HIGHLIGHT-COLOR: #F3E2AE;
	SCROLLBAR-SHADOW-COLOR: #B7BCC2;
	SCROLLBAR-TRACK-COLOR: #F6F4ED;
}

p {
	margin: 0;
}

form {
	margin: 0;
}

.zonatext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#77756D;
	margin-bottom:5px;
	margin-left: 30px;
	width:210px;
}

.areatext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#77756D;
	overflow:auto;
	width:210px;
	height:100px;
	margin-bottom:5px;
	margin-left: 30px;
}
	
ul, li {
padding:0;
margin:0;
}

li {
list-style:none;
}

li.cap {
font-weight:bold;
margin-top:10px;
}

a {
color:#FF9900;
text-decoration:none;
}

a:hover {
color:#77756D;
text-decoration:none;
}

a.gal {
color:#77756D;
text-decoration:none;
}

a.gal:hover {
color:#FF9900;
text-decoration:none;
}

a.firma {
color:#77756D;
text-decoration:none;
}

a.firma:hover {
color:#F4F1E3;
text-decoration:none;
}

#centrado {
position: absolute;
top: 50%;
left: 50%;
margin-left: -412px;
margin-top: -250px;
text-align:center;
}

html>body #contenedor {
width: 825px;
height: 499px;
background-image:url(images/estructura/fondo.png);
background-repeat:no-repeat;
position:fixed;
}

#contenedor {  
height: 498px;  
background: none; /* Aquí quitamos cualquier fondo existente */  
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/estructura/fondo.png", sizingMethod="image"); /*cargamos la imagen igual que como lo hicimos con la etiqueta img, pero el  método de escala será ahora image, es decir, la misma imagen */  
background-repeat:no-repeat;  
}

#contenido {
width:770px;
height:451px;
background-color:#FFFFFF;
background-image:url(images/estructura/fondo.jpg);
background-repeat:no-repeat;
margin-left:30px;
.margin-left:5px; /* IE6, IE7 */
_margin-left:30px; /* IE6 */
margin-top:22px;
text-align:left;
}

#izquierda {
float:left;
width:258px;
height:451px;
margin:0;
}

#derecha {
float:right;
/* width:512px; */
height:451px;
margin:0;
}

#logo {
width:509px;
height:75px;
background-image:url(images/estructura/logo.jpg);
background-repeat:no-repeat;
}

#textos {
padding-top:20px;
padding-left:20px;
padding-right:10px;
width:465px;
height:275px;
text-align:justify;
overflow:auto;
}

#textosform {
padding-top:20px;
padding-left:20px;
padding-right:10px;
width:200px;
height:320px;
text-align:justify;
overflow:auto;
}

#galeria {
padding-top:5px;
padding-left:20px;
padding-right:10px;
width:465px;
height:290px;
text-align:justify;
overflow:auto;
}

.miniaturas {
background-image:url(images/obra/fondo_min.jpg);
background-position: center middle;
background-repeat:no-repeat;
}

#menu{
width:477px;
height:61px;
padding-top:10px;
padding-left:10px;
}

#imgizq {
width:246px;
height:431px;
padding-left:10px;
padding-top:10px;
margin:0;
position:relative;
}

#idiomes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#77756D;
	position:absolute;
	width:375px;
	text-align:right;
	padding-right:5px;
	top:50%;
	left:50%;
	margin-top:-245px;
}

#idiomes a {
	color:#807E75;
	text-decoration:none;
}

#idiomes a:hover {
	color:#F4F1E3;
	text-decoration:none;
}

.idioma {
color:#000;
}