/*
Theme Name: ComputerHelp
Theme URI: http://kompyuternaya-pomosch.com
Description: Theme short description
Author: CreP@shOk
Author URI: http://forum.searchengines.ru/member.php?u=239778
Version: 1.0
.
Full description of theme...
.
*/


body{font-family:Tahoma;font-size:12px;line-height:19px;color:#333;background:url(images/bg.png) repeat;margin:0;padding:0;background: url(images/bg.png) repeat-x;}
div#helper{position:relative;float:left;width:100%;min-width:1000px;overflow: hidden}
div#work_wrap{position:relative;float:left;width:1000px;margin-left:50%;right:500px;min-height:235px;line-height:18px}
*{outline-style:none}
img{border:0 none}
a{color:#000;text-decoration:none}
a:hover{color:#14a228;}
h1,h2,h3,h4,h5,h6,p{position:relative;float:left;width:100%;font-weight:400}

#header{
	position: relative;
	float: left;
	width: 1000px;
	height: 703px;
}
#h1{
	position: relative;
	float: left;
	width: 1000px;
	height: 280px;
}

#top_img{
	position: absolute;
	width: 637px;
	height: 280px;
	background: url(images/header_immage.png) no-repeat;
	top: 0;
	right: -38px;
}

#top_shadow{
	position: absolute;
	width: 965px;
	height: 140px;
	background: url(images/top_shadow.png) no-repeat;
	right: -372px;
	top: 0;
}

#logo_info{
	position: relative;
	float: left;
	width: 400px;
}

#logo{
	position: relative;
	float: left;
	width: 319px;
	height: 43px;
	background: url(images/logo.png) no-repeat;
	margin: 23px 47px 27px 34px;
	text-indent: -99999px;
}

#logo_info hr{
	position: relative;
	float: left;
	width: 356px;
	height: 0;
	border: none;
	border-bottom: solid 1px #ededee;
	border-top: solid 1px #97989a;
	margin: 0 22px 0 22px;
}

#call_us{
	position: relative;
	float: left;
	width: 400px;
	text-align: center;
	color: #000;
	font-size: 24px;
	margin: 15px 0 0 0;
	font-family: 'PaneuropaHighway';
}

#call_us span{
	color: #009d16;
	font-size: 36px;
}

#sckedule{
	position: relative;
	float: left;
	width: 400px;
	font-size: 11px;
	text-align: center;
	color: #828385;
	margin: 10px 0 0 0;
}

.menu{
	position: relative;
	float: left;
	width: 974px;
	height: 29px;
	background: url(images/menu_bg.png) no-repeat;
	margin: 0 18px 0 18px;
}

.menu > ul{
	position: relative;
	float: left;
	width: 944px;
	height: 29px;
	padding: 0 0 0 30px;
	margin: 0;
	text-align: center;
}

.menu > ul > li{
	position: relative;
	float: left;
	height: 29px;
	line-height: 29px;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.menu > ul > li:hover{
	background: url(images/hever_menu.png) right top no-repeat;
}

.menu > ul > li > a{
	height: 29px;
	line-height: 29px;
	display: inline-block;
	padding: 0 31px;
	margin: 0;
	color: #000000;
	font-family: Myriad Pro;
	font-size: 18px;
	font-family: 'MyriadPro-Cond';
}

.hm_mask{
	position: absolute;
	width: 10px;
	height: 29px;
	left: 0px;
	top: 0;
	background: url(images/hever_menu_left.png) no-repeat;
}



.menu > ul > li > ul{
	position: absolute;
	width: 195px;
	top: 29px;
	left: 0px;
	line-height: 29px;
	padding:12px;
	margin: 0;
	background: #e5e5e5;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-icab-border-radius:10px;
	border-radius:10px;
	behavior:url(ie-css3.htc);
	z-index: 2000;
}

.menu > ul > li > ul > li{
	height: 25px;
	line-height: 25px;
	position: relative;
	float: left;
	padding: 0 0 0 15px;
	margin: 0;
	list-style: none;
	position: relative;
	float: left;
	width: 180px;
	font-size: 12px;
	text-align: left;
	border-bottom: solid 1px #cecece;
	
}

.menu > ul > li > ul > li > a:hover{
	color: #14a228;
}

#top_banner{
	position: relative;
	float: left;
	width: 1000px;
	height: 394px;
}

