/* CSS Document */

/* Undo */

ul,ol,li,h1,h2,h3,h4,h5,h6,form,body,html,p,address,fieldset,input,table,th,td,ul,li{ margin:0; padding:0;}

ul,ol { list-style:none;}

a{outline:none;}

a:link,a:visited { text-decoration:none;}

a img,:link img,:visited img { border:none;}

a:hover,a:focus,a:active{text-decoration:none;}

.clear{clear:both;}
.center{
text-align:center;}
.rosa{
color:#a51a55;}
.float_left{
float:left;}
.float_right{
float:right;}
.margin_right{
margin-right:2em;}
/* CSS Document */
/*
============================
ESTILOS BY DEFAULT
========================
*/
   body {

border:0;		/* This removes the border around the viewport in old versions of IE */
background:#000000 url(../images/azpia.jpg) no-repeat top left; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
  font-size: 62.5%;

    }
	
a:link {
font-size:1em;
color:#ffffff;


}
a:visited {
font-size:1em;
color:#ffffff;


}
a:hover {
font-size:1em;
color:#F0B302;

}
a:focus {
font-size:1em;
color:#cccccc;

}

a:active {
font-size:1em;
color:#cccccc;

}
h1, h2, h3, h4, h5,h6{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
	color:#161f1e;
}

	h1{
	text-align:right;
	margin:4em 0em 0 12em;
	font-size:1.5em;	
	width:30em;
	height:4em;
	position:relative;
}
	
		h1 span{
		background:url(../images/logo.png) no-repeat;		
	width:100%;
	height:100%;
	position: absolute;}

h2 {
background: url(../images/h2.jpg) left no-repeat;
padding: 0.5em 0 0.5em 2em;
margin: 0.5em 0 1em 0em;
font-size:1.8em;
width:100%;
color:#FFFFFF;


}

	h3 {


	color:#F0B302;
font-size:1.3em;
text-align:right;
	background:transparent url(../images/marra.png) no-repeat bottom left;
	position:relative;
	margin: 0 1.8em 0 0.5em;
	padding:1.2em 0 0.5em 0 ;}
	


h4 {

background: transparent url(../images/h4.gif) no-repeat right top;
	color:#F0B302;
	font-size: 1.5em;
	margin: 0em 0 1em 0;
	width:21em;

}

h5 {
	font-size: 1.3em;
	color:#F0B302;
	margin:0em 0 1em 0;
}

h6 {

padding: 0 0 0 0;
margin:0 0 0.5em 0;
	font-size: 1.2em;
	color: #CC0066;
		border-bottom:0.1em #FFCCFF solid;
}

/*
========================================
Elementos
=======================
=*/	
#body{ 

width:95em; 
margin:0 auto;
background: transparent url(../images/body.png) repeat-y;
/*background:#262826;*/
}
	

#body:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header{
width:95em; 
margin:0 auto;}
#top {

color:#FFFFFF;
float:left;

}

#top a:link{
color:#333333;
}
#top a:visited {
color:#333333;
font-weight:normal;
}
#top a:hover,a:focus {
color:#ffffff;
font-weight:normal;

}
#top a:active{
color:#FFFFFF;
font-weight:normal;}
#topmenu {
color:#b18415;
text-align:right;
margin:0 1em 0 0;
padding:0.5em 0 0 0;

}
#topmenu ul li{
display:inline;
margin:0 1em 0 0;
}
#topmenu ul li a:link{
color:#afb1b1;
font-weight:normal;
}
#topmenu ul li a:visited{
color:#afb1b1;
font-weight:normal;
}
#topmenu ul li a:hover{
color:#afb1b1;
font-weight:normal;
}
#topmenu ul li a:focus{
color:#afb1b1;
font-weight:normal;
}
#topmenu ul li a:active{
color: #CCCCCC;
font-weight:normal;
}

#menu_top{
color:#aaa18b;

