/* Core
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container { width: 100%; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; background: #d2d2d2; font-size: 1em; font-family: PT Sans, Verdana, Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; position: relative; background-image: url(/design/images/bgimage.jpg); background-attachment: fixed; } /* body height 100% */

a { color: #0066cc; }
a:visited {  }
a:hover {  }
a:active {  }
.white a{ color:#FFFFFF!important }
#white{ color:#FFFFFF!important }

/* Layout Boxs
------------------------------ */

.page-layout { }
.layout-box { float: left; margin: 0; }

.lb-1 { width: 1000px; background: #003e53; width: 1000px; min-height: 130px;} /* 100% */
.lb-2 { width: 300px; } /* 30% */
.lb-3 { width: 400px; } /* 40% */
.lb-4 { width: 1000px; } /* 25% */
.lb-5 { width: 250px;  padding-top: 20px; } /* 25% */
.lb-6 { width: 715px; padding-top: 20px; padding-left: 35px;} /* 25% */
.lb-7 { width: 333px; text-align: center} /* 25% */
.lb-8 { width: 0px; height: 0px; background-color: #003e53;} /* 25% */

/* Demo Template
------------------------------ */

#page { width: 1000px; margin: 0 auto; background: #fff; }
#header { padding-bottom: 1em; border-bottom: 2px solid #ccc; margin-bottom: 1em; }
#col-left { float: left; width: 25%; }
#content { width: 73%; float: right; }
#footer { clear: both; padding-top: 1em; border-top: 2px solid #ccc; }

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden; border-left: 1px solid #FFFFFF; margin-left: 10px; font-size: 15px}
.menu-h li { float: left; list-style: none; padding: 0 .5em; border-right: 1px solid #FFFFFF; }
.menu-h a { text-decoration: none; display: block; color: #FFFFFF; text-transform: normal;  font-weight: normal;}
.menu-h a:hover { text-decoration: underline; }
.selected {text-decoration: underline;}

/* Vertical Menu
------------------------------ */

.menu-v {margin-left: 25px; padding-top: 10px; padding-bottom: 10px; margin-right: 5px;}
.menu-v li { padding: 2px 0; list-style-image: url(/design/images/arrowpoint.jpg);}
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none;}
.menu-v a { text-decoration: none; display: block; color: #FFFFFF;  padding-bottom: 6px;}
.menu-v a:hover { text-decoration: underline; }



blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }


.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, hr { margin-bottom: 11px; }

.box { margin: 11px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }


/*	Columns
------------------------------ */

.columns {  }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left;  }

.col-content { padding-right: 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */


.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }


/* Допстили
------------------------------ */
.logo{padding-left: 5px;}
.slogan {text-align: center; font-size: 110%; color:#2e378a; padding-top: 17px;}
.search {text-align: center; float: right; padding-right: 5px; color:#8e8e8e; font-weight: bold; font-size: 130%; padding-top: 12px;}
.menubg{background: #435361; width:1000px; height:50px; }
.searchfield {background-color: #494949; width: 300px; height: 57px;}
.mainmenu{padding-top: 15px;}
.searchform{color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: underline; padding-top: 3px; text-align: center;}
.leftmenublock {width: 250px; min-height: 200px; background-color: #435361; margin-left: 10px;}
.leftcontentblock {width: 250px; min-height: 300px; background-color: #eeeeee; margin-top: 20px;}
.leftnewsblock {width: 250px; min-height: 300px; margin-left: 10px; margin-top: 20px; margin-bottom: 20px;}
.leftblockcontent{padding: 10px;}
.leftblockcontent h3 {text-align: center; text-transform: uppercase;}
.maincontent h1 {color:#555353; font-size: 130%; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase;}
.maincontent ol li {margin-left: 3em;}
.maincontent ul li {margin-left: 3em; }
.maincontent {padding-right: 10px;}
.maincontent table { border-collapse: collapse; width: 100%; }
.maincontent table th, .maincontent table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
.socailbutton{padding-left: 5px; padding-top: 25px;}
.copy {text-align: center; padding-top: 25px; float: right; color:#FFFFFF; width: 333px;}
.newscontent {padding: 10px;}
.newscontent h3 {text-align: center; text-transform: uppercase; padding-bottom: 5px;}
dt {background-color: #435361; width: 90px; padding: 2px; color:#FFFFFF}
dd {padding-bottom: 15px;}
dd a{color: #555353;}
.news-title {font-weight: bold;}
.news-detail-link {float: right; padding-bottom: 10px; color: #435361;}
.news-date{background-color: #435361; width: 80px; padding: 2px; color:#FFFFFF;}
.callback{color:#8e8e8e;}
p {padding-bottom: 10px;}

/* Slider
------------------------------ */

.slider_wrap {
width:1000px;
height:300px;
position:relative;
overflow:hidden;
}
.slider_wrap img {
width:1000px;
height:auto;
display:none;
position:absolute;
top:0;
}
.slider_wrap img:first-child {
display:block;
}
.slider_wrap span {
margin-left: 5px;
margin-right: 5px;
margin-top:-13px;
width:15px;
height:26px;
display:block;
position:absolute;
top:50%;
cursor:pointer;
background:url(/design/images/slider2_arrow.png) no-repeat;
}
.slider_wrap span.next {
right:0;
background-position:-15px 0;
}
.slider_wrap span.next:hover {
background-position:-15px -26px;
}
.slider_wrap span.prev {
left:0;
background-position: 0 0;
}
.slider_wrap span.prev:hover {
background-position: 0 -26px;
}

input[type="text"] {
  display: block;
  margin: 0;
  width: 90%;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}



/* Каталог
------------------------------ */
div.catalog-section-list {float: left;}
div.catalog-s-l{float: left; padding: 10px; max-height: 250px; width: 680px; border: solid 3px #d3d3d3; margin: 3px; height: 300px;}
div.category-hor{ height: 1px; width: 172px; background: url(/design/images/category-hor-line.png); background-position: center;}
.imga {text-align: center; vertical-align: middle;}
.imga img {height: 250px; width: 375px; float: left; margin-right: 10px;}


.name {color: #adadad; font-weight: bold; text-decoration: none; margin-top: 200px;}
div.description {width: 100%; display: block; float: right; text-align: center;}
.button{
 text-decoration:none; 
 text-align:center; 
 padding:10px 57px; 
 border:solid 1px #435361; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:12px Verdana, Geneva, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#435361; 
  -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  }

.productname {text-align: center; height: 30px;}
.buttonmore {padding-top: 10px;}
.buttoreadnmore {margin-bottom: 10px; float: right;}
div.tovar {float: left; padding: 10px; max-height: 250px; width: 680px; border: solid 3px #d3d3d3; margin: 3px; height: 300px;}
div.tovar img{width: 1000px;}

.maincenter {padding-left: 15px;}

table.Design7 {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #c5c5c5;
	color:##2f2f2f; font-size:100%;
	width: 100%;
}

table.Design7 td {
    text-align:left;
    border: 0px;
    border: 1px solid #c5c5c5;
    padding: 0.1em 0.5em;
	color:##2f2f2f; font-size:100%;}
	
	
.plahabg{background: url(/design/images/fly.jpg); width: 1000px; height: 403px;}
.block1{width: 220px; background: #384692; min-height: 360px; float: left; margin-left: 15px; margin-right: 15px; margin-top: 20px;}
.blocktext{height: 40px; padding: 10px; color: #FFFFFF; text-align: center; font-size: 110%}

.blockname h3{margin-left: 10px; color: #384692; text-transform: normal; font-size: 95%; padding-bottom: 5px;}
.botslider {background-color: #f6f6f6; width: 100%; height: 100%; min-height: 130px;}
.botphone {color: #FFFFFF; text-align: center; padding-top: 10px; font-size: 100%;}
.piche {min-height: 150px; float: left;}

.imgPicture {
    display: inline-block;
    width: 160px;
    height: 120px;
    overflow: hidden;
    border: 5px solid #FFFFFF;
    background: #FFFFFF;
    outline: 1px solid #CCCCCC;
    margin: 5px;
    float: left;
  }
  .imgPicture img {
    width: 160px;
    border: none;
    margin: 0;
    padding: 0;
  }