/*
Theme Name: Twenty Eleven
Theme URI: http://wordpress.org/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* {
  float: none;       /* Screens are not big enough to account for floats */
  background: #fff;  /*  As much contrast as possible */
  color: #000;
}

/* Slightly reducing font size to reduce need to scroll */
body { font-size: 80%; }
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display:block;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px/1.231 sans-serif; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
body, select, input, textarea { 
  color: #444;
    
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }


/*input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }*/
/*body::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
body::selection { background:#FF5E99; color:#fff; text-shadow: none; } */
/*a:link { -webkit-tap-highlight-color: #FF5E99; } */
button {  width: auto; overflow: visible; }
/* .ie7 img { -ms-interpolation-mode: bicubic; }*/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important;    
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	} 
.clearfix:after { clear: both; }
.clearfix { clear: both;display: block;width:100%;}

 /* Primary Styles
    Author: 
 */

body { background: #fff /* url(images/bg-body.png) no-repeat top center */;}

#container {position:relative;z-index:10; width: 980px; min-width: 780px; margin: 0 auto; text-align: center;}

header { width: 100%; height: 210px; float: left; clear: both;     margin-bottom: 20px;   margin-top: -25px;}
header .logo a { float: left; margin: 0 0 0 10px; text-indent: -9999px; display: block; width: 350px; height: 230px; background: transparent url(images/logo.png) no-repeat top center;}
header ul.logo-nav { float: left; margin: 14px 20px 0 20px; }
header ul.logo-nav li { margin: 8px; list-style: none none; }
header ul.logo-nav li a { text-decoration: none; font: 1.275em/145% normal Verdana,Tahoma,sans-serif; color: #1e90ff; }
header ul.main-nav { float: right; margin: 165px 0px 0 0px; }
header ul.main-nav li { margin: 8px 5px; list-style: none none; float: left;}
header ul.main-nav li a { text-decoration: none; font: 1.275em/145% normal Verdana,Tahoma,sans-serif; color: black; }

#main, footer { background: transparent; width: 100%; float: left; margin: 0px auto 20px auto; clear: both;}
#main #banner { width: 100%; float: left; margin: 50px auto 20px auto; clear: both; text-align: center; }
#main #banner h2 { font: 2.5em/145% normal Verdana,Tahoma,sans-serif; color: #c71585; }

#main .left { float: left; width: 60%; margin: 15px;}
#main .right { float: left; width: 30%; margin: 15px;}
#main h2.shipment { float: right; margin: 10px 20px 10px 0; font: 1.25em/145% normal Tahoma,sans-serif; color: #1e90ff }

#content h2,#news h2, #partners h2 { font: 1.567em/118% normal Verdana,Tahoma,sans-serif; margin: 20px;}
#main p, #news li { font: 1.125em/145% normal Tahoma,sans-serif; margin: 8px; }

#vodobur {margin: 50px auto; float:left;width:980px;position:relative;background: url(images/vodobur.jpg) no-repeat center top;}
.yoxview_ctlBtn {top: 0;}
#vodobur .link {position:absolute !important;bottom:0;left:-15px;}
#vodobur .link .text {width:auto !important;}
#vodobur .list {width:100%; display: block; float: left;}
#vodobur .list li {padding:0px 10px 20px 0px; margin:0px 380px 0px 0; float: left; width: 270px;  list-style: none none inside; }
#vodobur .list li p.lcircle { background: transparent url(images/licr.png) no-repeat;
margin: 0px; font: bold 24px arial,sans-serif; color: #87cefa; float: left; 
width: 48px; text-align: center; height: 48px; padding-top: 10px;}
#vodobur .list li h3 {float: left;}
#vodobur .list li p {margin:0px 0 10px 60px; font: normal 1.187em/125% arial,sans-serif; float: left;    clear: both; }
#vodobur .list li.right {margin:10px 10px 10px 0;}
#vodobur .list li.right.active {background:url(images/arrow-r.png) no-repeat left bottom;}
#vodobur .list li.active {background:url(images/arrow-l.png) no-repeat right bottom;}
#vodobur .list li .title {color: #1e90ff;font: normal 1.487em/135% arial,sans-serif;
margin: 10px 0px 10px 0px;float: left;width: 195px;}
#vodobur .list .new-class-li h3 {min-height: 52px;}
#vodobur .list .new-class-li p {margin-left: 0;}
#vodobur .list li.active .title {color: red;}
#vodobur .list li.active p.lcircle {color: red; background: transparent url(images/licb.png) no-repeat;}
#vodobur .list li .building_image {background: transparent url(images/accent.png) no-repeat left top;position:absolute;width:150px;height:150px;}
#vodobur .list li.step_1 .building_image {top:140px !important;left:408px !important;}
#vodobur .list li.step_2 .building_image {top:0px !important;left:400px !important;}
#vodobur .list li.step_3 .building_image {top:430px !important;left:407px !important;}
#vodobur .list li.step_4 .building_image {top:480px !important;left:470px !important;}
#vodobur .list li.step_5 .building_image {top:455px !important;left:320px !important;}
#vodobur .list li.step_6 .building_image {top:550px !important;left:380px !important;}
#vodobur .list li.none.top { margin: 40px 10px 30px 0;}
#vodobur .list li.none { margin: 10px 10px 30px 0; width: 450px;}
#vodobur .list .new-class-li {float: left !important;margin: 0 !important;width:  235px !important;}

