/* - - - - - - - - - - - - - - - - - - - - -
<<año>> <<cliente>> Website

Autor : PubliWeb
Descripción : Hoja CSS principal del Website <<cliente>>

Creado : <<fecha de creación>>
Modificado : <<fecha de ultima modificación relevante>>

- - - - - - - - - - - - - - - - - - - - - */

/* TRANSPARENCIA behavior: url(css/recursos/iepngfix.htc) */

/* ------------------- *\
REGLAS GENERALES
\* ------------------- */

*
{
	margin:0px;
	padding:0px;
	border:none;
}

body
{ 
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #1F164F;
    background-color: #1F164F;
}

table, table th, table tr, table td, div, img
{
	vertical-align: top;
}

input
{
	font-family: Arial,Tahoma, Verdana ;
	font-size: 11px;
	font-weight: normal;
	color: #1F164F;
	border: solid 1px #000;
	padding: 1px 0px 1px 2px;
}

a
{
	color: #1F164F;
	text-decoration: none;
}

 a:hover
{
	color: #e6a222;
}


/* ------------------- *\
FORMATO DE TEXTO
\* ------------------- */

.parrafo
{ 
    padding:60px 0px 0px 230px;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    width: 340px;
    line-height:15px;    
}


.ubic-tex-secc-gen
{
    padding: 0px 120px 20px 220px;    
}
.ubic-tex-secc-reserva
{
    padding: 0px 120px 80px 330px;    
}
.ubic-tex-secc-amb
{
    padding: 0px 0px 90px 193px;    
}
.ubic-tex-secc-nothab
{
    padding: 0px 80px 20px 200px;    
}
/* ------------------- *\
LAYOUT
\* ------------------- */

/* ---- wrapping -----*/

#wrapper
{
	margin: 0px auto;
	width: 963px;
}

/* ---- contenedores -----*/

.contenedor
{
    width: 963px;
    margin: 0px auto;
}
.contenedor-encabezado
{
    background: url(../Imgs/encabezado.jpg) no-repeat left top;
    width: 963px;
    height: 367px;
}

.contenedor-centro
{
    background: url(../Imgs/centro.jpg) no-repeat left top;
    width: 963px;
    height: 283px;
}

.contenedor-cierre
{
    background: url(../Imgs/cierre.jpg) no-repeat left top;
    width: 963px;
    height: 112px;    
}
.contenedor-cierre-generico
{
    background: url(../Imgs/cierre-seccion.jpg) no-repeat left top;
    width: 963px;
    height: 112px;    
}

.contenedor-seccion
{   
    background: url(../Imgs/centro-seccion.jpg) no-repeat left top;
    width: 963px;
    height: 417px;   
}

.contenedor-part-super
{
    background: url(../Imgs/parte-superior-seccion.jpg) no-repeat left top;
    width: 963px;
    min-height: 90px;
    height: auto !important;
    height: 90px; 
}

.contenedor-part-central
{
    background: url(../Imgs/parte-central-seccion.jpg) repeat-y left top;
    width: 963px;
    min-height: 419px;
    height: auto !important;
    height: 419px;
}

.contenedor-part-infe
{
    background: url(../Imgs/parte-inferior-seccion.jpg) no-repeat left bottom;
    width: 963px;
    min-height: 419px;
    height: auto !important;
    height: 419px;   
}

.contenedor-titulo
{
    margin: 7px 0px 0px 190px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: white;
}

/* ------------------- *\
    INFORMACION HOME
\* ------------------- */

ul.info-home
{
    display: block;
    list-style-type: none;
       
}

.info-home li
{
    width: 215px;
    display: block;
    margin: 0px 0px 10px 0px;
    .margin: 0px 0px 8px 0px;
    overflow: hidden;
    text-align: justify;
}

.info-home li h1
{
    font-family: Tahoma;   
    font-size: 12px;
    font-weight:normal;  
    line-height: normal;
}

.info-home li a
{    
    color: #d2d2e2;
}

.info-home li a:hover
{
   color:#e6a222;   
}
   

