/* 
    Document   : main.css
    Created on : 16.11.2013, 07:00:00
    Author     : Eugene Levashov
    Description:
        Main stylesheet for all the pages for the site.
*/

/* Common classes */
.width850 {width: 850px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.clear {clear: both;}
.highlight {background-color: #ff0;}
.error, .red {color: #f00;}
.green {color: #0f0;}
.blue {color: #00f;}
.indent {text-indent: 15px;}
table.characteristic { /*страница с крестами*/ 
	font-size: 1.25em;
}
table.characteristic p {
	margin-bottom: 5px;
}
table.characteristic-price { /*страница с крестами*/
	width: 100%;
    border: 1px solid #000;
    font-size: 1.5em;
}
table.characteristic-price th {
    border-bottom: 1px solid #000;
}
table.characteristic-price td:last-child {
    width: 25%;
}
table.characteristic-photos { /*страница с крестами*/
	width: 100%;
}
table.characteristic-photos td { /*страница с крестами*/
	width: 50%;
	text-align: center;
	padding-bottom: 10px;
}
table.characteristic-photos p {
	margin-bottom: 5px;
}
.hidden {display: none;}
.link{color: #00f;}
.link:hover{cursor: pointer;}
.round7 {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
}
.button{
width: 150px;
height: 25px;
background-color: #064E5A;
font-weight: bold;
font-size: 1.4em;
color: #fff;
padding-top: 7px;
text-align: center;
cursor: pointer;
}

fieldset {
	padding: 10px;
	margin-bottom: 15px;
}
input[type="radio"] {
	margin-right: 2px;
}
fieldset span {
	margin-right: 20px;
}

* {
margin: 0;
padding: 0;
}
body {
font: 12px Arial,Tahoma,'Roboto Condensed',sans-serif;
width: 100%;
}
h1, h2, h3, h4, h5, h6 {
color: rgb(28, 77, 147);
}
h1{
font: 35px/45px 'Roboto Condensed',sans-serif;
padding: 38px 0px 15px;
}
h2{
font: 24px/35px 'Roboto Condensed',sans-serif;
padding: 29px 0px 14px;
}
p{
margin-bottom: 20px;
}
.page{
width: 1000px;
margin: auto;
}
.page-left{
float: left;
width: 799px;
}
.page-right{
margin-top: 15px;
float: left;
width: 199px;
text-align: center;
}

.call-us{
background: url(/images/warning.png) no-repeat scroll 20px 15px rgb(77, 83, 93);
padding: 15px 50px 15px 60px;
color: rgb(255, 255, 255);
margin-bottom: 20px;
font-size: 14px;
backcolor: rgb(172, 234, 106);
}

/* Content */
#content-wrapper{
background: url(/images/bg-main.png) repeat-x scroll 0% 0% rgb(243, 244, 246);
padding-bottom: 20px;
}
#content-wrapper ul{
margin-left: 20px;
}
#content-wrapper img{
margin: 0 10px;
}
.content-half {
float: left;
width: 460px;
padding: 10px;
margin: 10px;
height: 100px;
font: bold 20px/26px 'Roboto Condensed',sans-serif;
background-color: #aaa;
}

/* Topmost menu */
#mtopmost-wrapper{
height: 32px;
background: url(/images/bg-top1.png) repeat-x;
}
.mtopmost{
text-transform: uppercase;
font: 16px 'Roboto Condensed',sans-serif;
padding-top: 6px;
}
/*
noindex:-o-prefocus, .mtopmost{
margin: 3px 0;
}
*/

.mtopmost li {
display: inline;
margin-left: -5px;
}
.mtopmost a{
text-decoration: none;
text-shadow: 0px -1px 0px rgb(6, 84, 172);
color: #fff;
border-right: 1px solid #aaa;
padding: 8px;
}
.mtopmost a:hover{
border-right: 1px solid transparent;
background: #165e91;
	background: -moz-linear-gradient(top,  #165e91 1%, #1971ae 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#165e91), color-stop(100%,#1971ae));
	background: -webkit-linear-gradient(top,  #165e91 1%,#1971ae 100%);
	background: -o-linear-gradient(top,  #165e91 1%,#1971ae 100%);
	background: -ms-linear-gradient(top,  #165e91 1%,#1971ae 100%);
	background: linear-gradient(to bottom,  #165e91 1%,#1971ae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#165e91', endColorstr='#1971ae',GradientType=0 );
}
.mtopmost .first a{
border-left: 1px solid #aaa;
margin-left: 5px;
}
.mtopmost .first a:hover{
border-left: 1px solid transparent
}

/* Info Header */
#head2{
height: 125px;
}
#logo{
height: 100px;
width: 331px;
float: left;
margin-top: 13px;
background: url(/images/logo2.jpg) center center no-repeat 
}
#phones{
float: left;
width: 310px;
height: 100px;
margin-left: 97px;
margin-top: 3px;
}
.phones_capt{
color: rgb(63, 69, 77);
font: bold 12px/18px 'Roboto Condensed',sans-serif;
}
.phones_item{
color: rgb(28, 77, 147);
font: bold 20px/24px 'Roboto Condensed',sans-serif;
}
#phones .icon-target{
background: url(/images/bg-target.png) no-repeat;
width: 10px;
height: 14px;
display: inline-block;
margin: 9px 5px -6px 1px;
}
#phones a{
color: rgb(0, 130, 205);
font-size: 11px;
border-bottom: 1px dashed rgb(0, 130, 205);
text-decoration: none;
}
#callback{
float: left;
width: 150px;
height: 100px;
margin-top: 13px;
margin-left: 107px;
}
#callback input{
width: 125px;
font-weight: bold;
border-width: 2px;
}

