/*
Theme Name: Web4pro
Theme URI: http://web4pro.com.ua/
Description: Web4pro theme
Author: Web4pro
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {border: none;}
a{outline:none; color:#4c849d;}
a:hover{text-decoration:none;}

/* =Layout
-------------------------------------------------------------- */

#content {margin: 0 261px 0 0;}
.blog #content{margin:0;}
#primary, #secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}
#secondary {	clear: right;}
#footer {
	clear: both;
	width: 100%;
}
.one-column #content {
	margin: 0 auto;
	/*width: 640px;*/
}
.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}

/* =Fonts
-------------------------------------------------------------- */
pre {font-family: "Courier 10 Pitch", Courier, monospace;}
code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}


/* The main theme structure */
body{background-color:#ededed;font-family:Tahoma, sans-serif;}
#wrapper {
	margin: 0 auto;
	width: 960px;
	background:url(images/shadow-bot.gif) no-repeat left bottom #fff;
	padding:0 22px 50px 20px;
}
#header{
	float:left;
	height:83px;
	width:100%;
	margin-bottom:24px;
}
#header #logo{float:left;padding:28px 0 0 5px;}
#header #logo a{
	background:url(images/logo.gif) no-repeat left top;
	width:150px;
	height:53px;
	display:block;
	text-indent:-9999px;
}
#header .menu{
	float:right;
	margin-top:30px;
}
#header .menu li{
	float:left;
}
#header .menu li a{
	font:bold 17px/19px Tahoma, sans-serif;
	color:#2d2d2f;
	border-bottom:3px solid #ccc;
	text-transform:uppercase;
	text-decoration:none;
	padding:15px 30px;
	display:block;
}
#header .menu li a:hover,#header .menu li.current_page_item a{
	border-bottom:3px solid #bd3232;
	color:#bd3232;
}
#main {
    clear:both;
    overflow:hidden;
}
#container {
    float: left;
    margin: 0 -284px 0 0;
    width: 100%;
}
#content .entry-title{
	color:#fff;
	font:bold 21px/39px Tahoma, sans-serif;
	background:url(images/bg-title.gif) no-repeat top left;
	width:935px;
	height:39px;
	padding-left:26px;
	text-transform:uppercase;
	margin-bottom:15px;
}
.entry-content{padding:0 28px 0 25px;}
#content h3{
	font:bold 18px/40px Arial, Verdana, sans-serif;
	color:#2d2d2f;
	border-bottom:1px solid #bac4ce;
	margin-bottom:8px;
}
#content h4{
	font:bold 14px/32px Tahoma, sans-serif;
	margin-top:10px;
	color:#000;
}
#content p{
	font:12px/16px Tahoma,sans-serif;
	color:#000;
	margin-bottom:20px;
	text-align:justify;
}
.banner{
	width:961px;
	height:172px;
	background:url(images/banner.jpg) no-repeat left top;
	margin-bottom:20px;
	float:left;
}
.banner .send{
	border:0 none;
	width:219px;
	height:41px;
	background:url(images/btn-send.gif) no-repeat left top;
	display:block;
	text-indent:-9999px;
	padding-top:41px;
	cursor:pointer;
	float:right;
	margin:108px 25px 0 0;
}
.tiser {float:left;padding-left:17px;}
.tiser li{
	/*width:197px;*/
	width:327px;
	/*min-height: 50px;*/
	margin-right:55px;
	margin-bottom:45px;
	padding-left:86px;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	/*_height: 50px;*/
}
#content .tiser li h2{
	border-bottom:1px solid #bac4ce;
	margin-bottom:8px;
}
.tiser li h2 a{
	font:bold 18px/32px Arial, Verdana, sans-serif;
	color:#2d2d2f;
	text-decoration:none;
}
.tiser li h2 a:hover{text-decoration:underline;}
.tiser li.developer{background:url(images/icon-devel.jpg) no-repeat left 13px;}
.tiser li.design{background:url(images/icon-design.jpg) no-repeat left 15px;}
.tiser li.host{background:url(images/icon-host.jpg) no-repeat left 15px;margin-bottom:0px;}
.tiser li.int-mark {background:url(images/icon-int-mark.jpg) no-repeat left 5px;margin-bottom:0px;}
#content .tiser li p{
	color:#000;
	font:12px/16px Arial, Verdana, sans-serif;
	padding:0 0 0 3px;
	margin-bottom:10px;
	text-align:justify;
}
#content div.developer h2, #content div.design h2, #content div.int-mark h2, #content div.host h2, .blog h2{
	font:bold 18px/40px Arial, Verdana, sans-serif;
	color:#2d2d2f;
	border-bottom:1px solid #bac4ce;
	padding:0 3px;
	margin-bottom:8px;
}
#content div.developer, #content div.int-mark {padding-left:81px}
#content div.design, #content div.host{padding-right:81px}
#content div.design h2, #content div.host h2{text-align:right;}
#content div.developer p, #content div.design p, #content div.int-mark p, #content div.host p{
	padding:0 0 0 2px;
}
#content div.developer{background:url(images/icon-devel.jpg) no-repeat left 12px;}
#content div.design{background:url(images/icon-design.jpg) no-repeat right 16px;}
#content div.int-mark{background:url(images/icon-int-mark.jpg) no-repeat left 8px;}
/*#content div.host{background:url(images/icon-host.jpg) no-repeat right 55px;}*/
#content div.host{background:url(images/icon-host.jpg) no-repeat right 25px;}
.extra{
	background:url(images/bg-title.gif) no-repeat scroll left top transparent;
	position:relative;
	height:39px;
	float:left;
	width:100%;
	margin-bottom: 15px;
}
#content .extra h1{
	background:none;
	float:left;
	width:250px;
	margin-bottom:0;
}
.menu-headline{
	float:right;
	margin-right:3px;
}
.menu-headline li{
	float:left;
}
.menu-headline li a{
	float:left;
	font:14px/39px Tahoma, sans-serif;
	color:#000;
	text-decoration:none;
	margin-right:30px;
}
.menu-headline li a:hover{text-decoration:underline;}
.page-id-45 .entry-content, .page-id-17 .entry-content{padding:0 0 0 2px;}
.page-id-45  #content .entry-content h4, .page-id-17 #content .entry-content h4{
	color:#2d2d2f;
	font:bold 17px/51px Arial, Verdana, sans-serif;
}
.wpcf7 {width:650px;float:left;}
#content .wpcf7 p{margin-bottom:12px;}
.wpcf7 form label{
	width:80px;
	text-align:right;
	float:left;
	margin-right:12px;
	color:#3e3e40;
	font:14px/28px Tahoma, sans-serif;
}
*html .wpcf7 form label{width:85px;}
.wpcf7 form label em{
	color:#b22525;
	font:normal 12px/28px Tahoma, sans-serif;
}
.wpcf7 form input, .wpcf7 form textarea{
	font:normal 14px/16px Tahoma, sans-serif;
	color:#000;
	position:relative;
	border:1px solid #bac4ce;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	behavior: url(border-radius.htc);
}
.wpcf7 form input{
	width:227px;
	height:18px;
	padding:4px 8px;
}
.wpcf7 form input.sendmess, .wpcf7 form input.sendmess2{
	background-color:#b22525;
	width:143px;
	height:28px;
	margin-left:92px;
	border:0 none;
	font:bold 14px/28px Arial, Verdana, sans-serif;
	color:#fff;
	cursor:pointer;
	padding:0;
}
.wpcf7 form input.sendmess2{margin-left:0;}
*html .wpcf7 form input.sendmess{margin-left:102px;}
.wpcf7 form textarea{
	width:438px;
	height:115px;
	padding:3px;
}
.wpcf7 form input:focus, .wpcf7 form textarea:focus{
	border:1px solid #7f868d;
}
.wpcf7 form input.iefocus{border-color:red;}
#sidebar-right, .right-col .box{
	float:right;
	border:1px solid #f3f3f3;
	background-color:#f3f3f3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	behavior: url(border-radius.htc);
}
#sidebar-right{margin-top:76px;padding:17px;width:228px;}
*html #sidebar-right{position:relative;margin-left:-263px;}
.home #sidebar-right{margin-top:0;}
.home .entry-content{padding:0;}
#main #sidebar-right .news{padding:0;}
#sidebar-right .news li{
	background:url(images/list-sidebar.gif) no-repeat left 5px;
	padding-left:20px;
}
#sidebar-right .news li a{
	font:12px/14px Arial, Verdana, sans-serif;
	text-decoration:underline;
}
#sidebar-right .news li a:hover{text-decoration:none;}
#sidebar-right .news li p{
	color:#000;
	font:12px/16px Arial, Verdana, sans-serif;
	padding:0;
	margin:3px 0 16px;
	text-align:left;
}
.right-col{
	float:right;
	width:262px;
	margin-top:-30px;
}
.right-col .box{margin-bottom:16px;padding:22px 21px;width:220px;}
#content .right-col .box p{
	margin-bottom:12px;
}
.right-col .box p a{
	color:#3e3e40;
	text-decoration:underline;
	font:14px/18px Tahoma, sans-serif;
}
.right-col .box p a:hover{text-decoration:none;}
.right-col .box label{
	color:#8d8d8d;
	font:14px/18px Tahoma, sans-serif;
	margin-right:8px;
}
.right-col .box span{
	font:bold 16px/20px Arial, Verdana, sans-serif;
	color:#3e3e40;
}
#content .right-col .box address span{
	color:#3e3e40;
	font:14px/18px Tahoma, sans-serif;
	margin:0;
}
#content .right-col .box address a.map{
	padding-right:20px;
	background:url(images/map-link.gif) no-repeat right 3px;
	color:#3e3e40;
}
.right-col .box .in, .right-col .box .twit, .right-col .box .facebook{
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}
.right-col .box .in{
	background:url(images/contacts-in.gif) no-repeat;
	width:92px;
	height:22px;
}
.right-col .box .twit{
	background:url(images/contacts-twit.gif) no-repeat;
	width:125px;
	height:24px;
}
.right-col .box .facebook{
	background:url(images/contacts-fb.gif) no-repeat;
	width:115px;
	height:24px;
}
#footer{
	margin:0 auto;
	width:1004px;
	padding:19px 0 37px;
	color:#696d6f;
	font:12px/23px Tahoma, sans-serif;
	height:24px;
}
#footer #copyright,#footer #menu-secondarymenu, #footer #menu-secondarymenu li, .menu-footer{float:left;}
#footer a{text-decoration:none;color:#696d6f;}
#footer a:hover, #footer .lang:hover{text-decoration:underline;}
#footer #menu-secondarymenu li a{
	text-decoration:underline;
	color:#010101;
	font:12px/23px Tahoma, sans-serif;
	padding-left:10px;
	margin-left:7px;
	background:url(images/list-img.gif) no-repeat left center;
}
#footer #menu-secondarymenu li a:hover{text-decoration:none;}
#footer .lang{
	color:#010101;
	margin-left:98px;
	text-decoration:none;
	float:left;
}
#footer .share{
	float:right;
	margin-right:3px;
}
#footer .share span{float:left;margin-right:6px;}
#footer .share a{
	float:left;
	display:block;
	text-indent:-9999px;
	margin-left:7px;
	background-image:url(images/share.gif);
	background-repeat:no-repeat;
	width:28px;
	height:27px;
	cursor:pointer;
	top:-4px;
	position:relative;
}
#footer .share a.in{background-position:0 0;}
#footer .share a.twitter{background-position:0 -27px;}
#footer .share a.facebook{background-position:0 -54px;}
#footer .share a.contact{background-position:0 -81px;}
#footer .share .in:hover{background-position:0 -108px !important;}
#footer .share .twitter:hover{background-position:0 -135px !important;}
#footer .share .facebook:hover{background-position:0 -162px !important;}
#footer .share .contact:hover{background-position:0 -189px !important;}

span.edit-link{display:block;clear:both;}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}



/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}