html { font-size: 14px; font-family: 'Arial';}

a { color: #23aade; }
a:hover { text-decoration: none; }

.clear { clear: both; }
#page { width: 960px; margin: 0 auto; position: relative; }
#header { padding: 30px; margin: 0 0 56px 0;}

#header #logo { float: left; width: 150px; }
#header #contact-phone { float: left; width: 300px; padding: 0 100px; color: #111;}
#header #contact-phone h2 { font-size: 15px; font-style: italic; font-weight: 700; margin: 0 0 17px 0;}
#header #contact-phone ul li { float: left; width: 50%; font-weight: 300; font-style: italic; font-size: 19px; margin: 0 0 6px 0;}

#header #contact-address { float: right; width: 250px; }
#header #contact-address h2 { font-style: italic; font-weight: 700; font-size: 15px; }
#header #contact-address h2 span { color: #555; font-size: 11px; font-weight: 300; margin: 2px 0 16px 0; display: block; }

#header #contact-online { float: right;  width: 250px; color: #333; font-size: 15px; font-style: italic; line-height: 18px;}

#navigation { position: absolute; background: url('../images/country-background.png') repeat-x; color: #fff; padding: 11px 0px 9px 0px; width: 100%; top: 149px; z-index: 1; }
#navigation ul { width: 900px; position: relative; margin: 0 auto; padding: 0 30px;}
#navigation a { color: #fff; }
#navigation ul li { float: left; padding: 0 44px 0 0; }
.navigation-grad-gt { background: url('../images/grad-invert.png') repeat-x; height: 3px; position: relative; top: 9px; }

#navigation .submenu { position: absolute; background: #23aade url('../images/grad-invert.png') repeat-x scroll 0 100%; z-index: 999; padding: 20px 20px 20px 20px; margin: 0 0 0 -20px; display: none;}
#navigation ul li:hover .submenu { display: block;}
#navigation .submenu ul { padding: 0; width: 155px; }
#navigation .submenu ul li { float: none; padding: 0 0 8px 0; margin: 0; font-size: 13px; }
#navigation .submenu ul li sup { font-size: 9px; color: #eee; margin: 0 0 0 5px; font-weight: 300; font-family: Verdana;}

#navigation #countries h2 { font-size: 18px; text-shadow: 0px 1px 0px #555; margin: 30px 0 10px 0;}
#navigation #countries { margin: 0 0 0 -154px !important; }
#navigation #countries h2:first-child { margin: 0 0 10px 0; }
#navigation #countries ul li { float: left; width: 25%; }
#navigation #countries ul { width: 512px;}

#content { padding: 10px 30px 0 30px; }
#content-intro { float: left; width: 340px; }
#content-intro { font-size: 14px; color: #222; font-style: italic; line-height:18px; }
#content-intro p { text-indent: 14px; margin: 0 0 4px 0;}

#content-slider { width: 540px; float: right;}

#content-proposition { margin: 30px 0; }
#content-proposition h2 { color: #ec1c23; font-size: 21px; font-weight: 700; font-style: italic; margin: 0 0 16px 0;}
#content-proposition ul li { float: left; padding: 0 24px 0 0; }
#content-proposition ul li span { color: #6d6d6d; font-size: 13px; font-style: italic; font-weight: 700; border-bottom: 1px dotted #6d6d6d; cursor: pointer;}
#content-proposition ul li a { color: #6d6d6d; font-size: 13px; font-style: italic; font-weight: 700; border-bottom: 1px solid #6d6d6d; cursor: pointer; text-decoration: none;}
#content-proposition ul li span.special { font-size: 17px; color: #ec1c23; border: none; }
#content-proposition #content-proposition-hot-tour { float: right; }

#content-proposition-annotation { color: #6d6d6d; font-size: 12px; margin: 12px 0 9px 0;}
#content-proposition-annotation p { padding: 0 0 6px 0; }

#content-proposition-tours table { width: 100%;}
#content-proposition-tours table tr { background: #f5f5ea;  border-top: 2px dotted #fff; border-bottom: 2px dotted #fff;}
#content-proposition-tours table tr:hover { background: #ecf07c;}
#content-proposition-tours table tr td { padding: 20px 20px; margin: 0px 0px; position: relative; font-size: 13px; }
#content-proposition-tours table tr td:first-child { width: 50%; text-align: left;}
#content-proposition-tours table tr td:last-child { width: 10%; text-align: center; color: red; font-weight: 300; font-size: 21px;}
#content-proposition-tours table tr td span { color: #6d6d6d; display: block; font-style: italic;}

#content-teasers-set { margin: 30px 0;}
#content-teasers-set ul li { float: left; width: 25%; text-align: center;}
#content-teasers-set ul li:first-child { text-align: left;}
#content-teasers-set ul li:last-child { text-align: right;}


#content-topics-tabs { margin: 30px 0;}
#content-topics-tabs ul li { float: left; padding: 0 24px 0 0; }
#content-topics-tabs ul li span { color: #6d6d6d; font-size: 14px; font-style: italic; font-weight: 700; border-bottom: 1px dotted #6d6d6d; cursor: pointer;}
#content-topics-tabs ul li span.current-select { font-size: 21px; color: #ec1c23; border: none; position: relative; top: -5px; }



#content-topics-nodes { padding: 0 0 0 20px; position: relative; margin: 0 -20px;}
.content-topics-node { width: 276px; margin: 0 30px 30px 0; float: left; }
.content-topics-node h2 a { font-style: italic; font-size: 15px; font-weight: 700; }
.content-topics-node h4 { margin: 4px 0; }
.content-topics-node h4 a { color: #696969; font-size: 11px; }
.content-topics-node-preview { margin: 10px 0; line-height: 16px; font-size: 12px; color: #333; }
.topics-block { display: none; }
.topics-block:first-child { display: block;}

#footer { padding: 30px 30px; }
#footer #copyright { font-size: 12px; color: #333; float: left;}
#footer #developer { font-size: 12px; float: right; color: #333; }

#tours-left { width: 230px; float: left; margin: 0 0px 0 0;}

#tours-right { float: right; width: 640px; }

#tours-left h2, #tours-right h1 { font-size: 19px; margin: 0 0 20px 0;}

.tours-node { background: #f5f5e9; border: 2px dotted #fff; border-bottom: none; padding: 20px 100px 20px 20px;}
.tours-node h2 { font-size: 15px;}
.tours-node .tours-node-price { position: relative; color: #ec1c23; font-size: 21px; float: right; margin: 0 -80px 0 0;}
.tours-node-date-information { font-size: 12px; margin: 5px 0;}
.tours-node-date-information span { margin: 0 5px 0 0;}
.tours-node-preview { font-size: 12px; color: #555; font-style: italic;}

.filter-tours h3 { margin: 15px 0; font-size: 17px; color: #333; }
.filter-tours .field { margin: 0 0 5px 0;}
.filter-tours .field label { color: #23aade; border-bottom: 1px dotted #23aade; font-size: 13px;}
.filter-tours .countries-list .field label { color: #222; border-bottom: none; font-size: 12px;}
.filter-tours .countries-list .field { float: left; width: 110px; margin: 0 5px 5px 0; }
#slider-range { margin: 10px 0 0 0;}

#content-proposition-annotation #countries-set a { text-decoration: none; border-bottom: 1px dotted #23aade;}

#content-proposition-annotation #countries-set a.current-select { text-decoration: none; border-bottom: none; color: #6d6d6d; ;}

.static-page-content h1 { font-size: 21px; margin: 0 0 24px 0;}
.static-page-content p { margin: 0 0 14px 0; line-height: 18px;}

.tour-content { line-height: 17px !important; font-family: Arial !important; }
.tour-content table { width: 100% !important; margin: 12px 0 !important; border:none !important; font-size: 13px !important;}
.tour-content table tr { background: #f5f5ea; border-top: 2px dotted #fff !important; border-bottom: 2px dotted #fff !important; border-left: none !important; border-right: none !important; }
.tour-content table tr td { padding: 2px !important; border:none !important; }
.tour-content table tbody tr td:first-child { text-align: center;}
.tour-content p { width: 100% !important; margin: 12px 0 !important;}
.tour-content iframe { width: 100% !important;}
.tour-content a { color: #23aade !important;}

.tour-dates h3 { margin: 0 0 5px 0;}
.tour-dates ul li { float: left; margin: 0 10px 0 0; background: #28aae8; color: #fff; font-size: 12px; padding: 5px 5px 4px 5px;}
.tour-dates { margin: 10px 0 30px 0;}
.breadcrumbs { margin: 0px 0 20px 0;}

.country-for-tour { margin: 0 0 40px 0;}
.country-for-tour ul { margin: 0 0 0 14px;}
.country-for-tour ul li { margin: 0 0 4px 0;}
.country-for-tour h2 { color: #444444; font-size: 14px !important;}

.country-manager h2 { 
  font-size: 17px !important;
  color: #F7931E;
  margin: 24px 0 10px 0;
}

.country-manager h3 {
  color: 333;
  font-weight: 700;
  margin: 10px 0;
}
.country-manager ul li ul { margin: 0 0 0 24px;}
.country-manager ul li ul li {
  margin: 5px 0;
}

.country-manager ul li ul li span { color: #777; font-weight: 700;}

.country-manager ul li ul li.icq { background: url('../images/icq.png') no-repeat; padding: 0 0 0 18px;}
.country-manager ul li ul li.phone { background: url('../images/phone.png') no-repeat;padding: 0 0 0 18px;}
.country-manager ul li ul li.email { background: url('../images/mail.png') no-repeat; padding: 0 0 0 18px;}

.photo-for-tour ul li { margin: 24px 0;}
.photo-for-tour ul li img {
border: 5px solid #fff;
-moz-box-shadow: -2px 5px 5px #888;
-webkit-box-shadow: -2px 5px 5px #888;
box-shadow: -2px 5px 5px #888; 
}

.file-download { float: right; margin: 10px 0;}
.file-download a { margin: 0 0 0 10px; font-size: 13px;}

#content-slider a { width: 540px; height: 200px; display: block;}
.operators-for-country ul li { margin: 0 0 6px 0; }

.tour-content ul li { list-style-type: circle !important;}

#contact-phone-company { position: absolute; margin: 4px 0 0 400px; font-size: 11px; color: #23aade; border-bottom: 1px dotted #23aade;}
#contact-phone-company:hover { border-bottom: 1px dotted #fff; cursor: pointer;}

#zakaz_tour, label[for=zakaz_tour] { display: none; }

.tour-order-form { margin: 24px 0; background: #10aab3 url('../images/order-background.jpg') repeat-x; padding: 24px; min-height: 340px;}
.tour-order-form h2 { color: #fff; font-size: 21px; margin: 0 0 24px 0;}
.tour-order-form h3 { display: none; color: #fff; font-size: 16px; margin: 0 0 24px 0;}
.tour-order-form label { color: #fff; }
.tour-order-form input[type=text], .tour-order-form textarea { position: relative; display: block; left: 200px; top: -16px; padding: 3px; width: 360px; font-size: 12px; color: #222;}
.tour-order-form input[type=image] { position: relative; margin: 24px auto 0 auto; width: 160px; display: block;}

.tour-content table, .tour-content table tr, .tour-content table tr td { border: 1px solid #666 !important; }

#contact-phone-form { background: #000; position: fixed; width: 100%; height: 100%; z-index: 999; }
#contact-phone-form .wrapper { margin: 24px 0; background: #10aab3 url('../images/order-background.jpg') repeat-x; padding: 24px; min-height: 270px; position: fixed; width: 500px; z-index: 2000; left: 50%; margin: 100px 0 0 -250px;}


#contact-phone-form h2 { color: #fff; font-size: 17px; margin: 0 0 24px 0;}
#contact-phone-form h3 { display: none; color: #fff; font-size: 16px; margin: 0 0 24px 0;}
#contact-phone-form label { color: #fff; }
#contact-phone-form input[type=text], #contact-phone-form textarea { position: relative; display: block; left: 200px; top: -16px; padding: 3px; width: 260px; font-size: 12px; color: #222;}
#contact-phone-form input[type=image] { position: relative; margin: 24px auto 0 auto; width: 160px; display: block;}

#close-pop { display: block; position: absolute; cursor: pointer; color: #fff; margin: -15px 0 0 470px; font-size: 12px; }

#contact-phone-form { display: none; }