#cvb, body , textarea {
font-family: georgia, Verdana, Helvetica, sans-serif;
}

#cvb, body
{
font-size: 70%;
background-color: #000000;
color:#000000;
padding:0px;
margin: 0px;
background-image:    url(images/bodybg.gif);
background-repeat:repeat;
}

/* for iePC */

a {
color: #999900;
}
a:visited {color:#666666;
}
a:hover {color:#666666;}
a:active { color:#666666;}

h1{
font-family: georgia, Verdana, Helvetica, sans-serif;
font-size:130%;
color: #999900;
height: 45px;
text-align: center;
background-image: url(img/img_h1.gif);
background-repeat:no-repeat ;
background-position:top center;
margin:0px;
vertical-align:bottom;
}
h2{
font-family: georgia, Verdana, Helvetica, sans-serif;
font-size:105%;
color:#4D4D00;
margin-bottom:10px;
border-bottom: 1px dotted #999900;
}

h3{
font-size:100%;
font-family: georgia, Verdana, Helvetica, sans-serif;
font-weight:bold;
color: #999900;
margin-bottom:5px;
}
h4{
font-size:90%;
}

#titulos {
	font-size:100%;
	font-weight: bold;
	color:#99CC00;
	margin-bottom:10px;
}

/* contenedor general
-------------------------------------- */
#container {
width: 760px;
background-color:#B3B340;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-image:   url(images/cab_alum.gif);
background-repeat:no-repeat;
}

/* cabecera
-------------------------------------- */
#cabecera {
padding: 0px;
margin: 0px;
height: 80px;
}
#cabecera img
{
float:left;
border:0px;
}


/*herramientas
-------------------------------------- */
#herramientas {
font-family: Verdana, Helvetica, sans-serif;
font-size: 90%;
height:18px;
background-color: #666600;
margin: 0px;
}


#herramientas ul{
float:right;
}

#herramientas li {
display:inline;
margin-right:10px;
}

#herramientas a
{
color: #FFFFFF;
text-decoration: none;
margin: 0px;
padding: 4px;
}



#herramientas a:hover {
color: #CDCD80;
}
#herramientas #active{ 
color:#CDCD80;

}


/*ruta
-------------------------------------- */
#ruta {
width: 610px;
float:right;
height:100%;
color: #999900;
font-size: 85%;
background-color: #CDCD80;
margin: 0px;
}

#ruta ul{
float:left;
margin:3px;
background-color: #CDCD80;
margin: 0px;
padding:2px 0px 2px 0px;
}

#ruta li {
display:inline;
margin:0px;
}

#ruta a
{
color: #4D4D00;
text-decoration: none;
margin: 0px;
padding-left: 5px;
padding-right:5px;
}


#ruta a:hover
{
color: #000000;
}

/*#ruta #active
{ color:#000000;
}*/


/* contenido
-------------------------------------- */
#contenido{
width: 610px;
font-family: Verdana, Helvetica, sans-serif;
float:left;
background-color:#E5E5BF;
margin:0px;
}

/* textos de paginas normales
-------------------------------------- */
#texto{
width: 580px;
font-family: Verdana, Helvetica, sans-serif;
float:left;
background-color:#E5E5BF;
margin:0px;
padding:15px;
}

#texto a {
color:#4D4D00;
text-decoration: none;
}

#texto a:hover {
color:#000000;
text-decoration: underline;
}

#texto p {
margin-top:0px;
}



#texto li{
	list-style: none;
	background-image: url(img/img_list.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 4px;
}

/* Listado de alojamientos y restaurantes
------------------------------------------- */
#lista{
float:left;
background-color:#FFFFFF;
padding:15px;
margin-bottom: 15px;
}

#lista img{
float:left;
border:5px  #E5E5BF;
margin-right:20px;
margin-top:10px;
}

#lista li{
font-size: 85%;
margin-left:100px;
padding-bottom: 4px;
background-image: url(img/img_list2.gif);
}

/* imágenes del contenido
-------------------------------------- */
.galeria{
border:5px  #CDCD80;
margin:10px;
}

.borde{border:5px solid #CDCD80;
margin:10px;

}

#imgleft{
float:left;
margin: 0 20px 10px 20px;
}

#imgcenter{
display: block;
margin: auto;
}

#imgright{
float:right;
margin: 0 20px 10px 20px;
}
#imgport{
float:right;
margin-bottom: 0px;
padding-bottom: 0px;
vertical-align: bottom;
}

.centrar-imagen {
text-align: center; 
margin: 5px;
} 

.derecha-imagen {
text-align: right;
float:right; 
margin: 5px;
} 
.izquierda-imagen {
text-align: left; 
float:left; 
margin: 5px;
} 

.mapa {
text-align: center; 
} 


/* navegación izquierda
-------------------------------------- */
#navegacion { 
float:left;
width: 150px;
padding: 0px 0px 20px 0px;
background-color: #B3B340;
}

#navegacion ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

#navegacion li {
margin: 0px;
}

#navegacion a
{
text-decoration: none;
color:#000000;
background-color: #B3B340;
display: block;
padding-left: 15px;
padding-top: 6px;
padding-bottom: 6px;
width: 135px;
margin:0px;
border-bottom: 1px dotted #4D4D00;
}

#navegacion a:hover
{
color:#000000;
background-color: #FFFFFF;
text-decoration: none;
}



#navegacion ul ul a
{
display: block;
padding-left: 25px;
width: 125px;
color:#4D4D00;
background-color: #CDCD80;
text-decoration: none;
margin:0px;
}

#navegacion ul ul li {
margin: 0px 0px 0px 0px;
}

#navegacion ul ul a:hover
{
color:#000000;
background-color: #ffffff;
text-decoration: none;
}

#navegacion ul #selected #activado{
list-style-type: none;
margin: 0px;
color:#000000;
background-color: #ffffff;
}

#navegacion #activado{
list-style-type: none;
margin: 0px;
color:#000000;
background: #ECF7CC;
}

#navegacion #selected{
list-style-type: none;
margin: 0px;
color:#000000;
background: #ECF7CC;
}

/*pie
-------------------------------------- */
#pie {
clear: both;
color: #4D4D00;
/*background-color: #E5E5BF;*/
font-size: 80%;
margin: 0px;
border-top: 1px solid #4D4D00;
}

#pie a{
float:right;
color: #4D4D00;
text-decoration: none;
padding-right: 10px;
}

#pie a:hover{
color: #4D4D00;
text-decoration:underline;
}