#tb{
	position: absolute;
	top: 54px;
	right: -14px;
	background: url(images/top_banner.png) no-repeat;
	width: 355px;
	height: 341px;
}

.big_green{
	color: #14a228;
	font-size: 48px;
	line-height: 48px;
	font-family: 'MyriadPro-Cond';
	font-weight: bold;
	font-style: italic;
}

.big_black{
	color: #000;
	font-size: 48px;
	line-height: 48px;
	font-family: 'MyriadPro-Cond';
	font-weight: bold;
	font-style: italic;
}

#leave_msg{
	position: absolute;
	font-size: 23px;
	top: 240px;
	left: 198px;
	font-family: 'MyriadPro-Cond';
	line-height: 28px;
	width: 425px;
	color: #1f1f1f;
	text-align: center;
}


#leave_msg a{
	color: #0096ff;
	text-decoration: underline;
}

#drop_comp{
	position:absolute;
	top: 50px;
	left: 46px;
}

#no_internet{
	position:absolute;
	top: 170px;
	left: 106px;
}

#viruses{
	position:absolute;
	top: 230px;
	left: 259px;
}

#no_printer{
	position:absolute;
	top: 110px;
	left: 340px;
}

#header2{
	position: relative;
	float: left;
	width: 100%;
	height: 360px;
	background: url(images/header2.png) repeat;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #b8b8b8;
}

#h2_sh{
	position: absolute;
	top: -14px;
	border-bottom: solid 1px #b8b8b8;
	width: 100%;
	height: 14px;
	background: url(images/h2_shadow.png) center top no-repeat;
}

#h2_content{
	position: relative;
	float: left;
	width: 1000px;
	height: 360px;
	margin-left: 50%;
	right: 500px;
}

#footer{
	position: relative;
	float: left;
	width: 100%;
	height: 191px;
	background: url(images/footer.png) repeat-x;
}

#footer_logo{
	position: relative;
	float: left;
	width: 319px;
	height: 44px;
	margin: 93px 81px 14px 35px;
	text-indent: -9999px;
	background: url(images/footer_logo.png) no-repeat;
}

#ft_content{
	position: relative;
	float: left;
	width: 1000px;
	height: 319px;
	margin-left: 50%;
	right: 500px;
}

#copy{
	position: relative;
	float: left;
	width: 400px;
	height: 28px;
	font-size: 11px;
	color: #5c5c5c;
	line-height: 14px;
	padding: 0 0 0 34px;
	overflow: hidden;
}

#ft_left{
	position: relative;
	float: left;
	width: 434px;
}

#ft_right{
	position: relative;
	float: right;
	width: 500px;
	margin: 0 20px 0 0;
}

#gt_menu{
	position: relative;
	float: left;
	width: 500px;
	text-align: right;	
	margin: 84px 0 33px 0;
}

#gt_menu ul{
	position: relative;
	float: left;
	width: 500px;
	text-align: right;
	padding: 0;
	margin: 0;	
}

#gt_menu ul li{
	height: 29px;
	line-height: 29px;
	padding: 0;
	margin: 0 2px;
	list-style: none;
	display: inline-block;
}

#counters{
	position: relative;
	float: right;
	width: 300px;
	height: 31px;
}

#counters img{
	position: relative;
	float: right;
	width: 88px;
	height: 31px;
	margin: 0 0 0 12px
}

#services_block{
	position: relative;
	float: left;
	width: 956px;
	height: 320px;
	background: url(images/services_bg.png);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-icab-border-radius:10px;
	border-radius:10px;
	behavior:url(ie-css3.htc);
	margin: 23px 0 0 22px;
}

.sb{
	position: relative;
	float: left;
	width: 201px;
	height: 275px;
	margin: 0 59px 5px 58px
}

