body, html{
margin:0px;
padding:0px;
width:100%;
min-height: 100%;
}

body{
background-color:#f3f3f3;
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:21px;
color:#082847;
font-weight:200;
}

a{text-decoration:none; color:#082847;}
a:hover{text-decoration:none; outline:none;}
a:focus, object:focus {text-decoration:none; outline:none;}

img, p{border:0px; margin:0px; padding:0px;}

img{display:block;}

form{margin:0px; padding:0px; display:block;}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}

h1, h2, h3, h4, h5, h6{
display:inline;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#002e5b;
font-weight:normal;
line-height:normal;
}

h1{
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:32px;
color:#082847;
font-weight:200;
display:block;
text-align:left;
padding-bottom:16px;
}

h2{
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:32px;
color:#082847;
font-weight:200;
display:block;
text-align:left;
}

h3, .h3{
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:32px;
color:#082847;
font-weight:200;
display:block;
text-align:left;
padding-bottom:10px;
padding-top:16px;
text-transform:uppercase;
}

h3 img, .h3 img{
display:inline;
vertical-align:super;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#082847;
font-weight:bold;
display:block;
height:33px;
overflow:hidden;
width:auto;
_witdh:0px;
line-height:24px;
padding-bottom:10px;
padding-top:16px;
float:left;
}

h4 strong, h4 em{
width:auto;
_witdh:0px;
white-space:nowrap;
float:left;
}

h4 span{
color:#FFFFFF;
width:36px;
height:33px;
display:block;
text-align:center;
background-image:url(../img/bgKm.gif);
background-repeat:no-repeat;
background-position:center center;
float:left;
margin:0px 8px;
letter-spacing:-1px;
}

h4 em{
font-size:12px;
font-style:normal;
}

.bx-caption{
margin:0px;
padding:0px;
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:24px;
color:#ffffff;
font-weight:200;
display:block;
height:31px;
line-height:31px;
position:absolute;
left:0px;
bottom:0px;
z-index:98;
text-indent:30px;
background-image:url(../img/bgSlider.png);
background-repeat:no-repeat;
background-position:left top;
width:100%;
}


#web{
background-color:#FFFFFF;
width:990px;
margin:0px auto;
position:relative;
}

#menu{
height:54px;
position:relative;
overflow:hidden;
background-color:#FFFFFF;
}

#menu ul{
display:block;
padding-left:12px;
}

#menu ul li{
display:block;
float:left;
padding:0px 8px;
}

#menu ul li a{
font-family:'Oswald', "Trebuchet MS", Arial;
font-size:18px;
color:#812e22;
display:block;
padding-top:19px;
}

#menu ul li a:hover{
color:#3a2021;
}

#menu ul li a.sel{
color:#3a2021;
background-image:url(../img/bgMenu.gif);
background-repeat:no-repeat;
background-position:center top;
}

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

/*Style 'show menu' label button and hide it by default*/
.show-menu {
display: none;
height:46px;
background-image:url(../img/bgMenuMobileSel.gif);
background-repeat:no-repeat;
background-position:5px top;
background-color:#FFFFFF;
}

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

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

#langs{
display:block;
position:absolute;
right:62px;
top:0px;
height:22px;
font-family:'Oswald', "Trebuchet MS", Arial;
font-size:12px;
white-space:nowrap;
}

#langs a{
font-family:'Oswald', "Trebuchet MS", Arial;
font-size:12px;
color:#3d3d3d;
text-transform:uppercase;
padding:2px 5px;
display:block;
float:left;
margin-left:2px;
}

#langs a:hover, #langs a.sel{
color:#FFFFFF;
background-color:#3d3d3d;
}

#head{
height:284px;
overflow:hidden;
}

#logo{
width:422px;
height:284px;
float:left;
background-image:url(../img/hotelbertran.jpg);
background-repeat:no-repeat;
background-position:left top;
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:25px;
color:#ffffff;
font-weight:200;
}

#logo a{
color:#ffffff;
}

#logo strong{
font-size:30px;
font-weight:200;
display:block;
padding-top:60px;
padding-left:25px;
line-height:29px;
}

#logo span{
font-size:25px;
}

#logo em{
display:block;
font-style:normal;
text-align:right;
padding-right:20px;
padding-top:50px;
}

#slideShow{
width:567px;
height:284px;
overflow:hidden;
float:right;
position:relative;
}

#slider{
width:567px;
height:284px;
overflow:hidden;
}

#slider li{ 
width:567px;
height:284px;
overflow:hidden; 
}

#prevBtn, #nextBtn{
display:block;
width:52px;
height:60px;
position:absolute;
top:50%;
margin-top:-30px;
z-index:98;
}

#prevBtn{
left:0px;
}

