@import url(reset.css);

body													{ background: #f9fdfe; font: 62.5%/1.5em 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif; color: #333;}
a:link, a:visited										{ color: #194a83; }
a:hover													{ color: #c65e27; }
a:active												{ color: #c65e27; }
p														{ margin-bottom: 1.5em; }
p.contact-info											{ text-indent: -999em; background: transparent url(/images/majowka/contact.png) no-repeat 0 0; width: 375px; height: 172px; margin-top: 2em; }
p.contact-info.wide										{ background: transparent url(/images/majowka/contact_wide.png) no-repeat 0 0; width: 400px; height: 246px; }
.message												{ margin-bottom: 25px; }

#wrapper												{ width: 980px; font-size: 1.2em; line-height: 1.5em; }

#header													{ background: transparent url(/images/majowka/masthead.jpg) no-repeat 0 0; height: 314px; position: relative; }
#header #sub-nav										{ display: none; position: absolute; right: 0; top: 6px; }
#header #sub-nav li										{ float: left; margin-right: 10px; }
#main-nav												{ position: absolute; top: 85px; right: 10px; height: 43px; }
#main-nav li											{ float: left; margin-right: 10px; font-weight: bold; padding-top: 4px; }
#main-nav li.home-page									{ }
#main-nav li.winter-page								{ }
#main-nav li.contact-page								{ }
#main-nav li.regulations-page							{ }
#main-nav li a											{ color: #841813; }
#main-nav li a:hover									{ color: #9db64d; }

.home #main-nav li.home-page a, 
.home #main-nav li.home-page a:hover,
.regulations #main-nav li.regulations-page a,
.contact #main-nav li.contact-page a				{ background: transparent url(/images/majowka/nav_indicator.png) no-repeat 0 0; padding: 5px 15px 13px 17px; color: #fff; width: 100px; }

#armi_majowka.regulations #main-nav li.regulations-page a		{ padding-left: 28px; padding-right: 28px; }
#armi_majowka.contact #main-nav li.contact-page a				{ padding-left: 37px; padding-right: 37px; }	

body.contact #main-nav li.contact-page,
#main-nav li.contact-page a:hover						{ }

body.regulations #main-nav li.regulations-page,
#main-nav li.regulations-page a:hover 					{ }

body.winter #main-nav li.winter-page,
body.offer-details #main-nav li.winter-page,
#main-nav li.winter-page a:hover						{ }

#content												{ background: transparent url(/images/majowka/content.jpg) no-repeat 0 0; padding-left: 55px; padding-top: 165px; overflow: hidden; height: 1%; position: relative; }
#offers													{ width: 465px; float: left; margin-right: 60px; }

#offers ul.offers-list									{ overflow: hidden; clear: both; }
#offers ul.offers-list li								{ float: left; margin: 0 23px 23px 0; width: 221px; height: 136px; overflow: hidden; }
#offers ul.offers-list li.right							{ margin-right: 0; }
#offers ul.offers-list li a								{ display: block; width: 221px; height: 136px; position: relative; background: #111; overflow: hidden;}
#offers ul.offers-list li a h4							{ background-color: #9db64d; color: #fff; position: absolute; bottom: 10px; right: 0; padding: 2px 10px 2px; }
#offers ul.offers-list li a:hover h4					{ background-color: #fff; color: #9db64d; }
#offers #pagination										{ background: transparent url(/images/majowka/pagination.png) no-repeat 0 0; color: #813914; overflow: hidden; height: 21px; padding: 4px 35px 3px; clear: both; }
#offers #pagination h3,
#offers #pagination ul									{ float: left; }
#offers #pagination h3									{ margin-right: 150px; }
#offers #pagination li									{ float: left; margin-right: 4px; font-weight: bold; color: #333;}
#pagination li a:link,
#pagination li a:visited								{ color: #813814; font-weight: normal;}
#sub-content											{ width: 400px; float: left; padding-top: 71px; }
form#search-offers										{ background: transparent url(/images/majowka/search_offers.png) no-repeat 0 0; width: 390px; height: 28px; padding: 8px 0 0 10px; margin-bottom: 25px; }
form#search-offers input								{ display: none; }
form#search-offers select								{ width: 350px; }
form#search-offers select option:focus					{ background-color: #d959be; color: #fff; }
body.newyear form#search-offers							{ margin-bottom: 2em; }

/* offer details */
body.offer-details #offers								{ width: 230px; float: left; }
#offer													{ width: 635px; float: left; overflow: hidden;}
#offer h2												{ font-size: 1.3333em; font-weight: bold; margin-bottom: 1.5em; margin-top: .5em; }
#offer p												{ margin-bottom: .75em; }
#offer p.price											{ font-weight: bold; color: #813814; font-size: 1.1777777em; }
#offer p span											{ font-weight: bold; }
#offer #main-details, #offer #sub-details				{ float: left; }
#offer #main-details									{ width: 375px; margin-right: 30px; }
#offer #sub-details										{ width: 230px; }
#offer .packets											{ margin-top: 4em; }								
#offer .packets h3, #offer #sub-details h3				{ font-size: 1.33333em; margin-bottom: 1.5em; color: #813814; }
#google_box												{ clear: both; margin-top: 2em;}
#offer .packets ul li									{ background: transparent url(/images/majowka/packet.png) no-repeat 0 0; margin-bottom: 2em; height: 1%; }
#offer .packets ul li p									{ padding: 0 25px; margin-bottom: .5em;}
#offer .packets ul li p.main-info						{ padding-top: 15px; font-size: 14px; color: #fff; font-weight: bold; }
/*#offer .packets ul li p.date							{ background: transparent url(/images/ferie/packet_bottom.png) no-repeat 0 100%; margin-bottom: 0; padding-bottom: 10px;}*/

#offer .packets ul li p.booking							{ background: transparent url(/images/majowka/packet_bottom.png) no-repeat 0 100%; margin-bottom: 0; padding-bottom: 12px; margin-top: 20px; }
#offer .packets ul li p.booking a						{ display: block; width: 125px; height: 27px; text-indent: -999em; margin-top: 10px; margin-left: 132px;}

#offer form#search-offers								{ background-image: url(/images/majowka/search_offers_small.png); width: 230px; margin-bottom: 1.5em; }
#offer form#search-offers select						{ width: 175px; }
body.offer-details #offers #pagination					{ background-image: url(/images/majowka/pagination_small.png); width: 230px; height: 35px; text-align: center; padding: 10px 0;}
body.offer-details #offers #pagination h3,
body.offer-details #offers #pagination ul				{ float: none; margin: 0 }
body.offer-details #offers #pagination ul 				{ width: 60px; margin: 0 auto; overflow: hidden; }
body.offer-details ul.offers-list li					{ width: 221px; height: 136px; overflow: hidden; }
body.offer-details ul.offers-list li.left				{ margin-right: 0 !important; }
body.offer-details .message								{ color: #9DB64D; font-weight: bold; font-size: 16px; line-height: 1.5em;}
.gallery												{ overflow: hidden; }
.gallery ul li, .gallery ul li.main-photo				{ width: 105px; height: 80px; overflow: hidden; position: relative; border: 3px solid #0e4f91; float: left; margin-bottom: 5px;}
.gallery ul li:hover									{ border-color: #9DB64D; }
.gallery ul li.main-photo								{ width: 221px; height: 136px; }
.gallery ul li.right									{ margin-right: 5px; }

/* contact page */
.vcard													{ margin-bottom: 3em; font-weight: bold; font-size: 1.1777em; }
.vcard p												{ margin-bottom: .2em; }
.vcard .org												{ margin-bottom: .5em; }
p.account												{ font-size: 1.1777777em; font-weight: bold; }
body.contact form#search-offers							{ margin-top: 5em; }

/* regulaions page */
body.regulations ol										{ margin-bottom: 1.5em; }
body.regulations li > ol								{ margin: 1.5em 0 1.5em 1.5em; }
body.regulations ol li									{ margin-bottom: .3em; }
ol.decimal												{ list-style: decimal outside; font-weight: normal;}
ol.upper-roman											{ list-style: upper-roman inside; font-weight: bold; }
ol.lower-latin											{ list-style: lower-latin outside; }
ol.disc													{ list-style: disc outside; }

/* booking page */
body.booking form p										{ overflow: hidden; height: 1%; }
body.booking form label									{ width: 100px; display: block; padding-right: 20px; float: left; text-align: right; }
body.booking span.req									{ color: #f00; }
body.booking form input,
body.booking form textarea								{ width: 330px; background: none; border: 1px solid #c65e27; padding: 3px; color: #0e4f91; }
body.booking form input:focus,
body.booking form textarea:focus						{ background: #fff; color: #000; }
body.booking form input[disabled="disabled"]			{ color: #ccc; border-color: #6d3111; }
body.booking form textarea								{ height: 100px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 12px; }
body.booking form input.submit							{ border: none; width: auto; text-align: left; background: none; margin-top: 20px; font-size: 14px;}
body.booking form input.submit:focus					{ background: none; }
body.booking .message									{ color: #f00; }
body.booking form .meta									{ margin-left: 120px; width: 330px; font-size: 11px; }
body.booking form .meta p								{ margin-bottom: 5px; }
body.booking form .meta p input							{ width: auto; }

#footer													{ padding-left: 55px; font-size: .83333333em; line-height: 1.2em; overflow: hidden; margin: 80px 0 20px; clear: both; }
#footer p, #footer ul									{ float: left; }
#footer p.armi											{ margin-right: 20px; margin-bottom: 1em; }
#footer a												{ color: #1a314d; }
#footer a:hover											{ color: #c65e27; }
#footer ul												{ margin-right: 20px; }
#footer ul li											{ float: left; border-right: 1px solid #9DB64D; padding: 0 8px; }
#footer ul li.last										{ padding-right: 0; border: 0;}