body {font: 11px Arial, Helvetica, sans-serif; color: #000000; background: #9C9D9F; margin: 0; }
#contbase {position: relative; margin:0; padding:0; background: #B6B6B6;}
#base {position: relative; margin:0 auto; padding:0; width:770px; background: #FFFFFF;}
#rellenoMoz { /* base relativa de relleno para que Mozilla sepa colocar bien el cuerpo */ height:1px;}
#menu {position: absolute; top: 30px; left: 165px; margin:0; padding:0; width:605px;}
#menulist { padding: 0; margin: 0; }
#menulist li { display: inline; }
#menulist li a, #menactivo { padding: 1px 6px; background-color: #828386; color: #FFFFFF; text-decoration: none; float: right; border-right: 1px solid #BFBFBF;}
#menulist li a:hover {background-color: #333333; color: #FFFFFF;}
#menactivo { background-color: #000000; }
#idiom { position: absolute; top: 8px; left: 620px; margin:0; padding:0 4px 0 0;}
#idiomlist { padding: 0; margin: 0; width: 100%; }
#idiomlist li { display: inline; }
#idiomlist li a { padding: 1px 4px; text-decoration: none; float: left; color: #000000; font-size: 10px; }
#idiomlist li a:hover {background-color: #999999; color: #FFFFFF;}
#idiomactual { padding: 1px 4px; float: left; color: #000000; font-size: 10px; background: #E4E6E7;}
#idiomsep { float: left; }
#cabfot { position: absolute; top: 46px; left: 28px; z-index: 5;}
#cab01 { position: absolute; top: 0px; left: 0px; z-index: 7; }
#cab02 { position: absolute; top: 204px; left: 28px; z-index: 7; }
#cab03 { position: absolute; top: 172px; left: 451px; z-index: 7; }
#cab04 { position: absolute; top: 46px; left: 507px; z-index: 7; }
#cabbabu { position: absolute; top: 4px; left: 35px; z-index: 7; }
h1 {position: absolute; top: 209px; right: 25px; z-index: 9; color: #DCDDDE;  font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}
#cuerpo { position: relative; width: 770px; margin-top: 227px; background: #E6E7E8 url("../i/cabcuerpo.png") no-repeat left top;}
#cuerpo:after {  /* forzar fondo en Mozilla */ content:"\A0"; display:block; clear:both; height:0;}
#contIz { float:left; width: 210px; padding: 70px 15px 20px 28px; }
#contIz p { text-align:justify;}
#contDe { float: right; width: 495px; padding-right: 0px; margin-top: 40px; margin-right: 15px; margin-bottom: 45px; border: 1px solid #FFFFFF;}
#marcfotppin { width: 495px; height: 317px; }
#contpie {position: relative; margin:0 auto; padding:0; width:770px; height: 90px; background: url("../i/contpiefon.png") no-repeat right top; color: #E5E6E7; font-weight: bold;}
#contpie img {float: left; margin-top: 15px; border: none;}
#logcasonas {margin-left: 10px;}
#contpie a {}
address {float: left; padding: 35px 0 0 15px;}
address a {text-decoration: none; color: #E5E6E7;}
address a:hover {text-decoration: underline; color: #333333;}
.aumenta {font-size: 1.1em;}

/*FormulariosReservas*/
form#reservas {position:relative; height:425px;}
form#reservas legend {color: black; font-weight: bold; font-size: 1.1em; }
form#reservas input{background: #FFFAF0; font-size: 11px; text-align: center;}
form#reservas textarea{font-size: 11px; background: #FFFAF0;}
.formFecha{ position:absolute; top:10px; width:150px; height:184px; padding : 4px; margin: 0px; background: #d1d1d1; border: 1px solid #483F35;}
#formFini { left:0px; }
#formFfin { left:180px; }
#finidd, #finimm, #ffindd, #ffinmm{ width: 18px; color: #535300; font-weight: bold;}
#finiyyyy, #ffinyyyy{ width: 29px; color: #535300; font-weight: bold;}
.bloqueFecha {position:relative;}
.inputFecha{ position:absolute; left:25px; top:131px;}
.labdd {position:absolute; left:4px; top:2px;}
.labmm {position:absolute; left:36px; top:2px;}
.labyyyy {position:absolute; left:74px; top:2px;}
#forOtros { position:absolute; left:352px; top:50px; width:128px; height:110px; }
#forOtros div {margin-top: 16px; margin-left: 32px;}
#forComent { position:absolute; left:1px; top:210px; width:337px; height:110px;}
#forContact { position:absolute; left:1px; top:325px; width:339px; height:100px;}
#forContact fieldset {padding: 8px; margin: 0px; border: 1px solid #483F35;}
#forContact div {margin-top: 8px; margin-bottom: 14px;}
#clinom,#cliemail,#clitel {position:absolute; left: 75px;}
#forBoton{ background: url(../i/fonboton.png) no-repeat; position:absolute; left:378px; top:355px; width:125px; height:97px;}
#Enviar {margin-left: 40px; margin-top: 37px;}
/*FormulariosReservas*/

/*Calen*/
table.calen {width:150px; margin:auto; padding:0px; cursor:default; text-align:center; font:10px Arial, Helvetica, sans-serif; table-layout:fixed;}
table.calen a, table.calen a:visited { color: #291E18; text-decoration: none; display: block; font-weight: bold;}
table.calen a:hover {background: #C44E15; color: #FFFFFF;text-decoration: none; font-weight: bold;}
table.calenDias { width: 150px; margin: auto; padding: 0px; cursor: default; text-align: center; font:10px Arial, Helvetica, sans-serif; table-layout:fixed;}
td.diaSi, td.diaSiOld { padding:0px; background:#FFF8EA; border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; border-bottom:1px solid #A9A9A9; border-right:1px solid #A9A9A9;}
td.diaSiOld { background:#DCDCDC; color:Gray;}
td.diaNo { padding:0px; background:#DCDCDC;}
.evDA { padding:0px; background:#FFFFFF; border: 1px solid #6c1b00;}
div.sab {color:#5E4600;}
div.dom {color:#5E4600;}
div.evDAsolo {width:100%; cursor:help;}
td.cabMes { background:#6F6F6F; color: #FFFFFF; text-align:center; font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;}
td.cabMes a, td.cabMes a:visited { background: #333333; color: #FFFFFF; text-decoration: none; display: block; font-weight: bold;}
td.cabMes a:hover {background: #C44E15; color: #FFFFFF; text-decoration: none; font-weight: bold;}
/*Calen*/

/*Reservas*/
#marcores { height: 477px; margin: 40px 16px 30px 5px;  padding-left: 30px; background: url("../g/fonfotres.jpg") no-repeat right top;}
/*Reservas*/
#respuesta { width: 450px; margin: 60px 16px 10px 5px; padding: 15px; border: 1px solid #CCCCCC; overflow: auto; } 


/*Entorno*/
#contIzEnt { float:left; width: 238px; padding: 70px 15px 20px 28px;}
#contIzEnt p { text-align:justify;}
#contDeEnt { float: right; width: 481px; padding-right: 0px; margin-top: 40px;}
#marcfotEnt { width: 460px; height: 394px; margin-top: 20px; margin-bottom: 30px; border: 1px solid #FFFFFF; background: #EDEEEF url("../i/fonfotpp.png") no-repeat left top;}
#marcfotEntin { width: 430px; height: 330px; margin-top: 16px; margin-left: 15px; border: 1px solid #FFFFFF;}
table#distans {}
#distans td, #distans th { border-bottom: 1px solid #999999;}
.tit { background: #F3F3F3; }
.dat { background: #DBDCDF; }
/*Entorno*/

p#ultim {margin-bottom:0; padding-bottom:0;}

/*Restaurante*/
#contIzRes { float:left; width: 210px; padding: 70px 15px 20px 28px;}
#contIzRes p { text-align:justify;}
#contIzRes ul { margin-top: 0;}
#contDeRes { float: right; width: 495px; height: 384px; margin-top: 45px; margin-right: 15px; margin-bottom: 45px; border: 1px solid #FFFFFF; background: #FFFFFF;}
#contDeRes img { margin-top: 28px;}
/*Restaurante*/

/*Hotel*/
h2 {font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#contIzHo { float:left; width: 205px; padding: 70px 15px 20px 28px;}
#contIzHo p { text-align:justify;}
#contDeHo { float: right; width: 495px; height: 510px; margin-top: 45px; margin-right: 15px; margin-bottom: 45px; background: #4B4B4B; border: 1px solid #000000;}
#galeFot { width: 495px; height: 317px; }
#galeTit { width: 491px; height: 26px; margin-top: 2px; margin-left: 2px; background: #2C2C2C;}
#fottxt { float:left; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 6px 10px 0px 15px;}
#ultraminis { float:left; }
#ultraminis img { margin-top: 2px; margin-left: 3px; border: 1px solid #AAAAAA;}
#ultractual {border: 1px solid #FFFFFF !important;}
#galeMins { position: relative; width: 495px; height: 161px; margin-top: 2px; background: #4B4B4B url(../i/fotmenuhab.jpg);}
#h1 { position: absolute; display: block; width: 28px; height: 68px; top: 47px; left: 448px; }
#h2 { position: absolute; display: block; width: 42px; height: 46px; top: 69px; left: 400px; }
#h3 { position: absolute; display: block; width: 56px; height: 46px; top: 69px; left: 340px; }
#h4 { position: absolute; display: block; width: 78px; height: 48px; top: 65px; left: 209px; }
#h5 { position: absolute; display: block; width: 42px; height: 55px; top: 9px; left: 400px; }
#h6 { position: absolute; display: block; width: 78px; height: 48px; top: 9px; left: 174px; }
#h7 { position: absolute; display: block; width: 56px; height: 55px; top: 9px; left: 340px; }
#galeMins img {border: none; }
#galeMins a {border: 2px solid transparent; text-decoration: none; }
#galeMins a:hover {border: 2px solid #FF3300;}
/*Hotel*/

/*Actividades*/
#contIzAct { float:left; width: 225px; padding: 70px 15px 20px 28px;}
#contIzAct p { text-align:justify;}
#contIzAct ul { margin-top: 0;}
#contDeAct { float: right; width: 480px; height: 460px; margin-top: 53px; margin-right: 15px; margin-bottom: 45px; border: 1px solid #FFFFFF; background: #FFFFFF url("../i/fonfotrestau.png") no-repeat right bottom;}
#contDeAct img { margin-top: 28px;}
/*Actividades*/

/*Mapa*/
#contIzMap { float:left; width: 210px; padding: 70px 15px 20px 28px; }
#contIzMap p { text-align:justify;}
#contIzMap ul { margin-top: 0;}
#contDeMap { float: right; width: 495px; height: 363px; margin-top: 45px; margin-right: 15px; margin-bottom: 45px;}
/*Mapa*/

/*Tarifas*/
#contIzTar { float:left; width: 381px; padding: 70px 15px 20px 28px; }
#contIzTar p { text-align:justify;}
#contDeTar { float: right; width: 324px; height: 524px; margin-top: 55px; margin-right: 15px; margin-bottom: 45px; }
#titofertas {width: 324px; height: 16px; margin: 0; padding: 0; background: #D6D7D8; text-align: right; }
#marcofertas {background: url("../g/tar-fotfon.jpg") no-repeat right bottom; }
#marcofertascont {width: 304px; height: 488px; padding: 10px;  overflow: auto;}
#notaprecios { margin-top: 8px; padding: 3px; background: #FFFFFF;}
#eventos { margin-top: 8px; padding: 3px; background: #D6D7D8; border: 1px solid #FFFFFF;}
table#precios { width: 100%;}
#precios td, #precios th { border-bottom: 1px solid #999999;}
.tit { background: #F3F3F3; padding: 2px 10px 2px 8px; }
.dat { background: #DBDCDF; text-align: right; padding: 2px 2px 2px 2px;}
.ultimah {background: #fffbd9; border: 2px dotted #dc143c; padding: 4px; margin-bottom: 5px;}
.ofernorm {border: 2px dotted #666666; padding: 4px; margin-bottom: 5px;}
/*Tarifas*/

#msgultimahora { position: absolute; top: 80px; left: 575px; z-index: 9; background: #F3F3F3; border: 1px solid #999999; padding: 3px;}




.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;} 