#shiw_all_services{
	position: relative;
	float: left;
	width: 315px;
	height: 29px;
	padding-bottom: 1px;
	line-height: 29px;
	text-align: center;
	margin-left: 50%;
	right: 157px;
	font-size: 11px;
	font-weight: bold;
	background: url(images/all_services.png) no-repeat;
}

.sb_title{
	position: relative;
	float: left;
	width: 188px;
	margin: 24px 0 0 0;
	padding: 0px 0px 0px 12px;
	font-size: 24px;
	font-family: 'MyriadPro-Cond';
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	height: 69px;
	border-bottom: solid 1px #dcdcdc;
}

.sb_title span{
	position: relative;
	float: right;
	margin: 9px 0 0 0;
	padding: 0; 
	width: 115px;
}

.sb_cont{
	position: relative;
	float: left;
	width: 200px;
	border-top: solid 1px #fff;
	padding: 9px 0 0 0;
	
}

.sb_cont ul{
	position: relative;
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
}

.sb_cont ul li{
	position: relative;
	float: left;
	width: 175px;
	margin: 5px 0 5px 12px;
	padding: 0 0 0 13px;
	list-style: none;
	background: url(images/list.png) left top no-repeat;
	line-height: 16px;
	font-size: 12px;
}

.sb_cont ul li:hover{
	background: url(images/list_act.png) left top no-repeat;
}

#main_content{
	position: relative;
	float: left;
	width: 950px;
	padding: 25px;
	margin-left: 50%;
	right: 500px;
	font-family: Tahoma;
	font-size: 12px;
	color: #525252;
	line-height: 18px;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'MyriadPro-Cond';
	color: #000000;
	margin: 5px 0
}

#main_content h1.green{
	font-size: 30px;
	line-height: 36px;
	color: #14a228;
	font-weight: bold;
	font-style: italic;
}

#main_content h1{
	font-size: 20px;
	line-height: 26px;
}

#main_content h2{
	font-size: 18px;
	line-height: 24px;
	color: #0096ff;
}

#main_content h3{
	font-size: 16px;
	line-height: 22px;
}

#main_content h4,#main_content h5,#main_content h6{
	font-size: 14px;
	line-height: 20px;
}

#main_content p{
	margin: 5px 0
}

#main_content table{
	width: 920px;
	margin-left: 30px;
}

