/*  BASIC RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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 {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:'';}
abbr,acronym { border:0;}
.clearfix { zoom: 1 }
.clearfix:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	font-size: 0;
}
html, body {height:100%;}
body {
	font-family: Arial;
	font-size: 12px;
	color: #575757;
	width:100%;
	background: #f9fef7;
}
#wrap {
	position: relative;
	width:100%;
	min-width:990px;
	min-height:100%;
	height:auto !important;
	height:100%;
	overflow-x: hidden;
}
h1{font-size:1.33em;font-weight:bold;padding-bottom: 10px;}
h2{font-size:1.16em;font-weight:bold;padding-bottom: 10px;}
a{outline:none;}
a:link, a:visited{color: #0884ec;text-decoration: underline;}
/* HEADER*/
#header{padding-top: 35px;}
#header #logo{float: left;margin-right: 53px;}
#header #header_right{margin-left: 147px;padding-top: 23px;}
#header #h_t{font-size: 0.91em;}
#header #h_t a:link, #header #h_t a:visited{color: #575757;}
#header #services {margin-left: 77px;}
#header #services a, #header #services .na{margin-right: 20px;}
#header #phones{float: right;color: #585454;}
#header #phones img { position:relative; top: 1px;}
#header .icons {float: right;margin: 0 35px 0 0;position:relative;top:-2px;}
#header .icons a {margin: 0 5px 0 0;text-decoration:none;}
#header #phones p{
	text-align: right;
	float: left;
	line-height: 11px;
}

#header #phones #number{
	font-size: 	2.2em;
	font-weight: bold;
	position: relative;
	text-align: right;
	float: left;
	top: -5px;
	margin-left: 10px;
}
#header #phones img{margin-top: 1px;margin-left: 10px;}
#header #txt{float: left;}
.inside{padding-left: 50px;padding-right: 50px;}

/* TOP SIDE*/
#top_side{margin-top: 25px;position: relative;}
#top_side #mainmenu{width: 200px;float: left;}
#top_side #mainmenu li{overflow: hidden;margin-bottom: 13px;}
#top_side #mainmenu li p{
	padding: 5px 10px;
	font-size: 1.33em;
	font-weight: bold;
	float: left;
}
#top_side #mainmenu li a{font-weight: normal;}
#top_side #mainmenu .active p{background: #edf2e9;}
#top_side #mainmenu .active {padding-left: 13px;}
#top_side #banner{margin-left: 200px;background: url(/bitrix/templates/main/images/bs.png) repeat-x !important;}
#top_side #banner a{
	height: 244px;
	display: block;
	}
#top_side #flags{
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
}
#top_side #flags div{
	padding-bottom: 3px;
	}
/* TOP SIDE*/
#presentation_block {margin-top: 25px;margin-bottom: 25px;}
#presentation_block #map{
	width: 184px;
	height: 178px;
	overflow: hidden;
}
#presentation_block #map{float: left;}
#presentation_block #presentation_text{
	background: #edf2e9;
	height: 178px;
	margin-left: 200px;
	line-height: 1.5em;
	position: relative;
	margin-right: 20px;
}
#presentation_block #hand{
	width: 112px;
	height: 114px;
	background: url(/bitrix/templates/main/images/hand.png) no-repeat;
	position: absolute;
	right: 0;
	margin-right: -43px;
	margin-top: 30px;
}
#presentation_text p{padding-bottom: 1em;}
#presentation_text #left_pt, #presentation_text #right_pt{width: 46%;padding: 15px 10px 15px 10px;}
#presentation_text #left_pt{float: left;}
#presentation_text #right_pt{float: right;}
.text_header{padding-bottom: 10px;}
#presentation_text ul li{padding-left: 10px;background: url(/bitrix/templates/main/images/green_marker.gif) left 0.58em no-repeat;}
#presentation_text ul {position: relative; margin-left: -10px;margin-right: 65px;}

/* PORTFOLIO SITES*/
portfolio_list{position: relative;}
#portfolio_sites, #portfolio_logos {margin-bottom: 25px;height: 220px;}
#portfolio_sites a:link, #portfolio_sites a:visited{text-decoration: none;} 
.portfolio_list ul li{
	float: left;
	width: 220px;
	overflow: hidden;
	color: #f9fef7;
	background: #444741;
	height: 190px;
}
.portfolio_list a{height:124px;}
/* PREV */
.prev_button_wrap, .next_button_wrap{
	width: 50px;
	height: 50px;
	border: 1px solid #444741;
	background: #444741;
	position: relative;
	
}
.prev_button_wrap, .next_button_wrap{position: relative; margin-top: -58px;padding-bottom: 1px;float: left;}
.prev_button_wrap .prev_button, .next_button_wrap .next_button{
	width: 23px;
	height: 23px;
	cursor: pointer;
	margin-left: 13px;
	margin-top: 15px;
	
	}
