/****************************************
* Autor: Rubén Pais (Korku Soft. IeI)
* Fecha: 
* Descripción: Página Casa de Carmen
* Versión: 1.0
*****************************************/

/************* GENERAL *************/
  
@font-face {
	font-family: "Argos";
	src: url(ARGOS1.eot); /* Internet Explorer */   
	src: local("Argos"), url(Argos-Regular.ttf) format("truetype"); /* Otros navegadores */  

}

* { 
	margin: 0; 
	padding: 0; 
}

body {
	/*background: #FFFFFF url(../images/fondo.jpg) repeat;*/
	/*background: #b2b2b2 url(../images/fondo.jpg) repeat-x fixed center top;*/
	background: #efebe7 url(../images/fondo.gif) no-repeat fixed center top;
	color: #000; 
   	/*font: 62.5%  Arial, Helvetica, sans-serif;*/
	font: 55% Argos, Arial, Helvetica, sans-serif;
}

p {
	text-align: justify;
}

a { 
	color: #0000FF; 
	text-decoration: underline; 
}

ul { 
	list-style: none;
}

/*h1,h2,h3,h4,h5,h6 { font-family:  Arial, sans-serif; }*/
h1,h2,h3,h4,h5,h6 { 
	font-family: Argos, Arial, sans-serif; 
}

/*----------------------------*/
h1 {
	/*font-family: Arial, Georgia, "Times New Roman", Times, serif;*/
	font-family: Argos, Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #5c3e04;
	margin-bottom: 15px;
}

h2 {
	/*font-family: Arial, Georgia, "Times New Roman", Times, serif;*/
	font-family: Argos, Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #5c3e04;
	margin-bottom: 15px;
}

h3 {
	/*font-family: Arial, Georgia, "Times New Roman", Times, serif;*/
	font-family: Argos, Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #5c3e04;
	margin-bottom: 15px;
}

h3 a {
	color: #032850;
	text-decoration: none;
}

h3 a:hover {
	color: #124b89;
}

h4 {
	font-size: 16px;
	color: #5c3e04;
	margin-bottom: 10px;
}

h5 {
	font-size: 14px;
	/*color: #000000;*/
	color: #5c3e04;
}

/************* PAGINA *************/

#pagina { 
	position: relative; 
	/*width: 820px; */
	width: 975px;
	margin: 15px auto; 
}

/************* ENCABEZADO *************/

#encabezado { 
	height: 354px; 
}

/************* LOGO *************/

#logo {
	/*width: 820px; */
	width: 975px;
	height: 60px; 
	background: url(../images/logo.png); 
	position: absolute;
	margin-top: 10px;
}	

/************* SECCIONES *************/

#secciones {
	position: absolute;
	/*width: 820px;*/
	width: 975px;
	top: 76px; 
	left: 0px;
	height: 34px;
	background-color: #a37d34;
	border-bottom: 4px solid #ded384;
}
		
#secciones ul { 
	padding: 0px; 
	margin-left: 30px; 
	list-style: none; 
}

#secciones li { 
	display: inline; 
}
			
#secciones a { 
	display: block; 
	float: left;
	padding: 10px 20px 10px 20px;
	/*font:12px Verdana, sans-serif;*/
	font: 11px Argos, Verdana, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	outline: none;
}
				
#secciones a:hover { 
	background-color: #5c3e04; 
	color: #C8C800; 
	font-weight: bold;
}

#secciones .marcar a {
	background: #5c3e04 url(../images/marcar_seccion.jpg) bottom center no-repeat; 
}

/************* IMAGEN PORTADA *************/

#imagen-portada { 
	position: absolute; 
	top: 114px; 
	left: 0px; 
	height: 240px; 
}

/************* CONTENIDO PÁGINA *************/

#contenido-pagina { 
	/*padding: 25px 0px 30px 30px; */
	padding: 25px 25px 30px 30px;
	background-color: #FFFFFF;
}

/************* CONTENIDO *************/

#contenido {
	margin: 0;
	/*width: 500px; */
	width: 450px;
	position: relative;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #111111;
}

#contenido h1 {
	margin-bottom: 20px;  
	font-size: 28px;
}
			
#contenido p { 
	margin: 0 0 1em 0; 
}
			
#contenido a, #contenido a:visited { 
	text-decoration: underline; 
}
			
#contenido a:hover { 
	text-decoration: none; 
}

/************* DERECHA *************/

#derecha {
	background: #efebe7 url(../images/idiomas.jpg) repeat-x bottom left;
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.5; /*Gecko*/
	opacity:0.5; /*CSS3*/
	-khtml-opacity:0.5; /*¿Safari y Konqueror?*/ 
	position: absolute;
	right: 0px;
	/*top: 302px;*/
	top: 114px;
	width: 230px;
	height: 245px;
}

/************* IDIOMAS *************/

.idiomas {
	/*background: url(../images/idiomas.jpg) no-repeat;*/
	/*background: #eac064 url(../images/idiomas.jpg) repeat-x bottom left;*/
	/*padding: 20px;*/
	/*margin-bottom: 15px;*/
}

.idiomas h3 {
	margin-bottom: 15px; 
	font-size: 16px; 
	color: #5c3e04;
}
			
.idiomas ul {
	margin: 10px 0; 
}

.idiomas ul li { 
	/*border-bottom: 1px solid #486a8b;*/
	padding: 10px 30px; 
	font-weight: bold; 
}
			