#nextBtn{
right:0px;
}

											
#prevBtn a, #nextBtn a{
display:block;
position:relative;
width:52px;
height:60px;
background:url(../img/prev.png) no-repeat 0 0;
_background:url(../img/prev.gif) no-repeat 0 0;
text-decoration:none;
color:#FFFFFF;
outline:none;
}	

#nextBtn a{
background:url(../img/next.png) no-repeat 0 0;
_background:url(../img/next.gif) no-repeat 0 0;
}

#prevBtn a:hover, #nextBtn a:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}

a.submenu{
background-image:url(../img/bgSubmenuRight.gif);
background-repeat:no-repeat;
background-position:right top;
display: block;
float:left;
height:32px;
overflow:hidden;
padding-right:16px; /* sliding doors padding */
margin-right:8px;
}

a.submenu span{
background-image:url(../img/bgSubmenuLeft.gif);
background-repeat:no-repeat;
background-position:left top;
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:16px;
color:#FFFFFF;
display: block;
line-height:32px;
padding:0px 0px 0px 16px;
} 

a.submenu:hover, a.submenuSel{
background-position:right -32px;
}

a.submenu:hover span, a.submenuSel span{
color:#2e2929;
background-position:left -32px;
}

#searchBox{
background-image:url(../img/bgSearchAll.jpg);
background-repeat:no-repeat;
background-position:left top;
background-color:#f4c506;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
position:relative;
}

.searchBoxDates{
float:left;
width:344px;
}

.searchBoxTables{
float:left;
padding-top:14px;
position:relative;
}

#searchBox form{
display:block;
background-image:url(../img/bgSearchAllBottom.jpg);
background-repeat:no-repeat;
background-position:left bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#082847;
padding-top:18px;
padding-left:83px;
padding-bottom:20px;
}

#searchBox .h1, #searchBox .h2, #searchBox .h3, #searchBox .h4, #searchBox .h5, #searchBox .h6{
display:inline;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#002e5b;
font-weight:normal;
line-height:normal;
font-style:normal;
text-transform:none;
}

#searchBox a{
text-decoration:none;
}

#searchBox .h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#222d34;
display:block;
}

#searchBox .h5{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#002e5b;
display:block;
text-align:center;
font-weight:bold;
}

#searchBox .h5 a{
color:#002e5b;
}

#searchBox .h6{
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
color:#082847;
display:block;
font-weight:normal;
margin-bottom:12px;
}

#searchBox table{
width:auto;
}

#searchBox table th, #searchBox table td{
margin:0px;
padding:0px;
padding-right:4px;
padding-left:4px;
white-space:nowrap;
text-align:left;
}

#searchBox table th{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#082847;
font-weight:bold;
padding-bottom:5px;
line-height:11px;
}

#searchBox table th em{
font-style:normal;
font-size:9px;
font-weight:normal;
}

#searchBox table td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#082847;
}

#searchBox table td strong{
padding-top:5px;
display:block;
color:#082847;
font-weight:bold;
}

#searchBox table th.available, #searchBox table td.available{
padding-top:3px;
display:none;
}

#searchBox table td.available a{
display:block;
width:14px;
height:14px;
background-image:url(../img/bgAvailable.gif);
background-repeat:no-repeat;
background-position:left top;
margin-right:1px;
cursor:default;
}

#searchBox table td.available a.na{
background-image:url(../img/bgNoAvailable.gif);
}

#searchBox table td.available span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
height:20px;
line-height:20px;
float:left;
}

#searchBox input.errorDate{
border:1px solid #9e2605;
}

#searchBox select option[disabled] {
background-color:#CCCCCC;
}

#searchBox .blR{
height:30px;
overflow:hidden;
}

.roomAvail{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#222d34;
display:none;
}

.roomAvail span{
display:block;
height:14px;
margin-bottom:4px;
padding-left:20px;
background-repeat:no-repeat;
background-position:left top;
float:left;
padding-right:12px;
}

.roomAvail .roomA{
background-image:url(../img/bgAvailable.gif);
}

.roomAvail .roomNoA{
background-image:url(../img/bgNoAvailable.gif);
}

#searchBox a.btSearch{
display:block;
width:85px;
height:24px;
font-weight:bold;
line-height:24px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
position:relative;
background-image:url(../img/bgButtonSearchAll.gif);
background-repeat:no-repeat;
background-position:left -24px;
position:absolute;
right:-94px;
bottom:8px;
}

#searchBox a.btSearch:hover{
background-position:left 0px;
}

#searchBox select{
border-top:1px solid #727272;
border-right:1px solid #b4b4b4;
border-bottom:1px solid #dadada;
border-left:1px solid #b4b4b4;
margin:0px;
padding:0px;
line-height:auto;
width:208px;
height:17px;
background-color:#fbf2cd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#222d34;
font-style:italic;
padding-left:3px;
padding-top:1px;
margin-right:4px;
margin-bottom:10px;
display:block;
float:left;
}

