body, html{min-height: 100%; height: auto !important; height: 100%; background:#fff; margin:0px;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size: 1em; color: #333;}

/* Common */
fieldset{border :none;}
hr{width :100%; height :1px; background :transparent; border :none; border-bottom :1px solid #443;}



/* Menu */
#menu{width :930px; height :50px; display :block; float :none; clear :both; overflow :hidden;font-size :1em; text-transform :uppercase; font-weight :bold; color :#443; margin :0px auto}
#menu a{height :44px; display :block; float :left; clear :none; overflow :hidden; text-align :center; text-decoration :none; color :#443; line-height :44px; font-size :0.75em; background :#fff;}
#menu a#m_home{width :102px;}
#menu a#m_ubicacion{width :122px;}
#menu a#m_alojamiento{width :182px;}
#menu a#m_restaurante{width :118px;}
#menu a#m_galeria{width :120px;}
#menu a#m_reservas{width :153px;}
#menu a#m_contacto{width :131px;}
#menu a#m_home:hover{background :url(../img/menu_home.jpg) no-repeat; color :#fff;}
#menu a#m_ubicacion:hover{background :url(../img/menu_ubicacion.jpg) no-repeat; color :#fff;}
#menu a#m_alojamiento:hover{background :url(../img/menu_alojamiento.jpg) no-repeat; color :#fff;}
#menu a#m_restaurante:hover{background :url(../img/menu_restaurante.jpg) no-repeat; color :#fff;}
#menu a#m_galeria:hover{background :url(../img/menu_galeria.jpg) no-repeat; color :#fff;}
#menu a#m_reservas:hover{background :url(../img/menu_reservas.jpg) no-repeat; color :#fff;}
#menu a#m_contacto:hover{background :url(../img/menu_contacto.jpg) no-repeat; color :#fff;}


/* columnas */
#columna,#columna-home{width :238px; height :auto; float :left; clear :none; background :#465627 url(../img/columna_home_bg.gif) repeat-y; color :#fff; padding :0; margin :10px; overflow :hidden;}
#columna{width :238px; height :auto; float :left; clear :none; background :#465627 url(../img/columna_home_bg.gif) repeat-y; color :#fff; padding :0; margin :10px; margin-left :0}
#columna h5,#columna-home h5{width :218px; height :auto; display :block; float :none; clear :both; background :url(../img/columna_home_top.gif) top left no-repeat; padding :10px 10px 0 10px; margin :0; font-size :0.8em;}
#columna h5{background :url(../img/columna_top.gif) top left no-repeat;}
#columna h6,#columna-home h6{width :218px; height :9px; display :block; float :none; clear :both; background :url(../img/columna_home_bottom.gif) bottom left no-repeat; font-size :0em; padding :0px 10px; margin :0; text-indent :-9999px;}

fieldset.reservations{border :none; padding :10px; width :218px; height :auto; font-size :0.7em;}
fieldset.reservations label{width :auto; display :block; float :none; clear :both; margin-top :8px}
fieldset.reservations select{font-size :0.8em; width :100px; float :left; clear :none; margin-right :5px}
fieldset.reservations label.short,fieldset.reservations select.shorts{width :48px; display :block; float :left; clear :none;margin-right :5px}
fieldset.reservations input#check, #reserveForm fieldset input#check{width :72px; display :block; float :right; clear :both; height :18px; background :url(../img/check_button.jpg) no-repeat; text-align :center; color :#fff; font-weight :bold; border :none; margin :10px 10px 0 0;}

/* contenido */
#content{width :645px; display :block; float :left; clear :none; padding :10px 10px 10px 10px; overflow :hidden; font-size :0.8em; height :auto; overflow :hidden;}
#content h1{width :645px; height :40px; line-height :40px; background :url(../img/h1.jpg) no-repeat; color :#fff; text-indent :10px; font-size :1.3em; margin:0;margin-bottom :10px; padding :0;}
#content p{	padding-left :10px; line-height :1.4em}



/* footer */
#footer,#footer-home{width :900px; height :105px; display :block; float :none; clear :both; margin :0px auto; font-size :0.9em; color :#443; text-align :center; padding :0; margin-bottom :0; padding-bottom :20px}
#footer{color :#522E0A; border-top :8px solid #522E0A; width :100%}
#footer a, #footer p,#footer-home a, #footer-home p{display :inline; padding :4px 8px; text-align :center; text-decoration :none;font-size :0.8em; line-height :1.8em; color :inherit}
#footer p,#footer-home p{color :#333; padding-top :8px; }
#footer a,#footer-home a{text-decoration :none; color :inherit; color :#443; text-transform :capitalize;}
#footer a{color :#333;}
#footer-home a:hover{font-weight :bold;}
#footer-home #poweredby{text-transform :none; float :right; position :absolute; z-index :2; left :800px}
#footer-home #copyright{text-transform :none; float :right; position :absolute; z-index :3; left :5px}

#footer #poweredby{text-transform :none; float :right; position :absolute; z-index :2; left :85%}
#footer #copyright{text-transform :none; float :left; position :absolute; z-index :3; left :5%}
/* Fin common */

/* Home Page */
#home{background :url(../img/html_background.jpg) fixed top no-repeat !important; width :100%; height :auto; display :block; float: left; clear :both; text-align :center;}
#central{width:955px; clear:none; display:block; float:none; margin:0 auto; position :relative; padding :0}
#page{width :935px; height :auto; float :none; clear :none; display :block; background :#fff; border :4px solid #fff; text-align :left; overflow :hidden; margin-top :10px}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:930px; margin:0px auto; display:none; height :620px; overflow :hidden;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:930px; height:620px; padding:0px; border:0px solid #ccc; background:#fff; overflow :hidden;}
#information {position:absolute; top:78px; width:930px; height:100px; background:#fff; color:#443; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}

#logo{position:absolute; top:20px; width:930px; height:150px; background:url(../img/home_logo.png) 0 0 no-repeat; color:#443; overflow:hidden; z-index:201;}

#langs{position:absolute; top:78px; width:95px; height:99px; background:url(../img/lang_block.png) no-repeat; color:#fff; overflow:hidden; z-index:202; left :890px; overflow :hidden; padding-top :20px}
#langs:hover{left :840px;}
#langs a{font-size :0.5em; text-transform :uppercase; color :#fff; text-decoration :none; text-align :left; text-indent :30px; margin-left :15px; height :30px; line-height :30px; display :block; float :none;}
#langs a.es{background :url(../img/flag_es.png) left no-repeat;}
#langs a.en{background :url(../img/flag_en.png) left no-repeat;}

#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:930px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150; display :none; text-indent: -9999px}
#imgprev {left:0; background:url(../img/left.gif) 0 200px no-repeat}
#imgnext {right:0; background:url(../img/right.gif) right 200px no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../img/link.gif) center center no-repeat}
#thumbnails {display:none;}
#slideleft {float:left; width:20px; height:81px; background:url(../img/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../img/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#sub_bg{position:absolute; top:265px; width:200px; height:355px; background:url(../img/sub_bg.png) no-repeat; color:#443; overflow:hidden; z-index:201; left :730px;opacity:.6; filter:alpha(opacity=60); }
#sub{position:absolute; top:285px; width:198px; height:330px; background: transparent; color:#443; overflow:hidden; z-index:202; left :731px}
#sub a{width :180px; height :100px; display :block; float :none; clear :both; margin :5px auto; border :3px solid #443; text-align: center; position :relative; text-decoration :none;}
#sub a img{border :none;opacity:.8; filter:alpha(opacity=80); }
#sub a.nofx,#sub a.nofx img{border :none;opacity:1; filter:alpha(opacity=100);}


#sub a span{width :180px; height :24px; display :block; text-align :center; position :absolute; left :0; top :70px; line-height :24px; color :#330; font-weight :bold; background :url(../img/sub_span.png); font-size :0.8em;}
#sub a:hover span{background :#fff;}
#sub a:hover img{opacity:1; filter:alpha(opacity=100); }

/* Fin Home Page */

/* Inner pages */
#header{width :100%; height :165px; overflow :hidden; display :block; float :none; clear :both; background :url(../img/top_bg.jpg) bottom repeat-x; margin-top :10px}
#top{width :955px; height :165px; display :block; float :none; clear :both; margin :0px auto; position :relative;}
#top a#innerlogo{	width :417px; height :165px; display :block; float :none; clear :both; text-decoration :none; border :none; background :url(../img/inner_logo.jpg) no-repeat; text-indent :-9999px;}
#top #innerlangs{	width :65px; height :24px; display :block; position :absolute; left :855px; top :71px; z-index :2; padding :11px 12px 8px 23px; background :url(../img/inner_langs.jpg) no-repeat;}
#top #innerlangs a.es,#top #innerlangs .en{width :24px; height :24px; display :block; float :left; clear :none; margin-right :8px; text-decoration :none; text-indent :-9999px; background :url(../img/flag_es.png) no-repeat;}
#top #innerlangs .en{background :url(../img/flag_en.png) no-repeat;}

#tophead{width :955px; height :100px; display :block; float :none; clear :both; overflow :hidden; margin-top :10px}


#inner{width :955px; height :auto; float :none; clear :none; display :block; background :#fff url(../img/inner.gif) no-repeat 0 10px; border :4px solid #fff; text-align :left; overflow :hidden; margin-top :20px}
#inner-content{width :645px; display :block; float :left; clear :none; padding :10px 10px 10px 20px; overflow :hidden; font-size :0.8em; height :auto; overflow :hidden;}
#inner-content h1{width :645px; height :40px; line-height :40px; background :url(../img/h1_inner.jpg) no-repeat; color :#fff; text-indent :10px; font-size :1.3em; margin:0;margin-bottom :10px; padding :0; margin-top :10px}
#inner-content p{	padding-left :10px; line-height :1.4em}

#inner-sub{width:238px; height:auto; background: transparent; color:#443; overflow:hidden; }
#inner-sub a{width :180px; height :100px; display :block; float :none; clear :both; margin :8px auto; border :5px solid #fff; text-align: center; position :relative; text-decoration :none;}
#inner-sub a img{border :none;opacity:.8; filter:alpha(opacity=80); }
#inner-sub a span{width :180px; height :24px; display :block; text-align :center; position :absolute; left :0; top :70px; line-height :24px; color :#330; font-weight :bold; background :url(../img/sub_span.png); font-size :0.8em;}
#inner-sub a:hover span{background :#fff;}
#inner-sub a:hover img{opacity:1; filter:alpha(opacity=100); }
#inner-sub hr{width :238px; height :1px; border :none; background :transparent; border-bottom :1px solid #fff; margin :15px 0;}

#gallery{width :650px; height :auto; display :block; float :none; clear :both; overflow :hidden; padding :0; list-style :none;}
#gallery li{width :200px; height :200px; display :block; float :left; clear :none; padding :5px; text-align :center; overflow :hidden; margin :2px; background :#fff; border :1px solid #ddd}
#gallery a{width :200px; height :auto; display :block; float :none; clear :both; text-align :center; overflow :hidden; text-decoration :none; color :#666;}
#gallery a.thumb{width :180px; height :150px; display :block; float :none; clear :both; text-align :center; overflow :hidden; text-decoration :none;}
#gallery a.thumb img{}

ul#contentItems{width :645px; height :auto; float :none; clear :both; display :block; overflow :hidden; list-style :none; padding :0;}
ul#contentItems li{ display :block; float :left; clear :both; width :645px; height :auto; padding :5px 0px; margin :5px 0px; border-bottom :1px solid #ddd;}
ul#contentItems li a img{border :6px solid #fff; margin :0px 6px}
ul#contentItems li a.booknow{	width :100px;  height :30px; padding :7px; background :url(../img/booknow.jpg) no-repeat; text-align :center; color :#fff; text-decoration :none; display :block; float :none; clear :both; line-height :30px; font-size :1em; font-weight :bold;}
ul#contentItems li a.booknow:hover{color :#fc3}
ul#contentItems li ul li,ul#contentItems li div{margin :5px 0px 5px 10px; }


/* fin inner pages */
div#myBox h1{width :450px; overflow :hidden;}
div#myBox h1{width :440px; height :80px; background :url(../img/maplogo.gif) no-repeat; text-indent :-9999px; }
div#myBox #bodyContent{width :440px; margin-bottom :20px}
div#myBox #bodyContent a{ display :inline; color :#666; text-align :center; padding :5px;}
div#myBox #bodyContent a:hover{color :#000;}
#mapfoot{width :100%; height :20px; border-top :8px solid #522E0A; color :#333; text-decoration :none; padding-top :10px;}
#mapfoot a, #mapfoot p{text-decoration :none; color :#666; padding :5px;}
#mapfoot a:hover{color :#000;}

#reserveForm fieldset{border :none; margin :20px; border-bottom :1px solid #ece9d8; padding-bottom :10px}
#reserveForm fieldset legend{font-size :1.2em; font-weight :bold; color :#443; display :block; margin-bottom :10px;}
#reserveForm fieldset label{width :110px; display :block; float :left; clear :none; height :20px; margin-bottom :10px; line-height :20px}
#reserveForm fieldset label.nowidth{width :auto; margin-right :10px}
#reserveForm fieldset input,#reserveForm fieldset select,#reserveForm fieldset textarea{width :410px; display :block; float :left; clear :none;  margin-bottom :10px; height :18px; margin-bottom :12px; }
#reserveForm fieldset input{height :16px; margin-bottom :14px;background :url(../img/input.gif) no-repeat; border: none; padding :8px}
#reserveForm fieldset textarea{height :90px;background :url(../img/area.gif) no-repeat; border: none; padding :10px; font-family: Arial, Helvetica, sans-serif; font-size :0.9em;}
#reserveForm fieldset select.shorts{width :50px; margin-right :30px}
#reserveForm fieldset select.mids{width :100px;margin-right :20px}
#reserveForm fieldset input#check{ padding :0 0 0 0}