div.yoxview { float: left; width: 490px; clear:both;}
div.about { float: left; width: 450px; margin: 0 0 40px 40px; }

header, footer, #main { text-align: left; z-index: 99999;
    display: block;}

footer p.dp { float:right; clear: right; color: #ff4500; }
footer {background: transparent;display: block;font: normal 1.287em/135% arial,sans-serif;padding: 60px 40px 10px 40px;	}

h2#pos {float: left; margin-top: -5px; }
span.posmishka  {background: transparent url('images/url-posmishka.png') no-repeat right center;
color: #dfdfdf;font:11px Arial,Helvetica,sans-serif;margin:20px 0 10px 0px;overflow:visible;padding:10px 25px 10px 0;position:relative;}
span.posmishka a{	color:#dfdfdf;}
span.posmishka a:hover{	color: #ff4500;}
span.posmishka:hover {background-image:url('images/url-posmishka-up.png');}
/*

 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */}
@media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */}
@media screen and (max-device-width: 480px) {  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
/*@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}*/
.adr,.adr span{
	color: #ff4500 !important;
}
.header-phone {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 18px;
    text-align: right;
}
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
#boxes .window {
    position:fixed;
    left:0;
    top: 100px;
    -top: 40px;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding: 20px;
    overflow: hidden;
}  
#boxes #dialog {
    padding: 40px 10px 0 10px;
    background: #fff;
    width: 400px;
    min-height: 98.72000026702881px;
    height: auto;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin-left: -210px;
}  
#boxes2 .window2 {
    position:fixed;
    left:0;
    top: 100px;
    -top: 40px;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding: 20px;
    overflow: hidden;
}  
#boxes2 #dialog2 {
    padding: 40px 10px 0 10px;
    background: #fff;
    width: 400px;
    min-height: 98.72000026702881px;
    height: auto;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin-left: -210px;
    left: 50%;
}  
.close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 20px;
    text-decoration: none;
}
.close:hover{
	text-decoration: none;
}
h1 {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.order {
    display: block;
    width: 150px;
    margin: 0 auto;
    font-size: 24px;
    text-decoration: none;
    color: #fff !important;
    background: #FF0033;
    clear: both;
    padding: 5px 21px;
    text-align: center;
}
#dialog p{
	margin-bottom: 20px;
}
#dialog input{
	width: 373px;
	padding: 5px 10px;
	display: block;
	margin: 0 auto;
}
#dialog2 p{
  margin-bottom: 20px;
}
#dialog2 input{
  width: 373px;
  padding: 5px 10px;
  display: block;
  margin: 0 auto;
}
.wpcf7-submit{
	text-align: center;
	border: none;
	display: block;
    width: 150px !important;
    margin: 0 auto;
    font-size: 24px;
    text-decoration: none;
    color: #fff;
    background: #FF0033;
    clear: both;
    padding: 5px 21px;
    cursor: pointer;
}
.dialog-title{
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 15px;
}
.jcarousel-wrapper h2{
  color: #000;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
.width200{
  width: 295px !important;
}
.width200left{
  float: left !important;
}
.width200right{
  float: right !important;
}
#map_canvas2{
  width: 470px;
  height: 400px;
  float: left;
  margin-top: -110px;
}
#main .wpcf7-form{
  float: left;
  margin-right: 10px;
  width: 500px;
}
.map-page .wpcf7-form input,
.map-page .wpcf7-form textarea{
  width: 100%;
}
.zap {
    float: left;
    margin: 0 25px 20px 0;
    text-align: center;
    font-size: 16px;
}
.zap:nth-child(3n){
  margin-right: 0;
}
.zap-title{
  margin-bottom: 10px;
  text-transform: uppercase;
}


.zap-image {
  width: 280px;
  padding-bottom: 20px;
}
.zap-price {
  width: 150px;
  text-align: right;
}
.zap-text p {
  margin:0 0 10px !important;
}
.metaslider{
  height: 130px;
    z-index: 1;
    display: block;
    float: left;
}