* { margin: 0; padding: 0; }

html { font: 12px/18px Arial, Helvetica, sans-serif; text-rendering: geometricPrecision; color: #444; background: #00746b; }
input { font-family: Arial, Helvetica, sans-serif; }
a { outline: none; }
a:hover,
a:focus { text-decoration: none; }      
a img,
fieldset { border: 0; }


h1, h2, p, ul, ol { font-weight: normal; margin-bottom: 18px; }

h1, h2, h3, h4,
#counter,
thead th { font-family: 'ff-meta-web-pro-1', 'ff-meta-web-pro-2', Arial, Helvetica, sans-serif !important; }

.skipper { position: absolute; left: -9999px; top: -9999px; }
.grid   { width: 940px; margin: 0 auto; padding: 0 27px; /* background: url(i/grid.png) repeat-y 17px 0; */ }
.grid:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

.header { color: #fff; background: #194d60; }
.header .grid { padding: 0 27px; }
.header a { color: #fff; text-decoration: none; }
#logo   { float: left; font-size: 24px; line-height: 27px; background: url(i/accommodations-logo.png) no-repeat -20px 0; }
#logo a { display: block; width: 340px; height: 64px; text-indent: -9999px; overflow: hidden; }

#main-nav   { float: right; padding: 18px 0; }
#main-nav li { float: left; display: inline; list-style: none; margin-right: 2px; }
#main-nav li a { display: block; padding: 4px 18px 5px; color: #fff;   
    border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; 
    text-shadow: 0 -1px 0 rgba(0,0,0,.25); }
#main-nav li a strong { }
#main-nav li a:hover,
#main-nav li a:focus { background: #0c6c8f; }
#main-nav li.current a { background: #00aeef; text-decoration: none; }

#registration-link,
#login-link { margin-right: 0 !important; }

#main-nav #registration-link a,
#main-nav #login-link a        { background: #a1b575 url(i/register-button-green.png) repeat-x 0 100%;
    border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; 
}

#main-nav #registration-link a:hover,
#main-nav #registration-link a:focus,
#main-nav #login-link a:hover,
#main-nav #login-link a:focus   { text-decoration: underline; }


#main-nav #registration-link a { border-right: 1px solid #869e4f;
    padding-right: 12px; 
    border-top-right-radius: 0
    border-bottom-right-radius: 0; 
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}
#main-nav #login-link a { border-left: 1px solid #c2d792; 
    padding-left: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; 
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}

#content        { color: #000; background: #e8d19a; border-top: 1px solid #fdf9e1; border-bottom: 27px solid #d0c798; text-shadow: 0 1px 0 #fdf9e1; font-size: 13px; }
#content a      { color: #00719b; }
#content .grid  { padding: 36px 27px 36px; }
#content h2     { color: #000; }
#content h3     { font-size: 13px; }

#content li { margin-left: 20px; }


#main-content { float: right; display: inline; width: 620px; }
#sidebar { float: left; width: 220px; }


/*** HOMEPAGE ***/

#top-teaser         { font-size: 14px; line-height: 22px; color: #fff; border-top: 1px solid #008abe; background: #00aeef url(i/blue-grad.png) repeat-x 0 0; }
#top-teaser .grid   { padding: 27px 27px 0; } 

#featured-screenshot { float: right; display: inline; margin-right: -20px; padding: 18px 0 9px; }

#intro      { float: left; display: inline; width: 300px; text-shadow: 0 2px 1px rgba(0,0,0,.2); padding-bottom: 18px; }
#intro h1   { height: 40px; padding: 36px 0 0; margin: 0 0 0 -1px !important; background: url(i/profesionalne-web-stranice.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#intro p    { font-size: 16px; line-height: 22px; margin-bottom: 23px; }
#intro a    { color: #fff; text-decoration: none; }
#intro ul { clear: both; }
#intro li   { list-style: none; padding-left: 30px; margin: 0 0 9px 0px; background: url(i/checkmark-shiny.png) no-repeat 3px 4px; }
#signup-button  { }
#signup-button a { display: block; width: 346px; height: 89px; margin-left: -24px; text-indent: -9999px; overflow: hidden; background: url(i/honey-button.png); }
#signup-button a:active { position: relative; bottom: -2px; }
#signup-button span { display: block; margin-top: -5px; width: 306px; text-align: center; }

