/* CSS Document */

body {
	
	background: url(graf/bcg.jpg) no-repeat center bottom;
	margin: 0 auto 0 auto;
	font:normal 11px Arial, Helvetica, sans-serif;
}

a img {
	border:none;
}

img, #contenido, .tit-laterales1, .tit-laterales2, .tit-laterales3, .tit-laterales4 {
	behavior: url(iepngfix.htc);/* Para los png transparentes */
}

p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
}

a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

h1 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#8EB24E;
	border-bottom:1px dotted #8EB24E;
	padding:0 0 5px 0;
}

h2 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#448B47;
}

h3, h3 a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#015F6E;
	text-decoration:none;
}

h3 a:hover {
	color:#02B4D2;
}

h4, h4 a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#448B47;
	text-decoration:none;
}

h4 a:hover {
	color:#9CCF9E;
}


h5 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#008290;
}

#contenedor {
	width:978px;
	margin:0 auto;
}

#top {
	width:978px;
	height:400px;
}

#contenido {
	width:940px;
	float:left;
	background:url(graf/bcg-contenido.png) repeat;
	padding:0 0 40px 38px;
}

#log {
	position:relative;
	top:-115px;
	-top:-345px;
	left:0;
	width:978px;
	background:url(graf/bcg-contenido.png) repeat;
	height:30px;
}

#menu {
	width:750px;
	height:70px;
	margin:0 50px 0 0;
	position:relative;
	top:95px;
	-top:-140px;
	left:215px;
}

#redes {
	width:150px;
	height:70px;
	position:relative;
	top:-140px;
	-top:-370px;
	left:50px;
}

#redes img {
	margin:0 5px 0 0;
	float:left;
}

#menu a, #menu p a {
	width:143px;
	height:16px;
	float:left;
	margin:0 1px;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 2px;
}

#menu a {
	background:url(graf/bcg-menu.png) no-repeat;
	-background:url(graf/bcg-menu.gif) no-repeat;
}

#menu p a {
	background:url(graf/bcg-promos.png) no-repeat;
	-background:url(graf/bcg-promos.gif) no-repeat;
}

#menu a:hover {
	color:#C1E663;
	background:url(graf/bcg-menu.png) no-repeat;
	-background:url(graf/bcg-menu.gif) no-repeat;
}

#col-izq {
	width:640px;
	float:left;
}

#col-der {
	width:248px;
	-width:240px;
	float:right;
	background:#C1E663;
}

#col-der-resto {
	background:url(graf/bcg-col-der.jpg) repeat-y;
	padding:0 10px 10px 10px;
	width:228px;
	-width:230px;
}

#promociones {
	width:550px;
	margin:5px 0 20px 0;
	float:left;
}

#promociones p {
	margin:5px 0 0 0;
}

#todas-promos {
	width:570px;
	float:left;
	background:#F4F4F4;
	height: 190px;
	margin: 0 0 0 5px;
	-margin:0;
}

#todas-promos a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:right;
}

#todas-promos a:hover {
	text-decoration:none;
	float:left;
}

#todas-promos img {
	float:left;
}

#todas-promos h5 {
	float:left;
	width:100px;
	margin: 50px 0 0 50px;
	-margin: 50px 0 0 25px;
}

#todas-promos h5 a {
	float:left;
	width:100px;
	text-decoration:underline;
}

#todas-promos h4 {
	float:right;
	margin:15px 25px 15px 0;
}

#titulo-promos {
	float:right;
}

#animacion-zonas {
	width:410px;
	float:right;
	height: 180px;
}

#splash {
	width:978px;
	margin:0 auto;
	height:1000px;
}

#paginado{
	display:block;
	text-align:center;
	width: auto;
	clear: both;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	letter-spacing: 2px;
	color: #015F6E;
}

#paginado a{
	color:#015F6E;
}

#pie {
	width:978px;
	height:35px;
	padding:5px 0;
	background:#008290;
}

#pie p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
}

#firma a {
	width:978px;
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
	margin:10px 0 20px 0;
}

#buscador-promos {
	width:600px;
	height:150px;
	background-color:#F4F4F4;
	float: left;
	padding:10px 20px;
	margin:10px 0 20px 0;
}

#buscador-promos h3{
	color:#8EB24E
}

#face-me-gusta {
	margin:20px 0;
}

/* Clases */

.reset {
	clear:both;
	margin:0;
	font-size:1px;
}

.idiomas {
	width:16px;
	height:11px;
	margin:12px 5px 0 10px;
	float:left;
}

.btn-contacto {
	background:url(graf/contacto-home.png) no-repeat 2px 6px;
	padding:5px 0 0 23px;
}

.btn-home {
	background:url(graf/casa-home.png) no-repeat 0 3px;
	padding:5px 0 0 20px;
}

.btn-hoteles {
	background:url(graf/hoteles-home.png) no-repeat 2px 3px;
	padding:5px 0 0 23px;
}

.btn-contacto, .btn-home, .btn-hoteles {
	float:right;
	margin:5px 10px 0 5px;
}

.btn-contacto a , .btn-home a, .btn-hoteles a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

.btn-contacto a:hover , .btn-home a:hover, .btn-hoteles a:hover {
	color:#FFFFFF;
}

.tit-laterales1, .tit-laterales2, .tit-laterales3, .tit-laterales4  {
	width:180px;
	margin:20px 0 5px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:10px 2px 10px 40px;
	float:left;
}

.tit-laterales1 {
	background:url(graf/ico-socios.png) no-repeat;
	margin:5px 10px;
}

.tit-laterales2 {
	background:url(graf/ico-buscar.png) no-repeat;
}

.tit-laterales3 {
	background:url(graf/ico-zonas.png) no-repeat;
}

.tit-laterales4 {
	background:url(graf/ico-newsletter.png) no-repeat;
}

.nvos-hoteles a {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333333;
	width:170px;
	float:right;
	background:url(graf/item-gris-2.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	clear: both;
	margin: 0 0 20px 0;
	text-decoration:none;
}

.nvos-hoteles a:hover {
	color:#FFFFFF;
}

.listado-zonas {
	width:210px;
	padding: 0 0 0 10px;
	float: left;
}

.listado-zonas ul {
	margin:0;
	padding:0;
	list-style:none;
}

.listado-zonas li {
	margin:0;
	padding:5px 0 5px 10px;
	background:url(graf/item-gris3.gif) no-repeat 0 8px;
	border-bottom:1px dotted #333333;
}

.listado-zonas li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

.listado-zonas li a:hover {
	text-decoration:underline;
}


.pais {
	background:#8EB24E;
	padding:5px 10px;
	display:block;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:10px 0;
	clear:both;
}

.provincia {
	display:block;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:20px 0 10px 0;
	clear:both;
	padding:0 0 0 15px;
	background:url(graf/item-prov.gif) no-repeat 0 5px;
}
.estrellas {
	height:13px;
	float:left;
	margin:2px 5px;
}


.list-hoteles {
	width:305px;
	float:left;
	border-bottom:1px dotted #999999;
	padding:0 0 15px 0;
	margin: 0 0 10px 10px;
	height: 30px;
}

.list-hoteles h3 {
	margin:0 0 0 5px;
	float: left;
}

.hotel-img-gr {
	width:375px;
	height:500px;
}


.facebook , .twitter, .skype, .msn  {
	margin:0 0 10px 0;
	padding:5px 0 10px 30px;
}

.telefono, .dire  {
	margin:0 0 0 0;
	padding:5px 0 0 18px;
}

.facebook a, .twitter a, .skype a, .msn a, .telefono , .dire, .skype, .msn   {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

.facebook a:hover, .twitter a:hover, .skype a:hover, .msn a:hover {
	color:#999999;
}

.twitter {
	background:url(graf/logo-twitter.png) no-repeat 0 0;
}

.facebook {
		background:url(graf/logo-face.png) no-repeat 0 0;
}

.skype {
		background:url(graf/logo-skype.png) no-repeat 0 0;
}

.msn {
		background:url(graf/logo-msn.png) no-repeat 0 0;
}

.telefono {
		background:url(graf/tel.gif) no-repeat 0 2px;
}

.dire {
		background:url(graf/contacto.gif) no-repeat 0 2px;
}

.listado-servicios {
	width:500px;
	padding: 0 0 0 10px;
	float: left;
}

.listado-servicios ul {
	margin:0;
	padding:0;
	list-style:none;
}

.listado-servicios li {
	margin:0;
	padding:5px 0 5px 10px;
	background:url(graf/item-gris.gif) no-repeat 0 8px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333333;
	float: left;
	width: 200px;
}

.listado-carta {
	width:920px;
	padding: 0 0 10px 10px;
	float: left;
}

.listado-carta ul {
	margin:0;
	padding:0;
	list-style:none;
}

.listado-carta li {
	margin:0;
	padding:5px 0 5px 10px;
	background:url(graf/item-gris.gif) no-repeat 0 8px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
	float: left;
	width: 700px;
}

.promos {
	width:640px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom:1px dotted #999999;
}

.promos-img {
	width:138px;
	height:107px;
	float:left;
	margin:0;
}

.promos-txt {
	width:480px;
	float:right;
}

.promos-txt h4 {
	margin:5px 0;
}

.promo-buscar {
	width:220px;
	float:left;
	margin:0 10px 0 0;
}

.flecha-izq a {
	background:url(graf/flecha-izq.gif) no-repeat 0 0;
}

.flecha-der a {
	background:url(graf/flecha-der.gif) no-repeat 0 0;
}

.flecha-izq a, .flecha-der a {
	color:#7BB023;
	float:left;
	text-decoration:underline;
	display:block;
	margin:5px 10px 0 0;
	padding:0 0 0 25px;
}

.flecha-izq a:hover, .flecha-der a:hover {
	color:#A3DA47;
}

.contacto-col {
	width:180px;
	float:right;
	margin: 10px 0 0 0;
}

.link-carta a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#6C873A;
	text-decoration:underline;
	padding:10px;
}

.link-carta a:hover {
	color:#9AB960;
}

.img1 {
	width:405px;
	height:304px;
	margin:10px 0 0 70px;
}

.popup-form {
	
	padding:20px;
	background-color:#FFFFFF;
	min-height:550px;
}

.popup-form2 {
	width:520px;
	height:200px;
	padding:20px;
	background-color:#FFFFFF;
}

.no-registrado {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FF0000;
}

.registrado {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#006633;
}

.bienvenido{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:5px 5px 20px 15px;
}

.promocion {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#EF4723;
	float:left;
}

.solapas-hoteles {
	width:630px;
	float:left;
	margin:10px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	padding:5px;
	background:url(graf/bcg-solapas.jpg) repeat-y;
}

.contenido-solapas-hoteles {
	width:640px;
	float:left;
	margin:10px;
}

/* Formularios */

/* Login Home*/

.frm_buscar {
	float:left;
	width:500px;
	margin:20px 0 0 0;
	padding:0;
	text-align:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#6E6E6E;
	float: left;
}

.campo-1 {
	width:240px;
	float: left;
	margin: 20px 0 0 0;
}

.campo-2 {
	width:230px;

	.width:242px;
	float:right;
	margin: 20px 0 0 0;
}

#frm_login {
	float:left;
	width:220px;
	padding:0;
	margin: 0;
}

