/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: screen.css
* Description: Основной файл стилей
* Website: Интернет-магазин шин
* Author: m1ron
*/



/* _default styles reset
/* _default styles reset
========================================== */
#mess{visibility:hidden;position:absolute;z-index:9000;background-color:#f5fafe;}

.bg_white
{
background:white;
}
.sIFR-flash {
margin:0;
visibility:visible !important;
}
.sIFR-replaced {
visibility:visible !important;
}
span.sIFR-alternate {
width:0;
height:0;
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display:none !important;
}
object,embed {display:block;position:relative;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1.sIFR,
.sIFR-hasFlash h2.sIFR,
.sIFR-hasFlash h3.sIFR, {
width:100%;
position:relative;
white-space:nowrap;
overflow:hidden;
visibility:hidden;
}

.inactive{display:none;}

html {
width:100%;
height:100%;
padding:0;
margin:0;
font:13px/18px Tahoma, Helvetica, sans-serif;
}
body {
width:100%;
height:100%;
padding:0;
margin:0;
color:#5b5b5c;
background:#e4e4e4 url('/css/leto/img/body.png') repeat-x 0 0;
}

p {margin:0 0 18px 0;}
a {color:#718477;text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}

ul {padding:0;margin:0 0 18px 24px;list-style-type:disc;}
td, th {padding:0;}
dfn, var, address {font-style:normal;}

form, input, select, label, textarea, button {margin:0;}
input.text {font:13px Tahoma, Helvetica, sans-serif;color:#5b5b5b;}
select {font:13px Tahoma, Helvetica, sans-serif;color:#5b5b5b;}
input.submit {padding-top:5px;padding-bottom:5px;border:none;cursor:pointer;font:bold 13px Tahoma, Helvetica, sans-serif;color:#fff;background:#5f9a6f;}


/* _my universal styles  */
.both {
width:100%;
clear:both;
overflow:hidden;
}
.clear {
width:100%;
height:0px;
clear:both;
overflow:hidden;
display:block;
}



/* _wrap
========================================== */
#wrap {
width:100%;
min-width:980px;
max-width:1600px;
padding-bottom:60px;
margin:0 auto;
position:relative;
z-index:1;
}
#bg {
width:100%;
min-width:980px;
position:absolute;
top:50px;left:0;
z-index:0;
/* background:url('/css/leto/img/bg.png') no-repeat 100% 0; */
height: 400px;
}



/*
== headers ================================ */
h1, h2, h3, h4, h5, h6 {
margin:0;
font-family:Tahoma, Helvetica, sans-serif;
font-weight:normal;
}
h1 {
margin:0 0 6px 0;
font-size:30px;
line-height:normal;
font-weight:normal;
color:#415468;
}
h2 {
font-size:24px;
line-height:24px;
font-weight:normal;
color:#415468;
}
h1 img, h2 img {
display:block;
}
h3 {
font-size:16px;
font-weight:bold;
color:#5e8869;
}
h4 {
font-size:14px;
font-weight:bold;
color:#5e8869;
}


/*
== header ================================ */
#header {
width:92%;
position:relative;
left:4%;
}

#top {
padding:0 10px;
margin-bottom:4px;
position:relative;
}
#top .l, #top .r {
width:10px;
height:45px;
position:absolute;
background:white;
}
#top .l {
top:0;
left:0;
}
#top .r {
top:0;
right:0;
}
#top .c {
min-height:55px;
background:white;
}
#top img {
display:block;
}


#top .cart {
padding:0 0 0 49px;
position:absolute;
top:8px;left:2.4%;
color:#63796a;
line-height:13px;
cursor:default;
background:url('/css/leto/img/ico/cart.png') no-repeat 0 5px;
}
#top .faq {
padding:0 0 0 49px;
position:absolute;
top:8px;left:35.1%;
color:#63796a;
line-height:13px;
cursor:default;
background:url('/css/leto/img/ico/faq.png') no-repeat 0 5px;
}
#top .phone {
padding:0 0 0 49px;
position:absolute;
top:8px;left:69.8%;
color:#63796a;
line-height:13px;
cursor:default;
background:url('/css/leto/img/ico/phone.png') no-repeat 0 5px;
}