float:left;
margin: 0 0 0 0 ;
padding: 0 0 0 0.6em ;
}
#menu_top a:link{
color:#aaa18b;
font-size:1em;

}
#menu_top a:visited{
color:#aaa18b;
font-size:1em;
}
#menu_top a:hover{
color:#000000;
font-size:1em;
}
#menu_top a:focus{
color:#000000;
font-size:1em;
}
#menu_top a:active{
color:#000000;
font-size:1em;
}

#wrap{
	width:98%;	
/*	background:   transparent url(../images/wrap.png);*/
	background:#363836;
		position:relative;	
	float:left;
	padding:0 0 2em 0;
	margin:0.5em 2em 2em 1em;
}
	


#subwrap{ 
width:100%;	
	position:relative; 
	float:left; 
	height:50em;
	
}

	
	#subwrap[id]{
height:auto;
	min-height:50em;}
	#left_index{

 width:58em; 
position:relative;
	float:left;		
	
	 }
	 #menu{
	 float:left;
	   margin:0 0 0 0em;}
	   	   #menu ul {
	   clear:both;
	}
	  
	 	   #menu ul li{
	    float:left;
	    margin:0;
	  padding:0;}
  #menu_index{
  margin:0 0 0 0em;

  }
  	   #menu_index ul {
	   clear:both;  

	}
	  
	   #menu_index ul li{
	    float:left;
	    margin:0;
	  padding:0;}
	  

#left{

position:relative;
	float:left;		
	 }

	
		

	#left ul{
	background:transparent url(../images/left_ul.jpg) no-repeat top center;
	margin:0em 0 1em 0em;
	padding:0em 0 0 0;}
	#left ul li{
	font-size:1em;
	text-align:center;
	margin: 0 0 0em 0;
	padding: 0em 0 0em 0em;	
}
.noticias{
width:45%;
margin:0.2em 0.4em 0.2em 1.5em;
float:left;}
.noticias img{
	float:left;
	margin: 0 1em 1em 0;
	overflow:auto;}
.noticias ul li{
margin:0 0 0.3em 0;
padding:0 0 0.5em 0;
border-bottom:0.1em #CD9012 solid;
display:block;
width:90%;
overflow:auto;}
.noticias a:link{
font-weight:bold;
border-bottom:0.1em #cccccc solid;}
.noticias a:visited{
font-weight:bold;
border-bottom:0.1em #cccccc solid;}
.noticias a:hover{
font-weight:bold;
border-bottom:0.1em #cccccc solid;}
.noticias a:active{
color:#CCCCCC;
font-weight:bold;
border-bottom:0.1em #cccccc solid;}
#contenido_index{
/*background:#CC9966;*/
	width:35em; 	
	position:relative; 
	float:right; 
	
}
#contenido_izquierda{
	width:49em; 	
	position:relative; 
	float:left; 
	}

#contenido_derecha{
height:50em;
	width:23em; 	
	position:relative; 
	float:right; 
	
	}

#contenido{
	width:73em; 	
	position:relative; 
	float:right; 
	margin:1em 1em 0 0;
	
}
#contenido	h3 {

	color:#F0B302;
font-size:1.3em;
text-align:right;
	background:transparent url(../images/marra.png) no-repeat bottom left;
	position:relative;
	margin: 0 1.8em 0 0.5em;
	padding:1.2em 0 0.5em 0 ;
	width:30em;}
#boxmain{


margin: 0 3.7em 0 0.85em;
padding:0em 0em 0em 0em;
}
.box{


margin: 2em 3em 4em 3em;
padding:0em 0em 2em 0em;
}

.box img{
margin:1em 1em 0.5em 0.5em;
border:0.1em #666666 solid;
float:left;

}
.box p{
margin:1em 2em 1em 2em;
padding:0 0 0 1em;
text-align:justify;

}
.box ul{
margin: 1.8em 0 0 3em;
}
.box ul li{
margin:0 0 1em 2em;
padding:0 0 0 0em;
list-style: url(../images/li.gif) inside;}