/* Button Menu for Products */
.button-menu{
background-color: rgb(225,225,225);
padding: 20px;
height: 50px;
}
.button-menu h3{
float: left;
}
.button-menu-btn{
float: left;
width: 130px;
height: 20px;
margin: -5px 0 0 10px;
border: 1px outset #aaa;
background-color: #ccc;
border-radius: 5px;
text-align: center;
padding-top: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
}
.button-menu .active{
border: 1px inset #00a;
background-color: #00c;
color: #fff;
cursor: none;
}

/* Specifications */
table.spec {
width: 900px !important;
margin: 0  50px 60px 50px;
}
table.spec td {
border-bottom: 1px dashed #aaa;
text-align: center;
}
table.spec td.fcol {
text-align: left;
}
table.spec td.lcol {
text-align: right;
}


/* examples of work */
#examples{
height: 150px;
background-color: rgb(240, 240, 240);
border: 1px solid #000;
}
#examples-caption{
position: relative;
top: -12px;
left: 20px;
width: 155px;
background-color: rgb(240, 240, 240);
color: rgb(68, 74, 83);
font: bold 18px/20px 'Roboto Condensed',sans-serif;
}
#examples img.example{
border: 2px solid #999;
float: left;
display: block;
max-width: 100%;
height: auto !important;
}
#examples-prev, #examples-next {
position: absolute;
top: 40px;
width: 30px;
height: 30px;
text-align: center;
background: #22d;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 4px #22a;
-moz-box-shadow: 0 0 4px #22a;
box-shadow: 0 0 4px #22a;
}
#examples-prev {
    left: 5px;
}
#examples-next {
    right: 5px;
}
#jcarousel-wrapper {
width: 998px;
position: relative;
}
#jcarousel{
position: relative;
overflow: hidden;
width: 935px;
left: 35px;
float: left;
}
#jcarousel ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#jcarousel li {
width: 165px;
float: left;
margin-right: 20px;
}

/* Footer */
#footer-wrapper{
height: 270px;
background: url(/images/bg-footer.jpg) repeat;
color: rgb(63, 69, 77);
}
/* Footer Catalog */
#catnav{
display: inline-table;
width: 750px;
float: left; /* for div with info(logo, addr, etc) */
}
.catfolder-wrapper{
width: 250px;
float: left;
color: rgb(28, 77, 147);
font: bold 16px/22px 'Roboto Condensed',sans-serif;
margin: 35px 0;
}
.catfolder{
margin: 20px 10px;
}
.catfolder a{
color: rgb(70, 76, 85);
text-decoration: none;
font: 12px/25px Arial,'Roboto Condensed',sans-serif;
padding-top: 15px;
}
.catfolder a:hover{
text-decoration: underline;
}
/* Info in the footer */
#footer-info{
width: 250px;
float: left;
margin: 20px 0;
}
#footer-info div{
margin-left: 10px;
}
#footer-info .phones_capt{
font-size: 16px;
line-height: 22px;
}
/* Counters */
#footer-info #counters{
margin: 70px 100px;
}


/* Carousel */
#carousel-wrapper{
width: 100%;
}
#carousel{
position: relative;
overflow: hidden;
width: 1000px;
height: 332px;
}
#carousel ul{
width: 20000em;
position: relative;
list-style: none;
margin: -10px;
padding: 0;
}
#carousel li{
float: left;
width: 1000px;
height: 332px;
}
#carousel .comment{
float: left;
width: 460px;
text-align: center;
}
#carousel .comment .c1 {
color: rgb(28, 77, 147);
font: 35px/45px 'Roboto Condensed',sans-serif;
}
#carousel .comment .c2 {
color: #a00;
font: 25px/35px 'Roboto Condensed',sans-serif;
}

