@charset "utf-8";
/*
    © icw82 (normal css)
*/

/*  Памятка
html,body{background:rgb(255,255,255); font-family: Arial, Helvetica, sans-serif; height:100%;
font: 100%/140% "Lucida Grande", Arial, Helvetica, sans-serif}
*/
body{background:url(../img/bg-pattern-noise.jpg); font:100%/1.4 Tahoma, Geneva, sans-serif; min-width:1000px; color:rgb(255,255,255)}

a{color:rgb(255,230,95); border-bottom:1px solid rgb(255,230,95)}
a:hover{color:rgb(255,250,125); border-bottom:1px solid rgb(255,250,125)}

a.quoted{border:0 none}
a.quoted span{border-bottom:1px solid rgb(255,230,95)}
a.quoted:hover{border:0 none}
a.quoted:hover span{border-bottom:1px solid rgb(255,250,125)}

h1{color:rgb(255,245,190); font-size:135%}

#background{background:url(../img/bg-noise.jpg) center top no-repeat; min-height:1000px}

body.mainpage #background{background:url(../img/bg-cloud-noise.jpg) center top no-repeat}

/*#header{height:240px}
.section1{padding-left:10%; padding-top:55px; width:57%; float:left}
.section1 span{color:rgb(255,245,190); display:block; height:35px}
.section2{}

a.logo, a.logo2, a.logo:hover, a.logo2:hover{display:block; border:0 none}
a.logo{background:url(../img/logo.png); width:126px; height:119px; margin-top:56px}
a.logo2{background:url(../img/logo3.png); width:367px; height:89px; margin-left:-5px}
*/

#header{height:240px; padding-left:10%}

.logo{display:block; border:0 none}
.logo:hover{border:0 none}

.section1{width:65%; float:left; padding-top:55px; margin-left:-5px}
.section1 span{color:rgb(255,245,190); display:block; height:35px; padding-left:5px}
.section1 .logo{background:url(../img/logo3.png); width:367px; height:89px}

.section2{margin-top:56px; width:200px}
.section2 .logo{background:url(../img/logo.png); width:126px; height:119px}

#navigation{padding-left: 10%; background:rgb(255,230,95); font-size:120%; clear:both}
#navigation ul{overflow:hidden; margin-left:-15px; color:rgb(32,30,35)}
#navigation li{float:left; padding:2px 15px 1px 15px; height:31px}
#navigation li.active{background:rgb(255,244,176); color:rgb(105,95,55)}
#navigation a{color:rgb(32,30,35); border-bottom:1px solid rgb(32,30,35)}
#navigation a:hover{color:rgb(105,95,55); border-bottom:1px solid rgb(105,95,55)}

#content{clear:both; padding:20px 10%}

.trinity{padding-top:60px}
.trinity .col{width:33%; float:left}
.trinity .col div{background:url(../img/gold-back.png); width:239px; height:239px; padding:28px 0 0 28px; margin:0 auto}
.trinity .col div em{background:url(../img/gold.png); display:block; width:211px; height:211px}
.trinity .col div em.all{background-position:0 0}
.trinity .col div em.fast{background-position:422px 0}
.trinity .col div em.procent{background-position:211px 0}
.trinity p{color:rgb(255,245,190); font-size:135%; padding-top:15px; padding-left:10%}

.circle{background:url(../img/circles.png); width:48px; height:48px; float:left}
.doc-icon{background:url(../img/icon-doc.gif) no-repeat; display:inline-block; width:16px; height:16px; position:relative; top:2px}

/* рубль САЛ-стайл */
.rur{text-transform:uppercase; line-height:1em; position:relative;
/*//position: static; //margin: 0 -0.8ex 0 0; //display: inline-block;*/}
.rur span{position:absolute; overflow:hidden; width:0.45em; height:0.9em; left:1px; top:20%}
.rur span:before{content:'\2013'}

.conditions{padding-top:60px; margin:0 -24px}
.conditions .col{width:33%; float:left}
.conditions .first .pict{background:url(../img/picts.png) 0 10px no-repeat; width:240px; height:253px; margin:0 auto}
.conditions .second .pict{background:url(../img/picts.png) -240px 10px no-repeat; width:223px; height:253px; margin:0 auto}
.conditions .third .pict{background:url(../img/picts.png) -463px 0; width:227px; height:253px; margin:0 auto}