#searchBox .input{
border-top:1px solid #727272;
border-right:1px solid #b4b4b4;
border-bottom:1px solid #dadada;
border-left:1px solid #b4b4b4;
margin:0px;
padding:0px;
line-height:auto;
width:208px;
height:17px;
background-color:#fbf2cd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#222d34;
font-style:italic;
padding-left:3px;
padding-top:1px;
margin-right:4px;
margin-bottom:10px;
display:block;
float:left;
width:68px;
display:block;
float:left;
margin-bottom:15px;
color:#222d34;
}

#searchBox .select{
width:auto;
height:21px;
padding-left:0px;
margin-right:0px;
margin-bottom:7px;
}

#searchBox table .input{
margin:0px;
float:none;
display:inline-block;
}

img.ui-datepicker-trigger{
display:block;
float:left;
cursor:pointer;
margin-right:10px;
}

/*HOME*/

.itemBoxLeft{
float:left;
}

.itemBoxRight{
float:right;
}

.itemBoxLeft img, .itemBoxRight img{
width:100%;
}

.itemText{
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:21px;
color:#082847;
font-weight:200;
text-align:justify;
overflow:hidden;
padding:0em 1em 0em 1em;
line-height:23px;
}

.itemText strong{
font-weight:400;
}

/*PAGES*/
.pageInfo{
width:90%;
margin:0px auto;
padding-top:1.4em;
text-align:justify;
}

.pageInfo strong{
font-weight:400;
}

/*ROOMS*/
.rooms h3{
text-transform:none;
}

.slideShow{
width:490px;
height:320px;
overflow:hidden;
position:relative;
}

.sliderH{
width:490px;
height:320px;
overflow:hidden;
position:relative;
}

.slider li{ 
width:490px;
height:320px;
overflow:hidden; 
}

.slider li img{ 
height:320px;
}

.prevBtn, .nextBtn{
display:block;
width:52px;
height:60px;
position:absolute;
top:50%;
margin-top:-30px;
z-index:98;
}

.prevBtn{
left:0px;
}

.nextBtn{
right:0px;
}

											
.prevBtn a, .nextBtn a{
display:block;
position:relative;
width:52px;
height:60px;
background:url(../img/prev.png) no-repeat 0 0;
_background:url(../img/prev.gif) no-repeat 0 0;
text-decoration:none;
color:#FFFFFF;
outline:none;
}

.nextBtn a{
background:url(../img/next.png) no-repeat 0 0;
_background:url(../img/next.gif) no-repeat 0 0;
}

.prevBtn a:hover, .nextBtn a:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}

.itemTextRoom{
border-bottom:1px solid #c1cacc;
}

.priceRoom{
display:block;
float:left;
width:auto;
_width:0px;
white-space:nowrap;
height:49px;
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#FFFFFF;
font-weight:bold;
background-repeat:no-repeat;
background-position:right top;
line-height:49px;
}

.pax1{
width:125px;
background-image:url(../img/bgPax1.gif);
text-indent:58px;
}

.pax2{
width:143px;
background-image:url(../img/bgPax2.gif);
text-indent:70px;
}

.pax3{
width:161px;
background-image:url(../img/bgPax3.gif);
text-indent:90px;
}

.pax4{
width:176px;
background-image:url(../img/bgPax4.gif);
text-indent:105px;
}

.pax5, .pax6, .paxFam{
width:192px;
background-image:url(../img/bgPaxFam.gif);
text-indent:118px;
}

a.btBookRoom{
display:block;
width:99px;
height:29px;
font-weight:bold;
line-height:29px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#FFFFFF;
background-image:url(../img/bgButtonBookRoom.gif);
background-repeat:no-repeat;
background-position:left top;
float:left;
margin-left:28px;
margin-top:10px;
}

a.btBookRoom:hover{
background-position:left -29px;
}

.pageInfo{
width:90%;
margin:0px auto;
padding-top:1.4em;
text-align:justify;
}

/*ENTORN*/
.itemEnv{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#082847;
line-height:16px;
padding:0em 1.6em 0em 1.6em;
}

.itemEnvRight h4{
float:right;
}

.itemEnv a:hover{
text-decoration:underline;
}

a.envArrive{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#082847;
display:block;
width:auto;
_width:0px;
white-space:nowrap;
height:39px;
line-height:57px;
padding-right:137px;
background-image:url(../img/bgArrive.gif);
background-repeat:no-repeat;
background-position:right top;
float:left;
margin-top:10px;
}


.submenu{
text-align:center;
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:32px;
color:#082847;
}

.submenu a{
font-family:'Yanone Kaffeesatz', "Trebuchet MS", Arial;
font-size:32px;
color:#082847;
}

.submenu a:hover, .submenu a.sel{
text-decoration:underline;
}

