* {margin: 0; padding: 0; border: 0;}

html {height: 100%;}
/*body {min-height:100%; height: 100%; padding: 0; margin: 0; font-family: Arial;  font-size: 12px; color: #2a384c; background: #d4dddf;} */
body {min-height:100%; height: 100%; padding: 0; margin: 0; font-family: Arial;  font-size: 12px; color: #2a384c; background: #f7f7f7;}
a {text-decoration: none; font-weight: normal; color: #343b41;}
a:link {}
a:active {}
a:visited {}
a:hover {text-decoration: underline; }

h1 {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 22px;}
h1.big, h2.big {text-transform: uppercase;}
h2 {font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: normal; color: #343b41;}
h1 a:hover, h2 a:hover {text-decoration: none; color: black}

img {border: none;}
p {text-align: justify;}
p.arrow a {text-align: right; color: #003079; padding: 0 3px;}
p.arrow:before {content: url(../images/design/arrow.png);}
table {border-collapse: collapse;}
table td {vertical-align: top;}
a.light_blue {color: #527795}
a.light_blue:hover {color: #093d68;}

/*#page {width: 1018px; height: auto !important; min-height:100%; height: 100%; margin: 0 auto 0 auto; background: url(../images/design/bg_00.jpg) repeat-y;}*/
#page {width: 1018px; height: auto !important; min-height:100%; height: 100%; margin: 0 auto 0 auto; background: url(../images/design/bg_00.png) repeat-y;}
.top_02, .footer, .wrap_pop {width: 1000px;}

/* логотип */
/*.top_01 {width: 1018px; padding-top: 50px; margin: 0 auto 0 auto; background: url(../images/design/bg_000_2.jpg) no-repeat; background-position: bottom; height: 117px; position: relative;}*/
.top_01 {width: 1018px; padding-top: 50px; margin: 0 auto 0 auto; background: url(../images/design/bg_000_2.png) no-repeat; background-position: bottom; height: 117px; position: relative;}
.top_01 img.logo {position: absolute; top: 80px; left: 50px;}
.top_01 .tumen {position: absolute; top: 49px; left: 672px; width: 159px; height: 120px; background: url(../images/design/bg_miass.jpg) no-repeat}
.top_01 .miass {position: absolute; top: 49px; left: 512px; width: 159px; height: 120px; background: url(../images/design/bg_miass.jpg) no-repeat}
.top_01 .miass p.city, .top_01 .tumen p.city, .top_01 .perm p.city {color: white; position: absolute; top: 9px; left: 25px; font-size: 14px;}
.top_01 .miass p.phone, .top_01 .tumen p.phone, .top_01 .perm p.phone {color: #082757; font-weight: bold; position: absolute; top: 45px; left: 20px; line-height: 16px;}
.top_01 .miass p.mail, .top_01 .tumen p.mail, .top_01 .perm p.mail {color: #082757; font-weight: bold; position: absolute; top: 100px; left: 20px; font-size: 11px;}
.top_01 .perm {position: absolute; top: 49px; left: 832px; width: 159px; height: 120px; background: url(../images/design/bg_tumen.jpg) no-repeat;}
/*.top_01 .perm p.mail {position: absolute; top: 50px; left: 20px;}*/


/* главное меню */
.top_02 {margin: 0 auto 0 auto; height: 59px;}
.top_02 table.menu {font-family: 'PT Sans'; text-transform: uppercase; width: 957px; margin: 0 auto; color: white; text-shadow: #041721 2px 2px 1px;}
.top_02 table.menu a {color: white; text-decoration: none; font-size: 12px;}
.top_02 table.menu a:hover {text-decoration: underline;}
.top_02 table.menu td {padding: 0 10px; text-align: center; vertical-align: middle; height: 59px; background: url(../images/design/td.menu.png) repeat-x; border-right: 1px solid #bfbfbf;} /* если меню расширится поменять в padding 30px на меньшее */ 
.top_02 table.menu td.active {background: url(../images/design/td.menu_active.png) repeat-x;}
.top_02 table.menu td.pre,  table.menu td.post {background-repeat: no-repeat; width: 12px; padding: 0; border: none;}
.top_02 table.menu td.pre {background-image: url(../images/design/td.pre.png);}
.top_02 table.menu td.post {background-image: url(../images/design/td.post.png);}
.top_02 table.menu td.bn {border: none;}

/* меню групп */
.top_03 {height: 30px; width: 958px; margin: 0 auto 20px auto;}
.top_03 ul {list-style: none; text-align: center; margin: 7px 0 0 0; font-size: 11px; font-family: 'PT Sans'}
.top_03 ul li {display: inline; text-transform: uppercase; margin: 0 15px;}


.content {margin: -20px auto 10px auto; width: 958px;}
.content p {margin: 5px 0;}
.content ul, .content ul {list-style-position: inside;}
.content h1 {margin: 20px 0;}
.content h2 {margin: 10px 0;}

.content table.twocol_01 {margin: 0 auto; width: 958px;}
.content table.twocol_01 td {padding: 0 10px;}
.content table.twocol_01 td.left {width: 600px;}
.content table.twocol_01 td.right {width: 317px;}

.content table.cat_icon td {width: 148px; padding: 1px;}
.content table.cat_icon td .auto {border-radius: 2px; border: 1px solid #c3c6ca; width: 148px; height: 92px; background: url(../images/design/bg_cat_icon.jpg) no-repeat; position: relative;}
.content table.cat_icon td p {text-align: right; font-size: 11px; position: absolute; bottom: 1px; right: 5px; line-height: 11px;}
.content table.cat_icon td img:hover {opacity:0.8; filter: alpha(opacity=80);}
.content table.cat_icon td a {text-decoration: none;}

.content table.cat_list td {padding: 10px 5px;}
.content table.cat_list td h2 {margin: 0 0 -5px 0}
.content table.cat_list td.title {border-top: 1px solid #ccc; padding: 15px 0 0 5px}
.content table.cat_list td img {border-radius: 2px; border: 2px solid #c3c6ca;;}
.content table.cat_list td img:hover {opacity:0.8; filter: alpha(opacity=80);}
.content table.cat_list td a {text-decoration: none;}
.content table.cat_list tr.super {background: #d7dfea; border: none;}
.content table.cat_list tr.super td {padding: 10px 20px;}
.content table.cat_list tr.super td.title {border-top: 10px solid white}
.content table.cat_list tr.super td.title h2 {font-size: 20px;}
.content table.cat_list tr.super td.title h2 a {text-decoration: underline;}


.content table.news_list {width: 100%}
.content table.news_list td {padding: 10px 5px;}
.content table.news_list td h2 {margin: 0 0 -5px 0}
.content table.news_list td.title {border-top: 1px solid #ccc; padding: 15px 0 0 5px}
.content table.news_list td.pic {width: 140px;}
.content table.news_list td img {border-radius: 2px; border: 2px solid #c3c6ca;;}
.content table.news_list td img:hover {opacity:0.8; filter: alpha(opacity=80);}
.content table.news_list td a {text-decoration: none;}

.content table.foto {margin-bottom: 15px;}
.content table.foto img {border-radius: 2px; border: 2px solid #c3c6ca;}
.content table.foto img.gal {margin-bottom: 3px;}

.content .arr {margin: 5px auto; width: 120px; text-align: center;}
.content table.foto .arr img {border: none;}

.content .tth {}
.content .tth table {margin: 10px 0}
.content .tth table td {border: 1px solid #ccc; padding: 5px;}
.content .tth p {}

.content table.twocol_01 td.right .wrap {margin: 35px 0; border: 1px solid #ccc; padding: 5px 0}
.content table.twocol_01 td.right .wrap h2.big {margin-left: 10px;}
.content table.twocol_01 td.right .wrap p {text-align: left; padding: 0 5px; margin: 10px 0;}
.content table.twocol_01 td.right .block {width: 270px; margin: 0 auto; padding: 15px; background: #f4f5f6; border-radius: 3px; border: 2px solid #c3c6ca;}
.content table.twocol_01 td.right .block_menu {width: 300px; margin: 0 auto; padding: 0; background: #f4f5f6; border-radius: 3px; border: 2px solid #c3c6ca;}
.content table.twocol_01 td.right img.present {margin: 0px; padding: 0px; width: 280px; border-radius: 3px; border: 2px solid #c3c6ca;}
.content table.twocol_01 td.right .wrap p.arrow {text-align: right;}
.content table.twocol_01 td.right .wrap img.news {border-radius: 2px; border: 1px solid #c3c6ca;}
.content table.twocol_01 td.right .wrap img.sert {border-radius: 2px; border: 1px solid #c3c6ca; margin: 5px; width: 120px;}

.content table.twocol_01 td.left .wrap {margin: 35px 0;}
.content table.twocol_01 td.left .wrap p {text-align: left; padding: 0 5px; margin: 10px 0;}
.content table.twocol_01 td.left .block {width: 260px; margin: 0 auto; padding: 15px; background: #f4f5f6; border-radius: 3px; border: 2px solid #c3c6ca;}
.content table.twocol_01 td.left .block_menu {width: 300px; margin: 0 auto; padding: 0; background: #f4f5f6; border-radius: 3px; border: 2px solid #c3c6ca;}
.content table.twocol_01 td.left img.present {margin: 0px; padding: 0px; width: 280px; border-radius: 3px; border: 2px solid #c3c6ca;}
.content table.twocol_01 td.left .wrap p.arrow {text-align: right;}
.content table.twocol_01 td.left .wrap img.news {border-radius: 2px; border: 1px solid #c3c6ca;}
.content table.twocol_01 td.left .wrap img.sert {border-radius: 2px; border: 1px solid #c3c6ca; margin: 5px; width: 120px;}
table.twocol_01 td.left table.bm td {vertical-align: top; padding: 0;}

/* меню каталога справа */
.content table.twocol_01 td.right .block_menu ul {list-style-image: url(../images/design/arrow2.png); list-style-position: inside;}
.content table.twocol_01 td.right .block_menu ul li {border-bottom: 1px solid white; padding: 6px 0 6px 10px;}
.content table.twocol_01 td.right .block_menu ul li:hover {background: #dfe2e5;}
.content table.twocol_01 td.right .block_menu ul li.active {border-bottom: none; background: #2a384c; color: white; list-style: none; padding-left: 20px}
.content table.twocol_01 td.right .block_menu ul li.active:after {content: url(../images/design/arrow3.png)}
.content table.twocol_01 td.right .block_menu ul li.active a {color: white; font-weight: bold; font-size: 14px; padding-right: 10px}

.content table.twocol_01 td.right .block_menu ul li.active2 {border-bottom: none; background: #2a384c; color: white; margin-left: 15px; padding-left: 20px; list-style: none;}
.content table.twocol_01 td.right .block_menu ul li.active2:after {content: url(../images/design/arrow5.png)}
.content table.twocol_01 td.right .block_menu ul li.active2 a {color: white; font-weight: bold; font-size: 12px; padding-right: 10px}

.content table.twocol_01 td.right .block_menu ul li.lev_02 {background: #d7dfea; margin-left: 15px; padding: 5px 0 5px 8px; list-style-image: url(../images/design/arrow4.png);}
.content table.twocol_01 td.right .block_menu ul li.lev_02:hover {background: #c3cedd;}

.content table.twocol_01 td.right .block_menu ul li.lev_03 {margin-left: 25px; padding: 5px 0 5px 8px; list-style-image: url(../images/design/square.png); border-color: #a7b0be;}
.content table.twocol_01 td.right .block_menu ul li.lev_03 a {text-decoration: underline}

/* автомобили в наличии */
table.parking {width: 100%;}
table.parking td.col {width: 50%;}

td.col .group {border-bottom: 5px solid #e6e6e6; padding-bottom: 3px; margin: 20px 0 0 0}
td.col .group img {vertical-align: middle}
td.col .group span.title {margin: 0; color: #003079; font-size: 16px; font-weight: bold;}

td.col .auto {padding: 20px 10px; background: #f6f6f6; border-bottom: 1px dashed #ccc;}
td.col .auto table {}
td.col .auto table td.foto {}
td.col .auto table td.foto img {border: 2px solid #b6b6b6; border-radius: 2px; }
td.col .auto table td.foto img:hover {opacity:0.8; filter: alpha(opacity=80);}
td.col .auto table td.desc {}
td.col .auto table td.desc p.title a, td.col .auto table td.desc p.title {color: #2a384c; font-weight: bold; font-size: 14px; text-align: left;}
td.col .auto table td.desc h2 {color: #003079;}

/* презентация техники */
.pres {position: relative; margin: 0 auto; min-height: 300px;}
.pres .auto {width: 286px; background: #e9e9e9;}
.pres img {border: 3px solid #bababa; border-radius: 3px; }
.pres img:hover {opacity:0.8; filter: alpha(opacity=80);}
.pres p {width: 270px; padding: 5px 10px; text-align: left;}
.pres p.pdf {margin: 5px 10px; padding-bottom: 10px;}
.pres p.pdf a {color: #003079; padding-left: 5px;}
.pres p.pdf:before {content: url(/images/design/arrow6.png)}

/* фотогаллерея */
table.gal {margin: 15px auto;}
table.gal a small {color: #697381; font-size: 11px; margin: 0 3px}
table.gal td {width: 160px;}
table.gal img {border: 2px solid #b9b9b9; border-radius: 2px;}
table.gal img:hover {opacity:0.8; filter: alpha(opacity=80);}

/* футеры */
#footermain_emulation {height: 250px; clear: both;}
/*.footer {width: 1018px; margin: -230px auto 0 auto; height: 230px; background: url(../images/design/bg_001.jpg) no-repeat; background-position: bottom;}*/
.footer {width: 1018px; margin: -230px auto 0 auto; height: 230px; background: url(../images/design/bg_001.png) no-repeat; background-position: bottom;}
.footer_02 {width: 1000px; background: white; margin: 0 auto;}
.footer_02 ul {list-style: none; text-align: center; margin: 0; font-size: 11px; font-family: 'PT Sans'; padding: 10px 0}
.footer_02 ul li {display: inline; text-transform: uppercase; margin: 0 15px;}
.footer_03 {width: 1000px; background: #003079; margin: 0 auto; height: 110px; position: relative;}
.footer_03 img.logo {position: absolute; top: 30px; left: 40px;}
.footer_03 a {color: #b3c1d7;}
.footer_03 .f_miass p.city, .footer_03 .f_tumen p.city, .footer_03 .f_perm p.city {width: 120px; color: #b3c1d7; font-weight: bold; position: absolute; top: 10px; left: 20px; font-size: 14px; border-bottom: 1px solid #4d6fa1;}
.footer_03 .f_miass p.phone, .footer_03 .f_tumen p.phone, .footer_03 .f_perm p.phone {color: #b3c1d7; position: absolute; top: 35px; left: 20px; font-size: 11px; line-height: 14px;}
.footer_03 .f_miass p.mail, .footer_03 .f_tumen p.mail, .footer_03 .f_perm p.mail {color: #b3c1d7; position: absolute; top: 80px; left: 20px; font-size: 11px;}
/*.footer_03 .f_perm p.mail {position: absolute; top: 35px; left: 20px; font-size: 11px;}*/
.footer_03 .f_miass {position: absolute; top: 0px; left: 496px; width: 159px; height: 110px;}
.footer_03 .f_tumen {position: absolute; top: 0px; left: 648px; width: 159px; height: 110px;}
.footer_03 .f_perm {position: absolute; top: 0px; left: 800px; width: 159px; height: 110px;}

#lenta { margin: 0px; padding: 0px; position: relative; height: 294px; overflow: hidden; }  
#slider { margin: 0px; padding: 0px; border-collapse: collapse;}  
#slider td { margin: 0px; padding: 0px; }  
#cont { margin: 0px; padding: 0px; position: relative; }  
#cont img.gal { padding: 0px; margin-top: 2px; margin-bottom: 2px; }  

#lenta2 { margin: 0px; padding: 0px; position: relative; width: 900px; overflow: hidden; }  
#slider2 { margin: 0px; padding: 0px; border-collapse: collapse;}  
#slider2 td { margin: 0px; padding: 0px; width: 300px; min-width: 300px; }  
#cont2 { margin: 0px; padding: 0px; position: relative; }  
#cont2 img.gal { padding: 0px; margin: 0px; }  

.gallery_img {position: relative; padding: 0px 5px; width: 170px; float: left; text-align: center; }
.gallery_img p {text-align: center;}
.gallery_img img {border: 2px solid #b9b9b9; border-radius: 2px;}