.ubictexinfo
{
    margin: 70px 0px 0px 635px;
    //margin-top: 70px;
    text-align: left;
    display:inline;
}

/* ------------------- *\
ENCABEZADO
\* ------------------- */

#header
{
}

/* ------------------- *\
CIERRE
\* ------------------- */

#footer
{
}
.vinculo-pie
{
    padding: 0px 75px 0px 90px;
    text-align:center;
    font-size: 9px;

}
/* ------------------- *\
MISCELANEO
\* ------------------- */

/* ---- Alineación -----*/

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.clear
{
	clear: both;
}

/* ------------------- *\
FORMULARIOS
\* ------------------- */
/* ---- Genérico -----*/

.formulario
{
	width: 450px;
	margin: 0px 0px 15px 10px;
}

.formulario input, .formulario select, .formulario textarea
{
	width: 180px;
	border: solid 2px #c8c8c8;
	color: #838383;
	font-family: Tahoma, Arial;
	font-size: 11px;
	padding: 2px 3px 1px 3px;
}

.formulario .tabla
{
}

.formulario .tabla td
{
	padding: 10px 10px 1px 5px;
}


/* ---- Noticia -----*/
ul.informacion
{
	margin: 20px 0px 30px 20px;
	list-style-type: none;
	font-size: 11px;
}

.informacion li
{
	display: block;
	width: 350px;
	height: 88px;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 4px #cca793;
}

.informacion li a
{
	display: block;
	height: 50px;
	overflow: hidden;
	padding-left: 18px;
	line-height: normal;
	background: url(../imgs/info-vineta.gif) no-repeat left top;
	font-weight: bold;
	color: #1F164F;
}

.informacion li a:hover
{
	background-image: url(../imgs/info-vineta-over.gif);
	color: #ce4f00;
}

.informacion li .info-texto
{
	height: 27px;
	overflow: hidden;
	margin: 4px 0px 0px 18px;
	line-height: normal;
	color:#cca793;
	
}

div#noticia
{
	 padding: 0px 40px 40px 0px;
}

#noticia ul
{
	margin: 18px 0px 20px 40px;
}

#noticia h1
{
	 display: block;
	 font-family: Lucida Sans, Arial,Myriad Pro, Trebuchet MS;
	 font-size: 17px;
	 line-height: 22px;
	 padding-bottom: 6px;
	 border-bottom: dotted 1px #ccc;
	 color: #000;
}

#noticia h2
{
	 display: block;
	 font-family: "Trebuchet MS","Lucida Sans", Arial;
	 font-size: 14px;
	 line-height: normal;
	 color: #cca793;
}

#noticia .fecha
{
	 font-family: Myriad Pro, Trebuchet MS, Lucida Sans, Arial;
	 font-size: 12px;
	 font-weight: bold;
	 padding: 4px 0px 10px 0px;
}

#noticia .imgnoticia
{
	 width: 324px;
	 height: 259px;
	 float: right;
	 background: url(../Imgs/fondo-imgvisualizador.jpg) transparent no-repeat right top;
}

.imgnoticia .img
{
	 margin: 8px 10px 47px 8px;
	 width: 260px;
	 height: 185px;
	 overflow: hidden;
}

.imgnoticia img
{
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 vertical-align: middle;
}

.imgnoticia .anterior
{
	 display: inline;
	 float: left;
	 font-family: Trebuchet MS, Lucida Sans, Arial;
	 text-align: left;
	 margin-left: 28px;
}

.imgnoticia .siguiente
{
	 display: inline;
	 float: right;
	 font-family: Trebuchet MS, Lucida Sans, Arial;
	 text-align: right;
	 margin-right: 28px;
}

.anterior a, .siguiente a
{
	 text-decoration: none;
	 color: #000;
}

.anterior a:hover, .siguiente a:hover
{
	 text-decoration: underline;
	 color: #666;
}
/*-----E-mail-------*/

.error
{
	width: 400px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 0px auto;
	padding: 5px;
	color: #4b0202;
	vertical-align: middle;
	background-color: #ffcece;
	border: solid 3px #c30808;
}