.conditions .number{padding-top:0; margin:0; padding-right:10%; height:48px}
.conditions .number .line{height:1px; background:rgb(85,75,65); margin-top:23px; margin-left:68px}
.conditions .first .circle{background-position:0 0}
.conditions .second .circle{background-position:-48px 0}
.conditions .third .circle{background-position:-96px 0}
.conditions .number .arrow{float:right; background:url(../img/circles.png) -240px 0; width:16px; height:48px;}

.conditions h1{padding:20px 24px 0 24px}
.conditions p{padding:12px 24px 0 48px}
.conditions ul{padding:0 24px 0 48px}
.conditions ul li{padding-left:1.4em; padding-top:8px}
.conditions ul em{margin-left:-1.2em}

.rulezz{width:60%; float:left; padding-top:100px; margin-left:-24px; clear:both}
.rulezz .circle{float:none; background-position:-144px}
.rulezz h1{padding:20px 24px 0 24px}
.rulezz ol{padding:14px 24px 0 48px}
.rulezz ol li{list-style-type:decimal; padding-top:16px; margin-left:1.4em}

.faq{width:32%; padding-top:100px; padding-left:8%}
.faq .circle{float:none; background-position:-192px}
.faq h1{padding:20px 24px 0 24px}
.faq .link{padding:20px 0 0 48px}

.main-faq{width:60%; float:left; padding-top:50px}

.faq-form{padding-top:50px; padding-left:8%}
.faq-form form{padding-top:18px}

.q-block{padding:30px 0 0 0}
.q-block .question{padding-left:48px; font:italic 100%/1.4 Georgia, "Times New Roman", Times, serif; color:rgb(255,245,190)}
.q-block .question .arrow{float:left; background:url(../img/circles.png) -256px -16px; width:13px; height:14px; margin-left:-22px; margin-top:4px}
.q-block .answer{padding:12px 0 20px 48px}

.ki-form{width:32%; float:left; padding-top:50px}
.ki-form form{padding-top:18px}

.ki{padding-left:8%; padding-top:50px}
.ki .tel{font-size:200%; display:block; padding-top:12px; padding-bottom:12px}
.ki .tel em{font-size:50%}
.ki #schema{margin:20px 0 0 0; clear:both; background-image:url(../img/schema.png); width:512px; height:387px}

#map{width:100%; height:500px; margin-top:20px;}
#map div{overflow: visible}

.sale{margin-left:-30px}
.sale .image{width:50%; float:left; margin:50px 0 30px 30px; -moz-box-shadow: 0 0 30px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.7); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7)}
.sale .image img{display:block; width:100%}
.sale .text{padding-left:8%; padding-top:50px}
.sale .text .price{font-size:130%}
.sale .text .name{font-size:300%; color:rgb(255,245,190)}
.sale .text .thumbnails{padding-top:12px}
.sale .text .thumbnails em{display:block; float:left; padding:2px 12px 2px 2px; cursor:pointer}
.sale .text .thumbnails em img{display:block}
.sale .text .thumbnails em.active{padding:0 10px 0 0}
.sale .text .thumbnails em.active img{border:2px solid rgb(255,230,95)}
.sale .text .description{padding-top:12px}

.row{clear:both}

.form{}
.form .bad{color:rgb(200,60,0)}
.form label{display:block; font-size:90%; padding-top:12px}
.form input,
.form textarea{display:block; background:rgb(30,20,31); border:1px solid rgb(43,32,43); padding:5px 8px; color:rgb(255,255,255); width:90%; margin-top:5px}
.form button{margin-top:25px}


#footer{border-top:1px dotted rgb(60,70,70); margin-top:70px; padding:40px 10% 100px 10%; font-size:90%; clear:both}
#footer p{padding-bottom:8px}
#footer .copyright{float:left; width:25%}
#footer .contact-information{float:left; width:38%; padding-right:6.5%}
#footer .tel{font-size:150%}
#footer .contact-information .type{font-size:70%}
#footer .studio{}

.browser-warning{padding-top:50px; clear:both}