.carousel-pagination {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin-top: 0;
margin-bottom: 10px;
}
.carousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #fff;
color: #4E443C;
border-radius: 10px;
text-indent: -9999px;
margin-right: 7px;

-webkit-box-shadow: 0 0 2px #4E443C;
-moz-box-shadow: 0 0 2px #4E443C;
box-shadow: 0 0 2px #4E443C;
}
.carousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;

-webkit-box-shadow: 0 0 2px #F0EFE7;
-moz-box-shadow: 0 0 2px #F0EFE7;
box-shadow: 0 0 2px #F0EFE7;
}


/* Questions (FAQ) */
a.faq_nav{
font: 18px/24px 'Roboto Condensed',sans-serif;
text-decoration: none;
color: rgb(2, 133, 205);
outline: medium none;
}
.faq_item{
background-color: #ccc;
border: 1px solid #aaa;
margin-bottom: 10px;
}
.faq_question{
height: 37px;
font: 14px/37px Arial;
cursor: pointer;
padding-left: 10px;
}
.faq_answer{
margin: 2px;
background-color: #eee;
padding: 5px 10px;
}
.faq_answer p{
padding: 0;
margin: 0;
}

/* Articles */
.publishedon{
margin-top: -20px;
padding-bottom: 10px;
}
.readmore{
padding-bottom: 20px;
}

/* News */
.news_closed{
background: url(/images/padlock.png) no-repeat;
padding-left: 120px;
}

.loginForm{
margin-bottom: 5px;
}
.loginLoginFieldset{
padding: 5px 10px;
}
.loginLegend{
font-weight: bold;
}

/* Order price-list button and form */
.message{
padding: 15px;
border: 1px solid #000;
background-color: #cc2;
font: 18px/24px 'Roboto Condensed',sans-serif;
}
#btn-order-pricelist, #btn-subscribe{
position: relative;
width: 300px;
left: 350px;
padding: 10px;
text-decoration: none;
}

/* Calculator button on the right */
a.calc-button {
position: fixed;
top: 200px;
right: 0;
cursor: pointer;
z-index: 10000;
}
div.calc-button { /*calculator image at the right of the screen*/
width: 120px;
height: 154px;
background: url(/images/calc.gif);
/*background-position-x: 21px;*/
background-repeat: no-repeat;
}
div.calc-btn { /*calculator buttons*/
position: relative;
top: 15px;
padding: 22px 10px;
font-size: 24pt;
width: 800px;
left: 100px;
text-decoration: none;
}
div.calc-btn:hover {
background-color: #25d;
color: #c11;
}
.calc-btn-a {
	text-decoration: none;
}
/*
div.calc-button:hover {
background-position-x: 0;
width: 120px;
height: 256px;
background: url(/images/calc.png);
background-position-x: 11px;
background-repeat: no-repeat;
}
*/

/* Order form for pricelist and calculator */
#order-form{
width: 200px;
padding: 10px;
margin: 10px;
border: 1px solid #000;
}
#order-form h1,h2{
text-align: center;
font-weight: bold;
margin: 0px;
padding: 0px;
}
#order-form h1{
font: 24px/28px Arial;
font-weight: bold;
margin-bottom: 10px;
}
#order-form h2{
font: 18px/22px Arial;
}
#order-form input, textarea{
margin-top: 10px;
}
#order-form input[type="text"],textarea{
width: 195px;
height: 25px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}
#order-form textarea{
height: auto;
resize: none;
}
#order-form input[type="checkbox"]{
display: block;
width: 15px;
height: 15px;
float: left;
margin-top: 17px;
}
#order-form input.error{
border-color: #f00;
}
#order-form div.button{
margin-top: 35px;
margin-left: 25px;
}
#order-form div.error{
margin-top: 10px;
text-align: center;
font-weight: bold;
}
#order-form div.label {
margin-top: 10px;
margin-left: 5px;
float: left;
width: 170px;
}

/* MAXI */
a.maxi-plan > img{
padding: 10px;
margin: 0px;
opacity: 1;
}

a.maxi-plan:hover > img{
background-color: #d22;
opacity: 0.75;
}

/* Subscriptions */
#unsubscribe-wrapper {
width: 800px;
margin-left: 100px;
}
#unsubscribe-wrapper input[type="text"] {
width: 250px;
height: 25px;
}
#unsubscribe-wrapper input[type="submit"] {
height: 30px;
width: 150px;
margin-top: 10px;
}