/*FOTOS*/
.itemPhoto{
width:245px;
height:158px;
display:block;
float:left;
margin:0px;
padding:0px;
border:1px solid #FFFFFF;
overflow:hidden;
}

.imgV img{
margin-top:-70px;
}

a.itemPhoto:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}


/*FORMS*/
.mapContact{
width:580px;
float:left;
}

.mapContact a.mapEnlarge{
display:block;
height:20px;
line-height:20px;
padding-left:28px;
background-image:url(../img/bgMapEnlarge.gif);
background-repeat:no-repeat;
background-position:left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#404040;
margin:10px;
text-decoration:none;
float:right;
}

.map2{
width:586px;
height:381px;
clear:both;
background-image:url(../img/bgContactSituation.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:7px;
}

#gmap2{
width:572px;
height:367px;
margin-left:7px;
}

.formContact{
width:580px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#2e2929;
text-align:left;
}

.formContact form{
font-size:12px;
line-height:12px;
line-height:normal;
}

.formContact .input{
border-top:1px solid #727272;
border-right:1px solid #b4b4b4;
border-bottom:1px solid #dadada;
border-left:1px solid #b4b4b4;
margin:0px;
padding:0px;
line-height:auto;
width:208px;
height:17px;
background-color:#fbf2cd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#222d34;
font-style:italic;
padding-left:3px;
padding-top:1px;
margin-right:5px;
margin-bottom:10px;
display:block;
float:left;
}

.formContact .input{
background-color:#FFFFFF;
color:#999999;
width:280px;
}

.formContact #captcha.input{
width:145px;
}


.alertsT{
width:233px;
float:right;
}

.lopdText, .locationText{
width:200px;
padding:16px;
background-color:#e1e1e5;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#404040;
line-height:13px;
}

.locationText{
margin-top:5px;
font-size:13px;
text-align:left;
line-height:15px;
}

.locationText strong{
font-weight:bold;
}

.locationText a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#404040;
text-decoration:none;
}

.locationText a:hover{
text-decoration:underline;
}

.lopdText strong{
font-size:13px;
display:block;
padding-bottom:12px;
font-weight:bold;
text-transform:capitalize;
}

.formContact label{
display:block;
height:16px;
line-height:16px;
margin:8px 0px;
}

.formContact em{
font-style:normal;
text-decoration:underline;
}

.formContact img{
display:block;
float:left;
margin-right:10px;
}

a.button{
background-image:url(../img/bgButtonRight.gif);
background-repeat:no-repeat;
background-position:right top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#505050;
display: block;
float:right;
height:22px;
overflow:hidden;
padding-right: 14px; /* sliding doors padding */
margin-left:12px;
}

a.button span{
background-image:url(../img/bgButtonLeft.gif);
background-repeat:no-repeat;
background-position:left top;
display: block;
line-height:22px;
padding:0px 0px 0px 14px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#505050;
} 

a.button:hover span{
color:#010101;
}

#formSending, #formOk{
text-align:center;
padding:60px 0px;
font-size:15px;
font-weight:bold;
display:none;
}

.formContact .errorForm{
border:1px dashed #ff0791;
}

#foot{
padding:30px 0px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6b6464;
line-height:15px;
}

#foot img{
display:inline;
}

#foot a{
color:#6b6464;
}


/*COOKIES*/
#cookies{
width:100%;
background-color:#000000;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
position:fixed;
left:0px;
bottom:0px;
z-index:999;
}

#cookies div{
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
padding:10px 0px;
position:relative;
}

#cookies a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4a9bea;
text-decoration:underline;
}

#cookies a.xx{
display:block;
position:absolute;
top:50%;
right:12px;
width:10px;
height:10px;
margin-top:-5px;
background-image:url(../img/cookiesClose.gif);
background-repeat:no-repeat;
background-position:left top;
text-decoration:none;
}

.input{
margin:0px;
padding:0px;
width:220px;
height:20px;
border-top:1px solid #727272;
border-bottom:1px solid #dadada;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a9a9a9;
font-style:italic;
background-image:url(../img/bgInput.gif);
background-repeat:repeat-x;
background-position:left top;
padding-left:5px;
line-height:20px;
display:block;
margin-right:10px;
margin-bottom:10px;
float:left;
}

.textarea{
margin:0px;
padding:0px;
width:568px;
height:120px;
border-top:1px solid #727272;
border-bottom:1px solid #dadada;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a9a9a9;
font-style:italic;
background-image:url(../img/bgInput.gif);
background-repeat:repeat-x;
background-position:left top;
padding-left:5px;
line-height:20px;
display:block;
clear:both;
}

.error{
border:1px solid #CC0000;
}

.clear{
height:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:2px;
margin:0px;
padding:0px;
overflow:hidden;
display:block;
clear:both;
}