/* General styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; }
body { background: #F8F3E6 url(../css/body_bg.png) repeat-x left top;
color: #54110D; font: 62.5% normal Arial, Helvetica, sans-serif; text-align: center; }
h1 { color: #6b2300; font-size: 1.8em; font-weight: normal; line-height: 130%; margin: 5px 0 10px 0; }
h2 { color: #b93800; font-size: 1.6em; font-weight: normal; line-height: 130%; margin: 5px 0 10px 0; }
h3 { color: #6b2300; font-size: 1.5em; font-weight: bold; line-height: 130%; margin: 5px 0; }
h4 { color: #6c5932; font-size: 1.4em; font-weight: bold; line-height: 130%; margin: 5px 0; }
p { color: #333; font-size: 1.3em; line-height: 140%; margin: 5px 0; }
ul, ol { color: #6c5932; font-size: 1.3em; margin-left: 20px; }
ul li, ol li { font-size: 1em; line-height: 150%; margin-bottom: 5px; }
ul li { background: url(../css/bullet.gif) no-repeat left 5px; list-style: none; margin-left: 0; padding-left: 12px; }
ul ul li, ol ol li { font-size: 1.1em; margin-left: 20px;}
blockquote { color: #333; font-size: 1.1em; line-height: 140%; }
img { border: 0; }
a:link { color: #0080D4; }
a:hover { text-decoration: none; }
a:visited { color: #0080D4; }
hr { display: none; }
.last { border: none !important;}
/* end General styles */
/* Global wrapper */
div#global_wrapper { background: url(../css/footer_bg.png) repeat-x center bottom; margin: 0 auto; }
/* Header */
div#header { height: 130px; margin: 0 auto; position: relative; width: 926px;
z-index: 1; }
div#header h1 a { background: url(../css/punta_islita_logo.gif) no-repeat left top; display: block; height: 82px; position: absolute; left: 20px; top: 5px; text-indent: -10000px; width: 158px; }
div#header ul#superior_navigation { font-size: 1.2em; padding-left: 0; position: absolute; right: 15px; top: 5px; }
div#header ul#superior_navigation li { background: none; border-left: #7A776E solid 1px; color: #7A776E; display: inline; list-style: none; padding: 0 0 0 5px; }
div#header ul#superior_navigation li:first-child { border: 0; padding: 0; }
div#header ul#superior_navigation li.home { background: url(../css/home_icon.png) no-repeat left top; padding-left: 15px; }
div#header ul#superior_navigation li.home:hover { background-position: left bottom;}
/* Told free info */
div#toll_free { position: absolute; right: 15px; top: 23px; text-align: right; width: 180px; }
div#toll_free h3 { font-size: 1.3em; font-weight: bold;}
div#toll_free h3 span { display: block;}
div#toll_free p { color: #75623D; font-size: 1em; margin: 0;}
/* Awards */
ul#awards { overflow: hidden; position: absolute; left: 180px; top: 5px; }
ul#awards li { background: url(../css/awards.jpg) no-repeat; display: block; float: left; margin-right: 20px; padding: 0; text-indent: -10000px; }
ul#awards li#johansens { background-position: 0 -5px; height: 70px; margin-top: 8px; width: 148px; }
ul#awards li#johansens:hover { background-position: 0 -93px; }
ul#awards li#travel_leisure { background-position: -152px 0px; height: 83px; width: 161px; }
ul#awards li#travel_leisure:hover { background-position: -152px -88px; }
ul#awards li#conde_nast { background-position: -317px -6px; height: 70px; margin-top: 10px; width: 161px; }
ul#awards li#conde_nast:hover { background-position: -317px -94px; }
/* Menu */
ul#main_navigation { background: url(../css/menu_bg.png) no-repeat left top; height: 27px; margin: 0; overflow: hidden; position: absolute; left: 5px; top: 103px; width: 100%; }
ul#main_navigation li { background: none; display: block; float: left; margin-left: 0px; padding: 5px 0 0 0; width: 131px; }
ul#main_navigation li:first-child { margin: 0; }
ul#main_navigation li.active a { color: #6c5932; }
ul#main_navigation li a { color: #6b2300; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: capitalize; }
ul#main_navigation li a:hover { color: #6c5932; text-decoration: underline; }
/* Content */
div#content { background: #fff url(../css/content_wrapper.png) repeat-x left bottom; border-top: #d0be8f solid 2px; margin: 0 auto; overflow: hidden; padding: 0 10px 0 10px; position: relative; text-align: left; width: 886px; }
div#content_top { background: url(../css/content_2cols_bg.gif) no-repeat right top; height: 12px; position: absolute; left: 5px; top: 0; width: 900px; }
/* Left column */
div#leftcol { float: left; padding: 0 10px 20px 0; width: 590px; }
/* Right column */
div#rightcol_wrapper { float: right; padding-bottom: 20px; width: 280px; }
div#rightcol_wrapper div#awards_logos { overflow: hidden; }
div#rightcol_wrapper div#awards_logos div { float: left; text-align: center; width: 135px; }
div#rightcol { background: #d0be8f url(../css/rightcol_bottom.gif) no-repeat left bottom; padding: 10px 10px 35px 10px; }
div#rightcol h3 { color: #6b2300; font-size: 1.6em; font-weight: normal; text-align: left; }
div#rightcol div.complement { margin: 15px 0; padding: 5px 10px; text-align: center; width: 240px; }
div#rightcol div.complement a { background: url(../css/bullet.gif) no-repeat left center; padding-left: 15px; }
div#rightcol div.complement-odd { background: #efdfb9; }
div#rightcol div.complement-odd img { background: #efdfb9 url(../css/complementary_info.gif) no-repeat center top; height: 112px; margin: 0 auto; padding: 12px 0; }
div#rightcol a#special_packages { display: block; margin: 5px 0 15px 0; }
/* Submenu */
div#submenu { float: right; margin: 10px 0 0px 5px; width: 140px; }
div#submenu h3 { color: #6c5932; font-size: 1.3em; font-weight: bold; margin: 10px 0 15px 0; }
div#submenu ul { font-size: 1.2em; list-style: none; margin: 0; }
div#submenu ul li { background: none; margin: 0 0 10px 0; padding-left: 0; }
div#submenu ul li.active a { color: #7e6e4c;}
div#submenu a:link, div#submenu a:visited { text-decoration: none; }
div#submenu a:hover{ text-decoration: underline; }
/* Section headers */
div#image_header { background: url(../css/section_header_bg.gif) no-repeat left top; height: 241px; margin-top: 10px; padding: 23px 11px 0 11px; width: 405px; }
/* Summaries */
div.summary { background: url(../css/summary_separator.gif) no-repeat center bottom; margin: 0 auto 15px auto; overflow: hidden; padding-bottom: 10px; }
div.summary h3 { color: #b93800; font-size: 1.6em; font-weight: normal; }
div.summary p { color: #6c5932; font-size: 1.2em; }
div.summary img { float: left; margin: 0 10px 10px 0; }
div.summary a { background: url(../css/bullet.gif) no-repeat left center; padding-left: 10px; }
/* Article Images */
div.article_2images { float: left; padding: 10px; text-align: center; width: 270px; }
div.article_2images img { margin: 0 auto 5px auto; }
div.article_2images p { color: #ab530a; font-size: 1em; text-align: left; }
div.article_image { float: right; margin: 0 0 10px 10px; text-align: right; width: 140px; }
div.article_image p { color: #ab530a; font-size: 1em; margin: 0; }
/* Contact info */
div#contact-info { clear: both; margin: 0px; }
div#contact-info h3 { color: #6b2201; font-size: 1.6em; font-weight: normal; margin-bottom: 0; }
div#contact-info div { color: #6c5932; float: left; margin-left: 5px; width: 215px; }
div#contact-info div h4 { color: #6c5932; font-size: 1.1em; margin-bottom: 5px; }
div#contact-info div ul { font-size: 1.1em; list-style: none; margin: 0; }
div#contact-info div ul li{ background: none; margin: 0 0 3px 0; padding-left: 0; }
div#contact-info div a { color: #6c5932;}
/* Columns */
div.column { color: #6C5932; float: left; margin: 5px 10px; padding: 0px 10px 5px 10px; position: relative; text-align: center; width: 260px; }
div.column h1, div.column h2, div.column h3 { margin-left: -5px; text-align: left;}
div.column p { color: #6C5932; margin: 0; text-align: left; }
div.column p a { display: block; text-align: center; }
div.column img { margin: 5px auto;}
/* Check Availability box */
div#check_availability { background: #F8F3E6 url(../css/check_availability_bg.gif) repeat-x left bottom; padding: 5px 10px; margin: 0; }
div#check_availability h2 { font-size: 1.6em; font-weight: normal; margin-bottom: 5px; }
div#check_availability form { color: #262626; font-size: 1.1em; margin: 0; text-align: left; }
div#check_availability form fieldset { border: 0; margin: 0; padding: 0; }
div#check_availability form div { clear: both; margin: 0 0 10px 0; overflow: hidden; }
div#check_availability form div.small_column { clear: none; float: left;
margin: 0 15px 0 0; width: 65px; }
div#check_availability form div.small_column select{ width: 60px; }
div#check_availability form div.button { margin: 0; text-align: center; }
div#check_availability form ul { margin: 10px 0 0 0; }
div#check_availability form ul li { font-size: 0.8em; }
div#check_availability form label { display: block; color: #333; float: none; margin: 0; width: auto; }
div#check_availability form select { border: #535554 solid 1px; float: left; width: 100px; }
div#check_availability form div.button button { background: url(../css/check_availability.png) no-repeat left top; border: 0; color: #FFF; float: none; font-weight: bold; height: 45px; margin: 0 auto; padding-bottom: 18px;
width: 209px; }
div#check_availability form button:hover { background-position: left bottom; }
div#check_availability form p#more_rooms { margin-top: -15px; text-align: center; }
/* Footer */
div#footer { background: transparent url(../css/contact_info.gif) no-repeat center top; margin: 10px auto 0 auto; overflow: hidden; padding: 10px 0 0 0; text-align: left; width: 900px; }
div#footer h4, div#footer p { color: #87744B; font-size: 1em; margin-bottom: 8px; }
div#footer div { display: block; float: left; padding: 0 0 0 5px; width: 140px; }
div#footer div h4 { color: #87744b; font-size: 1.1em;}
div#footer div ul { margin: 0; }
div#footer div ul li { background: url(../css/footer-li-icon.gif) no-repeat left center; line-height: 130%; list-style: none; margin: 0 0 12px 0px; padding-left: 10px; color: #6C5932; font-size: 0.8em; }
div#footer div a { color: #87744b; }
div#footer ul#on_web li { background: url(../css/footer-icons.gif) no-repeat; list-style: none; list-style-image: none; padding: 2px 0 2px 20px;}
div#footer ul#on_web li#youtube { background-position: left top; }
div#footer ul#on_web li#flickr { background-position: left -17px; }
div#footer ul#on_web li#twitter { background-position: left -34px; }
div#footer ul#on_web li#digg { background-position: left -51px; }
div#footer ul#on_web li#facebook { background-position: left -68px; }
/* Forms */
form { clear: both; font-size: 12px; margin: 15px auto; overflow: hidden;
width: 100%; }
form fieldset { background: url(../css/ul.gif) repeat-x left top; border-color: #407E3B; border-style: solid; border-width: 1px 0 0 0; margin-bottom: 10px; padding: 5px 15px; }
form div { clear: both; margin: 10px auto; overflow: hidden; }
form div.radio {}
form div.radio div { clear: none; float: left; margin: 0 15px 0 0; width: auto; }
form div.radio div input { border: 0; width: 20px;}
form div.checkboxes {}
form div.checkboxes div { clear: none; float: left; margin: 0 15px 0 0; width: auto; }
form div.checkboxes div input { border: 0; width: 20px; }
form label { color: #417D3D; display: block; float: left; margin-right: 10px; width: 180px; }
form input { border: #B1B1B1 solid 2px; float: left; margin-right: 5px; width: 300px; }
form textarea { border: #B1B1B1 solid 2px; float: left; margin-right: 5px; width: 300px; }
form select { border: #B1B1B1 solid 2px; float: left; margin-right: 5px; width: 300px; }
form select#GroupCheckInMonthYear, form select#GroupCheckOutMonthYear, form select#prefered_MonthYear, form select#alternative_MonthYear { width: 170px; }
form button { background: url(../css/form_button.png) no-repeat left top; border: 0; color: #FFF; float: right; font-size: 14px; font-weight: bold; height: 27px; margin: 8px auto; padding-bottom: 3px; width: 130px; }
form span { color: #7B6B46; font-size: 0.8em; padding: 2px 0; }
form div strong { color: red;}
form fieldset div p { font-size: 0.9em; margin: 5px 0; }
form fieldset div p strong { color: #000; width: 80px; }
form div p a { margin: 0 5px; }
.hidden { opacity: 0; position: absolute; }
.visible { opacity: 1; }
/* Calendar */
#content input.calendar, #content select.calendar { width: 99px; }
#content button.calendar { background: url(../css/c-icon.png); border: 0; cursor: pointer; float: left; height: 20px; margin: 0 0px 0 0; width: 28px; }
#content button.calendar:hover, #content button.calendar.active { background-position: 0 20px; }
div.calendar { background: url(../css/c-div.gif); height: 188px; left: -1000px;
opacity: 0; padding: 0 2px; position: absolute; text-align: center; top: -1000px; width: 155px; z-index: 1000; }
div.calendar div { cursor: move; height: 178px; overflow: hidden; padding-top: 10px; position: relative; width: 155px; }
div.calendar caption { color: #743815; font: normal 12px/31px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 100%; }
div.calendar caption a { color: #68B246; cursor: pointer; display: block; height: 14px; overflow: hidden; position: absolute; text-indent: -100px; top: 18px; width: 14px; }
div.calendar caption a.prev { background-image: url(../css/c-th-prev.gif); left: 4px; }
div.calendar caption a.next { background-image: url(../css/c-th-next.gif); right: 4px; }
div.calendar caption a:hover { background-position: 0 -14px; }
div.calendar caption span { height: 25px; position: relative; text-align: center; }
div.calendar caption span.month { padding-right: 8px; }
div.calendar caption span.month:after { content: ','; }
div.calendar caption span a { top: 8px;}
div.calendar table { background: #F3F0DE; border: 0; border-collapse: collapse; border-spacing: 0; cursor: auto; margin: 4px auto; overflow: hidden; width: 147px; }
div.calendar td, div.calendar th { border: 0; color: #68B246; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; }
div.calendar td, div.calendar td.invalid { background: url(../css/c-td-invalid.gif); color: #7B6B47; font-size: 11px; }
div.calendar td.valid { background: url(../css/c-td-valid.gif); color: #68B246; }
div.calendar td.inactive { background: url(../css/c-td-inactive.gif); color: #FFF; }
div.calendar td.active, div.calendar td.hover { background: url(../css/c-td-valid.gif) 0 100%; color: #FFF; cursor: pointer; }