.block {
padding:0 10px;
margin-bottom:4px;
position:relative;
}
.block .t, .block .b {
width:100%;
height:10px;
overflow:hidden;
position:relative;
background:#fff;
}
.block .c {
width:100%;
padding:0 10px;
margin:0 -10px;
background:#fff;
}
.block .c:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}



.tl, .tr,
.bl, .br {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
z-index:1;
background:url('/css/leto/img/border-radius.png') no-repeat 0 0;
}
.tl {
left:0;
top:0;
background-position:0 0;
}
.tr {
right:0;
top:0;
background-position:-10px 0;
}
.bl {
left:0;
bottom:0;
background-position:0 -10px;
}
.br {
right:0;
bottom:0;
background-position:-10px -10px;
}


#menu .c {
min-height:33px;
}
#menu ul { 
width:97% !important; 
margin:0; 
list-style:none; 
overflow:hidden; 
font-size:14px; 
font-weight:bold; 
line-height:33px; 
float:left; 
}
#menu ul li {
float:left;
padding:0;
text-align:center;
width:16%;
}
#menu ul li a {
border-left:1px solid #e3e3e3;
display:block;
color:#718477;
}
#menu ul li:first-child a,
#menu ul li.first-child a {
border:none;
}


#landscape {
height:266px;
margin:0 0 4px 0;
position:relative;
overflow:hidden;
}
#landscape .bg {
width:100%;
height:263px;
padding:0 10px;
margin:0 -10px;
position:relative;
z-index:0;
background:url('/css/leto/img/landscape.jpg') no-repeat 0 0;
}
#landscape .tl, #landscape .tr,
#landscape .bl, #landscape .br {
z-index:10;
background-image:url('/css/leto/img/border-landscape.png');
}

/*
== header ================================ */
#footer {
width:92%;
position:relative;
left:4%;
}
#footerspace {
position:relative;
}
#footer .c {
padding-top:58px;
}
#footer .margin {
margin-right:45px;
}
#footer .copyright {
padding:19px 0 13px 0;
border-top:5px solid #bfc3c5;
margin:0;
display:block;
}
#footer a {
color:#247bbd;
}



/*
== content ================================ */
#content {
width:92%;
margin:0 auto;
position:relative;
}
#contentspace {
padding:0 7px;
margin:0;
position:relative;
}
#content .c {
padding:0 7px;
margin:0 -7px;
position:relative;
z-index:2;
}
#content .t, #content .b {
height:7px
}
#content:after, .two:after, .three:after, .service:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}

.three {
margin:0 0 8px 0;
position:relative;
}
.three .col {
width:33%;
float:left;
overflow:hidden;
position:relative;
}
.three .col2 {
left:0.5%;
}
.three .col3 {
float:right;
}
.border1px {
border:1px solid #e1e1e1;
position:relative;
}
.border1px .in {
padding:14px 14px 28px 14px;
}
.border1px .tl, .border1px .tr,
.border1px .bl, .border1px .br {
background-image:url('/css/leto/img/border-1px.png');
}
.border1px .tl {margin:-1px 0 0 -1px;}
.border1px .tr {margin:-1px -1px 0 0;}
.border1px .bl {margin:0 0 -1px -1px;}
.border1px .br {margin:0 -1px -1px 0;}
.border1px .col1,
.border1px .col2 {
width:32%;
}

.two {
padding:0 2px;
margin:0 0 8px 0;
}
.two .left {
width:66.5%;
float:left;
overflow:hidden;
position:relative;
}
.two .right {
width:33%;
float:right;
}
.blue {
padding:9px 15px;
position:relative;
background:#edf0f4;
}
.blue .tl, .blue .tr,
.blue .bl, .blue .br {
background-image:url('/css/leto/img/border-blue.png');
}


.border2px {
padding:13px 7px 13px 13px;
border:2px solid #b7ccae;
}
.border2px .tl, .border2px .tr,
.border2px .bl, .border2px .br {
background-image:url('/css/leto/img/border-2px.png');
}
.service .pic {
width:100px;
float:left;
}
.service .pic img {
width:100px;
height:85px;
display:block;
}
.service p {
margin:0 0 0 110px;
display:block;
}
.service p img {
display:block;
color:#415468;
}

