body {background:url(../images/bg-grunge_texture.jpg);}

.container{height:732px;}

.logo{position:absolute;float:left;z-index:10;margin:353px 0 0 392px;}

/* pictures index and sections */
.pictures {height:456px;}

.pictures .pictures_index_random{position:absolute;height:456px;width:990px;background:url(../images/bg_transition/img_index/pict_index_01.jpg) no-repeat;}
.pictures .pictures_rooms_random{position:absolute;height:456px;width:990px;background:url(../images/bg_transition/img_rooms/pict_room_04.jpg) no-repeat;}
.pictures .pictures_promo_random{position:absolute;height:456px;width:990px;background:url(../images/bg_transition/img_promo/pict_promo_02.jpg) no-repeat;}
.pictures .pictures_reservation_random{position:absolute;height:456px;width:990px;background:url(../images/bg_transition/img_reservations/pict_reservation_02.jpg) no-repeat;}
.pictures .pictures_service_random{position:absolute;height:456px;width:990px;background:url(../images/bg_transition/img_service/pict_service_01.jpg) no-repeat;}
.pictures .pictures_contact_random{position:absolute;height:456px;width:990px;background:url(../images/bg_transition/img_contact/pict_contact_03.jpg) no-repeat;}

/* fancy gallery */
.pictures #fancy-gallery{position:absolute;float:left;z-index:5;margin:0 0 0 920px;width:50px;background:url(../images/pennant2.png) no-repeat left top;text-align:center;font-family: 'BirchStdRegular';font-size:22px;text-decoration:none;padding:30px 0 13px 0;line-height:100%;color:#ffe680;}
.pictures #fancy-gallery:visited {color:#ffe680;}
.pictures #fancy-gallery:hover{background:url(../images/pennant2.png) no-repeat right top;color:#fff;}
.pictures .fancy-gallery-container {display:none;}

/* styles gallery */
#gallery {width:680px;height:480px;background:url(../images/bg-grunge_gallery.jpg) center center;padding:10px;}
#gallery h1{font-family: 'BirchStdRegular';font-size:50px;color: #6a1301;float:left;margin:0;padding:0;line-height:103%;}
#gallery hr {background:#6a1301;}
#gallery .gallery-photo {height: 263px;}

