html {
	scrollbar-face-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#000000;
	scrollbar-track-color:#F2F2F2;
	scrollbar-arrow-color:#ffffff;
	overflow-y:auto;
    overflow-x:auto;
}

body {
	text-align:center;
	margin:0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image: url(../imagenes/fondo.png);
}


#contenedor {
	margin: 0 auto;
	text-align:left;
	width:820px;
	background-color: #FFFFFF;
	padding-top:10px;
}

#cabecera {
	width:780px;
	height: 150px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #eaeaea;
	padding: 10px;
	background-image: url(../imagenes/fondo_cabecera.jpg);
	background-repeat: no-repeat;
}

#cabecera #titular{
	width:625px;
	text-align:left;
	background-color: #660033;
	padding: 10px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#cabecera #datos{
	width:625px;
	height:50px;
	text-align:left;
	background-color: #fff;
	font-size: 12px;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #660033;
}

#cabecera #datos #logo{
	float:left;
}

#cabecera #datos #direccion{
	float:right;
}

#publicidad {
	width:800px;
	height: 120px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#caracteristicas {
	width:350px;
	height: 400px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
	padding: 10px;
	float: left;
	overflow: auto;
	background-image: url(../imagenes/fondo_caracteristicas.png);
}

#caracteristicas #titulo_caracteristicas{
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660033;
	margin-bottom: 10px;
}

#mapa {
	text-align:left;
	width:400px;
	height: 400px;
	margin-right: auto;
	margin-bottom:auto;
	margin-left: auto;
	padding: 10px;
	overflow: auto;
}

#mapa #titulo_mapa{
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660033;
	margin-bottom: 10px;
}

#mapa #map{
	background-color: #660033;
	width:400px;
	height:360px;
}

#pie {
	text-align:center;
	margin-top:600px;
	background-color:#FFFFFF;
	color:#660033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 20px;
}

#galeria  {
	text-align: center;
	width:800px;
	height: 580px;
	position:absolute;
	background-image: url(../imagenes/fondo_galeria.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
} 

#galeria #titulo_galeria{
	text-align: left;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660033;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

#galeria ul li {      
	display: inline;
	padding:5px 5px;
	background:#eaeaea;
} 

#galeria ul { 
     list-style-type:none; /*Quitamos vi?eta*/ 
     margin:0px; /*Elimina sangr?a en IE6*/ 
     padding:0px;    /*Elimina sangr?a */ 
}
img.gran {
       visibility:hidden; /*Ocultamos la foto*/
       position:absolute;
       top:135px;
       left:105px; /*Algo mayor que el acho de la foto peque?a*/ 
} 

img.inicial {
       visibility:visible; /*Ocultamos la foto*/
       position:absolute;
       top:135px;
       left:105px; /*Algo mayor que el acho de la foto peque?a*/ 
} 

img.min {
        border:1px solid #fff;
} 



a:focus img.gran , a:active img.gran { visibility:visible;} 

a:hover {display:inline;} /* Para IE6 */
a:hover img.gran {visibility:visible; z-index:4;border:1px solid #660033;}
a:hover img.min {z-index:100;border:1px solid #660033;}


a img.gran{border:1px solid white;margin:5px;}
a img.inicial{border:1px solid white;margin:5px;}

a {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #660066;
}