.idiomas ul li a { 
	color: #a70000; 
	text-decoration: none; 
	font-size: 16px;
	font-weight: bold;
}

.idiomas ul li a:hover { 
	color: #5c3e04; 
	font-weight: bold; 
}

.idiomas ul li.marcar { 
	border-bottom: 0;
	padding-top: 11px; 
	margin: 0 -20px;
	padding-left: 50px; 
	margin-top: -1px; 
	position: relative;
}

.idiomas ul li.marcar a { 
	color: #5c3e04;
} 

/************* CONTACTO *************/

.contacto {
	margin: 0 auto 0 auto;  /* centrar div */
	width: 375px;
	/*height: 150px;*/
	border-top: 3px solid #ded384;
	border-bottom: 3px solid #ded384;
	border-left: 3px solid #ded384;
	border-right: 3px solid #ded384;
	background-color: #b4d1ec;
	padding: 20px; 
	margin-bottom: 15px;
}
			
.contacto h3 { 
	margin-bottom:15px; 
}

.contacto h4 { 
	text-align: center; 
	font-size:23px;
	color: #8a824a;
}

.contacto h5 {
	color: #8a824a;
	font-size: 14px;
}

.contacto p { 
	margin-bottom: 10px; 
	font-size: 14px; 
	color: #8a824a;
}

.contacto ul { 
	list-style: inside; 
	list-style-type: disc; 
	font-size: 100%;
}
			
/************* PIE *************/

#pie {
	height: 38px;
	/*width: 820px;*/
	width: 975px;
	background-color: #a37d34;
	font-size: 12px;
}
	
#pie p {
	text-align: center;
	padding: 11px 0 0 25px; 
	color: #FFFFFF;
}

#pie a { 
	color: #FFFFFF;
}

#pie a:hover { 
	color: #FFFFFF;
}

/************************/

#imagenIndex {
	width: 100px;
    height: 67px;
    hspace: 0;
    vspace: 0;
    border: 0;
    margin-right: 10px; 
    margin-top: 15px;
}

#mapa {
    width: 450px; 
    height: 450px; 
    background: #000000;
    border: #c09e2a 2px solid; 
    text-align: center;
}

#mapa img {
    width: 450px; 
    height: 450px; 
    hspace: 0; 
    vspace: 0; 
    border: 0;
}

.centrarTabla {
	text-align: center;
}

.centrarTabla table {
	margin: 0 auto;
	text-align: left;
}

.borderTabla {
	border-right: #DDDDDD 2px solid; 
	border-top: #DDDDDD 2px solid; 
	border-left: #DDDDDD 2px solid; 
	border-bottom: #DDDDDD 2px solid;
	width: 450px;
}

.titulosFoto {
	background-color: #c09e2a;
}

.titulosFoto th {
    text-align: center;
    width: 26%;
    scope: col;
    color: #FFFFFF; 
    font-size: 14px;
}

.fotoHabitaciones {
    text-align:center;
}

.fotoHabitaciones img {
    width: 100px;
    height: 67px; 
    hspace: 0;
    vspace: 0; 
    border: 0;
}

.enlaceHabitaciones img {
    hspace: 0; 
    vspace: 0; 
    border: 0; 
    margin-right: 7px; 
    margin-top: 4px;
}

.enlaceHabitaciones a {
	color: #c09e2a;
}

#reservas {
	text-align: center;
	font-size: 14px;
}

#reservas img {
	width: 32px;
	height: 32px;
}

.lista {
	list-style-image: url(../images/a.gif);
}

.tablaHabitaciones {
    width: 400px;
    border: 0;
    border-color: #454545;
    margin-bottom: 20px;
	border-right: #DDDDDD 2px solid; 
	border-top: #DDDDDD 2px solid; 
	border-left: #DDDDDD 2px solid; 
	border-bottom: #DDDDDD 2px solid;
}

.tablaHabitaciones2 {
    width: 450px;
    border: 0;
    border-color: #454545;
    margin-bottom: 20px;
	border-right: #DDDDDD 2px solid; 
	border-top: #DDDDDD 2px solid; 
	border-left: #DDDDDD 2px solid; 
	border-bottom: #DDDDDD 2px solid;
}

.trColor {
	font-weight: bold;
	color: #FFFFFF;
}

.trColor th {
	background-color: #c09e2a;
	color: #FFFFFF;
	font-size: 14px;
	scope: col;
	text-align: center;
}

.trColor2 {
	font-weight: bold;
	color: #000000;
}

.trColor2 th {
	background-color: #c09e2a;
	color: #000000;
	font-size: 14px;
	scope: col;
	text-align: center;
}

.tdFoto {
	width: 24%;
	text-align: center;
}

.tdPrecio {
	text-align: center;
}

.tdFoto img {
	border: 0;
}

/* Redes sociales*/

#redes_sociales {
	/*float: right;*/
	width: 32px;
	position: relative;
	right: -920px;
	/*top: 302px;*/
	top: -43px;
}

#redes_sociales p {
	text-align:right;
}

#redes_sociales img {
	border: 0;
}

#redes_sociales fieldset {
	border: none;
}

#redes_sociales #s {
	width: 160px;
}

#redes_sociales #x {
	width: 80px;
}

#redes_sociales a {  
	text-decoration: none; 
}
				
#redes_sociales a:hover { 
	background-color: transparent; 
}