.envio-email
{
	width: 400px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 0px auto;
	padding: 5px;
	vertical-align: middle;
	background-color: #cd9369;
	border: solid 3px #b13600;
}

/****----------Habitaciones-----------*/

.ubictext
{
    font-family:  Arial, "Lucida Sans";
    font-size: 13px;
    color: #cd3301;
    text-align: right;
    width: 350px;
    line-height:22px; 
    padding: 60px 0px 0px 0px; 
    display:inline;
      
}

.ubicimg
{
    width: 250px;
    display: inline;
       
}

ul.infoHab
{
	margin: 0px 10px 0px 0px;
	list-style-type: none;
	font-size: 11px;
	width: 200px;
	line-height: normal;
}

.infoHab li
{
	min-height: 150px;
	height: auto !important;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 1px #e6caa9;
	height:100%;
	display: table;	
	padding-left: 18px;
	width:200px;
	
}

.infoHab li a
{
	height: 30px;
	overflow: hidden;	
	line-height: normal;
	font-weight: bold;
	color: #1F164F;
	font-size: 13px;
}

.infoHab li a:hover
{
	color: #ce4f00;
}

.infoHab li .info-text
{
	/*height: 26px;
	overflow: hidden;*/
	min-height: 130px;
	height: 100%;
	margin: 4px 0px 0px 18px;
	line-height: normal;
	color:#c5986f;
	width: 481px;
	display:inline;
	
}

.infoHab li .info-img-marco
{
    width:133px;
	height: 118px;
	border: solid 1px #d6c6b0;
	display:inline;
}
.infoHab li .info-img
{
    margin: 3px 3px 3px 3px;		
	width:125px;
	height: 110px;
	overflow: hidden;
	text-align:center;
	
}









.imagen-recuadro
{
    width:140px;
    height:130px;
    overflow:hidden;
    text-align:center;
}
.imagen1-al
{
    margin: 17px 0px 0px 21px;
}

/**-----Cuartos de Categorías----**/

#CuartosCategorias h1
{
     margin: 0px 0px 0px 200px;
     display: block;
	 font-family: Lucida Sans,Arial,Myriad Pro, Trebuchet MS;
	 font-size: 29px;
	 line-height: 22px;
	 padding-bottom: 4px;
	 border-bottom: solid 4px #1F164F;
	 color: #1F164F;
	 width: 691px;
	 font-weight:normal;
	 
}

#CuartosCategorias a
{
    margin: 0px 80px 0px 230px;
}

ul.infocat
{
	margin: 0px 80px 0px 200px;
	list-style-type: none;
	font-size: 11px;
	width: 800px;
	line-height: normal;
	
}

.infocat li
{
	display: block;
	min-height: 180px;
	height: auto !important;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 2px #e5d0af;
	height:100%;
	display: table;	
	padding-left: 18px;
	width:570px;
	
}

.infocat li .titulo
{
	display: block;
	height: 30px;
	overflow: hidden;	
	line-height: normal;
	font-weight: bold;
	color: #1F164F;
	font-size: 13px;
}


.infocat li .info-text-cat
{
	
	height: 130px;
	overflow: hidden;
	padding: 4px 0px 10px 0px;
	line-height: normal;
	color:#c5986f;
	width: 400px;
	display:inline;
}

.infocat li .imagen-marco-cat
{
    width:150px;
	height: 140px;
	border: solid 1px #d3b499;
	display:inline;
}

.infocat li .info-img-cat
{
    margin: 4px 4px 4px 4px;		
    width: 140px;
    height: 130px;
    overflow:hidden;
    text-align:center;
    
}

/*-----------Descripción Habitaciones-------------*/

div#noticiahab
{
	 padding: 0px 0px 40px 0px;
}

#noticiahab ul
{
	margin: 18px 0px 20px 40px;
}

#noticiahab h1
{
	 display: block;
	 font-family:  Arial,Lucida Sans,Myriad Pro, Trebuchet MS;
	 font-size: 18px;
	 line-height: 22px;
	 padding-bottom: 10px;
	 padding-top:20px;
	 color: #ce3402;
}

