﻿html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{/*font-size:100%;*/font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body {background:url(/images/bodybg.jpg) repeat-x #00457C; font: 12px/1.3em Arial, Helvetica, sans-serif;}

#container {margin:0 auto; width:883px; overflow:hidden; display:block}
#header { height:108px; background:url(/images/headertext.png) no-repeat 554px 37px; position:relative}
#headeren { height:108px; background:url(/images/en/headertext.png) no-repeat 554px 37px; position:relative}
.logo {position:absolute;top:20px}

#languagemenu {position:absolute; left:795px; top:6px; width:115px; color:#CCCCCC;}
#languagemenu a {color:#fff; font-size:11px;}

#menu {background:url(/images/bgmenu.jpg); height:42px  }
#content { background:#ffffff; display:block;width:883px; overflow:hidden; float:left}

#homebanners { background:#f4f4f4; clear:both; padding:20px 0px 0 0px ; overflow:hidden; display:block; height:auto; height:170px}
#homebanners a {float:left; margin:0 0 0 20px;}
#homebanners a.firstbanner {margin:0 5px 0 0px;  margin-left:15px}
.reservasonline { float:left; position:relative; width:120px; clear:none; /*padding-left:15px;*/}

*html #homebanners { background:#f4f4f4; clear:both; padding:10px 0px 0 0px ; overflow:hidden; }
*html #homebanners a {float:left; display:block}
*html #homebanners a.firstbanner {margin:0 0 0 0px;  margin-left:10px}

.homemodule {width:205px; height:auto; float:left; padding:16px 0 18px 15px; color:#858585; font-size:11px; margin-bottom:30px; }
.homemodule p {width:170px}
*html #leftcolumn{margin:170px 0 0 7px}

ul  {margin:10px 0 15px 0px; }
ul li {margin:0 0 0 14px; background:url(/images/bullet.gif) no-repeat top left;  padding-left:15px; vertical-align: top;color:#333; font-size:12px; line-height:1.5em; }
ul li a {color:#858585; font-size:12px;text-decoration:none;  }
ul li a:visited {text-decoration:none }
ul li a:hover {text-decoration:underline }
ul li a:active {text-decoration:underline }

ul.home  {margin:10px 0 0 0px; }
ul.home  li {margin:0 0 0 10px; background:url(/images/bullet.gif) no-repeat top left;margin-top:0px;padding-left:13px; vertical-align: top;color:#858585; font-size:11px }
ul.home  li a {color:#00457C; font-size:11px;text-decoration:none;  }
ul.home  li a:visited {text-decoration:none }
ul.home  li a:hover {text-decoration:underline }
ul.home  li a:active {text-decoration:underline }

/* FOOTER */
#footer{background:url(/images/footerbg.gif)  bottom no-repeat #001F37; height:244px; color:#999;font-size:11px;clear:both; position:relative}
#footertext {color:#999;font-size:11px;padding:0 0 0 15px; position:relative}
.luxe {top:205px; position:absolute; left:650px}
#footertext a {color:#f0f0f0; font-size:11px; }
#footer h2{ background:#001628; color:#fff; padding:8px 0 8px 10px}
ul.footer li{background:url(/images/bulletblue.gif) no-repeat top left; width:90px; font-size:11px;}  /* 55px */
#footer ul li a {color:#999999; text-decoration:none; font-size:11px;}
#footer ul li a:visited {color:#999999; text-decoration:none; font-size:11px;}
#footer ul li a:hover, a:active {color:#ffffff; text-decoration:none; font-size:11px;}

#footer h3{color:#fff; font-size:11px; font-weight:bold}
#footer h3 a {color:#fff;text-decoration:none; margin-top:3px;}
#footer h3 a:hover {text-decoration:underline }
#sitemap { width:677px; float:left; padding:0 0 0 3px }
#bulletin {width:203px; float:left;}	
#bulletin p{width:150px; margin:10px 0 0 10px ; }	
.footermodule{float:left; width:145px;  margin:10px 13px 0 0 }
.itSignature {position:absolute; left:734px; top:-10px}
*html .itSignature {position:absolute; left:728px; top:-10px}

/* CONTENT ITEMS */
.ban50anios { width:445px; height:32px; clear:both; padding:15px 0 0 0; margin:16px auto; background:url(/images/title-50anios.gif) no-repeat; }
.ban50aniosen { width:615px; height:32px; clear:both; padding:15px 0 0 0; margin:16px auto; background:url(/images/en/title-50anios.gif) no-repeat; }
.politicas { padding:10px 15px; background-color:#f0f0f0; font-size:11px; margin:20px 0 20px 0; color:#999999;}
.politicas li {font-size:11px; color:#999999;}
.blockquote {	font:#306396 16px Georgia, "Times New Roman", Times, serif; margin:10px 0;}
.contentimage { float:left; margin:0 20px 8px 0;}
.promoscafepalace { float:left; width:220px; margin:0 0 20px 0;}

/* MODUL CLIMA */
#weatherWidget{
	border:1px dashed red;
}
#weatherWidget *{
	margin:0;padding:0;
	border:0;
	line-height:normal;
}


.weather { font-size:11px; margin:0;padding:0;height:200px; overflow:hidden;  }
.weather table { color:#333333;  padding:0; margin:0; border:none; }
.weather td { padding:0; margin:0; border:none;   }
.weather img { padding:0; margin:0; border:none;   }
.weather th { padding:0; margin:0;  font-family: Arial, Helvetica, sans-serif;	 border:none; }
.weather th { padding:0; margin:0;  font-family: Arial, Helvetica, sans-serif;	 border:none; }


/* MENU */
.accessMenu ul{ list-style: none; margin:0}
.accessMenu ul li{ display: inline; margin: 0 0px 0 0px;float: left;  position:relative; background:none  }
.accessMenu a{ height: 127px; display: block; float: left; text-indent: -100em;   position:relative; margin:0 8px 0 0}
*html .accessMenu ul li{padding:0 5px 0 0 }

/* MENU ESPAÑOL */
.accessMenu .inicio{ background: url('/images/menu/inicio.jpg') no-repeat 0 -37px;  width: 55px;  height:37px; overflow:hidden; margin:0 0 0 0}
.accessMenu .hotelpalace{ background: url('/images/menu/hotelpalace.jpg') no-repeat 0 -37px;  width: 81px;  height:37px;}
.accessMenu .servicioscoporativos{ background: url('/images/menu/servicioscorporativos.jpg') no-repeat 0 -37px;  width: 142px;  height:37px; }
.accessMenu .serviciosturistas{ background: url('/images/menu/serviciosparaturistas.jpg') no-repeat  0 -37px;  width: 145px;  height:37px; }
.accessMenu .eventosybanquetes{ background: url('/images/menu/eventosybanquetes.jpg') no-repeat 0 -37px;  width: 127px;  height:37px; }
.accessMenu .cafepalace{ background: url('/images/menu/cafepalace.jpg') no-repeat  0 -37px;  width: 74px; height:37px; }
.accessMenu .contacto{ background: url('/images/menu/contacto.jpg') no-repeat  0 -37px;  width: 67px;  height:37px; margin:0 0 0 0}
.accessMenu a.here, .accessMenu a:hover{ background-position:0 0;}

/* MENU INGLES */
.accessMenu .inicioen{ background: url('/images/menu/en/inicio.jpg') no-repeat 0 -37px;  width: 55px;  height:37px; overflow:hidden; margin:0 0 0 0}
.accessMenu .hotelpalaceen{ background: url('/images/menu/en/hotelpalace.jpg') no-repeat 0 -37px;  width: 93px;  height:37px;}
.accessMenu .servicioscoporativosen{ background: url('/images/menu/en/servicioscorporativos.jpg') no-repeat 0 -37px;  width: 133px;  height:37px; }
.accessMenu .serviciosturistasen{ background: url('/images/menu/en/serviciosparaturistas.jpg') no-repeat  0 -37px;  width: 108px;  height:37px; }
.accessMenu .eventosybanquetesen{ background: url('/images/menu/en/eventosybanquetes.jpg') no-repeat 0 -37px;  width: 137px;  height:37px; }
.accessMenu .cafepalaceen{ background: url('/images/menu/en/cafepalace.jpg') no-repeat  0 -37px;  width: 86px; height:37px; }
.accessMenu .contactoen{ background: url('/images/menu/en/contacto.jpg') no-repeat  0 -37px;  width: 81px;  height:37px; margin:0 0 0 0}

#contenttext {margin:12px 0 25px 30px; font-size:13px; float:left; display:block; width:617px}
#pageimage {width:648px; float:left;margin:0 30px 0 0;}
#pageimagepalace {width:100%; float:none;margin:0 0 0 0; clear:both}
#rightcol {width:198px; float:left; margin:-10px 0 0 0}
#lefcol {width:204px; background: url('/images/bgcafe.jpg') repeat-x; border-right:1px solid #999; margin:-3px 0 0 0; padding:21px 0 0 30px; min-height:200px; float:left; }
#contenttextpalace {float:left; padding:21px 0 0 30px; width:590px;margin:-3px 0 0 0;}

#colscontainer {float:left; width:674px; padding:0 0 10px 0}
*html #colscontainer {float:left; width:630px; }
*html #rightcol {width:198px; float:right; overflow:hidden; margin:-10px 0 0 0}
#rightcol ul { list-style:none }
#rightcol ul li{ background:none; margin:0; padding:0}
#rightcol ul li a{ color:#00457C; font-size:13px ; font-weight:bold; clear:both; border-bottom:2px solid #ccc;padding:10px 40px 10px 5px; width:220px; display:block;width:200px}
#rightcol ul li a:visited{ text-decoration:none}
#rightcol ul li a.here{background:#f0f0f0; text-decoration:none}
#rightcol ul li a:hover{background:#f0f0f0; text-decoration:none}
#rightcol ul li a:active{background:#f0f0f0; text-decoration:none}
#rightcol ul li a.here{background:#f0f0f0; text-decoration:none}
#rightcol .banner { padding:8px 0 11px 0; }

#rightcol ul.submenu { list-style:none; margin:0 0 0 0px }
#rightcol ul.submenu li{ background:none; margin:0; width:210px; padding:0}
#rightcol ul.submenu li a{ color:#6A92B2; font-size:13px ; font-weight:normal; clear:both; border-bottom:2px solid #ccc;padding:10px 0 10px 20px;  display:block; width:210px}
#rightcol ul.submenu li a:visited{ color:#6A92B2; font-size:13px ; font-weight:normal; clear:both; border-bottom:2px solid #ccc;padding:10px 0 10px 20px;  display:block; }
#rightcol ul.submenu li a:hover{background:#f0f0f0 url(/images/bulletmenu.gif) no-repeat 7px center; text-decoration:none}
#rightcol ul.submenu li a.here{background:#f0f0f0 url(/images/bulletmenu.gif) no-repeat 7px center; text-decoration:none}
*html #contenttext {margin:30px 3px 20px 10px; font-size:13px; float:left; display:block}
.habmodule {float:left; width:300px; margin:0 5px 20px 0;}

/* TEXT AND LINKS */
h1{font-size:26px; color:#000; margin:7px 0 15px 0;}
h2 {color:#333333; font-size:22px; margin:7px 0 14px 0;}
h3 {color:#00457C; font-size:18px; margin:5px 0 13px 0; }
.smalltext { font-size:11px; color:#666666;}

a:link {	color: #00457C;	text-decoration: none; font-size:12px;}
a:visited {	color: #0061B0;	text-decoration: none;font-size:12px;}
a:hover {	color: #333333;	text-decoration: underline;font-size:12px;}
a:active {	color: #000000;	text-decoration: underline;font-size:12px;}

/* TABLES */
table { font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif;  border-color: #ffffff;    border-width: 0 0 1px 1px;   border-style: solid; margin:12px 0; }
td { padding:4px; border-color:#ffffff;    border-width: 1px 1px 0 0;    border-style: solid;    margin: 0; }
th { padding:4px;	border-color:#ffffff;    border-width: 1px 1px 0 0;    border-style: solid;    margin: 0;background-color: #AAB9D4;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #333333;}
.altrow { background-color:#f0f0f0; }

/* FORMS */
.form{ margin: 15px 5px 0 0px; font-size: 13px; color: #333333;overflow:hidden;}
.form input{margin-bottom: 5px; display: block; padding: 4px;border: solid 1px #ccc; width: 232px; background-color: #f0f0f0;float:left;}
.form input[type="hidden"]{ display: none; }
.form input[type="text"], .form textarea{ margin-bottom: 5px; display: block; padding: 4px;border: solid 1px #ccc; width: 232px; background-color: #f0f0f0;float:left; }
.form input[type="radio"]{border:none!important;}
.form input[type="checkbox"]{border:none!important;}
.form textarea{ font-family: Arial, Helvetica, sans-serif;width: 232px!important;  font-size: 12px; border: 1px solid #C2D2E1!important;float:left!important; }
* html .form textarea{width:232px!important;}
.form input[type="password"]{ margin-bottom: 5px; display: block; padding: 4px; border: solid 1px #C2D2E1; width: 250px; background-color: #ffffff;float:left; }
.form input[type="file"]{ margin-bottom: 5px; display: block; padding: 4px; border: solid 1px #C2D2E1; width: 250px; background-color: #ffffff;float:left; }
.form .phone {	width:196px!important;}
.form select{ display: block; padding: 4px; border: solid 1px #C2D2E1; width: 242px; background-color: #ffffff;float:left;margin-bottom: 5px;  }
.form option{ padding: 0px 4px 0px 4px; }
.form select.year{ width: 60px; float: left; margin-right: 5px; }
.form select.month{ width: 100px; float: left; margin-right: 5px; }
.form select.day{ width: 50px; margin-right: 5px; }
.form label{ font-weight: bold; display: block; width: 220px; text-align: right; float: left; margin: 0 5px 0px 0; padding: 3px 15px 0 0; }
.form label.required{font-weight:bold; background: url(/common/images/icons/required_label.png) no-repeat right 7px;                     }
.form input[type="radio"]{ width: 20px; float: left; margin: 0; padding: 0; border:none;}
.form input[type="checkbox"]{ width: 20px; float: left; margin: 0; padding: 0;border:none!important; }
.form table {margin:0}
.form table tr td label { text-align:left; width:180px; padding:0; margin:0; font-weight:normal}
.form table tr td input[type="radio"] {margin:0 0 0 0; background:none; padding:0;}
.inputie input{width: 20px; float: left; margin: 0; padding: 0; border:none; background:none}
.btn {border:1px solid red}
.form br{ clear: both!important;  }
.form .errorMessage, .errorMessage
{
	 color:#333333!important; font-size:11px; font-weight:bold; border:1px solid #FF9933; margin: 0 0 0 2px; padding: 2px 3px 2px 20px; width:100px;
	 background:#FFECD9 url(/images/exclamation.png) no-repeat 2px 2px; 
	 }
.wx_module_3252 { height:160px; overflow:hidden}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}





    #galeria ul  {margin:0; padding:0 }
    #galeria ul li {margin:0; background:none; margin:0;  padding:0 9px 0 0; line-height:normal; }



.jcarousel-skin-tango .jcarousel-container-horizontal {
  width:  590px;
  padding:10px 10px 10px 20px;


}



.jcarousel-skin-tango .jcarousel-clip-horizontal {

    width:  580px;
    height: 110px;
        padding: 14px 0px 14px 0px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 136px;
    height: 110px;
    cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 9px;
  
}




/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 0px;
    width: 19px;
    height: 20px;
    cursor: pointer;
    background: transparent url(/images/cnext.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
 /*   background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
 /*   background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
display:none;
visibility:hidden;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
   top: 65px;
    left: 0px;
    width: 19px;
    height: 20px;
    cursor: pointer;
    background: transparent url(/images/cprev.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
   /* background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
   /* background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
display:none;
visibility:hidden;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
    }