@charset "utf-8";
/* CSS Document */

body { background:#ebf1e5 url(../../imgs/grafs/shadow.png) no-repeat center fixed; text-align:center; font-size:10px; color:#999;	margin:0px; overflow:hidden; }
body,td,th { font-family: Verdana, Geneva, sans-serif; }

a:link { text-decoration: none; outline:none; }
a:visited { text-decoration: none; outline:none; }
a:hover { text-decoration: none; outline:none; }
a:active { text-decoration: none; outline:none; }

:focus { -moz-outline-style:none; }

a.chat { display:block; position:absolute; width:90px; padding-right:36px; height:32px; margin:-43px 0px 0px 590px; line-height:15px; color:#999; }
a.chat:hover { color:#DB5D43; }
a.on { background:url(../../imgs/grafs/chat-on.png) no-repeat right; }
a.off { background:url(../../imgs/grafs/chat-off.png) no-repeat right; }

#wrapper { height:100%; width:100%; }
#content { position:absolute; left:50%; top:50%; margin-left:-445px; margin-top:-300px; height:600px; width:890px; background:#FFF; }
#content #idioma { height:10px; width:880px; text-align:right; padding:5px 10px 0px 0px; }
#content #idioma a { color:#999; }
#content #idioma a:hover { color:#3a7bba; }
#content #title { height:80px; width:890px; }
#content #menu { height:30px; width:820px; background-position:65px; border-bottom: solid 1px #DADADA; padding:30px 35px 5px 35px; font-size:12px; }
#content #menu img { position:absolute; top:20px; left:75px; }
#content #menu ul.tabs { list-style:none; margin:0 !important; }
#content #menu ul.tabs li.child { padding:10px 0px 0px 20px; color:#DB5D43; }
#content #menu ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
#content #menu ul.tabs a { text-align:center; text-decoration:none; display:block; padding-top:10px; height:20px; width:60px; color:#999; }
#content #menu ul.tabs a:hover { color:#DB5D43; background:url(../../imgs/grafs/hover.png) top no-repeat; }
#content #menu ul.tabs a.inicio { margin-left:220px; width:50px; border:none; }
#content #menu ul.tabs a.habitaciones { width:90px; }
#content #menu ul.tabs a.servicios { width:70px; }
#content #menu ul.tabs a.ubicacion { width:75px; }
#content #menu ul.tabs a.contacto { width:70px;  }
#content #menu a.promo { position:absolute; text-align:center; text-decoration:none; margin:10px 0px 0px 705px; height:20px; width:75px; color:#999; }
#content #menu a.promo:hover { color:#DB5D43; }

#content #center { height:370px; width:890px; }
#content #center img.index { margin-top:5px; }
#content #center iframe { margin:-25px 0px 0px 10px; }

#content #center ul.thumbs { list-style:none; margin:0 !important; }
#content #center ul.thumbs li a img {  outline:none; }
#content #center ul.thumbs li { text-decoration:none; display:block; height:108px; width:186px; float:left;	text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
#content #center ul.thumbs li.img1 { position:absolute; padding-top:10px; padding-left:628px; z-index:10; }
#content #center ul.thumbs li.img2 { position:absolute; padding-top:128px; padding-left:628px; z-index:9; }
#content #center ul.thumbs li.img3 { position:absolute; padding-top:246px; padding-left:628px; z-index:8; }

#content form { text-align:left; margin:25px 0px 0px 65px; }
#content form textarea:focus { outline:solid 1px #DB5D43; }
#content form input:focus { outline:solid 1px #DB5D43; }
#content form img { position:absolute; margin: -10px 0px 0px 464px; }

#content #plus { position:absolute; margin:348px 0px 0px 670px; color:#DB5D43; font-size:12px; }

#mapa { margin:7px 0px 0px 0px; }

#textZone { float:left; height:85px; width:760px; text-align:justify; }
#textZone h1 { font-size:16px; color:#999; padding-top:0px; text-align:center; }
#textZone h1 strong { color:#DB5D43; font-size:18px; }
#textZone h1 a { color:#DB5D43; }
#textZone h1 a:hover { color:#333; }
#textZone.index { margin-left:35px; padding-top:15px; width:820px; }
#textZone.inicio { margin-left:65px; padding-top:20px;  }
#textZone.inicio b { color:#DB5D43; }
#textZone.habitaciones { margin-left:65px; margin-top:10px; width:760px; }
#textZone.habitaciones a { text-decoration:none; color:#069; }
#textZone.habitaciones a:hover { color:#3a7bba; }
#textZone.servicios { margin:20px 0px 0px 65px; width:760px; }
#textZone.servicios a { text-decoration:none; color:#069; }
#textZone.servicios a:hover { color:#3a7bba; }
#textZone.mazul { margin-left:35px; padding-top:20px; }
#textZone.mazul a { text-decoration:none; color:#069; }
#textZone.mazul a:hover { color:#3a7bba; } 
#textZone.llegar { margin:20px 0px 0px 70px; }

#bottom { position:absolute; left:50%; top:50%; margin-top:300px; margin-left:-445px; height:15px; width:880px; text-align:left; padding:5px 0px 0px 10px;}
#bottom a { text-decoration:none; color:#999; }
#bottom a:hover { color:#DB5D43; }

/* Admin */
#content #panel { margin-top:30px; padding-top:25px; width:700px; height:250px; background:#CCC; color:#666; }

/* TOOLS */
/* Panes */
div.panes div.pane { display:none; position:absolute; }

/* Scrollable */ 
/* Inicio */
.scrollable { /* required settings */ position:relative; overflow:hidden; width:195px; height:330px;  /* custom decorations */ margin-top:10px; margin-left:22px; }
.scrollable .items { width:186px; position:absolute; clear:both; }
.scrollable img { float:left; background-color:#fff; padding:2px; cursor:pointer; width:150px; height:103px; margin-bottom:10px; }
.scrollable { float:left; }

/* Habitaciones */
.scrollableB { /* required settings */ position:relative; overflow:hidden; width:195px; height:330px;  /* custom decorations */ margin-top:10px; margin-left:22px; }
.scrollableB .itemsB { width:191px; position:absolute; clear:both; }
.scrollableB img { float:left; background-color:#fff; padding:2px; cursor:pointer; width:150px; height:103px; margin-bottom:10px; }
.scrollableB { float:left; }

/* Servicios */
.scrollableC { /* required settings */ position:relative; overflow:hidden; width:195px; height:330px;  /* custom decorations */ margin-top:10px; margin-left:22px; }
.scrollableC .itemsC { width:191px; position:absolute; clear:both; }
.scrollableC img { float:left; background-color:#fff; padding:2px; cursor:pointer; width:150px; height:103px; margin-bottom:10px; }
.scrollableC img.hidden { display:none; }
.scrollableC { float:left; }

/* Scroll Buttons */
/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(../../imgs/grafs/hori_large.png) no-repeat; display:block; width:20px; height:20px; float:left; margin:3px 3px; cursor:pointer; font-size:1px; }
/* up and down */
a.up, a.down	{ background:url(../../imgs/grafs/vert_large.png) no-repeat; float:right; }
a.up			{ margin:6px 70px 0px 0px; }
/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }
/* down */
a.down 			{ background-position: 0 -30px; }
a.down:hover 	{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

a.disabled { visibility:hidden !important; } 	

/* Image Wrappers */
#image_wrap { float:left; width:575px; text-align:center; margin-left:70px; margin-top:10px; }
#imageB_wrap { float:left; width:575px; text-align:center; margin-left:70px; margin-top:10px; }
#imageC_wrap { float:left; width:575px; text-align:center; margin-left:70px; margin-top:10px; }

/* Promocion */
#promocion { display:none; text-align:left; height:100%; width:100%; font-size:12px; font-family: Verdana, Geneva, sans-serif; }

#promocion button { float:right; outline:none; border:none; background:none; font-size:14px; font-weight:bold; color:#FFF; }
#promocion button:hover { color:#C00; }
 
#promocion #center { width:530px; height:450px; position:absolute; left:50%; top:49%; margin-left:-360px; margin-top:-265px; padding:10px; background: url(../../imgs/grafs/promo_bg.png); }

#promocion #center img { float:left; margin:25px 10px 0px 10px; padding:10px; border:solid 1px #FFF; }

#promocion #center #text { float:left; width:285px; color:#FFF; font-size:16px; font-weight:bold; }

#promocion #center #text h2 { color:#fff; font-size:22px; margin:0px 0px 10px 0px; }

#promocion #center #text h3 { color:#fff; font-size:18px; width:285px; margin:10px 0px 10px 0px; }
#promocion #center #text h4 { color:#fff; font-size:40px; text-align:right; margin:0px 0px 10px 0px; width:285px; height:40px; }

#promocion form { float:left; text-align:left; color:#FFF; margin:10px 0px 0px 10px; }
#promocion form textarea:focus { outline:solid 1px #DB5D43; }
#promocion form input:focus { outline:solid 1px #DB5D43; }
#promocion h3 { float:left; color:#FFF; width:300px; margin:10px 0px 0px 10px; }