/* ---------------------------------------------------------------------- limpiando estilos */
html, body,
h1, h2, h3, h4, h5, h6,
ul, li, 
p, div,
form, fieldset, label, legend,
img { margin:0px; padding:0px; border:none; }

html, body { font:12px Arial; color:#333; }

.imagen { width: 680px; height: 300px; }
.imagen span h5 { position: relative; top: -273px; text-align: right; color: #4685BA; }
.imagen img { width: 680px; height: 300px; }


/* ---------------------------------------------------------------------- contenedor */
.content { width:100%; height:auto; background:url(../img/bg_inicio.jpg) repeat-y top center;  }
.content a { color:#2a2e77 }
.contentbody { width:990px; margin:0px auto;  background:url(../img/bg_menu.gif) no-repeat 114px 47px }
.contentmain { width:680px; float:left; }
.contentcolumn { width:260px; float:left; margin:0 0 0 35px; }

.logo { width:120px; height:103px; float:left; padding:15px 0 10px 0; }
.logo h1 { display:none }



.contentmain h2 { font-size:18px; color:#2a2e77; padding:0 0 10px 0; }
.contentmain h3 { font-size:18px; color:#2a2e77; padding:0 0 10px 0; }

.ofertas-especiales { width:450px; float:left;  }
.ofertas-especiales h2 { font-size:18px; color:#2a2e77; padding:0 0 10px 0; }
.ofertas-especiales .anuncio-ofertas-especiales { margin:0 0 10px 0; }
.ofertas-especiales .anuncio-ofertas-especiales:hover { background:#ededed;}
.ofertas-especiales .anuncio-ofertas-especiales .img { width:120px; height:70px; float:left; }
.ofertas-especiales .anuncio-ofertas-especiales .txt { width:330px; height:69px; float:left; border-bottom:1px solid #58d3ec; font-size:12px; color:#333;}
.ofertas-especiales .anuncio-ofertas-especiales .txt a { color:#333; text-decoration:none; }
.ofertas-especiales .anuncio-ofertas-especiales .txt a span { float:right; }
.ofertas-especiales .anuncio-ofertas-especiales .txt a strong { font-size:18px; }


.info { display:none; width:560px; font-size:12px; color:#2a2e77; padding:40px 0 0 0; text-align:right; float:left;}
.info a { color:#2a2e77; text-decoration:none; }
.info a:hover { color:#333; text-decoration:underline; }




.imagen-cab { width:680px; height:300px; background:#CCC; overflow:hidden }

.ficha-cab { background:#eaeaea; height:72px; margin:0 0 5px 0; }
.ficha-cab .ficha-logo { width:460px; height:72px; float:left;}
.ficha-cab .ficha-dir { width:190px; height:57px; padding:15px 5px 0 0; float:right; text-align:right; font-size:11px; } 

.ficha-img { width:680px; height:auto; margin:0 0 5px 0; }

.ficha-menu { width:680px; height:27px;  }

.ficha-menu ul { list-style:none; }
.ficha-menu ul li { float:left; width:105px; height:27px; margin:0 5px 0 0; background:url(../img/bg_submenu.gif) no-repeat bottom left;}
.ficha-menu ul li a { text-transform:uppercase; display:block; width:105px; height:21px; padding:6px 0 0 0; text-align:center; color:#3440c6; font-weight:bold; text-decoration:none; font-size:11px; }
.ficha-menu ul li a:hover { color:#3440c6; }
.ficha-menu ul li.active { background:url(../img/bg_submenu.gif) no-repeat top left;}
.ficha-menu ul li.active a { color:#FFF !important; }

.ficha-info { width:680px; height:auto; }
.ficha-info h2 { padding:10px 0 20px 0; font-size:20px; font-weight:normal; color:#3440c6; }
.ficha-info h3 { padding:10px 0 5px 0; font-size:14px; font-weight:bold; color:#3440c6; }
.ficha-info ul { margin:0 0 0 35px; }
.ficha-info a { color:#3440C6; text-decoration:underline; }
.ficha-info strong { color:#3440C6; }


#laficha { background-repeat:no-repeat; }



.lista-hotel { width:680px; margin:0 0 25px 0; padding-bottom:15px; border-bottom:1px dotted #fee275  }
.lista-hotel .lista-hotel-img { width:230px; float:left; }
.lista-hotel .lista-hotel-img img { border:4px solid #fee275; }
.lista-hotel .lista-hotel-txt { width:450px; float:left; }
.lista-hotel .lista-hotel-txt h2 { font-size:15px; }
.lista-hotel .lista-hotel-txt h3 { font-size:13px; padding-bottom:5px !important; }
.lista-hotel .lista-hotel-txt strong { color:#2A2E77; }  
.lista-hotel .lista-hotel-txt a { color:#2A2E77; background:url(../img/bg_a.gif) no-repeat center left; padding:0 0 0 20px; }
.lista-hotel .lista-hotel-txt a:hover { text-decoration:none; } 

/* ---------------------------------------------------------------------- idiomas */
.idiomas ul {list-style:none; text-align:center; padding:10px 0; }
.idiomas ul li { display:inline; padding:0 10px; border-right:1px solid #2a2e77; }

.idiomas ul li a { font-size:11px; color:#2a2e77; }
.idiomas ul li a.active { font-weight:bold; text-decoration:none; cursor:default }
.idiomas ul li#de { border-right:0px;}

/* ---------------------------------------------------------------------- menu */
.menu { width:560px; padding:60px 0 0 0; float:left;}
.menu ul { list-style:none; text-align:right; }
.menu ul li { display:inline; font-size:16px; color:#333}
.menu ul li a { font-size:16px; color:#333; text-decoration:none; font-weight:bold; padding:4px 13px}
.menu ul li a:hover, .menu ul li a.active { color:#2a2e77; }
.menu ul li#menu1 a.active {background:url(../img/bg_menu1.gif) no-repeat;}
.menu ul li#menu2 a.active {background:url(../img/bg_menu2.gif) no-repeat;}
.menu ul li#menu3 a.active {background:url(../img/bg_menu3.gif) no-repeat;}
.menu ul li#menu4 a.active {background:url(../img/bg_menu4.gif) no-repeat;}

/* ---------------------------------------------------------------------- migas */
#breadcrumbs { text-align:right; font-weight:bold; font-size:11px; border-bottom:1px dotted #3440C6; border-top:3px solid #3440C6;  padding:5px 0; }
#breadcrumbs a { color:#2a2e77; font-weight:normal; font-size:11px;}


/* ---------------------------------------------------------------------- banners */
.banner-ofertas { width:210px; float:right;  }
.banner-ofertas h2 { font-size:18px; color:#333;  padding:0 0 5px 0; text-align:center; }
.banner-ofertas .sup { background:url(../img/bg_ofertas_sup.gif) no-repeat; height:15px;}
.banner-ofertas .cen { padding:0 15px; background:#cbc8d0; }
.banner-ofertas .inf { background:url(../img/bg_ofertas_inf.gif) no-repeat; height:15px; }


.banner-hoteles { width:670px; height:125px; background:#FEE275 url(../img/bg_hoteles.gif) no-repeat; margin:20px 0; padding:15px 0 15px 10px;}
.banner-hoteles .hotel { margin:0 10px 0 0; *margin:0 8px 0 0; float:left; text-align:center; background:#FFF; font-size:11px; color:#333; /*width:200px;*/ width:157px; height:125px;}


.banner-experience { margin:0 0 10px 0; }
.banner-experience .sup { background:url(../img/bg_banner_sup.jpg) no-repeat; height:14px; }
.banner-experience .cen { background:url(../img/bg_banner_cen.jpg) repeat-y; padding:0 0 0 12px; }
.banner-experience .inf { background:url(../img/bg_banner_inf.jpg) no-repeat; height:23px; }
.banner-experience .cen ul { list-style:none; }
.banner-experience .cen ul li.sep { margin:5px 0; }

.contentcolumn .anuncio-destacados { margin:0 0 10px 0; }
.contentcolumn .anuncio-destacados h4 {color:#ffc90c; font-size:12px ; font-weight:bold; clear:both; margin-bottom:4px}
.contentcolumn .anuncio-destacados .img { width:58px; float:left; }
.contentcolumn .anuncio-destacados .txt {width:165px;}
.contentcolumn .anuncio-destacados .txt a {color:#000; text-decoration:none; font-size:11px}
.contentcolumn .anuncio-destacados .sup { background:url(../img/bg_bannerb_sup.jpg) no-repeat; height:14px;}
.contentcolumn .anuncio-destacados .cen {padding:0 15px 10px 15px; *margin-top:-1px; background:#FFF url(../img/bg_bannerb_cen.jpg) repeat-y; clear:both}
.contentcolumn .anuncio-destacados .inf { background:url(../img/bg_bannerb_inf.jpg) no-repeat; height:15px; }

.contentcolumn .anuncio-destacados-video { margin:0 0 10px 0; }
.contentcolumn .anuncio-destacados-video h4 {color:#ffc90c; font-size:12px ; font-weight:bold; clear:both; margin-bottom:4px}
.contentcolumn .anuncio-destacados-video .img { width:58px; float:left; }
.contentcolumn .anuncio-destacados-video .txt {width:165px;}
.contentcolumn .anuncio-destacados-video .txt a {color:#000; text-decoration:none; font-size:11px}
.contentcolumn .anuncio-destacados-video .sup { background:url(../img/bg_bannerb_sup.jpg) no-repeat; height:14px;}
.contentcolumn .anuncio-destacados-video .cen {padding:0 11px 10px 11px; *margin-top:-1px; background:#FFF url(../img/bg_bannerb_cen.jpg) repeat-y; clear:both}
.contentcolumn .anuncio-destacados-video .inf { background:url(../img/bg_bannerb_inf.jpg) no-repeat; height:15px; }


/* ---------------------------------------------------------------------- newsletter */
.newsletter { margin:0 0 10px 0; }
.newsletter h2 { font-size:18px; color:#2a2e77; padding:0 0 5px 0; }
.newsletter .sup { background:url(../img/bg_news_sup.jpg) no-repeat; height:14px; }
.newsletter .cen { background:url(../img/bg_news_cen.jpg) repeat-y; padding:0 0 0 12px; *margin-top:-1px}
.newsletter .inf { background:url(../img/bg_news_inf.jpg) no-repeat; height:23px; }
.newsletter input { font-size:11px; width:165px; color:#2a2e77; background:#eaeaea; border:1px solid #2a2e77; }
.newsletter input#email { background:#eaeaea !important; }
.newsletter button { font-size:11px; font-weight:bold; color:#2a2e77; background:#FFF; border:1px solid #2a2e77; }

/* ---------------------------------------------------------------------- informacion */
.informacion { margin:0 0 10px 0; }
.informacion .sup { background:url(../img/bg_news_sup.jpg) no-repeat; height:14px; }
.informacion .cen { background:url(../img/bg_news_cen.jpg) repeat-y; padding:0 0 0 12px; *margin-top:-1px }
.informacion .inf { background:url(../img/bg_news_inf.jpg) no-repeat; height:23px; }

.informacion .tel { background:url(../img/ico_movil.gif) no-repeat; height:20px; padding:3px 0 0 33px; }
.informacion .fax { background:url(../img/ico_fax.gif) no-repeat; height:20px; padding:3px 0 0 33px;}
.informacion .mail { background:url(../img/ico_mail.gif) no-repeat; height:20px; padding:3px 0 0 33px;}
.informacion .mail a { color:#333; text-decoration:underline; }
.informacion .mail a:hover { color:#2A2E77; }


/* ---------------------------------------------------------------------- reservas */
	/*.reservas { margin:0 0 10px 0; }
	.reservas h2 { font-size:18px; color:#2a2e77; padding:0 0 5px 0; }
	.reservas .sup { background:url(../img/bg_be_sup.jpg) no-repeat; height:14px; }
	.reservas .cen { background:url(../img/bg_be_cen.jpg) repeat-y; padding:0 0 0 12px; *margin-top:-1px}
	.reservas .inf { background:url(../img/bg_be_inf.jpg) no-repeat; height:23px; }
	
	
	#reservas { width:225px; }
	#reservas .enviar { padding:5px 0; text-align:right; }
	#reservas .enviar a { color:#FFF; float:right; text-decoration:none;  width:95px; height:17px; padding:3px 0 0 0; text-align:center; display:block; background:url(../img/bt_enviar.gif) no-repeat; }
	#reservas .cancelar { border-top:1px dotted #333; margin:5px 0 0 0;  }
	#reservas .cancelar a { font-size:10px; color:#333; }
	
	#reservas #paxrooms { border:1px solid #0692b3; padding:2px; margin:3px 0; width:223px !important }
	#reservas #paxrooms .fieldRoom{ padding:10px 5px 3px 5px; margin:0 0 5px 0;}
	#reservas #paxrooms .fieldRoom legend { width:211px; color:#333 }
	#reservas #paxrooms .fieldRoom select { margin:0 3px; }
	#reservas #paxrooms .fieldRoom .divChilds {margin-top:3px; width:130px}
	 
	#reservas img { float:right; margin:0 65px 0 0; *margin:-22px 65px 0 0; }
	
	#reservas .sep { padding:3px 0 2px 0; }
	#reservas .sel1 {width:225px;}
	#reservas select { font-size:13px; }
	
	#reservas .sel3 {width:92px}
	#reservas .mes {width:92px}
	
	#reservas .childRoom { margin:1px 5px !important}
	#reservas .paxrooms { border:1px solid #f00}
	#reservas .divChilds select { width:10px; font-size:11px; margin:0 2px }
	#reservas .divChilds label { font-size:11px } */

.reservas { margin:0 0 10px 0; }
.reservas h2 { font-size:18px; color:#2a2e77; padding:0 0 5px 0; }
.reservas .sup { background:url(../img/bg_be_sup.jpg) no-repeat; height:14px; }
.reservas .cen { background:url(../img/bg_be_cen.jpg) repeat-y; padding:0 0 0 12px; *margin-top:-1px}
.reservas .inf { background:url(../img/bg_be_inf.jpg) no-repeat; height:23px; }

#reservas img { float:right; margin:0 65px 0 0; *margin:-22px 65px 0 0; }

#reservas .sep { padding:3px 0 2px 0; }
#reservas .sel1 {width:225px;}
#reservas select { font-size:13px; }

#reservas .sel3 {width:92px}
#reservas .mes {width:92px}

#reservas { width:225px; }
#reservas .enviar { padding:5px 0; text-align:right; }
#reservas .enviar a { color:#FFF; float:right; text-decoration:none;  width:95px; height:17px; padding:3px 0 0 0; text-align:center; display:block; background:url(../img/bt_enviar.gif) no-repeat; }
#reservas .cancelar { border-top:1px dotted #333; margin:5px 0 0 0;  }
#reservas .cancelar a { font-size:10px; color:#333; }

#reservas #paxrooms { border:1px solid #0692b3; padding:5px; margin:3px 0; width:217px !important }
#reservas .fieldRoom { border-top:1px solid #0692b3; margin-bottom:5px; width:200px;  }
#reservas .fieldRoom legend { color:#000 }
#reservas .fieldRoom label { width:90px; margin:3px 0; padding:0px; display:block; float:left; } 
#reservas .fieldRoom select { float:left; margin:3px 30px 3px 0; width:50px }

#reservas .divChilds label { width:90px; margin:3px 0; padding:0px; display:block; float:left; } 
#reservas .divChilds select { float:left; margin:3px 30px 3px 0; width:50px }


.pie-BE {font-size:10px; margin:10px 0}


/* ---------------------------------------------------------------------- pie */
.footer { width:100%; height:88px; background:url(../img/bg_fin.jpg) no-repeat top center; font-size:11px; }
.footer-cont { width:990px; padding:45px 0 0 0; margin:0px auto;  color:#333; }
.footer-copy { width:280px; float:left; }
.footer-menu { width:400px; float:left; text-align:right; }
.footer-menu ul { list-style:none; }
.footer-menu ul li { display:inline; margin:0 0 0 12px; }
.footer-menu ul li a { text-decoration:none; color:#333; }
.footer-menu ul li a:hover { text-decoration:underline; }

/* ---------------------------------------------------------------------- varios */
.limp { clear:both; }
.no { display:none; }
.volver a { color:#000; text-decoration:none; font-weight:bold; background:url(../img/bt_volver.gif) no-repeat 3px left; padding-left:16px }



.pictures span {display:block; font-size:14px; margin-top:20px}
.pictures img { padding:5px; }


#mapdiv .hotelname {
    color: #000;
    font-size: 12px;	
	/*background:url(../img/maps_bahiaplaya.jpg) no-repeat bottom right;
	display:block;
	width:190px !important;
	height:60px;*/
}
#mapdiv .address {
    color: #000;
    font-size: 11px;
	text-decoration:none;
}

.noscroll { overflow:hidden }

.sep-experience { width:100%; height:2px; border-bottom:1px dotted #3440C6; margin:10px 0 5px 0 }