#quotebar       { background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; }
#quotebar .grid { padding: 18px 27px; }
#quotebar p     { margin-bottom: 0; font: italic 18px/27px 'ff-meta-serif-web-pro-1', 'ff-meta-serif-web-pro-2', Georgia, 'Times New Roman', Times, serif; text-indent: -6px; color: #777; text-shadow: 0 1px 0 #fff; }

#home-body #content h2 { color: #985; font-size: 24px; line-height: 27px; }

#homepage-features-overview         { float: left; width: 620px; }
#homepage-features-overview h2      { border-bottom: 1px solid rgba(0,0,0,.15); margin-bottom: 0; padding-bottom: 18px; }
#homepage-features-overview ul      { float: left; width: 620px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.5); }
#homepage-features-overview li      { list-style: none; float: left; display: inline; width: 300px; margin: 0 20px 27px 0; }
#homepage-features-overview li p    { margin: 0; }
#homepage-features-overview li h3   { color: #804e00; font-size: 18px; line-height: 18px; margin-bottom: 9px; }                      

#homepage-features-overview li.odd { float: left; clear: both; }
#homepage-features-overview li.even { float: right; margin-right: 0 !important; }



#featured-profiles      { float: right; width: 300px; }
#featured-profiles h2   { padding-left: 9px !important; }

#featured-profiles ul   { float: right; width: 300px; border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(255,255,255,.5); }
#profile-list li,
#featured-profiles li   { list-style: none; margin-left: 0; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(0,0,0,.15); }
#profile-list li a,
#featured-profiles li a { display: block; padding: 8px 9px 9px; text-decoration: none; }
#featured-profiles li a:hover,
#featured-profiles li a:focus { color: #000; }

#accommodations-index-body h1 { margin-bottom: 36px; }

#profile-list       { float: left; width: 640px; }
#profile-list li    { float: left; width: 300px; height: 36px; margin-right: 20px; overflow: hidden; }
#profile-list li a  { width: 500px; }         
#profile-list li a:hover,
#profile-list li a:focus { color: #000; }

#filter-list { float: right; width: 300px; }
#filter-list li { float: left; list-style: none; padding: 5px 7px 7px 0; margin: 0; }
#filter-list li a { display: block; padding: 4px 10px; background: #fdf9e1; text-decoration: none; 
    border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; 
    text-shadow: none; }
#filter-list .current { }
#filter-list .current a { color: #fff; background: #00719b; }
#all-cities { width: 100%; margin: 1px 0 19px !important; }

#counter { clear: both; width: 100%; padding: 36px 0 18px; font-size: 36px; text-align: center; color: #985; background: #f2e6c8; 
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }


/*** PRICING ***/ 

#pricing-body #content #main-teaser { text-align: center; padding-bottom: 36px; text-shadow: 0 1px 0 #fdf9e1; }
#pricing-body #content h1 { font-size: 36px; line-height: 45px; margin: 0 0 9px; }
#pricing-body #content #main-teaser p { font-size: 16px; }