.nomargin {
margin:0;
}


.banner {
width:100%;
height:136px;
margin:0 0 4px 0;
overflow:hidden;
position:relative;
}
.banner a {
widows:100%;
height:136px;
display:block;
position:relative;
}
.banner img.pic {
display:block;
position:absolute;
top:0;left:5%;
z-index:1;
}
.banner span {
position:absolute;
top:52px;left:5%;
z-index:2;
cursor:pointer;
}
.banner span img {
display:block;
}
.banner1 {
background:#e6f0f7 url('/css/leto/img/banners/banner1-bg.png') repeat-x 0 0;
}
.banner1 .tl, .banner1 .tr,
.banner1 .bl, .banner1 .br {
background-image:url('/css/leto/img/border-blue.png');
}
.banner2 {
height:142px;
margin:0;
background:#e6f0f7 url('/css/leto/img/banners/banner2-bg.png') repeat-x 0 0;
}
.banner2 .tl, .banner2 .tr,
.banner2 .bl, .banner2 .br {
background-image:url('/css/leto/img/border-blue.png');
}
.banner2 img.pic {
left:42%;
}


/* _inner
========================================== */
.advices {
padding:14px;
background:#ebeef1;
}
.advices h2 {
margin:0 0 6px 0;
}
.advices ul {
margin-bottom:0;
}
.advices ul li {
padding-bottom:16px;
}

.submenu {
padding:14px;
margin:0;
}
.submenu h2 {
margin:0 0 6px 0;
}
.submenu ul {
padding-right:40px;
margin:0;
font-size:14px;
line-height:17px;
font-weight:bold;
list-style:none;
}
.submenu ul li {
padding:0;
}
.submenu ul p {
width:180px;
padding:0 14px 0 47px;
margin:0;
display:block;
position:relative;
z-index:1;
}
.submenu ul li.active p {
padding:2px 14px 3px 47px;
background:#dee3e7 url('/css/leto/img/submenu.png') no-repeat 0 0;
}
.submenu ul a {
color:#619555;
}
.submenu ul ul {
padding:0 0 0 72px;
font-size:12px;
line-height:16px;
font-weight:normal;

}
.submenu ul ul li {
padding:2px 0;
cursor:default;
color:#5fa1da;
}
.submenu ul ul li a {
color:#5db04a;
}

.breadcumbs {
color:#71777c;
cursor:default;
background:#f0f2f5;
}
.breadcumbs a {
color:#3a7d2b;
}


.search {
padding-top:5px;
background:#d5dee6;
}
#top_form {
width:100%;
display:block;
overflow:hidden;
}
.search p { 
padding:0 0 13px 0;
margin:0 15px 0 0;
display:block;
float:left;
width:160px;
}
.search p label {
padding-bottom:2px;
font-weight:bold;
color:#627c5b;
/*display:block;*/
float:left;
}
.search p select {
display:block;
float:left;
clear:left;
width:150px !important;
}

#proizvoditel, #model, #dvigun, #god {
width:150px;
}
.search p input {
display:block;
clear:left;
position:relative;
width:30px !important;
}

.search p b {
padding-bottom:2px;
font-weight:bold;
color:#6c8091;
display:block;
clear:left;
position:relative;
}

div.submit {
position:relative;
overflow:hidden;
}
.search div.submit {
margin:0;
float:left;
top:15px;
}
.search input.submit {
width:110px;
display:block;
float:left;
position:relative;
z-index:1;
}
.search form .tl, .search form .tr,
.search form .bl, .search form .br {
background-image:url('/css/leto/img/border-search.png');
}



.two {
margin:0 0 8px 0;
position:relative;
}
.two .col {
width:49.6%;
float:left;
overflow:hidden;
position:relative;
}
.two .col2 {
float:right;
}