.box ul ul li{
margin:0.5em 0 0.5em 1em;
list-style: url(../images/li_li.gif);}
.box a:link{ text-decoration:underline;}
.box a:visited{ text-decoration:underline;}
.box a:hover{ text-decoration:underline;}
.box a:active{ text-decoration:underline;}
.enlaces img{
float:left;
margin:0 1em 0 0;}
.enlaces ul{
margin:0;
padding:0;}
.enlaces li{
border-bottom:0.1em solid #CCCCCC;
list-style:none;
overflow: auto;}
.enlaces a{
color:#F0B302;}

#right{width:18%; position:relative;
	float:right;}

#footer{
	width:100%; 
	position:relative;
	 float:left;
	 margin:auto;


}
#footer p{
text-align:right;
color:#9f958b;
margin:0em 0 0 0;}
#footer a:link{
font-size:1em;
color:#999999;

}
#footer a:visited{
font-size:1em;
color:#999999;
}
#footer a:hover{
font-size:1em;
color:#ffffff;
}
#footer a:focus{
font-size:1em;
color:#ffffff;
}
#footer a:active{
font-size:1em;
color:#ffffff;
}



/*========================================= EXPECÍFICAS PARA CADA PÁGINA ==================================================*/
		
	/*-----------------------
	GALERIA
	-----------------------*/	

#galeria{
float:left;
width:280px;
margin:0px;
}
#galeria ul{


padding:0px;
margin:0 0 0 0px;
}
#galeria ul li{
padding:0px;
margin:0px;
list-style:none;
height:100px;
float:left;
vertical-align:top;

}


#galeria img{


margin:6px;
border: 1px solid #666666;
padding:0px;

}
#fotobox{
width:40em;
float:right;
border:0.1em #666666 solid;
padding:1em;
margin:0;}
#fotobox img{
border: 1px solid #666666;
float:right;
margin:0 0 1em 0;}

	/*-----------------------
	NOTICIAS
	-----------------------*/	

#noticias2{
width:30%;

float:right;
border:0.1em #666666 solid;
padding:1em;
margin:0;}
#noticias2 img{
border: 1px solid #666666;
float:right;
margin:0 0 1em 0;}
	/*-----------------------
	TXARTELAK
	-----------------------*/	
#txartelak ul{
margin:0; 
padding:0;
}
#txartelak ul li{
display: block;
float:left;
width:18em;
border:0.1em #666666 solid;
padding:1em;
margin:0.5em;
height:15.5em;}

#txartelak img{
margin:1em 0 0 0;}

a.linkopacity img {

opacity: 0.5;
border:0;
}

a.linkopacity:hover img {
opacity: 1.0;
border:0;

}
	/*============================CLASES=========================*/
	.miga{
	float:left;
	margin:0.5em 0 0 1em;
	color:#FFFFFF;
	}
	.miga a:link{
	color:#F0B302;}
	.miga a:visited{
	color:#F0B302;}
	.miga a:hover{
	color: #CCCCCC;}
	.miga a:active{
	color: #CCCCCC;}
	.portada6{
	border:0.1em #FFFFFF solid;
	width:30%;
	float:left;
	margin:0.3em;
	padding:0.3em;}
	.white{
	color:#FFFFFF;}

	
.hidden {
display: block;
background: transparent;
background-image: none; /* */
border: none;
height: 1px;
overflow: hidden;
padding: 0;
margin: -1px 0 0 -1px;
width: 1px;
}
.negrita{font-weight:bold;font-size:1em;}

.cursiva{font-style:italic;}

.subrayado{text-decoration:underline;}

.imgsinborde{border:none;}
#noborder{ border:none;}
#habitaciones ul li{ float:left;  width:32%; height:14em; }
/*====================ANCHOS=======================*/
.ancho1{ width:100%;}
.ancho2{ width:48%;}
.ancho3{ width:32%; }
.ancho4{ width:23%;}
.ancho5{ width:18%;}