body { padding: 0; margin: 0; background: #eee; font-family:  sans-serif; font-size:10pt;}
a IMG{border:0px;}
h1, h2, h3, h4 {text-align:center; margin: 1em; color:#568;}
p { font-family: "Verdana", sans-serif;  font-size: 10pt; margin: 1em; }
.ras {display: none;  box-shadow: 4px 4px 4px #777; background-color:#ddd;  cursor:pointer;}
.ras p {tex-align:center;color:#478;font-size:12pt; }
.rass {cursor:pointer;color:#00f;text-decoration:underline;}
.rass a:hover #sss div {display:block;}
.main img {margin:8px;}
.art_main {width:100%;}
.centr {text-align:center;}

.menu1 {background: #358;font-size:12pt; width:100%}
.menu1 ul{display:table; width:100%;list-style:none; margin:0px auto; margin-left:-40px;z-index:1;}
.menu1 ul li{position:relative;display:table-cell;color:#fff; padding:5px 2px; background: #358;
/* border-radius: 7px; */
font-size:14pt}
.menu1 a {font-size:11pt;font-family: "Verdana", sans-serif; color: #fff; text-decoration: none; padding:5px 2px;}
.menu1 a:hover{color: #adf;  }
.menu1 ul li ul{visibility:hidden;position:absolute; }
.menu1 li:hover ul{visibility:visible; margin-left:0px; margin-left:-42px;margin-top:-5px; }
.navigation ul li ul li{ background: #3a3;  }
.menu1 li ul li a{font-size:12pt;color:#fff; padding: 7px 7px;}
.menu1 li ul li a:hover{color:#fff;
/*  border-radius: 7px;  */
background: #59c;}

.sear {background-color:#eee;font-size:12pt;position:absolute;margin-left:10px; border: solid 1px #bdc3c7;  border-radius: 2px;}
.sear input{   color: #94a1a7;
 padding: 10px 5px; padding-left: 10px; line-height: 20px;
    font-family: "Open Sans"; font-size: 18px; border: solid 1px #bdc3c7;  border-radius: 2px;
    width: 350px;
}
.sear input:focus {color: #5d656b;  border-color: #6b7;}
.sear input.withtext{color: #5d656b;}
#poss1 {background-color:#eee; }
.sear a {font-size:12pt; color:#007; display:block; width:100%; padding:1px 0px;}
.sear a:hover {background-color:#adf; color:#900;}
.sear table {width:100% background-color:#ddd; border-style: solid; border-width: 0px ;}
.sear table td {vertical-align:top; border-style: solid; border-width: 1px ;border-color: #999; padding-left: 1px; border-top:none; border-left:none;}
.sear table td a {font-color:#00f;text-decoration: underline;}

.brands {
text-align: center;
    margin: 20px auto;
}

.brands div{
    text-align: center;
display:inline-block;
margin:0.5%;
}

.brands a {
    color: #333;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 13px;
    text-decoration: none;
}

.brands a:hover {color: #DF7B10;}

.main {
	/* min-height:899px; */
    background: #fff;
    overflow: hidden;
   border: 0px solid #ccc;
/*     border-bottom: 1px solid #ccc; */
 /*     border-radius: 7px;
    
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); */
}

.main .sidebar {margin-left:1%;

    background: #fafafa;
    width: 189px;
    border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.main .sidebar .services {
margin-left:-25px;
    width: 189px;
}


.main .sidebar .services a {
    display: block;
    padding: 18px 0 18px 65px;
    line-height: 15px;
    text-decoration: none;
    color: #333;
  /*   border-bottom: 1px dotted #ccc; */
    background-position: 1px 50%;
    background-repeat: no-repeat;
}

.main .sidebar .services a:hover {
    color: #DF7B10;
    background-color: #eee;
}

.main .sidebar .services a.active {
    background-color: #E2E6E1;
    color: #00A300;
    text-shadow: 1px 1px #fff;
}

.main .sidebar .services a.help {
    background-image: url(images/service-icon-help.png);background-size: 20%;
}

.main .sidebar .services a.display {
    background-image: url(images/service-icon-display.png);background-size: 20%;
}

.main .sidebar .services a.keyboard {
    background-image: url(images/service-icon-keyboard.png);background-size: 20%;
}

.main .sidebar .services a.cooling {
    background-image: url(images/service-icon-cooling.png);background-size: 20%;
}

.main .sidebar .services a.plug {
    background-image: url(images/service-icon-plug.png);background-size: 20%;
}

.main .sidebar .services a.case {
    background-image: url(images/service-icon-case.png);background-size: 20%;
}

.main .sidebar .services a.motherboard {
    background-image: url(images/service-icon-motherboard.png);background-size: 20%;
}

.main .sidebar .services a.clean {
    background-image: url(images/service-icon-clean.png);background-size: 20%;
}

.main .sidebar .services a.water {
    background-image: url(images/service-icon-water.png);background-size: 20%;
}

.main .sidebar .services a.upgrade {
    background-image: url(images/service-icon-upgrade.png);background-size: 20%;
}

.main .sidebar .services a.test {
    background-image: url(images/service-icon-test.png);background-size: 20%;
}

.main .sidebar .services a.power {
    background-image: url(images/service-icon-power.png);background-size: 20%;
}

.main .sidebar .services a.on {
    background-image: url(images/service-icon-on.png);background-size: 20%;}





.main .fault-brands {
    overflow: hidden;
    border-top: 1px dotted #CCE4C7;
    padding: 15px 0;
}

.main .fault-brands:hover {
    background: #f0f0f0 url(/images/tipBg.png) 0 0 repeat;
}

.main .fault-brands li {
    float: left;
    margin-top: 0;
}

.main .fault-brands li.letter {
    font-size: 18px;
    font-weight: bold;
    color: #00A300;
    width: 20px;
    position: relative;
    text-indent: 10px;
}

.main .fault-brands li.brand {
    margin: 0 0 0 30px;
}

.main .fault-trouble {
    color: #8c9987;
    display: inline-block;
    font-family: Tahoma, Geneva, sans-serif;
}
table {
margin:auto;
    *border-collapse: collapse;
    border-spacing: 0; 
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
.menu2 {}
.menu2 ul {list-style: none; }
.menu2 ul li {position: relative;  float: left; height:20px; font-size: 10pt; }
.menu2 a {font-family: "Verdana", sans-serif;float: left;font-size: 12pt; position: relative;  text-decoration: none;  font-size: 11pt;background-color:#358;color: #fff;
  padding: 2px 5px;  border-style: solid; border-width: 0px 1px 1px 0px;border-color: #025; background:linear-gradient(to top,#136,#358);}
.menu2 a:hover { background-color:#136; background:linear-gradient(to top,#025,#469);  }
.menu2 a:active { background-color:#358; background:linear-gradient(to top,#025#136); 
border-style: solid; border-width: 1px 1px 0px 0px;border-color: #025; }
.menu2 ul li ul {visibility:  hidden; position: absolute;height:600px;width:280px; overflow: auto}
.menu2 li:hover ul { visibility: visible; margin-left:0px; margin-top:21px;} 
.menu2 li ul li a {margin-left:-40px; width:290px;height:20px; padding: 0 5px;} 

#menu_mob {display:table; width:320px;list-style:none;  text-align:center;font-size:14px;margin:auto;}
.ul_m {background: #358;color:#fff; display:inline-block; margin:0.5%;padding:1%; border-radius: 4px; cursor:pointer}
#ul_br {position:absolute; top:160px;margin-left:11px;width:300px;font-size:14pt;background: #358;color:#fff;z-index:10}
#ul_br a {text-decoration: none; font-size:11pt; color:#fff;}
#ul_br a:hover { background: #59c;} 

#img_br {margin:10px;float:right;width:180px}
.righ {right:5%;top:140px;position:absolute;width:170px;}
/* .bod {width: 100%;margin:8px auto;} */
.bod {width: 100%;margin:0px auto;clear:both;}
.non {display:block;}
.yess {display:none;}
#brand1 {margin-top: 6px;}
#side {float:left; width: 220px; margin-right:0.1%; margin-left:0;    border-bottom: 1px solid #ccc;}
#content { margin:0%; 
/* min-height:1444px; */
background-color:#fff;border-bottom: 1px solid #ccc;
}
#logo { display:table-cell; height:60px;margin:10px auto }
#serv {display:table-cell;height:60px;}
#phon{display:table-cell;height:60px;}
#head { min-width: 850px; }
#olteh {display:none; } #browser {display:none; }
#phon_img {display:block;}
#phon_mob {display:none;}
#menu {min-width: 850px;text-align:center; display:block;} 
#menu_mob {display:none;}
#img1 {max-height:500px;max-width:500px;margin-left:2%;}
#img1_div{min-width:320px;text-align:center}

@media (min-width : 767px) and (max-width : 980px)
{ /*--------------- средний экран ------------------*/

#side {display:none;}
}
@media only screen and (max-width : 768px) 

 { /*--------------- Маленькй экран ------------------*/

img {   max-width: 100%;}
#img1 {margin-left:0;}
#img1_div {max-width:500px;}
#phon{display:block;;height:60px;}
#menu {display:none;} #menu_mob {display:block;} 
#phon_img { clear: both;display:none;}
#phon_mob { clear: both;display:block;}
#img_br {margin:3px 1px;float:right;width:80px}
#olteh {display:block; position:absolute;top:3px;left:5%;}
#browser {display:block; position:absolute;top:2px;right:2%;}
#head { min-width: 200px; }
#logo { clear: both; min-width: 300px; text-align:left;display:none; }
#serv { display:block;  min-width: 320px; margin:auto}
.righ {right:0%;top:310px;position:absolute;width:170px;}
.bod {width: 100%;margin:0px auto;clear:both;}
.menu1 {margin-top:65px;}
#brand1 {margin-top: 4px;}
#content {margin:0%;}
#side {display:none;}
.non {display:none;}
.yess {display:block;}

.sear {margin-left:5px;}
.sear input{  
 padding: 8px 4px;padding-left:4px;
    font-family: "Open Sans"; font-size: 17px; border: solid 1px #bdc3c7;  border-radius: 2px;
    width: 320px;
}
}