.pictures .slogan{position:absolute;float:left;z-index:5;margin:420px 0 0 620px;}
.pictures .welcome{position:absolute;float:left;z-index:5;margin:370px 0 0 20px;}
.pictures .btns-extra-info-index{position:absolute;float:left;z-index:6;margin:420px 0 0 20px;}
.pictures .btns-extra-info-index a{display:block;width:80px;height:20px;float: left;text-decoration: none;text-align: center;background:url(../images/bg-btn-extra-info-index.png) no-repeat left top;margin: 0 10px 0 0;color: #6a1301;}
.pictures .btns-extra-info-index a:hover{background:url(../images/bg-btn-extra-info-index.png) no-repeat left bottom;}

.pictures .btns-extra-info-index .container-text{display: none;}
#history-text{width:400px;height:500px;overflow:auto;padding: 10px;text-align: justify;background: url(../images/bg-grunge_gallery.jpg) center center;}
#history-text h1 {color: #6a1301;}
#liked-text{width:400px;height:500px;overflow:auto;padding: 10px;text-align: justify;background: url(../images/bg-grunge_gallery.jpg) center center;}
#liked-text h1 {color: #6a1301;}
#liked-text h3 {color: #2b1104;}
#liked-text a {color: #cc8239;}
#liked-text a:hover {color: #6a1301;}

/* info */
.container_info{position:absolute;height:325px;background:url(../images/bg-info.png);margin:15px 0 0 100px;padding: 10px;}

/* button changes suites */
#suiteControls{width: 790px;}
#suiteControls h2 {font-family: 'BirchStdRegular';font-size:33px;color:#fff;float:left;margin:0;padding:0;line-height:103%;}
#suiteControls span {float: right;position: relative;}
#suiteControls a, #suiteControls a:visited {color:#cc8239;text-decoration: none;margin-left:8px;width:120px;padding:0 0 9px 0;height:20px;display:block;background: url(../images/suite-prev-next.png) no-repeat;overflow: hidden;float: left;text-align: center;}
a#prevSuite, a#prevSuite:visited {background-position: 0 0;}
a#prevSuite:hover {background-position: 0 -29px;color: #764421;}
a#prevSuite.disabled {background-position: 0 -58px;cursor: default;color: #bfbfbf;}
a#nextSuite, a#nextSuite:visited {background-position: 100% 0;}
a#nextSuite:hover {background-position: 100% -29px;color: #764421;}
a#nextSuite.disabled {background-position: 100% -58px;cursor: default;color: #bfbfbf;}

#suiteContainer {margin: 0 auto;text-align: left;}
#suiteContainer ul{list-style: none;}
#suiteContainer li{color:#fff;display: block;padding-top: 12px;position: relative;z-index: 1;width: 790px;height: 263px;}
#suiteContainer li .container-date-suite{width: 490px;height: 263px;float: left;}
#suiteContainer li .container-date-suite h3{display: block;width: 490px;float: left;color: #fff;text-align: left;}
#suiteContainer li .container-date-suite h4{line-height: 100%;font-weight: bold;margin: 0 0 5px 0;color: #fff3c0;}
#suiteContainer li .container-date-suite p {line-height: 130%;margin: 0;}
#suiteContainer li .container-date-suite .suite-history {padding-right:20px;width: 175px;height: 226px;float: left;margin: 0 10px 0 0;overflow: auto;text-align: left;} 
#suiteContainer li .container-date-suite .suite-date {width: 276px;height: 226px;float: left;}
#suiteContainer li .container-date-suite .suite-date .general-date {font-size: .9em;}
#suiteContainer li .container-date-suite .suite-date .general-date p {line-height: 115%;color:#fff3c0;margin: 0 0 4px 0;padding: 0 0 0 20px;background: url(../images/arrow-text-suite.png)no-repeat 10px 4px;}
#suiteContainer li .container-date-suite .suite-date hr {margin: 8px 0 5px 0;}

#suiteContainer .suite-gallery {height: 263px;float: left;}

/* styles contact */
#title-section{width: 790px;}
#title-section h2 {font-family: 'BirchStdRegular';font-size:33px;color:#fff;float:left;margin:0;padding:0;line-height:103%;}
#date-contact-container {margin: 0 auto;text-align: left;}
#date-contact-container .date-contact{width: 490px;height: 263px;float: left;}
#date-contact-container .date-contact h4{line-height: 100%;font-weight: bold;margin: 0 0 5px 0;color: #fff3c0;}
#date-contact-container .date-contact p {line-height: 130%;margin: 0;color:#fff;}
#date-contact-container .date-contact .date-direction {display:block;padding-right:20px;width: 175px;height: 263px;float: left;margin: 0 10px 0 0;text-align: left;} 
#date-contact-container .date-contact .date-direction h3{display: block;width: 490px;float: left;color: #fff;text-align: left;line-height:100%;margin-bottom:3px;}
#date-contact-container .date-contact .date-direction hr{margin: 9px 0 9px 0;}
#date-contact-container .date-contact .date-direction .contact-text-extra {font-size: .9em;color:#fff3c0;}
#date-contact-container .date-contact .contact-form {width: 276px;height: 263px;float: left;}
#date-contact-container .date-contact .contact-form #form-emperador {width:300px;display: block;overflow: hidden;}
#date-contact-container .date-contact .contact-form #form-emperador label {font-size:1em;width: 70px;height: 10px;float: left;margin-right: 10px;padding-top:7px;text-align: right;margin-bottom: 7px;}
#date-contact-container .date-contact .contact-form #form-emperador input {font-size:1em;background:#fff;color:#6a1301;height: 14px;width: 180px;float: left;border:1px solid #e5a549}
#date-contact-container .date-contact .contact-form #form-emperador textarea {font-size:1.2em;width: 170px;background: #fff; height: 98px;float: left;color:#6a1301;border:1px solid #e5a549}                  
#date-contact-container .date-contact .contact-form #form-emperador .btn-send {margin-left:190px;padding:0 0 4px 0;width: 70px;height: 23px;background: #cc8239;font-size:1em;font-weight:bold;border: 0;float: left;color:#fff3c0;}     
#date-contact-container .date-contact .contact-form #form-emperador .btn-send:hover {background-color:#e5a549;color: #fff;}
#date-contact-container .googlemap {float: left;overflow:hidden;}



/* styles reservations */
#resevation-container {margin: 0 auto;text-align: left;}
#resevation-container .reservation-date {padding:0 20px;width: 220px;height: 263px;float: left;font-size: .95em;color:#fff3c0;text-align: justify;line-height: 115%;}
#resevation-container .reservation-date .container-conditions{display: none;}
#resevation-container .reservation-date #conditions {padding:6px;background: #945629;color:#fff;text-decoration: none;margin: 0 0 0 45px;}
#resevation-container .reservation-date #conditions:hover {background: #cc8239;}
#conditions-text {width:400px;height:500px;overflow:auto;padding: 10px;text-align: justify;background: url(../images/bg-grunge_gallery.jpg) center center;}
#conditions-text h1 {color: #6a1301;}
#conditions-text h3 {color: #2b1104;}
#resevation-container .container-reservation-form {width: 525px;height: 263px;float: right;}


#resevation-container .container-reservation-form .form-dates{width: 260px;height: 263px;float: left;margin:0 5px 0 0;}
#resevation-container .container-reservation-form .form-dates h3 {color: #fff3c0}
#resevation-container .container-reservation-form .form-datepiker{width: 260px;height: 263px;float: left;}

#resevation-container .container-reservation-form .form-dates #form-reservation01 {width: 260px;display: block;overflow: hidden;}
#resevation-container .container-reservation-form .form-dates #form-reservation01 label {color:#fff;font-size:1em;width: 70px;height: 10px;float: left;margin-right: 10px;padding-top:7px;text-align: right;margin-bottom: 7px;}
#resevation-container .container-reservation-form .form-dates #form-reservation01 input {font-size:1em;background:#fff;color:#6a1301;height: 14px;width: 160px;float: left;border:1px solid #e5a549}
#resevation-container .container-reservation-form .form-dates #form-reservation01 textarea {font-size:1.2em;width: 150px;background: #fff; height: 110px;float: left;color:#6a1301;border:1px solid #e5a549}                  

#resevation-container .container-reservation-form .form-datepiker #form-reservation02 {color:#fff;width: 260px;overflow: hidden;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 .calendar {display: block;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 p {width: 260px;overflow: hidden;margin: 0 0 11px 0;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 .calendar-icon {background: url(../images/calendar-icon.png) no-repeat 225px 0px;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 .find {width: 260px;text-align:left;margin:17px 0 10px 0;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 #find {width: 230px;margin:8px 0 14px 0;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 label {font-size:1em;width: 90px;height: 10px;float: left;margin:0 10px 0 0;padding-top:3px;text-align: right;line-height: 110%;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 input {font-size:1em;background:#fff;color:#6a1301;height: 14px;width: 120px;float: left;border:1px solid #e5a549;margin:0;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 textarea {font-size:1.2em;width: 130px;background: #fff; height: 90px;float: left;color:#6a1301;border:1px solid #e5a549;margin: 0;}
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 .btn-send {margin:0 0 0 140px;padding:0 0 4px 0;width: 100px;height: 30px;background: #945629;font-size:1.2em;font-weight:bold;border: 0;float: left;color:#fff3c0;}     
#resevation-container .container-reservation-form .form-datepiker #form-reservation02 .btn-send:hover {background-color:#cc8239;color: #fff;}


/* styles promotions */
#title-section span {float: right;position: relative;}
#title-section a, #title-section a:visited {color:#cc8239;text-decoration: none;margin-left:8px;width:180px;padding:0 0 9px 0;height:20px;display:block;background: url(../images/promo-prev-next.png) no-repeat;overflow: hidden;float: left;text-align: center;}
a#prevPromo, a#prevPromo:visited {background-position: 0 0;}
a#prevPromo:hover {background-position: 0 -29px;color: #764421;}
a#prevPromo.disabled {background-position: 0 -58px;cursor: default;color: #bfbfbf;}
a#nextPromo, a#nextPromo:visited {background-position: 100% 0;}
a#nextPromo:hover {background-position: 100% -29px;color: #764421;}
a#nextPromo.disabled {background-position: 100% -58px;cursor: default;color: #bfbfbf;}
#promoContainer {margin: 0 auto;text-align: left;}
#promoContainer ul{list-style: none;}
#promoContainer li{color:#fff;display: block;position: relative;z-index: 1;width: 790px;height: 273px;}
#promoContainer li .row-promo{width: 790px;height:131px;}
#promoContainer li  .promo-margin-bottom{margin-bottom:11px;}
#promoContainer li .row-promo .promo {width: 216px;height:101px;background:#fff;float:left;background:url(../images/bg-promo.png) no-repeat;color:#fff;text-align:center;line-height:100%;padding:20px;}
#promoContainer li .row-promo .promo-margin-right{margin-right:11px;}
#promoContainer li .row-promo .promo .pkg-title {font-size:1.2em;color:#fff3c0;margin:0;}
#promoContainer li .row-promo .promo .pkg-name {font-size:1.4em;color:#fff;margin:5px;}
#promoContainer li .row-promo .promo .pkg-prince {font-size:1.8em;color:#fff;margin:5px;}
#promoContainer li .row-promo .promo  a.pkg-link {font-size:1.1em;color:#fff3c0;margin:0;text-decoration:none;}
#promoContainer li .row-promo .promo  a.pkg-link:hover {color:#fff;text-decoration:underline;}

#container-promo-fancy{width:280px;height:480px;margin:0 auto;background:url(../images/bg-promo-fancy.png) no-repeat 0 10px;padding:10px;}
#container-promo-fancy #header-pkg{width:278px;height:85px;margin:0;}
#container-promo-fancy #header-pkg p{text-align:center;font-size:20px;margin:40px 0 0 0;color:#763C11;}
#container-promo-fancy #header-pkg h1{text-align:center;font-size:35px;font-family: 'BirchStdRegular';margin:0;line-height:100%;}
#container-promo-fancy #header-pkg .date-add{text-align:center;font-size:15px;margin:3px 0 0 0;color:#000;line-height:100%;}
#container-promo-fancy #price{width:280px;margin:5px auto;font-size:35px;text-align:center;color:#763C11;line-height:100%;font-weight:bold;}
#container-promo-fancy .texts, #container-promo-fancy .contact-form .texts{width:280px;margin:0;font-weight:bold;line-height:100%;}
#container-promo-fancy #details{width:278px;margin:0 0 20px 0;font-weight:bold;}
#container-promo-fancy .contact-form {overflow: hidden;padding:0;}
#container-promo-fancy.contact-form #form-emperador {width:276px;display: block;overflow:hidden;margin:0;padding:0;background:red;}
#container-promo-fancy .contact-form #form-emperador label {font-size:1em;width: 70px;height: 10px;float: left;padding-top:4px;text-align: right;margin:0 0 4px 10px;}
#container-promo-fancy .contact-form #form-emperador input {font-size:1em;background:#fff;color:#6a1301;height: 14px;width: 180px;margin:0 0 4px 5px;float: left;border:1px solid #e5a549;}
#container-promo-fancy .contact-form #form-emperador textarea {font-size:1em;width: 170px;background: #fff; height: 50px;float: left;color:#6a1301;border:1px solid #e5a549;margin:0 0 4px 5px;}                  
#container-promo-fancy .contact-form #form-emperador .btn-send {margin-left:190px;padding:0 0 4px 0;width: 70px;height: 23px;background: #cc8239;font-size:1em;font-weight:bold;border: 0;float: left;color:#fff3c0;}     
#container-promo-fancy .contact-form #form-emperador .btn-send:hover {background-color:#e5a549;color: #fff;}




/* styles services */
#tabs-services .photo-services {width:300px;height:280px;float:right;}
#tabs-services{display:block;height:325px;width:791px;}
#tabs-services #title-services{float:left;height:34px;font-family: 'BirchStdRegular';font-size:33px;color:#fff;margin:0;padding:0;line-height:100%;}
#tabs-services ul {float:right;margin-bottom:0;}
#tabs-services ul li {float:left;list-style:none;margin:0 0 0 30px;}
#tabs-services ul li a{text-decoration:none;color:#efac3b;display:block;height:24px;font-size:15px;padding-top:10px;}
#tabs-services ul li a:visited {color:#efac3b;}
#tabs-services ul li a:hover{color:#fff3c0;}
#tabs-services ul .selected {color:#fff;}
#tabs-services hr {margin:0 0 10px 0;}
#tabs-services .tabs-contents {display:block;width:791px;height:271px;}

#tabs-services #tab-swimming_pool, #tabs-services #tab-massage, #tabs-services #tab-beauty, #tabs-services #tab-temazcal, #tabs-services #tab-tours, #tabs-services #tab-restaurant{display:block;width:791px;height:280px;} 

/* styles services - tours */
#tabs-services #tab-tours .design-tours {width:385px;height:258px;float:left;margin:0 0 0 0;}
#tabs-services #tab-tours .design-tours .container-tours{width:385px;height:80px;float:left;margin:0 0 7px 0;}
#tabs-services #tab-tours .design-tours .container-tours .row-tours{width:385px;height:35px;}
#tabs-services #tab-tours .design-tours .container-fancy-tours, #tabs-services #tab-tours .design-tours .container-tours .row-tours .container-fancy-tours, #tabs-services #tab-tours #container-instructions .container-fancy-tours{display:none;}

#tabs-services #tab-tours .design-tours .container-tours .margin-bottom{margin-bottom:9px;}
#tabs-services #tab-tours .design-tours .container-tours .row-tours .tour{font-size:14px;line-height:107%;display:block;width:118px;height:33px;border:1px solid #b96c2d;background:#945629;float:left;margin:0 12px 0 0;text-align:center;text-decoration:none;color:#fff3c0;}
#tabs-services #tab-tours .design-tours .container-tours .row-tours .tour:hover{color:#fff;border:1px solid #db8136;background:#b76a2d;}
#tabs-services #tab-tours .design-tours .container-tours .row-tours .tour-hidden{display:block;width:120px;height:35px;float:left;margin:0 12px 0 0;}
#tabs-services #tab-tours .design-tours .container-tours .row-tours .margin-right{margin-right:0;}

#tabs-services #tab-tours h2 {/*font-family: 'BirchStdRegular';*/font-size:20px;color:#fff;text-align:center;display:block;line-height:100%;margin:0;}
#tabs-services #tab-tours  p {text-align:center;line-height:130%;color:#fff;}
#tabs-services #tab-tours hr  {margin:5px 0;}

#route-history, #la-fama, #taller-lana, #taller-puros,#proarte,#museum-tetlapan,#instructions,
#lodging, #route-town, #atotonilco{width:400px;padding: 10px;background: url(../images/bg-grunge_gallery.jpg) center center;font-weight:bold;}

#route-history hr, #la-fama hr, #taller-lana hr, #taller-puros hr,#proarte hr,#museum-tetlapan hr,#instructions hr,
#lodging hr, #route-town hr, #atotonilco hr{background:#945629;}

#tabs-services #tab-tours #container-instructions{width:791px;height:22px;display:block;float:left;}
#tabs-services #tab-tours .see-details {text-decoration:none;text-align:center;display:block;padding:5px 0;width:120px;color:#efac3b;margin:0 0 0 335px;font-size:12px;line-height:100%;}
#tabs-services #tab-tours .see-details:hover{text-decoration:underline;color:#fff;}
#tabs-services #tab-tours .margin-right {margin-right:20px;}


/* styles services - restaurant */
#tabs-services #tab-restaurant .design-restaurants{width:240px;height:280px;float:left;margin:0 35px 0 0;}
#tabs-services #tab-restaurant .margin-right-off{margin-right:0;}
#tabs-services #tab-restaurant h2 {/*font-family: 'BirchStdRegular';*/font-size:20px;color:#fff;text-align:center;display:block;line-height:100%;margin:0;}
#tabs-services #tab-restaurant p {text-align:center;line-height:130%;color:#fff;margin-top:5px;}


/* styles services - temazcal */
#tabs-services #tab-temazcal .container-text-temazcal {width:220px;height:280px;float:left;color:#fff;overflow: auto;padding-right:20px;}
#tabs-services #tab-temazcal .container-text-temazcal h3 {color:#fff;}
#tabs-services #tab-temazcal  .text-benefits p {margin:0 0 7px 0; line-height:110%;}
#tabs-services #tab-temazcal .margin-right{margin-right:10px;}

/* styles services - beauty */
#tabs-services #tab-beauty .text-beauty {width:490;height:280px;float:left;}
#tabs-services #tab-beauty .text-beauty table {width:490px;height:260px;border:0;margin:0;padding:0;color:#fff;text-align:center;}
#tabs-services #tab-beauty .text-beauty table tr, #tabs-services #tab-beauty .text-beauty table td {height:9px;margin:0;padding:0;text-align:center;background:transparent;line-height:100%;border-bottom:1px solid #fff;}
#tabs-services #tab-beauty .text-beauty p {color:#fff;}
#tabs-services #tab-beauty .text-beauty .no-border{border-bottom:0;}
#tabs-services #tab-beauty .text-beauty .titles-table {background:#fff;color:#000;}


/* styles services - massage */
#tabs-services #tab-massage .container-info-massages{width:490px;height:280px;float:left;color:#fff;}
#tabs-services #tab-massage .container-info-massages h3, #tabs-services #tab-massage .container-info-massages h4 {color:#fff;}
#tabs-services #tab-massage .container-info-massages h3 { margin: 0 0 7px 0;}
#tabs-services #tab-massage .container-info-massages h4 {margin: 0 0 0 0;}
#tabs-services #tab-massage .container-info-massages .rows-massages{width:490px;overflow:hidden;margin:0 0 12px 0;font-size:11px;}
#tabs-services #tab-massage .container-info-massages .rows-massages hr {margin: 0 0 0 0;}
#tabs-services #tab-massage .container-info-massages .rows-massages .massage{width:102px; float:left;border:1px solid #b96c2d;background:#945629;text-align:center;padding:5px;margin:0 10px 0 0;}
#tabs-services #tab-massage .container-info-massages .rows-massages .no-margin-right{margin-right:0;}
#tabs-services #tab-massage .container-info-massages .rows-massages .massage p{line-height:100%;margin:0 0 0 0;font-weight:bold;color:#fff;}
#tabs-services #tab-massage .container-info-massages .rows-massages .massage a{line-height:100%;margin:0 0 0 0;color:#efac3b;font-size:10px;text-decoration:none;}
#tabs-services #tab-massage .container-info-massages .rows-massages .massage a:hover{color:#fff;text-decoration:underline;}

#tabs-services #tab-massage .container-info-massages .rows-massages .massage .container-fancy-massage{display:none;}

#face-pack, #relaxing, #lymphatic, #reductive, #reflexology, #shiatsu, #holistic, #hydromassage, #podal, #corporal-mask,#angel-skin,#circulation, #honeymoon, #relax{width:400px;padding: 10px;background: url(../images/bg-grunge_gallery.jpg) center center;font-weight:bold;}
#face-pack hr, #relaxing hr, #lymphatic hr, #reductive hr, #reflexology hr, #shiatsu hr, #holistic hr, #hydromassage hr, #podal hr, #corporal-mask hr, #angel-skin hr, #circulation hr, #honeymoon hr, #relax hr{background:#945629;}

/* styles services - swimming pool */
#tabs-services #tab-swimming_pool .container-info-swimming_pool{width:470px;height:280px;float:left;color:#fff;display:block;padding:0 20px 0 0;}
#tabs-services #tab-swimming_pool .container-info-swimming_pool h3 {color:#fff;}
#tabs-services #tab-swimming_pool .container-info-swimming_pool p {color:#fff;}



/* menu */
ul#nav{background:#fff url(../images/bg-nav.png) repeat-x;height:50px;padding:0;margin:0;list-style: none;}
ul#nav li {float:left;}
ul#nav li a{display:block;width:141px;background: url(../images/bg-nav-hover.png) 0 -60px no-repeat;text-decoration:none;font-size:17px;padding:13px 0 16px 0;text-align:center;color:#4d1f15;}
ul#nav li a.with-logo-nav {width:144px;}
ul#nav li a:hover {background: url(../images/bg-nav-hover.png) 0 0 no-repeat; color: #fff;}
ul#nav li a.js:hover {background: url(../images/bg-nav-hover.png) 0 -60px no-repeat;}
ul#nav #active {background: url(../images/bg-nav-hover.png) 0 -5px no-repeat;color:#fff;}


/* footer */
.footer {height:226px;margin:0;}
.packages {height:141px;background:url(../images/bg-package.png) no-repeat top left;margin:50px 10px 0 10px;text-align:center;line-height: 100%;}
.packages .pack_title {color: #6a1301;margin: 18px 0 10px 0;font-size: 1.5em;}
.packages .pack_name {color: #6a1301;font-weight: bold;font-size: 1.8em;margin: 0 0 10px 0;}
.packages .pack_note{color: #2b1104;font-size: 1.3em;margin: 0 0 15px 0;}
.packages .pack_price {color: #000;font-size: 2.2em;font-weight: bold;margin: 0 0 10px 0;}
.packages a.pack_link{color: #2b1104;font-size: 1.2em;text-decoration: none;}
.packages a.pack_link:hover{color: #6a1301;text-decoration: underline;}

.copyright {height:25px;color:#7a2a16;margin:8px 0 20px 10px;}

/* net_social */
.net_social {height:25px;color:#7a2a16;margin:8px 0 20px 30px;}
.net_social div {float: left;}
/* botton net_social */
.net_social a.facebook {display:block;width:25px;height:25px;background:url(../images/icon/icons_netsocial.png) no-repeat top left;text-indent:-99999px;margin:0 5px;}
.net_social a.facebook:hover {background:url(../images/icon/icons_netsocial.png) no-repeat bottom left;}
.net_social a.twitter {display:block;width:25px;height:25px;background:url(../images/icon/icons_netsocial.png) no-repeat top right;text-indent:-99999px;margin:0 1px;}
.net_social a.twitter:hover {background:url(../images/icon/icons_netsocial.png) no-repeat bottom right;}