html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset { margin:0; padding:0; }
h1, h2, h3, h4, h5, pre, code, address, caption, cite, code, table, font { font-size: 1em; font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, body { font-family: Tahoma, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5 { line-height: 1.2em; font-weight: normal; }
h1 { font-size: 1.2em; } h2 { font-size: 1.2em; } h3 { font-size: 1.2em; } h4 { font-size: 1.2em; } h5 { font-size: 1.2em; }
a { color: #c81b1b; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { font-size: 1em; font-family: Tahoma, Arial, Verdana, sans-serif; outline: none; }
body { color: #cacaca; background-color: #FFFFFF; font-size: 0.70em; font-style: normal; font-weight: normal; line-height: 1.4em; }
body.pagebg { padding: 0; margin: 0; background-color: #000; text-align: center; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img { border: 0 none; }
.parag { text-indent: 30px; }
.small { color: #838383; }
hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { margin: 0; padding-left: 16px; list-style-position:outside; list-style-image:none; }
ul li, #header h1 { margin: 0; padding: 0; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 18px; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }
.wrapper { margin: auto; width: 966px; text-align: left; }
.wwide { width: 100%; min-width: 990px; }
*html .wwide { width: expression(document.body.clientWidth) < 990? "960px"; }

.wwide { background: url("../images/pagewide.png") repeat-y 50% 0; }
.wwide .wwide { background: url("../images/foot.jpg") no-repeat 50% 100%; }
.wwide .wwide .wwide { background: url("../images/head.jpg") no-repeat 50% 0; }

/*HEAD*/
.left { float: left; } .right { float: right; } .red { color: #b01616; }

.headtool, .header, .menutabs { overflow: hidden; }
.headtool, .header { height: 90px; padding: 0 43px; }
.headtool .headdate { margin: 12px 0 0; float: left; color: #91908f; }
.headtool .headbtn { float: right; width: 95px; margin: 6px 0 0; }

.headbtn { float: right; }
.headbtn a img { float: right; width: 25px; height: 27px; margin: 0 3px 0 0; background-image: url("../images/headbtns.png"); }
 .headbtn .home img { background-position: 0 0; } .headbtn .home:hover img { background-position: 0 -27px; }
 .headbtn .contacts img { background-position: -28px 0; } .headbtn .contacts:hover img { background-position: -28px -27px; }
 .headbtn .map img { background-position: -56px 0; } .headbtn .map:hover img { background-position: -56px -27px; }


.header { height: 104px; }
 .header h1, .header h2 { float: left; width: 187px; margin: 0 14px 0 0; }
 .header h1 a, .header h2 { display: block; width: 187px; height: 50px; background-image: url("../images/autotek.png"); overflow: hidden; line-height: 200px; white-space: nowrap; }
 .header h2 { margin: 14px 0 0; width: 101px; height: 25px; background-image: url("../images/autotek_text.png"); }
 .header .phones { float: right; width: 360px; font-size: 1.5em; line-height: 1.3em; text-align: right; margin: 6px 0 0; }

.midhead { padding: 0 24px; height: 362px; }
 .menutabs { height: 36px; padding: 0 20px; background: url("../images/presentbg.jpg") no-repeat 0 33px; }
 .submenu { height: 42px; padding: 0 20px; background: #231e1d url("../images/presentbg.jpg") no-repeat 0 -3px; }
 .present { height: 222px; padding: 0 40px 0 24px; background: url("../images/presentbg.jpg") no-repeat 0 -45px; }
 .presentbox { float: left; width: 589px; }
 .sliderwrapper, .sliderwrapper .contentdiv { width: 589px; height: 191px; position: relative; overflow: hidden; }
 .sliderwrapper .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0;
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
 }
 .sliderwrapper .contentdiv a img { display: block; position: absolute; z-index: 999; left: 0; top: 0; width: 589px; height: 191px; background: url("../images/presentblur.png") no-repeat 0 0; }
 *html .sliderwrapper .contentdiv a img { background: none; }
 .pagination { position: absolute; left: 14px; top: 155px; z-index: 22; }
 .prev img, .next img { float: left; width: 31px; height: 27px; background-image: url("../images/pagination.png"); }
 .next img { background-position: -31px 0; }
 .prev:hover img { background-position: 0 -27px; }
 .next:hover img { background-position: -31px -27px; }

 .about { float: right; width: 242px; padding: 8px 0 0; }
 .about h2 { color: #fff; margin: 0 0 0.4em 0; }
 .about { color: #ab9b99; }
 .discript { height: 109px; overflow: hidden; margin: 0 0 0.4em 0; }

.searchform { float: right; width: 173px; height: 27px; overflow: hidden; background: url("../images/search.png") no-repeat 0 0; }
 .searchform .lfield { float: left; width: 131px; height: 22px; padding: 0 0 0 11px; margin: 0 0 0 0; }
 .searchform .submit { float: right; }
 .searchform .submit input, .searchform .submit { width: 27px; height: 28px; }
 .searchform .submit input { background: url("../images/search.png") no-repeat 0 -28px; }
 .searchform .submit input:hover { background-position: -27px -28px; }
 .searchform .lfield input { background: none; border: 0 none; width: 131px; padding: 6px 0 0 0; color: #666666; }

.basictab ul { display: inline; }
 .basictab li, .basictab li a, .basictab li a b { float: left; height: 36px; }
 .basictab { font-family: Arial, Tahoma, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.1em; line-height: 33px; }
 .basictab li a b { cursor: pointer; }
 .basictab li a b { padding: 0 11px; }
 .basictab li a { color: #ccb9b8; background: url("../images/topmenu_tabs.png") no-repeat 0 -999px; text-decoration: none !important; }
 .basictab li a:hover, .basictab li a.current { background: #231e1d url("../images/topmenu_tabs.png") no-repeat 0 0; color: #d22222; }
 .basictab li a:hover b, .basictab li a.current b { background: url("../images/topmenu_tabs.png") no-repeat 100% -36px; }
 .tabcontent { display: none; }

.submenu ul, .submenu ul li, .submenu ul a { float: left; }
 .submenu ul { padding: 7px 0 0; }
 .submenu ul li { background: url("../images/submenu.png") no-repeat 100% 0; }
 .submenu ul a { line-height: 18px; color: #c0a6a4; padding: 0 10px 0 9px; text-decoration: none !important; }
 .submenu ul a:hover { color: #c62222; }
 .submenu .last { background: none; }


.container, .leftside, .midside, .rightside, .mainside, .contentbox { overflow: hidden; }
.container { margin: 0 auto; }
.container .midside .container { padding: 0 274px 0 0; }
.leftside { float: left; width: 274px; margin: 0 0 0 -274px; }
.rightside { float: right; width: 74px; margin: 0 -274px 0 0; }
.midside { float: right; width: 100%; }
.mainside { float: left; width: 618px; }
.contentbox { width: 618px; }
table.conts { border-collapse: collapse; border-spacing: 0; border: 0px; width: 100%; }

.footer { padding: 86px 26px 0 26px; height: 105px; }
.copyright { display: block; color: #b2b1b1; margin: 0 0 0.3em 0; }
.copyright a {text-decoration: underline; color: #b2b1b1; } .copyright a:hover {text-decoration: none; }
.footer li { float: left; }
.footer ul li { font-size: 0.9em; padding: 0 5px; border-right: 1px solid #373737; }
.footer ul li a { color: #8e8180; }
.footer ul li a:hover { color: #921919; }
.footer li.first { padding-left: 0; }
.footer li.last { padding-right: 0; border: 0 none; }
.uppage img { float: right; width: 99px; height: 23px; background: url("../images/autotek_foot.png") no-repeat 0 0; }




/*---------------------------------------------*/
/*LOGIN*/
.loginpanel { width: 400px; }
.loginpanel, .loginpanel a { color: #ffffff; }
ul.loginbox { float: left; padding-top: 0px; }
ul.loginbox li { float: left; margin-right: 5px; height: 19px; line-height: 18px; }
ul.loginbox li.submit { width: 48px; }

ul.loginbox li.lfield span {
 float: left;
 padding: 0 3px 0 5px;
}

ul.loginbox .lfield div {
 width: 102px; height: 19px;
 border: 1px solid #9c9a9a;
 overflow: hidden;
 float: left;

}

ul.loginbox .lfield input {
 float: left;
 width: 98px;
 padding: 2px 0 0 2px;
 background: none;
 border: none;
 color: #bf2626;
}

.loginbox .btn,
.searchform .btn {
 width: 40px; height: 16px;
 position: relative;
 border: 0 none;
 font-weight: bold;
 cursor: pointer;
 padding: 0 0 3px 0;
 background: #fff
}
.loginbox .btn:hover { background-position: -48px 0; }

/*LOGINDATE*/
.loginboxdate { text-align: left; width: 250px; }
ul.colomn { float: left; width: 49.8%; }
ul.colomn li { width: 100%; }
.loginboxdate ul.colomn li { clear: both; }
.loginhead h3 {
 font-size: 1em;
 margin-top: 14px;
}
/*---------Author: ripa EnerGY------------------------------------*/

.opacity {
-moz-transition: all 0.4s; 
-webkit-transition: all 0.4s; 
-ms-transition: all 0.4s; 
-o-transition: all 0.4s; 
transition: all 0.4s; 
opacity:1;
filter:alpha(opacity=100);
}

.opacity:hover {
opacity:0.5;
filter:alpha(opacity=50);
}

.clarity {
opacity:0.5;
filter:alpha(opacity=50); 
}

.clarity:hover {
-moz-transition: all 0.4s; 
-webkit-transition: all 0.4s; 
-ms-transition: all 0.4s; 
-o-transition: all 0.4s; 
transition: all 0.4s; 
opacity:1;
filter:alpha(opacity=100);
}


/* Стили кнопки 3D
/* представленные
*/
/* Базовые стили кнопки 3D */
.button {
/* Относительное позиционирование */ 
 position: relative;
/* Устанавливаем внутренние отступы */ 
 padding: 15px 20px;
/* Убираем подчёркивание и выравниваем текст по центру */ 
 text-decoration: none;
 text-align: center;
/* Размер и начертание шрифта */ 
 font-size: 28px;
 font-family: 'Lato', sans-serif;
 font-weight: bold;
/* Эффект тени текста */ 
 text-shadow: 1px 2px 2px #30698F;
/* Внешняя тень кнопки */ 
 box-shadow: 0px 9px 0px #3a7faa, 0px 9px 25px rgba(0, 0, 0, 0.7);
/* Цвет текста */ 
 color: #efe;
/* Цвет фона кнопки */ 
 background-color: #458ecc;
/* Скругляем углы */ 
 border-radius: 8px;
/* Убираем рамку */ 
 border: none;
 outline: 0 none;
 overflow: hidden;
/* Курсор ввиде руки */ 
 cursor: pointer; 
}

/* Стиль кнопки при нажатии */

.button:active {
 box-shadow: 0px 3px 0px #3a7faa, 0px 3px 6px rgba(0, 0, 0, 0.9);
 top: 6px;
}

/* Стиль выделения букв */

.submit {
/* Трансформируем буквы в заглавные и меням цвет */
text-transform: uppercase;
color: #efd959;
}

/* Стили Демо-блока */

.demo{
 margin:15px auto;
 text-align: center;
}