#noticiahab h2
{
	 display: block;
	 font-family: Lucida Sans,Arial,Myriad Pro, Trebuchet MS;
	 font-size: 29px;
	 line-height: 22px;
	 padding-bottom: 4px;
	 border-bottom: solid 4px #1F164F;
	 color: #1F164F;
	 width: 691px;
	 font-weight:normal;
}

#noticiahab .imgnoticia
{
	 width: 324px;
	 height: 259px;
	 float: right;
	 margin-right: 40px;
	 background: url(../Imgs/fondo-imgvisualizador.jpg) transparent no-repeat right top;
}

.imgnoticia .img
{
	 margin: 2px 10px 0px 2px;
	 width: 320px;
	 height: 240px;
	 overflow: hidden;
}

.imgnoticia img
{
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 vertical-align: middle;
}

.imgnoticia .anterior
{
	 display: inline;
	 float: left;
	 font-family: Trebuchet MS, Lucida Sans, Arial;
	 text-align: left;
	 margin-left: 28px;
	 
}

.imgnoticia .siguiente
{
	 display: inline;
	 float: right;
	 font-family: Trebuchet MS, Lucida Sans, Arial;
	 text-align: right;
	 margin-right: 28px;
}

.anterior a, .siguiente a
{
	 text-decoration: none;
	 color: #000;
}

.anterior a:hover, .siguiente a:hover
{
	 text-decoration: underline;
	 color: #666;
}

#apartado h2
{
	 display: block;
	 font-family: Lucida Sans,Arial,Myriad Pro, Trebuchet MS;
	 font-size: 16px;
	 line-height: 12px;
	 padding-bottom: 4px;
	 border-bottom: solid 2px #1F164F;
	 color: #1F164F;
	 font-weight:bold;
	 margin: 0px 0px 10px 0px;

}


/*------ Tarifas------*/

.tablaTarifa
{
    font-family: Arial,Tahoma, Verdana;
    font-size: 12px;
    border-collapse: collapse;
    background-color:#f7f1e3;
    border: solid 1px #ddc898;
}
.tablaTarifa .Label
{
    text-align:right;
}


.tablaTarifa th
{
    color:#e0d6be;
    background: #912121 url(../Imgs/encabezado-tabla.jpg) repeat-x; 
    vertical-align: middle;
    border-right: solid 1px #ddc898;
    border-left: solid 1px #ddc898;
    height: 50px;
    font-family: Lucida Sans;
    font-size: 15px;  
}

.tablaTarifa .alternativa
{
   background-color: #f0e6ce;
}

.tablaTarifa td
{
    height: 70px;
    line-height:18px;
    vertical-align: middle;
    color:#8e8b83;
    border-right: solid 1px #ddc898;
    border-left: solid 1px #ddc898;
    padding: 3px 5px 3px 8px;
}

.tablaTarifa .fila 
{
    height: 20px;
    line-height:18px;
    vertical-align: middle;
    color:#8e8b83;
    border-right: solid 1px #ddc898;
    border-left: solid 1px #ddc898;
    padding: 3px 5px 3px 8px;
    
}
.tabla-rad-b td 
{
    border: none;
    height: 5px;
}

.limpia-fecha table { padding: 0px; margin: 0px; }
.limpia-fecha td { height: auto !important; line-height: normal !important; border: none; color: #000; padding: 0px; margin: 0px; }


/*----------Ambiente--------------*/

.fondo-img1-amb
{
    margin: 5px 0px 0px 45px;
    width:117px;
    height:110px;
    background: url(../imgs/cuadro-ambiente.png) no-repeat left top;    
    display:inline;
}
.fondo-imgsig-amb
{
    margin: 5px 0px 0px 11px;
    width:117px; height:110px;
    background: url(../imgs/cuadro-ambiente.png) no-repeat left top;
}
.img-amb
{
    margin:4px 5px 4px 5px;
}
.titulo-amb
{
    font-family:Arial;
    font-size:17px;
    padding:0px 0px 0px 50px;    
}
.fondo-amb
{
    width:698px;
    height:175px;
    background: url(../imgs/fondo-ambientes.jpg) no-repeat left top;
}