/*
Theme Name: CCS
Theme URI: http://www.hireus.net.ua/
Description: Шаблон для сайта www.ccs.net.ua
Version: 1
Author: Верховский Павел Викторович
Author URI: http://www.hireus.net.ua/
Tags: Ремонт компьютеров, лечение вирусов
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:'' }
.bold { font-weight: bold }
.italic { font-style: italic }
a img { border:none } 
.clear { clear:both; }
.float_l { float:left; }
.float_r { float:right; }
a {outline:none;}
html, body, #wrapper { height: 100%; }
html { background:url(/images/bg.png) }
body > #wrapper { height: auto; min-height: 100%; }
body { font-family:Arial, Helvetica, sans-serif; color:#3a3a3a; background:url(/images/bg_top.png) repeat-x; font-size:14px; }
#wrapper { width:960px; margin:0 auto; }
#man { margin:0 auto; padding:0; width:960px; padding-bottom:270px; }
#man1 { margin:0 auto; padding:0; width:960px; padding-bottom:270px; position:relative; top:-40px; }
#footer { position: relative; margin-top: -200px;height: 200px; background:url(/images/bg_bottom.png) repeat-x bottom left; clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
strong {font-weight:bold;}
a:link, a:visited { color:#336699; }
a:hover, a:active { color:#333; }
#header { height:130px; width:940px; padding:0 10px; margin:0 auto; }
#header ul.top-menu { float:right; margin:40px 0 0 0; }
#header ul.top-menu li { float:left; }
#header ul.top-menu li a{ cursor:pointer;}
#logo { float:left; margin-top:40px; }
#main { width:660px; float:left; margin:71px 0 40px 10px; font-size:13px; }
#main ul { margin-left:10px}
#main ul li{ margin:6px 0; background:url(/images/dash.png) no-repeat left 8px; padding-left:19px}
#main p { margin:10px 0 10px 0; line-height:18px; }
#main .box-inner  p {line-height:normal;}
#main h1 { font-size:24px; margin:21px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; }
#main h2, #main h3 { font-size:18px; margin:25px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; }
#sidebar { width:259px;   float:right; padding-left:11px; margin-bottom:40px; padding-bottom:20px; }
#sidebar h2 { font-size:16px; font-weight:bold; margin:0 0 10px 14px; }
pre { margin:10px 0; padding:10px; }
#container { overflow:hidden; margin:0 0 0 0; width:664px; }
div.box-primary { display:inline; float:left; width:664px; }
div.box-secondary { display:inline; float:right; padding-left:15px; width:350px; }
div.box-inner { overflow:hidden; zoom:1; }
#container .js { overflow:hidden; zoom:1; }
#container .carousel, #container .carousel .carousel-wrap { margin:0; border:0; zoom:1; }
#container .js .carousel-wrap { display:inline-block; vertical-align:middle; width:610px; margin:0; height:398px!important; }
.IE #container .js .carousel-wrap { display:inline; }
#container .carousel ul { margin:0; padding:0; zoom:1; }
#container .js ul li { overflow:hidden; display:inline; float:left; height:415px; }
#container .carousel .carousel-control { overflow:hidden; cursor:pointer; zoom:1; }
#container .carousel .disabled, #container .carousel .disabled:hover { -moz-opacity:0.0; opacity:0.0; filter:alpha(opacity=0); cursor:default; }
#container .carousel div { margin:0; padding:0; border:0; }
#container .carousel ul { padding:0; list-style:none; }
#container .carousel ul li { position:relative; width:610px; margin:0; overflow:hidden; background:none; padding-left:0; }
#container .carousel ul li cite { position:absolute; bottom:3px; right:10px; line-height:19px; font-size:11px; }
#container .carousel ul li cite a img { vertical-align:middle; }
#container .carousel ul li cite a { color:#fff; text-decoration:none; }
#container div.center-wrap { overflow:hidden; clear:both; zoom:1; }
#container div.center-wrap div { border:0; margin:15px 0; }
#container div.center-wrap a { margin:0 2px; padding:2px 5px; border:1px solid #4f4f4f; background:#333; cursor:pointer; color:#fff; -moz-border-radius:12px; webkit-border-radius:12px; border-radius:12px; }
#container div.center-wrap a.active { font-weight:bold; color:#5db0e6; }
#examples { margin-top:15px; }
#examples ul { overflow:hidden; padding:0; zoom:1; }
#examples ul li { display:inline; float:left; margin:0 2px 0 0; list-style:none; }
#examples ul li a { display:block; padding:10px 15px; text-decoration:none; background:#333; }
#examples ul li a.active { color:#fff; }
#examples p { margin:0 0 15px; }
#examples .tabs-frames { border:2px solid #333; padding:10px; }
#examples .js ul { overflow:hidden; zoom:1; }
#examples .js ul li { overflow:hidden; width:250px; height:167px; }
#examples .js .carousel-wrap { width:250px; margin-bottom:0; zoom:1; }
#examples h3 { color:#5DB0E6; }
#container .carousel span.carousel-previous { float:left; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; background:url(/images/slide_l-trans.png) no-repeat center left; padding:3px 0 3px 32px; display:block; }
#container .carousel span.carousel-next { float:right; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; background:url(/images/slide_r-trans.png) no-repeat center right; display:block; padding:3px 32px 3px 0; }
img.alarm { float:left; }
#slide1 { width:610px; }
#main p.problem { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 20px 0; padding:25px 0 0 0; position:relative; }
p.description { font-size:13px; padding:0 20px 0 311px; }
span.caption1 { }
#main p.problem span.caption2 { }
img.call { margin-top:15px; }
#footer_in { width:960px; margin:0 auto; }
p.phone { color:#57a3fd; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; padding-left:10px; background:url(/images/phone-bg-trans.png) repeat-x left top; height:65px; line-height:65px; margin:0; }
p.copyright { font-size:11px; padding:30px 0 0 10px; }
#accordion { width:610px; }
#accordion a { color:#3a3a3a; text-decoration:none; display:block; padding-left:10px; }
div.cell { margin-bottom:3px; }
#accordion table { margin:10px 0 10px 10px; font-size:14px; }
#accordion table td { padding:5px 0; }
td.sku { width:495px; }
td.cost { width:95px; text-align:right; font-weight:bold; }
h3.ui-corner-all { height:30px; background:url(/images/price-bg-trans.png) no-repeat right top; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:30px; }
#accordion h3.ui-corner-top { height:30px; background:url(/images/price-bg-trans.png) no-repeat left top; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:30px }
#accordion h3.ui-corner-top a { color:#fff; }
#caption-top { width:610px; height:31px; background:url(/images/top-bg-trans.png) no-repeat left; color:#fff; line-height:31px; text-transform:uppercase; font-size:14px; }
.top-price { margin:10px 0 10px 10px; }
.top-price td { padding:5px 0; font-size:14px; }
span.capn { float:left; margin-left:10px; }
span.capp { float:right; margin-right:12px; }
#main p.warranty { font-size:14px; margin:20px 0 10px 10px; }
#main p.license { font-size:11px; margin-left:10px; }
#slide1 img.right { position:absolute; bottom:2px; right:3px; }
#slide2 img.right { position:absolute; bottom:2px; right:10px; }
#slide3 img.right { position:absolute; bottom:2px; right:10px; }
#slide4 img.right { position:absolute; bottom:2px; right:0px; }
#slide5 img.right { position:absolute; bottom:2px; right:90px; }
#slide6 img.right { position:absolute; bottom:2px; right:95px; }
h3.featured { margin:80px 0 0 0; font-weight:bold; }
p.also a { font-size:12px; margin-left:15px; line-height:18px; }
#accordion h3 {margin:5px 0; font-size:12px;}
 #header ul.top-menu li.current_page_item a span  {float:left; background:url(/images/button_bg1.png) repeat-x left; height:32px; line-height:32px;}
 #header ul.top-menu li.current_page_item a span:hover  {text-decoration:none;}
 #header ul.top-menu li a span  {padding:0 5px; float:left;  color:#3a3a3a; height:32px; line-height:32px;}
 #header ul.top-menu li a span:hover {text-decoration:underline;}
  #header ul.top-menu li a {text-decoration:none!important;}
 ul.top-menu a sub,  ul.top-menu a sup  {float:left; width:16px; height:32px;}
 ul.top-menu li.current_page_item a sub {background:url(/images/btn1.png) no-repeat right top;}
 ul.top-menu li.current_page_item a sup {background:url(/images/btn1.png) no-repeat left top;}
 .right-menu ul {float:left;}
.right-menu ul li {float:left; margin:1px 0;}
.right-menu ul li a  {color:#57a4fd; float:left; cursor:pointer; font-size:14px;}
.right-menu ul li a span  { float:left;  height:32px; line-height:32px;}
.right-menu ul li.current_page_item a span,  .right-menu ul li a:hover span,   .right-menu ul li a:active span, .right-menu ul .current_page_parent a span {background:url(/images/sb.png) repeat-x left; color:#fff;}
.right-menu a sub,   .right-menu a sup  {float:left; width:14px; height:32px;}
.right-menu li.current_page_item a sub,  .right-menu ul li a:hover sub,   .right-menu ul li a:active sub, .right-menu ul .current_page_parent a sub {background:url(/images/sb_btn.png) no-repeat right top;}
.right-menu li.current_page_item a sup,  .right-menu ul li a:hover sup,   .right-menu ul li a:active sup, .right-menu ul .current_page_parent a sup {background:url(/images/sb_btn.png) no-repeat left top;}
.right-menu ul li ul li a span,  .right-menu ul li ul li a sup,  .right-menu ul li ul li a sub {background:none!important; height:22px;}
.right-menu ul li ul li a {color:#3a3a3a!important; font-size:12px;}
.right-menu ul li ul li a:hover , .right-menu ul li ul li a:active   {text-decoration:none;}
.right-menu ul li ul   {padding:10px 0 15px 15px;}
.right-menu ul li ul li   {margin:0;}
 .right-menu ul li ul li a span {color:#3a3a3a!important; text-decoration:underline; height:22px; line-height:22px;}
.right-menu ul li ul li a:hover span, .right-menu ul li ul li a:active span  {color:#3a3a3a!important; text-decoration:none!important;}
.right-menu ul li ul li.current_page_item a span, .right-menu ul li ul li.current_page_item a  {text-decoration:none !important;}
 .tel {text-align:right; margin:-20px 18px 0 0;}
 .tel span{color:#4d9fff; font-size:24px; font-style:italic; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
  .tel p{font-size:12px; font-style:italic;  font-family:Georgia, "Times New Roman", Times, serif; }
 .otzivi { width:657px; margin-top:40px; padding:30px 0 30px 14px;}
 .otzivi .fr {float:left; width:45%; font-size:13px; font-style:italic; padding-right:5%; margin-bottom:20px;}
 .otzivi .lt {float:left; width:45%; font-size:13px; font-style:italic; padding-left:5%;margin-bottom:20px;}
.ostavil { margin-top:10px; display:block; float:right; width:100%; text-align:right; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;color:#748900; text-decoration:none;}
 .leave {font-size:16px; font-style:italic;}
 .leave a {color:#748900; margin-top:10px;}
  .leave a:hover {text-decoration:none;}
 .otzv {padding-top:20px;}
 .otzv .thepost {font-style:italic;}
.otzivi .otz a:link, .otzivi .otz a:visited {color:#3a3a3a; text-decoration:none;}
.otzivi .otz a:hover, .otzivi .otz a:active {color:#3a3a3a; text-decoration:underline;} 
 .promo {padding:20px; margin:0 0 15px 0; font-size:11px; color:#7f7d78; background:#e6e0d3; position:relative; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
 .promo a { color:#3a3a3a; }
 footer_in {padding-bottom:50px;}
 #main .blog h2 {font-size:24px;}
 .blog h2 a {color:#3a3a3a;}
  .blog h2 a:hover {text-decoration:none;}
 .more-link {text-align:right; display:block;color:#006699;}
 .tags a:link, .tags a:visited {color:#748900; font-style:italic; font-size:12px; }
 .tags a:hover, .tags a:active {text-decoration:none;}
.tags sub, .tags sup {width:15px; height:37px; float:left;}
.tags sub {background:url(/images/tags.png) no-repeat left bottom;}
.tags sup {background:url(/images/tags.png) no-repeat right bottom;}
#main .tags p {float:left; height:37px; line-height:37px; background:#e6e0d3; margin:0; color:#748900;}
 .tags {margin:20px 0 0 0;}
 .thepost {margin-bottom:40px;}
 .inblog {margin:52px 0 15px 0; }
 .inblog h3 {font-size:16px; font-weight:bold; padding-left:14px;}
 .inblog ul {margin:10px 0; padding-left:14px;}
 .inblog li {margin:15px 0;}
  .inblog a:link,  .inblog a:visited {color:#3a3a3a; }
  .inblog a:hover,  .inblog a:active {text-decoration:none;}
 .vse:link,  .vse:visited {color:#748900!important; font-style:italic; height:37px; line-height:37px; background:url(/images/vse.png) no-repeat left top; display:block; padding-left:14px; font-size:12px;}
.vse:hover, .vse:active {text-decoration:none;}
.form ,.order {margin:30px 0;}
.form label,.order label {display:block;}
.order input[type=text], .form input[type=text], #author, #email  {width:200px; height:21px; border:1px solid #bfbbb5;}
.order li, .form li {margin:8px 0;}
.prices {padding-top:24px;}
#main .prices h3 {font-family:Arial, Helvetica, sans-serif;}
#sendbutton2, #sendbutton, #submit {width:86px; height:29px; border:none; cursor:pointer; background:url(/images/send.png) no-repeat left top; }
#cforms2form, #cformsform {width:610px; height:247px;  background:url(/images/formbg.png) no-repeat left top; padding:24px 25px 22px 25px; position:relative;}
#cforms2form li, #cformsform li {margin:0;}
#sendbutton2, #sendbutton {position:absolute; bottom:23px; right:30px;}
#li-2-1, #li-2-2 {width:205px; }
#li-2-4, #li--3 {width:393px; position:absolute; right:20px; top:24px; }
#li-2-4 textarea, #li--3 textarea {width:370px; height:165px; font-style:italic; padding:3px 5px; border-bottom:2px solid #d9d6d3; border-left:1px solid #cdc9c3; border-right:1px solid #cdc9c3; border-top:1px solid #cdc9c3;  }
#li-2-3 {}
#li-2-5, #li--4 {position:absolute; left:20px; bottom:30px;}
#li-2-6, #li--5  {position:absolute; left:183px; bottom:23px;}
#li-2-6  input, #li--5 input {width:70px; position:relative; top:-3px;}
#li-2-6 label, #li--5 label {float:left; padding-right:5px;}
#li-2-6 label span, #li--5 label span {color:#9fb200; font-weight:bold; font-style:italic;}
#li-2-3 {position:absolute; left:26px; top:127px;}
#cforms2form input[type="text"], #cformsform input[type="text"] {height:21px; border:1px solid #bfbbb5;}
#usermessage2a, #usermessagea {margin:8px 0; padding-left:26px; color:#9fb200; font-weight:bold; font-style:italic;}
#li--2 {padding-top:15px;}
.recall {font-size:14px; font-style:italic; margin:10px 0;}
#submit {margin-top:15px;}
#li-2-1 input, #li-2-2 input, #li-2-4 textarea, #li--1 input, #li--2 input, #li--3 textarea {margin-top:3px;}
.ct {font-style:italic;}
.gogad {background:#e6e0d3; padding:20px 25px; -moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;}
.tagz {margin:25px 0;}
.prnx {border:1px solid #E6E0D3; padding:5px 20px 10px 20px; margin:20px 0; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.prnx p {font-weight:bold; font-size:16px;}
#sidebar .right-menu h2 {background:url(/images/us.png) no-repeat 0 0; width:245px; height:115px; text-indent:-5000px; margin:16px 0 0 0;}
.right-menu {margin:58px 0 0 0;}
.ads {float:left; margin:10px 20px 20px 0;}
.ty {margin-top:10px;}
.aby {padding:0 287px 0 14px;}
.aby p {margin:10px 0; font-size:13px; line-height:18px;}
.aby span {color:#4d9fff; font-size:24px; font-style:italic; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }