@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");
@import url("webfonts/Oswald/stylesheet.css");

/*.example {
  font-family: "Blooming Grove";
  font-size: 1.5em;
}*/


html, p, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;

}

body{
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

#cabecera {
	font-family: Oswald, sans-serif;
	font-size: 13px;
	background-image:url(imagenes/barra-con-iconos.png);
	background-repeat: repeat-x;
	background-position: left top;
	height:100px;
	width:100%;
	/*position:fixed;*/
	z-index:50;
	/*overflow: hidden;	*/
	}

#cabecera2 {
	font-family: Oswald, sans-serif;
	font-size: 13px;
	background-image:url(imagenes/barra-con-iconos.png);
	background-repeat: repeat-x;
	background-position: left top;
	height:100px;
	width:100%;
	position:fixed;
	z-index:50;
	/*overflow: hidden;	*/
	}

#registro {
	font-family: Oswald, sans-serif;
	font-size: 13px;
	bottom:0;
	position:fixed;
	background-image:url(imagenes/Registro.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:115px;
	width:100%;
}

#registroHabitaciones {
	font-family: Oswald, sans-serif;
	font-size: 13px;
	position:inherit;

	background-image:url(imagenes/Registro.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:115px;
	width:100%;
}

#logo {
	position:absolute;
	overflow: hidden;
	margin-top:0px;
	margin-right: auto;
	margin-left: 60px;	
	z-index:50;
}

#logoContactenos {
	position:fixed;
	overflow: hidden;
	margin-top:0px;
	margin-right: auto;
	margin-left: 60px;	
	z-index:50;
}

/* Lenguajes INICIO*/

 #idiomas {
	margin-right: 30px;
	margin-left: auto;	
	overflow:visible;
	padding-top:35px;
	float: right;	
}

#idiomas ul {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 75px;
}

#idiomas ul li a {
	display: block;
	text-indent: -9999px;
	height: 30px;
	width: 30px;
	float: left;
}
#idiomas ul li a#espanol {
	background-image: url(imagenes/Espanol.png);
}
#idiomas ul li a#ingles {
	background-image: url(imagenes/Ingles.png);
	float: right;
}
#idiomas ul li a:hover {
	background-position: left -30px;
}

/* Lenguajes FIN */



/* Redes Sociales Inicio */

#RedesSociales {
	margin-right:20px;
	margin-left: auto;	
	overflow:visible;
	padding-top:20px;
	float: right;
	width:250px;
}

#RedesSociales ul {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 140px;
}

#RedesSociales ul li a {
	display: block;
	text-indent: -9999px;
	height: 35px;
	width: 45px;
	float: left;
}
#RedesSociales ul li a#facebook {
	background-image: url(imagenes/Facebook.png);
}

#RedesSociales ul li a#instagram {
	background-image: url(imagenes/instagram.png);
}

#RedesSociales ul li a#twitter {
	background-image: url(imagenes/twitter.png);
}
#RedesSociales ul li a:hover {
	background-position: left -35px;
}

/* Redes Sociales Fin */



/****MENU***/
#menu{
	overflow:visible;
	float:right;
	width:580px;
	padding-top:25px;
}

/*Strip the ul of padding and list styling*/
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
}

/*Create a horizontal list with spacing*/
#menu li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
#menu li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: Oswald, sans-serif;
	font-size:19px;
	font-weight:500;
	color: #ffffff;
	text-decoration: none;
}

/*Hover state for top level links*/
#menu li:hover a {
	background-image:url(imagenes/Menu.png);
}

/*Style for dropdown links*/
#menu li:hover ul a {
	background: #FFFFFF;
	color: #737373;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
#menu li:hover ul a:hover {
	background:#F2F2F2;
	color: #737373;
}

/*Hide dropdown links until they are needed*/
 li ul {
	display: none;
}

/*Make dropdown links vertical*/
#menu  li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#menu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
#menu .show-menu {
	font-family: Oswald, sans-serif;
	text-decoration: none;
	color: #fff;

	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
#menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
#menu input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
#menu ul {

		background-color:#470407;	
		position: static;
		display: none;
		opacity: 0.9;		
	}
	/*Create vertical spacing*/
#menu li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
#menu ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
#menu .show-menu {
		display:block;
	}
}


/***MENU FIN***/

/*******************FORM*****************************/
/*FORM*/
	.campo, .campo_1{margin-bottom:10px;overflow:hidden;
	font-size: 13px;
	padding-top:5px;
	padding-left:15px;
	padding-right:5px;
	font-family: Oswald, sans-serif;	
	color:#333333;
	text-align:justify;	
	
	}
	
	.campo label{float:left;display:block;width:160px;height:35px;line-height:35px;font-size:15px;font-weight:bold}
	.campo input[type="text"]{background:#FFF;opacity: 0.5;color:#000;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;height:33px;border:1px solid #999999;text-indent:12px;font-size:14px;outline:none;}
	.campo input[type="text"]:hover{background:#DDDDDD;border:1px solid #999999;}
	.campo input[type="text"]:focus{background:#DDDDDD;border:1px solid #999999;}

	.campo input[type="email"]{background:#FFF;opacity: 0.5;color:#000;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;height:33px;border:1px solid #999999;text-indent:12px;font-size:14px;outline:none;}
	.campo input[type="email"]:hover{background:#DDDDDD;border:1px solid #999999;}
	.campo input[type="email"]:focus{background:#DDDDDD;border:1px solid #999999;}

	.campo select{-webkit-appearance:none;border:1px solid #999999;color:#000;background:#FFFFFF;opacity: 0.5;padding:10px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;font-size:15px;width:208px;outline:none;}
	.campo select:hover{background:#DDDDDD;border:1px solid #999999;}
	.campo textarea{resize:none;background:#DDDDDD;opacity: 0.5;color:#000;font-size:14px;border:1px solid #999999;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:12px}
	.campo input[type="submit"]{-webkit-appearance:none;color:#fff;background:#B02523;border:1px solid #93211E;height:35;padding:8px 20px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;font-size:14px;margin-left:0;cursor:pointer;}
	.campo input[type="submit"]:hover{background:#93211E}
	
/*FORM*/
/*******************FORM****************************/


#ContenidoInicio{
	height: 330px;
	width: 388px;
	background-image:url(imagenes/QuienesSomos.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 150px;
	margin-top: 30px;

	margin-left: auto;	
	overflow:visible;
	/*padding-top:260px;*/
	
}

#ContenidoInicio .LetraInicio{
	width: 300px;
	font-family: Oswald, sans-serif;
	text-decoration: none;
	color: #666666;
	margin-left:40px;
	padding-top:40px;
	padding-bottom:30px;
	text-align: center;
	font-size:16px;
}

#ContenidoInicio .LetraResaltadas{

	color: #A20715;
}

#ContenidoInicio .LetraInicio2{
	width: 300px;
	font-family: Oswald, sans-serif;
	text-decoration: none;
	color: #666666;
	margin-left:40px;
	padding-top:40px;
	padding-bottom:30px;
	text-align: center;
	font-size:13px;
}

#ContenidoInicio .LetraResaltadas2{

	color: #A20715;
}

/* Contenido Secundario INICIO*/
	#ContenidoSecundario{
		height: 285px;
		width: 500px;
		background-position: right;
		margin-right: 150px;
		margin-top: 10px;
	
		margin-left: auto;	
		overflow:visible;
		/*padding-top:260px;*/
		
	}

	#ContenidoSecundario .LetraSecundaria{
		width: 490px;
		font-family: Oswald, sans-serif;;	
		text-decoration: none;
		color: #666666;
		margin-left:10px;
		padding-top:5px;
		padding-bottom:10px;		
		text-align: justify;
		font-size:16px;
	}
	
	
	#ContenidoSecundario .TituloSecundaria{
	font-family: Oswald, sans-serif;	
	text-decoration: none;
	color: #A20715;
	padding-top:5px;	
	margin-left:10px;
	padding-bottom:5px;
	text-align: left;
	font-size:22px;
}	
	
	#ContenidoSecundario .LetraResaltadas{
	
		color: #A20715;
	}
	
	#ContenidoSecundario .VinetasLista{
		font-family: Oswald, sans-serif;;	
		color: #666666;
		margin-left:40px;
		text-align: justify;
		font-size:16px;
	}	
/* Contenido Secundario FIN*/

#MapaContactenos{
	background-color: #F1F1F2;
	width:auto;
	margin:0 auto;
/*	position:absolute;*/
/*	overflow: hidden; */
}


#FondoHabitaciones{
	background-color: #F1F1F2;
	width:auto;
	margin:0 auto;
	overflow: visible;
	background-image:url(imagenes/fondoguane.png);
	background-repeat: repeat-x;
	background-position: left top;	
}

#ContenidoHabitaciones{
	background-color: #F1F1F2;
	width:985px;
	height:650px;
	margin:0 auto;
	background-color:#FFFFFF;
	-moz-box-shadow:0px 0px 8px #999 inset;
	-webkit-box-shadow:0px 0px 8px #999 inset;
	box-shadow:0px 0px 8px #999 inset;
}

#banner {
	overflow: hidden;
	height: 448px;
}

#SombraBanner{
	width:978px;
	height:15px;
	margin:0;
	background-image:url(imagenes/sombrabanner.png);
}

#ContenidoTexto{
	width:980px;
	margin:0 auto;
}

#contactenos {
	bottom:0;
	position:fixed;
	background-image:url(imagenes/contactenos.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:230px;
	width:100%;
}

#contactenos .LetraContactenos{
	width:400px;
	margin-top:60px;
	margin-right:180px;	
	margin-left: auto;	

}

#LetraPie{
	margin-right:20px;
	margin-left: auto;	
	overflow:visible;
	padding-top:40px;
	float: right;	
	position:absolute;

}

.Titulo{
	font-family: Oswald, sans-serif;	
	text-decoration: none;
	color: #737373;
	margin-left:10px;
	padding-bottom:10px;
	text-align: left;
	font-size:24px;
}

.Texto{
	font-family: Oswald, sans-serif;	
	text-decoration: none;
	color: #737373;
	margin-left:10px;
	text-align: left;
	font-size:16px;
}

.TextoResaltado{

	color: #A20715;
}

ul.ListaItems  { 
		list-style-image:url(../imagenes/vineta.png);
		/*list-style: url(imagenes/vineta.png) square; */
	
	}
	
#formContactenos{
	position:absolute;
	overflow: hidden;
	margin-top:0px;
	margin-right: auto;
	margin-left: 60px;	
	padding-top:40px;
	z-index:60;	
}	

/* Nuevo Contenido */

div#contenido{

	position: absolute;
	width: 540px;
	height: 295px;
	right: 0;
	top: 200px;
	font-size: 0.9em;
	color: #FFF;
	background-image: url("../PruebaGuane/imagenes/html/fondocajatexto.png");
	background-position: 26px 0; 
	background-repeat: no-repeat;
}

img.muestra_contenido{
	
	float: left;
	cursor: pointer;
}

div#contenido p{
	position: relative;
	width: 490px;

}

div#cont_reserva{

	position: absolute;

	top: 120px;
	font-size: 0.9em;
	color: #FFF;
	background-repeat: no-repeat;
}