/* Pagination */
div.pagination {
margin-left: -20px;
}
ul.pagination > li {
display: inline;
margin-right: 5px;
}
ul.pagination > li > a {
text-decoration: none;
font-weight: bold;
color: #fff;
padding: 5px 10px;
border: 1px solid #333;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
background-color: #55f;
font-size: 14px;
}
ul.pagination > li.active > span, ul.pagination > li.disabled > span {
text-decoration: none;
font-weight: bold;
color: #000;
padding: 5px 10px;
border: 1px solid #111;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
background-color: transparent;
font-size: 14px;
}
ul.pagination > li.active {

}
ul.pagination > li > a:hover {

}

/* after 14 Jan, 2019 */
a.banner > img {
	border-left: 2px solid #bbb;
	border-top: 2px solid #bbb;
	border-bottom: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
}

/* some pieces of new Ryzhov's design */
/* Product Menu (on the header) */
#prodnav-wrapper{
padding-top: 5px;
height: 125px;
background: url(/images/bg-top3.png) repeat-x;
text-align: center;
}
div.prodnav{
height: 115px;
text-align: center;
display: inline-table;
}
.prodnav div{
width: 130px;
height: 115px;
float: left;
border: 3px solid #5b6885;
border-top-color: #aabbaa;
border-left-color: #aabbaa;
border-radius: 7px;
background: rgb(255,212,3) linear-gradient(#fff, #096c9b);
box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
transition: box-shadow .2s, border-color .2s;
margin-right: 5px;
}
.prodnav div:hover{
background: url(/images/bg-prod-hover.png) no-repeat;
border: 3px solid #5b6885;
border-bottom-color: #aabbaa;
border-right-color: #aabbaa;
}
.prodnav .active {
background: url(/images/bg-prod-hover.png) no-repeat;
border: 3px solid #555;
color: #000;
}
.prodnav div a{
height: 115px;
display: block;
font: 14px/18px 'Roboto Condensed',sans-serif;
color: #fff;
text-align: center;
}
.prodnav div img{
margin: 5px;
}
/* Search - decided 2 remove
.sisea-results {
font-size: 14px;
}
.sisea-highlight {
font-weight: bold;
background-color: #77f;
}
.sisea-paging {
margin-bottom: 15px;
}
.sisea-page {
font-size: 14px;
}
#sisea-wrapper {
position: absolute;
top: 158px;
left: 30px;
width: 172px;
background-color: #064E5A;
padding: 3px;
border-radius: 3px;
z-index: 19999;
}
#sisea-submit {
cursor:pointer;
border: 0;
height: 20px;
width: 20px;
border-radius: 5px;
-o-transition: background-color 0.05s, color 0.05s;
transition: background-color 0.05s, color 0.05s;
background: #a55030 url(/images/search.png) no-repeat;
background-position: 3px 3px;
margin-left: -2px;
}
*/
/*#sisea-search-form-top > input:first-child{ /*search phrase input*/
/*height: 18px;
border: 0;
border-radius: 3px;
width: 150px;
}*/

/* Calculator */
#calc-video-btn, #video-type-fieldset, #video-sliders, #video-modules, #video-calc-info{
display: none;
}
.ui-tabs-anchor {
font-size: 2.5em;
}
#calc{
position: relative;
width: 100%;
/*
background-color: #aaa;
padding: 5px 20px;
*/
}
#calc #tabs li {
border-width: 3px;
border-bottom: 1px;
line-height: 40px;
margin: 0;
}
#calc #tabs li.ui-state-active a{
color: #000;
}
#calc #tabs li.ui-state-default a:hover{
color: #000;
}
#calc h2,h4{
text-align: center;
}
#calc h4{
color: #000;
padding-bottom: 20px;
}
#calc p, #calc fieldset{
margin-bottom: 5px;
font: 14px Arial;
}
#calc #slider-width, #slider-height, #slider-video-width, #slider-video-height{
margin-bottom: 15px;
}
#calc>.button{
position: relative;
left: 650px;
}
#calc-info{
position: relative;
margin-top: 15px;
}
.calc-module {
border-bottom: 1px solid #000;
padding: 5px 0;
margin-top: 10px;
}
.calc-module-name, .calc-module-price, .calc-module-order{
display: table-cell;
font: 18px/24px 'Roboto Condensed',sans-serif;
height: 30px;
}
.calc-module-name{
width: 550px;
color: #333;
padding-left: 5px;
}
.calc-module-price{
width: 150px;
left: 401px;
color: #d22;
font-weight: bold;
text-align: right;
padding-right: 10px;
}
.calc-module-order{
left: 551px;
width: 130px;
}
#calc-modules .button, .calc-module .button {
padding-top: 3px;
color: #fff;
}
#calc-modules p {
font-size: 12px;
text-indent: 15px;
}