.white-cell{
	color: #fff;
}
.comment-form-url{display:none;}
p.form-submit{position:relative;float:left;width:100%;margin:10px 0}
p.form-submit #submit{border:0 none;background:#208a9d;position:relative;float:left;color:#fff;height:33px;line-height:33px;cursor:pointer;padding:0 10px}
p.comment-form-comment textarea{position:relative;float:left;width:568px;height:126px;line-height:18px;margin:4px 0 0;padding:0 0 0 15px}
p.comment-form-author,p.comment-form-email,p.comment-form-url{width:100%;position:relative;float:left;margin:4px 0}
p.comment-form-author label,p.comment-form-email label,p.comment-form-url label{width:40px;position:relative;float:left;height:31px;line-height:31px}
p.comment-form-author input,p.comment-form-email input,p.comment-form-url input{width:200px;position:relative;border:solid 1px #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-icab-border-radius:8px;border-radius:8px;behavior:url(ie-css3.htc);float:left;height:29px;line-height:29px;font-family:Tahoma;font-size:12px;color:#000;padding:0 10px}
h3.reply-title{position:relative;float:left;width:100%;font-size:12px;font-family:Tahoma;margin:0}
div#respond{position:relative;float:left;width:100%}
p.form-allowed-tags,p.comment-form-comment label,.comment-notes,.required{display:none}
div.comm_imm{position:relative;float:left;width:75px;height:75px;background:#000}
div.comm_imm .ph{position:relative;float:left;width:75px;height:75px;overflow:hidden;margin:0}
div.comm_imm .ph img{position:relative;float:left;width:75px;height:75px;overflow:hidden;margin:0 !important;padding: 0 !important; border:0px none !important}
div#comments{position:relative;float:left;width:970px}
div#comments li{list-style:none}
ol.commentlist{position:relative;float:left;list-style:none;width:970px;margin:15px 0 0 0;padding:0}
li.comment{position:relative;float:left;padding: 4px;;margin:0 0 10px; }
ul.children{position:relative;float:left;margin:15px 0 0;padding:0}
div.comment_author_name{position:relative;float:right;font-size:12px;margin:0 0 5px}
div.comment-content{position:relative;float:right;font-size:12px;line-height:18px;}
ol.commentlist li div.reply{position:relative;float:right;text-align:center;width:auto;padding:0px 5px}
ol.commentlist li div.reply b{font-weight: normal; color: #7c9c17}
ol.commentlist li div.reply:hover{text-decoration:underline}
ol.commentlist li div.reply a{text-decoration:none;}
ol.commentlist li div.reply a b{color: #7c9c17}
.depth-1 div.comment_author_name,.depth-1 div.comment-content{width: 875px;}
ol.commentlist li ul.children li.depth-2 div.comment_author_name,ol.commentlist li ul.children li.depth-2 div.comment-content{width: 450px;}
ol.commentlist li ul.children li.depth-3 div.comment_author_name,ol.commentlist li ul.children li.depth-3 div.comment-content{width:410px}
ol.commentlist li ul.children li.depth-4 div.comment_author_name,ol.commentlist li ul.children li.depth-4 div.comment-content{width:370px}
ol.commentlist li ul.children li.depth-5 div.comment_author_name,ol.commentlist li ul.children li.depth-5 div.comment-content{width:330px}
.depth-1 div.comment-content p,.depth-1{margin:0}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5{margin:0 0 0 30px}
div.comment-awaiting-moderation{position:relative;float:right}

/* Увеличиваем секцию, чтобы поместить форму под блоком услуг */
#header2 {
	height: auto;
	padding-bottom: 30px;
}

#h2_content {
	height: auto;
}

/* Контейнер формы */
#contact_form {
	position: relative;
	float: left;
	width: 956px;
	margin: 25px 0 0 22px;
	background: #f4f4f4;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	padding: 25px 0 30px 0;
	box-sizing: border-box;
}

/* Заголовок формы (если добавите) */
#contact_form h3 {
	width: auto;
	margin: 0 0 15px 30px;
	font-size: 24px;
	font-family: 'MyriadPro-Cond';
	font-weight: bold;
	font-style: italic;
	color: #14a228;
}

/* Сама форма CF7 */
#contact_form .wpcf7 {
	position: relative;
	float: left;
	width: 896px;
	margin: 0 30px;
}

#contact_form form {
	position: relative;
	float: left;
	width: 100%;
}

/* Поля в ряд */
#contact_form .wpcf7 p {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 24px 14px 0;
	font-size: 12px;
	color: #5c5c5c;
}

/* Поля ввода */
#contact_form input[type="text"],
#contact_form input[type="email"],
#contact_form input[type="tel"],
#contact_form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 9px 10px;
	margin: 4px 0 0 0;
	border: 1px solid #b8b8b8;
	border-radius: 5px;
	font-family: Tahoma;
	font-size: 12px;
	color: #333;
	background: #fff;
}

#contact_form input:focus,
#contact_form textarea:focus {
	border-color: #14a228;
}

#contact_form textarea {
	height: 90px;
	resize: vertical;
}

/* Кнопка отправки */
#contact_form input[type="submit"] {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	background: #14a228;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px 30px;
	margin: 0 0 0 0;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

#contact_form input[type="submit"]:hover {
	background: #009d16;
}

/* Сообщения CF7 */
#contact_form .wpcf7-response-output {
	clear: both;
	float: left;
	width: 100%;
	font-size: 11px;
	margin: 12px 0 0 0;
	padding: 8px 12px;
	box-sizing: border-box;
}

/* Подсветка ошибок */
#contact_form .wpcf7-not-valid {
	border-color: #d63333 !important;
}

#contact_form .wpcf7-not-valid-tip {
	font-size: 11px;
	color: #d63333;
}

/* Ограничиваем ширину поля «Сообщение», чтобы не было слишком широким */
#contact_form .wpcf7 p.full {
	width: 100%;
	margin-right: 0;
	clear: both;
}

#contact_form .wpcf7 p.full textarea {
	height: 110px;
}