.choose {
padding:10px 10px 10px 50px;
margin:0 0 6px 0;
background:#f4f6f9;
}
.choose h2 {
margin:0 0 7px -40px;
}
.choose ul {
margin:0 0 12px 0;
list-style:none;
color:#8798a4;
float:left;
}
.choose ul li {
padding:3px 20px 3px 12px;
background:url('/css/leto/img/ico/dot.gif') no-repeat 2px 12px;
}

.moreinfo {
padding:12px 12px 12px 16px;
}
.moreinfo h2 {
margin-left:-4px;
}
.moreinfo p {
margin:0 0 4px 0;
}
.moreinfo p.info {
min-height:40px;
padding:0 0 0 63px;
margin:0;
background:url('/css/leto/img/ico/info.png') no-repeat 10px 10px;
}


.catalog-item {
background:#f0f1f4;
}
.catalog-item .left {
width:120px;
float:left;
position:relative;
}
.catalog-item .left img {
width:120px;
height:120px;
display:block;
position:relative;
z-index:1;
}
.catalog-item .left .ok {
width:47px;
height:52px;
position:absolute;
right:5px;
bottom:5px;
z-index:3;
background:url('/css/leto/img/ico/ok.png') no-repeat 0 0;
}
.catalog-item .mid {
margin:0 300px 0 140px;
}
.catalog-item .mid p {
margin:0 0 6px 0;
}
.catalog-item .mid p.big {
margin:0 0 6px 0;
font-size:14px;
line-height:20px;
font-weight:bold;
}
.catalog-item .mid p.big strong {
color:#5f9057;
}
.catalog-item .mid p.big big {
font-size:18px;
color:#446c3d;
}
.catalog-item .mid p.full {
padding:0 0 0 29px;
font-weight:bold;
line-height:21px;
background:url('/css/leto/img/ico/full.png') no-repeat 0 50%;
}
.catalog-item .mid p.full a {
color:#5f9057;
}
.catalog-item h3 {
width:100%;
padding:6px;
margin:0 -6px 10px -6px;
position:relative;
line-height:20px;
display:block;
background:#fff;
}
.catalog-item h3 a {
color:#507b49;
}
.catalog-item .right {
width:285px;
float:right;
overflow:hidden;
}
.catalog-item .param {
margin:0;
display:block;
float:left;
text-align:center;
}
.catalog-item .param em {
padding:6px 0;
margin:0 0 8px 0;
display:block;
font-style:normal;
font-weight:bold;
font-size:14px;
line-height:20px;
display:block;
background:#fff;
}
.catalog-item .param em a {
border-bottom:1px dashed #507b49;
color:#507b49;
text-decoration:none;
}
.catalog-item .param span {
padding:6px 0;
margin:0 0 8px 0;
display:block;
font-style:normal;
font-weight:bold;
font-size:12px;
line-height:38px;
min-height:40px;
display:block;
cursor:default;
color:#507b49;
background:#fff;
}
.catalog-item .param span img {
margin:0 auto;
display:block;
}
.catalog-item .param big {
font-size:18px;
}
.catalog-item .param1 {
width:50px;
margin:0 4px 0 0;
}
.catalog-item .param2 {
width:100px;
margin:0 4px 0 0;
}
.catalog-item .param3 {
width:125px;
}

.catalog-item .order div.submit {
float:right;
}
.catalog-item .order div.submit input.submit {
width:140px;
font-size:14px;
background:#497a56;
}
.catalog-item .order p {
padding:0 10px 0 0;
margin:0;
overflow:hidden;
display:block;
float:left;
font-size:14px;
font-weight:bold;
line-height:30px;
color:#5c6874;
}
.catalog-item .order input.text {
width:25px;
font-size:14px;
text-align:center;
position:relative;
top:2px;
}


#message
{
font-size:14px;
color:red;
}

#botlinks{margin-top:15px; text-align:center;} 
#botlinks a {font-size:17px;color:#6DA3BD;padding:5px;font-family:Arial;} 
.current {font-size:17px !important;background-color:#e4e8e9;padding-left:5px;color:#5f777f !important; padding-right:5px;} 
.ctrl{font-size:15px;} 

#botlinks span{font-size:15px;color:#46585e;}