.message,
.the-box  { background: #fff; padding: 18px 20px; 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; 
    box-shadow: 0 2px 2px #d0c798; -webkit-box-shadow: 0 2px 2px #d0c798; -moz-box-shadow: 0 2px 2px #d0c798; -khtml-box-shadow: 0 2px 2px #d0c798; }

#compare-plans  { width: 620px; margin: 0 140px; }
#compare-plans table  { border-collapse: collapse; width: 100%; }    

#compare-plans th,
#compare-plans td { padding: 4px 20px 5px; vertical-align: top; text-align: center; border-bottom: 1px solid #f6f6f6; }

#compare-plans thead th    { font-size: 17px !important; line-height: 27px; color: #999; }
#compare-plans thead #pro-package-th { color: #f70; }

#compare-plans tbody tr:nth-child(odd) { background: #f6f6f6; }

#compare-plans tbody th { text-align: left; width: 270px; padding-left: 10px; }
#compare-plans tbody td { width: 120px; }

#compare-plans tbody td.no,
#compare-plans tbody td.yes { text-indent: -9999px; overflow: hidden; }

#compare-plans tbody td.yes { background-image: url(i/checkmark-green.png) !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; }

#packages-order-row th, 
#packages-order-row td { border-bottom: 0 !important; padding-top: 9px; }
#packages-order-row a { display: block; padding: 4px 18px 5px; color: #fff; background: #f70;
    text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; }
#packages-order-row a:hover,
#packages-order-row a:focus { background: #00aeef; }    
#packages-order-row a.light   { background: #aaa; }



/*** FAQ ***/

#how-to-body #content .grid,
#privacy-policy-body #content .grid,
#terms-and-conditions-body #content .grid,
#purchase-terms-body #content .grid,
#faq-body #content .grid { width: 660px; padding: 36px 167px; }
#faq-body #content h1 { font-size: 36px; line-height: 45px; margin: 0 0 18px; text-align: center; }

#faq-questions      { margin-bottom: 36px; }
#faq-questions li   { margin-left: 20px; list-style: square; font-size: 14px; line-height: 27px; }

#faq-answers li     { list-style: none; padding-bottom: 27px; }
#faq-answers li li  { padding: 0; margin-left: 20px; list-style: square; }
#faq-answers li h2  { margin: 0 0 3px; line-height: 24px; color: #804e00; }

/*** HOW TO ***/

#how-to-body #content #main-teaser { text-align: center; padding-bottom: 36px; text-shadow: 0 1px 0 #fdf9e1; }
#how-to-body #content h1 { font-size: 36px; line-height: 45px; margin: 0 0 9px; }
#how-to-body #content #main-teaser p { font-size: 16px; }



/*** CONTACT ***/

#contact-body #faq-questions { margin-left: -20px; background: #ffc; }

#contact-form fieldset   { margin-left: -20px; }
#contact-form .field { float: left; width: 600px; padding: 9px 0; border-bottom: 1px dotted #ccc; }
#contact-form label { float: left; width: 140px; padding-right: 20px; }
#contact-form .small-note { display: block; font-size: 11px; padding-left: 160px; margin: 0; color: #999; }

#contact-form textarea,
#contact-form .input-text,
#contact-form .input-submit { font: 12px/18px 'ff-meta-web-pro-1', 'ff-meta-web-pro-2', Arial, Helvetica, sans-serif; }

#contact-form textarea { width: 430px; }
#contact-form .input-text { width: 280px; }
#contact-form .input-submit { padding: 2px 10px; }

#contact-form .button-holder { float: left; width: 440px; padding: 9px 0 9px 160px; border-bottom: 0; }

.message { background: #ff6; margin: 0 0 18px -20px; }
.message h1 { }
.message ul { margin: -9px 0 0; }
.message li { margin-left: 20px; }
.error { font-weight: bold; color: #f00; }
.confirmation { color: #393; }




/*** FOOTER ***/

.footer { clear: both; color: #b4e7e3; background: #00746b; border-top: 1px solid #b4e7e3; }
.footer a { color: #b4e7e3; text-decoration: none; }
.footer a:hover,
.footer a:focus { text-decoration: underline; }
.footer .grid { padding: 18px 27px 90px; }

.pipe { padding: 0 2px; }

.copyright { float: left; }
.siteby { float: right; text-align: right; }




/**
 * Grid
 */
#grid {

    /* Vertical grid lines */
    background: url(i/grid.png) repeat-y 10px 0;

    /* Dimensions - same width as your grid with gutters */
    width: 984px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -490px;

}

/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{

    /* 20px line height */
    height: 8px;
    border-bottom: 1px dotted #aaa;
}/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/js/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/js/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/js/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }