/*addons.css*/
/*======================
 + Исправляющие стили +
 ======================*/
.body_bg{background: #abb6b9 url('/wa-data/public/site/themes/tduralauto/img/bg.png') repeat-x;}
.color_scheme_white header.globalheader {background: none;}
.color_scheme_white header.globalheader .appnav {margin-top: 0px; font-size: 0.8em; background: #fff;}
header #globalnav.light.andgray {background: none}
main.maincontent {background: none; min-height: 400px;}
main.maincontent.container {padding-top: 0;}
.light .container{background: #fff;}
#globalnav {padding-top: 5px; !important}
.color_scheme_white header.globalheader .appnav {border-bottom: none;}
header .pages { margin: 14px 0 22px 220px; width: 515px;}
header .pages li {margin-left: 0; margin-right: 0; font-variant: small-caps;}
header .apps li a {padding: 13px 10px 11px;}
header h2 {padding: 0; margin: -10px 16px 3px 9px;}

.container {width: 100%; margin: 0 auto; padding: 5px 0px; max-width: 1070px; min-width: 920px;}
#header-container ul{display: none;}
.globalheader {width: 92%; margin: 0 auto; max-width: 1070px; min-width: 920px; padding: 0 5px;}
.content.with-sidebar{margin-right:0; display: table; width: 100%;}
.uralaz {position: absolute; top: 105px; right:20px;}
.zag2{background: url('/wa-data/public/site/themes/tduralauto/img/zag2.png') no-repeat; height: 25px; margin: 10px 0px; padding-left: 10px;}
.zag2 h4 {text-align: left; font-size: 0.9em; line-height: 0.9em;}
.zag h4 strong {color: #c1c1c1;}

.box{width: 100%;  margin: 0 auto; padding: 0; display: table;}
.box1{
    padding: 12px 0; 
    border-top: 1px #dadada solid;; 
    display: block; 
    text-align: left;
}
.box1.l-menu {border-top: none;}
.box1.col.w5{border-top: none;}
.box1 p {padding: 0 15px; font-size: 0.8em;}

.l-menu{min-height: 420px; background: url('/wa-data/public/site/themes/tduralauto/img/bg_sl.png') repeat-x; font-size: 1.2em;}
.l-menu ul {padding: 10px 45px;}
.l-menu li {text-align: left; height: 56px; width: 200px; display: table;}
.l-menu li:hover{background: url('/wa-data/public/site/themes/tduralauto/img/rarr2.png') no-repeat left;}
.l-menu a{color: #fff; padding-left: 30px; display: table-cell; vertical-align: middle;}
.l-menu a:hover{color: #59f; }
.l-menu a:visited {color: #ddf;}

.t-menu {padding: 0; margin: 0 -10px;}
.t-menu ul {padding: 0; margin: 0; height: 87px; width: 100%;display: inline-block; background: url('/wa-data/public/site/themes/tduralauto/img/t-menu.png') repeat-x;}
.t-menu li {margin: 1px 10px; width: 12%; text-align: center; height: 86px; display: inline-table;}
.t-menu li:hover {background: url('/wa-data/public/site/themes/tduralauto/img/t-menu_hov.png');}
.t-menu li a {display: table-cell; vertical-align: middle; font-size: 1.2em;}
.t-menu li a, .t-menu a:visited{color: #fff;}
.t-menu li a:hover{color: #fff;}
/*.t-menu .links{width:100%; height: 86px; margin: auto 0;}*/

.slayd {min-height: 420px; background-size: cover;}
.slayd p {font-size: 3.2em; color: #fff; margin-top: 215px;}
.slayd a {font-size: 1em; color: #fff; text-decoration: underline;}
.slayd a:hover {text-decoration: underline; text-shadow: 1px 1px 2px black, 0 0 1em #fff;}

.col.a_next{background: url('/wa-data/public/site/themes/tduralauto/img/ural_next_of.png') no-repeat center; height: 300px; /*width:350px;*/ padding: 80px 5px; background-size: 100%;
}
.col.a_next:hover {background: url('/wa-data/public/site/themes/tduralauto/img/ural_next_on.png') no-repeat center; background-size: 100%;
}

.col.a_m {background: url('/wa-data/public/site/themes/tduralauto/img/ural_m_of.png') no-repeat center; height: 300px; /*width:350px;*/ padding: 80px 5px; background-size: 100%}
.col.a_m:hover {background: url('/wa-data/public/site/themes/tduralauto/img/ural_m_on.png') no-repeat center; background-size: 100%}

.col.a_6370 {background: url('/wa-data/public/site/themes/tduralauto/img/ural_6370_off.png') no-repeat center; height: 300px; /*width:350px;*/ padding: 80px 5px; background-size: 100%}
.col.a_6370:hover {background: url('/wa-data/public/site/themes/tduralauto/img/ural_6370_on.png') no-repeat center; background-size: 100%}

.col.a_kapot {background: url('/wa-data/public/site/themes/tduralauto/img/ural_kapot_of.png') no-repeat center; height: 300px; /*width:350px;*/ padding: 90px 5px; background-size: 100%}
.col.a_kapot:hover {background: url('/wa-data/public/site/themes/tduralauto/img/ural_kapot_on.png') no-repeat center; background-size: 100%}

.auto {padding-top: 70px;}
.cont{padding: 20px 0px; display: table;}
.cont ul {padding-left: 0px; padding-bottom: 10px; min-height: 118px;}
.cont li {width: 238px; margin-left: 0;}
.data {background: #e8e8e8; border-left: #052851 2px solid; font-size: 0.9em; margin: 20px 0 0 0x; padding-left: 10px; width: 150px;}

.nova {margin-left: 35px; padding-bottom: 40px;}
.news {display: block;  text-align: left; width: 236px; padding: 0 5px;}
.news p {margin-left: 0px; padding-left: 0px; height: 20px; font-size: 0.9em;}

.pic {height: 116px; width: 236px;}
.pic1 {width: 300px; padding: 1px; margin: 0px 20px;}
.catalog_logo_pic {width: 300px; padding: 1px; margin: 0px 20px;}
/*.col {margin-right: 20px;}*/

.catalog_list{margin-left: 20px; padding-left: 0px; text-align: left;}
.catalog_list li {margin-bottom: 10px; !important}
.catalog_list a{color: #052851; text-align: center; !important}
.catalog_list a:hover {text-decoration: underline; !important}
.catalog_list p{text-align: center;}
.catalog_list img {margin: 0px 20px; border: 1px solid #fff; -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; !important}
.catalog_list img:hover {border: 1px solid #669; !important}

.hint.footer-note {color: #aaa;}
footer .container {background: #f6f6f6 url('/wa-data/public/site/themes/tduralauto/img/bg_foo.png') repeat-x; }

/*Для отладки*/
.ou {outline: 1px dotted #f00;}
.ou1 {outline: 1px dotted blue;}
.ou2 {outline: 1px dotted green;}

.grad{    
    background: rgba(2,31,58,1);
    background: -moz-linear-gradient(top, rgba(2,31,58,1) 0%, rgba(73,165,191,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,31,58,1)), color-stop(100%, rgba(73,165,191,1)));
    background: -webkit-linear-gradient(top, rgba(2,31,58,1) 0%, rgba(73,165,191,1) 100%);
    background: -o-linear-gradient(top, rgba(2,31,58,1) 0%, rgba(73,165,191,1) 100%);
    background: -ms-linear-gradient(top, rgba(2,31,58,1) 0%, rgba(73,165,191,1) 100%);
    background: linear-gradient(to bottom, rgba(2,31,58,1) 0%, rgba(73,165,191,1) 100%);
    
}
.lizing{background: url('/wa-data/public/site/img/bg_liz.png') no-repeat; background-size: cover; }

/*======================
 + Общие стили +
 ======================*/
.col1{color:#052851;} /*синий*/
/*.bg1 {background: #052851; margin: 0 -10px; width: 102%; }*/
.bg1 {background: #052851 url('img/ural_bg.png'); margin: 0 -10px; width: 102%; background-size: cover;}/*#003a6c*/
.col2{color: #bc1500;}
.col3{color: #19a9cf;}
.telf{color: #052851; text-align: right; width: 255px; margin: 6px 25px 0;}
.telf p {margin-bottom: 5px;}
.telf strong {font-size: 1.8em;}
.fl-l {float: left;}
.fl-r {float: right;}
.cn {text-align:center;}
.yo {height: 136px; width: 240px;}
.l-col {width: 320px;}
li {display: inline-block; list-style-type: none; vertical-align: middle;}
.hid {display: none;}

.clear{clear: both; }
.sh {position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}        
 
.sh:before, .sh:after {content:""; position:absolute; z-index:-2;}
.sh2 {-moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa;}
.sh3 {-moz-box-shadow: 0 5px 15px #000; -webkit-box-shadow: 0 5px 15px #000; box-shadow: 0 5px 15px #000;}



/*======================
+ мобильная часть +
======================*/
@media screen and (max-device-width:520px){
   header .pages{margin: 5px; width: inherit;}
   .globalheader {min-width: 320px;}
   .container{width: 100%; min-width: 320px; padding: 0px; !important}
   .uralaz, .slayd{/*display: none;*/}
   .col.w5 {min-width: 190px;}
   .col.w5-1 {min-width: 240px;}
   .l-menu {min-height: 20px;}
   .box1 {display: table;}
   .news {padding: 10px 0px;}
   .telf {display: none;}
    .container.appnav {width: 100%; min-width: 320px;}
    .header h2 a img{display: inline; width: 100%; top: -5px; left: 0px; position: absolute;}
    .header h2 a span{display: none; !important}
    .cont ul {padding-left: 12%;}
    
    header #globalnav.light.andgray {background: #052851;}
    header #globalnav {height: 60px;}
    header h2 {top: 0px;}
    header h2 a img {display: inline; width: 70%; top: -5px; position: relative; left: 17px;}
   .container.appnav {display: none;}
   /*.pages {display: none;}*/
    .globalheader {width: 100%;}
    .nav-negative {background: #718bb3;Ъ
}
@media screen and (max-width: 760px){
    .header h2 a img{display: inline; width: 100%; top: -5px; left: 0px; position: absolute; !important}
    .header h2 a span{display: none; !important}
    .col.w11 {width: 100%;}
    header #globalnav.light.andgray {background: #052851;}
    header #globalnav {height: 60px;}
    header h2 {top: 0px;}
    header h2 a img {display: inline; width: 70%; top: -5px; position: relative; left: 17px;}
    header h2 a span {display: none; !important}
    .globalheader {width: 100%;}
    #globalnav.light.andgray.container {padding: 0px; !important}
}

/*======================
+  +
======================*/