/* основная разметка */
html, body {height: 100%; margin: 0 ; padding: 0;font-family:arial; line-height:1,5;font-size:11px;font-family:arial;color:#434a48;}
html {background:url(../img/fon.jpg) repeat-x;}
/*добавляю Н1*/
h1{color:#0c8cff;font-weight:bold;font-size:14px;}
h3{color:#0c8cff;font-weight:bold;}
h4{color:#0c8cff;font-weight:bold;}
a{color:#2e78c6;text-decoration:none;}
a:hover{color:#6faef0;text-decoration:underline;}
#wraper {min-height: 100%;width:1100px;padding:0px;margin:0px auto;}
#skybrake {position:absolute; top:85px; left:50%; margin-left:0px;}
#skybrake a {display:block; width:400px; height:80px;}
#head{display:block; float:left; width:833px; height:304px; padding:0; margin:0 auto; background: url(../img/head.jpg) no-repeat #fff;}
#menu{position:absolute;width:832px;margin-left:25px;margin-top:245px;font-size:13px; font-weight:normal; font-family:Verdana;}
#left{float:left;width:134px;height:268px;background:url(../img/left.jpg) no-repeat;margin-top:0px;}
#right{float:left;width:133px;height:268px;background:url(../img/right.jpg) no-repeat;margin-top:0px;}
/*Стили блока центрального */
#container{margin:0 auto;width:792px;padding:20px;text-align:justify;background:url(../img/container.png) repeat-y; }
#footer{margin:0 auto;width:832px;height:40px;background:url(../img/cbottom.png) no-repeat; text-align:center; font-size:10px;}
#footer #copy{margin-left:630px;font-size:10px;color:#aaa;}
div.content{width:742px;padding:10px 20px;margin:0px auto;font-size:11px;}
.H-text-02{font-weight:bold;color:#2e78c6;}
#container a img{border:none; margin:0;}
#container img{margin:10px;}
#container b,#container strong{color:#0c8cff;}
#container ul{list-style: url(../img/marker.png);}
#table {font-size:11px;margin-top:10px;}
#table table{border:0px solid #c4c5c4;width:100%; text-indent: 0px; padding:0px;margin:1px 0;text-align:left;font-size:11px;color:#008aff;}
#table thead {color:#fff;font-size:12px;height:40px;background:#3dabf7;}
#table thead th{padding:10px;}
#table th{width:17%;margin:0px;padding:0px; text-indent: 0px;}
#table th a{text-decoration:none;font-size:11px;color:#777;}
#table table th{font-weight:normal;}
#table table td,#table table th {border-bottom:1px dashed #dcdcdc;padding:2px 5px;}
#table table tr {border-bottom:1px solid #000; }
#table td{width:10%;margin:0px;padding:0px;text-indent: 0px;color:#555;}
#table{font-size:11px;margin-top:10px;width:100%;}
#table table#thead tr th{border:none;}
#thead{color:#fff;font-size:12px;height:20px;padding:7px;background:#3dabf7;border:1px solid #467fa6;}
div.thead{padding:2px 5px;margin-top:2px;font-weight:bold;background:#e3e5e6;cursor:pointer;font-size:11px;color:#777;border:1px solid #afc1cc;}
div.thead_act{padding:2px 5px;margin-top:2px;font-weight:bold;background:#eaf0f3;cursor:pointer;font-size:11px;color:#555;border:1px solid #90b8d0;}
.tbody{border-bottom:1px dashed #dcdcdc;padding:2px 5px;}
.tbody span{color:#008aff;}
/*Левая часть главной страницы */
div.left{width:450px;height:700px; margin:20px 0px;margin-right:20px; padding-right:20px;border-right:2px solid #96a7b1}
div.right{width:310px; padding:0px;margin-top:-13px;float:right;}
div.right h3{padding-left:30px;}
div.left div.text{padding:10px;margin:20px 10px;text-align:center; color:#0067ec; font-size:13px;font-weight: bold; }
/*Правая часть главной страницы */
ul#news li{list-style: url(../img/ul.png);margin:10px 0px 0px -10px;padding:0px;}
/*НИЗ */
#wraper div.footer{clear:left;font-weight:bold;color:#0067ec;text-align:right; width:1024px;margin:0px auto;}
/* ОШИБКИ */
.error{text-align:left;color:#f00;font-weight:bold;padding:10px;margin:5px;border:1px solid #f00;
background:url(../img/icons/error.png) no-repeat left center #f17f84;}
.success, .save{text-align:left;color:#0f7e04;font-style:italic;padding:10px;padding-left:80px;margin:5px;margin-top:30px;border:1px solid #0f7e04;
background:url(../img/icons/success.png) no-repeat 20px center #96ff8a;}
span.error{color:#f00;background:url(../img/icons/error_.png) no-repeat left center;border:none;}
span.success{color:#f00;background:url(../img/icons/success_.png) no-repeat left center;border:none;}
a.add{padding-left:20px;background:url(../img/icons/add.gif) no-repeat;}
/* КНОПКИ */
div.content table .add-button{width:80px;height:32px;border:none;background:url(../img/icons/add-button.png) no-repeat;color:#0d81bf;cursor:pointer;}
div.content table .sav-button{width:80px;height:32px;border:none;background:url(../img/icons/sav-button.png) no-repeat;color:#0d81bf;cursor:pointer;}
div.content table .del-button{width:80px;height:32px;border:none;background:url(../img/icons/del-button.png) no-repeat;color:#0d81bf;cursor:pointer;}
div.content table .nul-button{width:72px;height:27px;border:none;background:url(../img/icons/nul-button.png) no-repeat;color:#0d81bf;cursor:pointer;}
/* АДМИН */
table.adminTable{width:100%;}
table.adminTable thead {background:#c3e1f0;}
table.adminTable tr.tr1 td, table.adminTable tr.tr1 th{background:#def0f9;}
table.adminTable tr.tr2 td, table.adminTable tr.tr2 th{background:#eff6fa;}
table.adminTable td, table.adminTable th{padding:10px;}
table.adminTable input, table.adminTable textarea{width:550px;border:1px solid #c3e1f0;padding:3px;font-size:11px;}
table.adminTable #tseo{background:#e6f3f9;border:1px solid #3773aa;}
table.adminTable #tseo textarea{width:400px;}
/*{ background-color: #acd9ff;
filter:alpha(opacity=70);
opacity:.7;
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}*/
/* футер */
#shop-link a{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/salon-black.png) no-repeat left center;}
#shop-link a:hover{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/salon-black.png) no-repeat right center;}
#tecno-link a{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/tecno.png) no-repeat center center;}
#tecno-link a:hover{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/color_tecno.png) no-repeat center center;}
#bosch-link a{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/bosch.png) no-repeat center center;}
#bosch-link a:hover{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/color_bosch.png) no-repeat center center;}
#cartuning-link a{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/tuning_invert.png) no-repeat center center;}
#cartuning-link a:hover{display:block; width:120px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/color_tuning_invert.png) no-repeat center center;}
#fantom-link a{display:block; width:140px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/fantom.png) no-repeat center center;}
#fantom-link a:hover{display:block; width:140px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/color_fantom.png) no-repeat center center;}
#comtrans-link a{display:block; width:140px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/comtrans.png) no-repeat center center;}
#comtrans-link a:hover{display:block; width:140px; height:90px; margin: 0px 10px 0px 10px; background:url(../img/footer/color_comtrans.png) no-repeat center center;}
/*МЕНЮ*/
.sf-menu, .sf-menu * {
margin: 0px;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 12em;
}
.sf-menu li ul li{
font-size:12px;
font-weight: normal;
width: 100%;
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit;
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 15px;
top: 43px;
border:1px solid #fefefe;
z-index: 99;
}
.sf-menu li.sfHover ul li{
opacity:0.95;
font-size:11px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em;
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em;
top: 0;
}
/*** СКИН ДЕМО ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
padding: .75em .5em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited {
color: #FFF;
}
.sf-menu li li {
background: #1a99ff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color: #13a;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
color: #13a;
background: #ddeeff;
}