.frm_login p {
	float:left;
	text-align:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:5px 0 0 10px;
	width:70px;
}

.btn_entrar {
	width:67px;
	height:25px;
	float:right;
	background:url(graf/btn-entrar.png) no-repeat;
	margin:10px 0 0 0;
	border:none;
	cursor:pointer;
}

.recupera a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
	float:right;
	background:url(graf/item-gris.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	margin:10px 20px 10px 0;
	-margin:0 20px 0 0;
	text-decoration:none;
}

.recupera a:hover {
	font-weight:bold;
}

.inputs-login {
	width:120px;
	-width:110px;
	background-color:#FFF;
	border:1px solid #C2C1C1;
	margin:2px 0 2px 5px;
	padding:2px 5px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
}

.inputs-buscar {
	width:118px;
	-width:108px;
	margin:2px 0 2px 5px;
	padding:2px 5px;
	border:1px solid #C2C1C1;
	font:normal 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

.selects2 {
	width:130px;
	-width:120px;
	margin:2px 0 2px 5px;
	padding:2px 5px;
	border:1px solid #C2C1C1;
	font:normal 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

/* Formulario de contacto*/

#frm_buscar {
	float:left;
	width:500px;
	padding:0;
	margin: 0;
}

#frm_buscar p {
	float:left;
	text-align:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:5px 0 0 10px;
	width:70px;
}

.form1 {
	float:left;
	width:400px;
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#353535;
}

.form1 p {
	font:bold 11px Arial, Helvetica, sans-serif;
}


.form-carta {
	float:left;
	width:400px;
	margin:10px 0 0 150px;
	padding:0;
	text-align:right;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#353535;
}

.form-carta p {
	font:bold 11px Arial, Helvetica, sans-serif;
	margin: 2px 0;
}

.inputs {
	width:200px;
	background-color:#FFF;
	border:1px solid #C2C1C1;
	vertical-align:middle;
	margin:2px 30px 2px 6px;
	padding:2px 5px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}

.selects {
	width:211px;
	margin:4px 30px 4px 6px;
	padding:2px 5px;
	border:1px solid #C2C1C1;
	font:normal 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

.boton-contacto {
	float:left;
	margin:10px 15px 0 360px;
}

label {
	display:block;
}

.margenes {
	display:block;
	margin:0 20px;
}

.modulo-flotante{
	float:left;
	width:400px;
	display:block;
}

.btn_enviar {
	width:67px;
	height:25px;
	float:right;
	margin:10px 0 0 0;
	border:none;
	background:url(graf/btn-enviar.gif) no-repeat;
	cursor:pointer;
}

.btn_enviar2 {
	width:67px;
	height:25px;
	float:right;
	margin:10px 30px 0 0;
	border:none;
	background:url(graf/btn-enviar.gif) no-repeat;
	cursor:pointer;
}

.form-registro{
	margin:10px auto 40px auto;
	padding:10px;
	border:1px solid #E1E1E1;
	text-align:right;
	width:400px;
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#353535;	
}

.form-registro h1{
	text-align:left !important;
}

.form-registro label{
	margin:4px 10px;
	display:block;
}

.form-registro p{
	margin:10px !important;
}
.form-registro-input{
	width:200px;
	background-color:#FFF;
	border:1px solid #C2C1C1;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px 4px;
	margin:0 15px 0 10px;
}

.form-registro select{
	width:210px;
	background-color:#FFF;
	border:1px solid #C2C1C1;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	padding:4px 4px;
	margin:0 15px 0 10px;
}
.form-registro select option{
	margin:5px 0;
}

.mapa{
	display:block;
}