.prev_button_wrap .prev_button{background: url(/bitrix/templates/main/images/prev.png) 3px 3px no-repeat;	}
.prev_button_wrap .prev_button:hover{background: #212220 url(/bitrix/templates/main/images/prev.png) 3px 3px no-repeat;}
/* NEXT */
#portfolio_sites .next_button_wrap{float: right;}
.next_button_wrap .next_button{background: url(/bitrix/templates/main///images/next.png) 3px 3px no-repeat;}
.next_button_wrap .next_button:hover{background: #212220 url(/bitrix/templates/main/images/next.png) 3px 3px no-repeat;}

.portfolio_list p{
	margin-top: 8px;
 	padding-top: 3px;
	padding-left: 10px;
	height: 47px;
	border-left: 1px solid #f9fef7;
	margin-left: 3px;
}
#portfolio_logos .prev_button_wrap{float: left;}
#portfolio_logos .next_button_wrap{float: right;}

/* CARUSEL STYLES */
#portfolio_sites_carusel, #portfolio_logos_carusel{overflow:hidden;}
#portfolio_sites_carusel, #portfolio_logos_carusel{
	width: 2000em;	
}
.jcarousel-clip {margin:0;overflow:hidden;padding:0;	position:relative;}
.jcarousel-list {overflow: hidden;position: relative;}
.jcarousel-list li, .jcarousel-item {float: left;list-style: none;position: relative;}
.jcarousel-container{width: 100%;}
.jcarousel-clip-horizontal {	width: 100%;}
/* END LINE */
#end_line{margin-bottom: 60px;}
#end_line #left_clear_blok{width: 440px;	float: left;}
#end_line #clever_brunches{margin: 0 auto; width: 700px;padding-top: 50px;}
#clever_brunches h1{
	font-size:1.33em;
	font-weight:bold;
	padding-bottom: 0px !important;
}
#end_line #clever_promo, #end_line #clever_soft{
	width: 30%;
	float: left;
	padding-bottom:2.5em;
}
#end_line #clever_promo{
	padding-left: 82px;
	background: url(/bitrix/templates/main/images/promo.png) no-repeat;
	margin-right: 40px;
}
#end_line #clever_soft{padding-left: 82px;background: url(/bitrix/templates/main/images/soft.png) no-repeat;}
/* FOOTER */
#footer {
	padding-top:20px;
	position:relative;
	margin-top:-120px;
	height:100px;
	width:100%;
	min-width:990px;
	background: #444741;
	color: #f9fef7;
	font-size: 0.916em;
}
#footer a:link, #footer a:visited{color: #f9fef7;}
#footer #simple_solutions{float: left;width: 347px;}
#footer #simple_solutions p, #adress p{margin-bottom: 1em;}
#footer .link-404{float: right;margin-right: 20%;}
#footer #partner img{	float: left;margin-right: 10px;}
#footer #partner{float: right;width: 250px;}
#footer #adress{margin-left: 340px;margin-right: 250px;}
.footer_blank {	height:120px;}
#modal{
	position: absolute;
	left: 0;
	top: 0;
	z-index:9000;
    background: #070707;
	color: #fff;
	display: none;
}
#modal #window{
	position:absolute;
    left: 0;
    top: 0;
	z-index: 9999;
    width: 800px;
	height: 400px;
	
	opacity: 1;
}
#modal h1{
	margin-top: 150px;
	font-size: 8.33em;
	padding-bottom: 150px;
	font-weight: normal !important;
	font-style: italic;
}
#modal #close{
	width: 36px;
	height: 36px;
	background: url(/bitrix/templates/main/images/close.png) no-repeat;
	cursor: pointer;
	opacity: 1;
	float: right;
	z-index: 9999;
	position: relative;
}
/* Carousel */
#carousel {
	margin:0 auto;
	width:100% !important;
	height:244px;
	padding:0px;
	overflow:scroll;

}

#carousel ul {
	list-style: none;
	width:2400px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li{
	display:inline;
	float:left;
}
.textholder {
	text-align:left;
	font-size:small;
	padding:6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
.transparent{
    background: none !important;
}
.cell_bg{
    background: url(/bitrix/templates/main/images/banner_cell_bg.png) repeat-x !important;
}
.promo-sub-menu li{
    float: left;
   font-size:1.33em;
    margin-right: 20px;
}
.promo-sub-menu {
    margin-bottom: 20px;
}
.promo-sub-menu .selected{
    font-weight: bold;
}