@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/*  */


/* @font-face {
    font-family: 'PT_Sans-Web';
    src:  url('PT_Sans-Web-Regular.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
} */

@font-face {
	font-family: 'Conv_PT_Sans-Web';
	src: url('fonts/PT_Sans-Web-Regular.eot');
	src: local('☺'), url('fonts/PT_Sans-Web-Regular.woff') format('woff'), url('fonts/PT_Sans-Web-Regular.ttf') format('truetype'), url('fonts/PT_Sans-Web-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_PT_Sans-Web';
	src: url('fonts/PT_Sans-Web-Bold.eot');
	src: local('☺'), url('fonts/PT_Sans-Web-Bold.woff') format('woff'), url('fonts/PT_Sans-Web-Bold.ttf') format('truetype'), url('fonts/PT_Sans-Web-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

/* Text styles */
.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}
.joomla-footer {
	font-size: .9em;
	margin-bottom: 30px;
}

/* Article functions */
ul.actions {
	clear:both;
	margin-top: -50px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}

/* Image float styles */
.img-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*########################################################################################*/

body{
	font-family: 'Conv_PT_Sans-Web';
	font-size: 12pt;
	line-height: 15pt;
}

h2 {
	font-weight: bold;
	font-size: 36pt;
	line-height: 22pt;
	color: #6c707d;
}

h5{
	font-weight: bold;
	font-size: 14pt;
	line-height: 18pt;
	margin: 0;
}


p{
	margin: 8pt 0;
}

a{
	color: #ff0435;
	cursor: pointer;
}

a:hover, a:active, a:focus{
	color: #a0041d;
}

span.spanlink{
	color: #ff0435;
}

span.spanlink:hover{
	color: #a0041d;
}

ul, ol{
	padding-left: 20px;
}

li{
	margin: 8px 0;
}

.main_header{
	height: 430px;
	/* background: url('images/bg_header0.jpg') top center; */
	border-bottom: 3px solid #fe0232;
	position: relative;
}
#main_header0{
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	height: 430px;
	background: url('images/bg_header0.jpg') top center;
	/* border-bottom: 3px solid #fe0232; */
}


#main_header1{
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	height: 430px;
	background: url('images/bg_header1.jpg') top center;
	/* border-bottom: 3px solid #fe0232; */
}

#main_header2{
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	height: 430px;
	background: url('images/bg_header2.jpg') top center;
	/* border-bottom: 3px solid #fe0232; */
}

#main_header3{
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	height: 430px;
	background: url('images/bg_header3.jpg') top center;
	/* border-bottom: 3px solid #fe0232; */
}

#main_header4{
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	height: 430px;
	background: url('images/bg_header4.jpg') top center;
	/* border-bottom: 3px solid #fe0232; */
}


	.main_calend_link{
		display: block;
		/* border: 1px dotted #f00; */
		margin: 150px 0 0 255px;
		width: 490px; height: 100px;
	}
		
	.main_head_wrapper{
		width: 960px;
		height: 430px;
		margin: 0 auto;
		padding-top: 1px;
		border: 0px dotted #fff;
	}
	
	.main_title{
			margin: 28px 0 0 334px;
			font-size: 24pt;
			line-height: 40pt;
			color: #fff;
			font-family: 'Conv_PT_Sans-Web';
			font-weight: bold;
	}
	
	.title_expert{
		font-size: 48pt;
	}

#main_about{
	height: 840px;
	background: url('images/bg.png') top left repeat-x;
}


	.main_about_wrapper{
	position: relative;
		width: 960px;
		height: 840px;
		margin: 0 auto;
		border: 0px dotted #f00;

	}
	
		#about{
			position: absolute;
			top: -200px;
			width: 1px;
			height: 1px;
		}
	
		.about_left{
			width: 304px;
			float: left;
		}
		
			.main_menu{
				position: relative;
				width: 175px;
				height: 152px;
				padding: 195px 0 0 165px;
				margin-top: -120px;
				margin-left: -32px;
				background: url('images/main_logo.png') top center;
				z-index: 15;
			}
			
				.main_menu ul, .topbar_menu ul{
					padding: 0;
				}
					
					.main_menu ul li, .topbar_menu ul li{
						list-style-type: none;
						line-height: 18pt;
						margin: 0;
					}
					
									
						.main_menu ul li a, .topbar_menu ul li a{
							list-style-type: none;
							font-size: 12pt;
						}
			
			.contakt_form{
				margin-top: 18px;
				width: 238px;
				height: 338px;
				padding: 20px 16px 16px;
				border: 1px solid #cdccd1;
				border-radius: 3px;
			}
			
				.contakt_form p{
					margin: 0;
					color: #343a4a;
				}
			
				.cont input{
					display: block;
					margin-top: 16px;
					width: 218px;
					height: 16px;
					padding: 7px 9px;
					border: 1px solid #cdccd1;
					color: #cdcfd0;
					
					font-family: 'Conv_PT_Sans-Web';
					font-size: 11pt;
					font-weight: normal;
				}
				
				.cont input:focus{

					border: 1px solid #aaa;
					color: #343a4a;
				}

				.cont textarea{
					display: block;
					margin-top: 16px;
					width: 218px;
					height: 32px;
					padding: 7px 9px;
					border: 1px solid #cdccd1;
					color: #cdcfd0;
					
					font-family: 'Conv_PT_Sans-Web';
					font-size: 11pt;
					font-weight: normal;
				}
				
				.cont textarea:focus{
					border: 1px solid #aaa;
					color: #343a4a;
				}				
				
				
				.cont button{
					display: block;
					height: 30px;
					background: #ff0336;
					border: 1px solid #ff0336;
					color: #fff;
					width: 238px;
					margin-top: 16px;
					font-size: 11pt;
					font-family: 'Conv_PT_Sans-Web';
					cursor: pointer;
				}				
				
				.cont button:hover{
					background: #a1031e;
					border: 1px solid #a1031e;
				}
				
		.about_middle{
			margin-left: 304px;
		}
		
		.about_info{
			height: 48px;
			padding: 24px 0 0 8px;
		}
		.about_text{
			padding: 40px 24px 0 32px;
		}
		
#main_services{
	background: url('images/bg_services.png') top center;
	height: 784px;
	box-shadow: 0 0 14px #737577;
}

	.main_services_wrapper{
		position: relative;
		width: 960px;
		height: 738px;
		margin: 0 auto;
		/* border: 1px dotted #fff; */
		padding-top: 46px;
	}
			#portfolio, #contakts{
				position: absolute; top: -120px; width: 1px; height: 1px;
			}

			#services{
				position: absolute; top: -115px; width: 1px; height: 1px;
			}
			
			#partners{
				position: absolute; top: -150px; width: 1px; height: 1px;
			}
			
			
			.get_price{
				float: right;
				padding: 0px 16px 0 0;
				line-height: 1.6em;
			}
			
			.get_price a{
				color: #fff;
			}

			.get_price a:hover, .get_price a:focus, .get_price a:active{
				color: #ff0336;
			}
			
			.main_services_wrapper h2{
				color: #fff;
				font-weight: bold;
				font-size: 36pt;
				padding-left: 16px;
				height: 40px;
				margin-bottom: 56px;
			}
			
			.services_icons{
				padding: 0 0 0 0px;
				text-align: center;
				vertical-align: top;
			}
			
			a.service{
				display: inline-block;
				width: 207px; 
				height: 240px;
				margin-right: 32px;
				margin-bottom: 64px;
				color: #fff;
				text-align: center;
				/* border: 1px dotted #eee; */
				line-height: 13pt;
				vertical-align: top;
			}
			
			a.service img{
				width: 178px;
				height: 178px;
				margin-bottom: 42px;
				border: 0px;
				border-radius: 90px;
			}
			
			a.service:hover{
				/* color: #ff0435; */
				/* font-weight: bold; */
			}
			
			a.service:hover img{

				margin-top: -2px;
				margin-bottom: 40px;
				border: 2px solid #fff;
			}
			
			a.service:active img{
				margin-top: -2px;
				margin-bottom: 40px;
				border: 2px solid #a1031e;
			}			
			
			a.nomargin{
				width: 207px !important;
				margin-right: 0 !important;
			}
			
#main_portfolio{
	height: 958px;
	position: relative;
	/* box-shadow: 0 0px 14px #737577; */
}

	.main_portfolio_wrapper{
		width: 944px;
		/* height: 728px; */
		height: 910px;
		margin: 0 auto;
		/* border: 1px dotted #f00; */
		padding: 48px 0 0 16px;
	}
	
				.main_portfolio_wrapper h2{
					color: #6c707c;
					font-weight: bold;
					font-size: 36pt;
					height: 40px;
					margin-bottom: 24px;
				}
				
				.main_portfolio_menu{
					height: 32px;
					margin-bottom: 48px;
				}
					
					.main_portfolio_menu{
					
					}
				.main_portfolio_menu a{
					display: inline-block;
					width: 140px;
					height: 25px;
					padding-top: 5px;
					background: $fff;
					border-top: 1px solid #ff0336;
					border-bottom: 1px solid #ff0336;
					border-right: 1px solid #ff0336;
					border-left: 0;
					color: #ff0336;
					text-decoration: none;
					text-align: center;
				}
				
				.main_portfolio_menu a.port_active{
					background: #ff0336;
					color: #fff;
				}
				
				.main_portfolio_menu a.port_left{
					border-left: 1px solid #ff0336;
					border-top-left-radius: 3px;
					border-bottom-left-radius: 3px;
				}

				.main_portfolio_menu a.port_right{
					border-top-right-radius: 3px;
					border-bottom-right-radius: 3px;
				}
				
				.port_content a img{
					width: 202px;
					height: 142px;
					margin-right: 36px;
					margin-bottom: 40px;
					border: 1px solid #6c6f7e;
					box-shadow: 0 2px 6px #b6b8ba;
					border-radius: 3px;
				}
				
					.port_content a img:hover{

					box-shadow: 0 2px 12px #b6b8ba;

				}

#main_partners{
	height: 678px;
	position: relative;
}

	.main_partners_wrapper{
		width: 944px;
		height: 670px;
		margin: 0 auto;
		/* border: 1px dotted #f00; */
		padding: 12px 0 0 16px;
	}

		.main_partners_wrapper h2{
			color: #6c707c;
			font-weight: bold;
			font-size: 36pt;
			height: 40px;
			margin-bottom: 32px;
			
		}
		
		.main_partners_wrapper img{
			border: 1px solid #fff; 
			margin-right: 32px;
			margin-bottom: 40px;
			width: 126px;
			height: 78px;
			border-radius: 3px;
			/* box-shadow: 0 2px 6px #b6b8ba; */
		}
		
		.main_partners_wrapper img.nomargin{
			margin-right: 0 !important;
		}
		
#main_contakts{
		background: url('images/mapbar.png') top center;
	height: 660px;
	position: relative;
	overflow: hidden;
}

	.main_contakts_wrapper{
		position: relative;
		width: 960px;
		height: 660px;
		margin: 0 auto;
		/* border: 1px dotted #f00; */
	}
			
			.contakts_map{
				position: absolute;
				left: -100px;
				top: 0;
				z-index: 10;
			}
			
			.contakts_bg{
				background: url('images/mapbar_.png') top right;
				height: 660px;
				position: absolute;
				right: 420px;
				top: 0;
				z-index: 3000;
				width: 1000px;
				height: 660px;
			}
			
			.main_contakts_text{
				padding: 56px 0 0 16px;
				color: #676767;
				line-height: 22pt;
				position: absolute; top: 0; left: 0;
				z-index: 4000;
			}
			
				.main_contakts_text h2{
					color: #6c707c;
					font-weight: bold;
					font-size: 36pt;
					height: 40px;
					margin-bottom: 64px;
				}
			
				.main_contakts_text p{
					line-height: 15pt;
					margin-bottom: 14px;
				}

.footer{
	height: 80px;
	background: #343a4a;
}				
	.footer_wrapper{
		margin: 0 auto;
		width: 960px;
		padding: 30px 16px;
		height: 20px;
		color: #fff;
		font-weight: normal;
	}
	
	.liveint{
		float: right;
		margin-top: -5px;
	}
				
.topbar{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	height: 64px;
	/* background: #fff; */
	box-shadow: 0 2px 14px #737577;
	background: url('images/bg_topbar.png') top left repeat-x #fff;
	z-index: 5000;
}		
		
		.topbar_wrapper{
			width: 960px;
			height: 64px;
			margin: 0 auto;
			border: 0px dotted #f00;
			position: relative;
			z-index: 4000;
			/* background: url('images/bg_topbar.png') top left repeat-x #fff; */
		}

		.topbar_wrapper2{
			width: 960px;
			height: 64px;
			margin: 0 auto;
			border: 0px dotted #f00;
			position: relative;
			z-index: 4000;
			background: url('images/bg_topbar.png') top left repeat-x #fff; */
		}
		
				.topbar_logo{
					width: 137px;
					height: 153px;
					float: left;
					margin: 0 0 0 -44px;
					background: url('images/topbar_logo.png') top left no-repeat;
					padding: 13px 0 0 172px;
					position: relative;
					z-index: 5000;
				}
				
					.topbar_logo_mainlink{
						display: block;
						position: absolute;
						top: 0; left: 45px;
						width: 118px;
						height: 90px;
					}
					
					.topbar_wrapper.about_info{
						/* background: url('images/bg_topbar.png') top left repeat-x; */
					}
		
		#topbar_calling{
			position: absolute;
			top: 48px;
			left: 216px;
			display: block;
			height: 30px;
			background: #ff0336;
			border: 1px solid #ff0336;
			color: #fff;
			width: 238px;
			margin-top: 16px;
			font-size: 11pt;
			font-family: 'Conv_PT_Sans-Web';
			cursor: pointer;
			z-index: 4000;			
		}
		
		#topbar_calling:hover{
			background: #a1031e;
			border: 1px solid #a1031e;
		}
		
			#topbar_form{
				position: absolute;
				top: -300px; 
				left: 199px;
				margin-top: 18px;
				width: 238px;
				height: 338px;
				padding: 20px 16px 16px;
				border: 1px solid #cdccd1;
				border-radius: 3px;
				background: #fff;
				z-index: -3999;
			}
			
				#topbar_form p{
					margin: 0;
					color: #343a4a;
				}
			
				.cont input{
					display: block;
					margin-top: 16px;
					width: 218px;
					height: 16px;
					padding: 7px 9px;
					border: 1px solid #cdccd1;
					color: #cdcfd0;
					
					font-family: 'Conv_PT_Sans-Web';
					font-size: 11pt;
					font-weight: normal;
				}
				
				.cont input:focus{

					border: 1px solid #aaa;
					color: #343a4a;
				}

				.cont textarea{
					display: block;
					margin-top: 16px;
					width: 218px;
					height: 32px;
					padding: 7px 9px;
					border: 1px solid #cdccd1;
					color: #cdcfd0;
					
					font-family: 'Conv_PT_Sans-Web';
					font-size: 11pt;
					font-weight: normal;
				}
				
				.cont textarea:focus{
					border: 1px solid #aaa;
					color: #343a4a;
				}				
				
				
				.cont button{
					display: block;
					height: 30px;
					background: #ff0336;
					border: 1px solid #ff0336;
					color: #fff;
					width: 238px;
					margin-top: 16px;
					font-size: 11pt;
					font-family: 'Conv_PT_Sans-Web';
					cursor: pointer;
				}				
				
				.cont button:hover{
					background: #a1031e;
					border: 1px solid #a1031e;
				}		
		a.topbar_form_close{
			position: absolute;
			top: -27px;
			right: -27px;
			width: 53px;
			height: 53px;
			background: url('images/close_button_bg.png') no-repeat;
		}
		
		a.topbar_form_close:hover{
			background: url('images/close_button_bg_hover.png') no-repeat;
		}
		
.internal{
	width: 960px;
	margin: 170px auto;
}

	.internal h1{
		font-weight: bold;
		font-size: 48pt;
		line-height: 48px;
		color: #757679;
		margin-top: 72px;
	}
	
		.internal h3{
		font-weight: bold;
		font-size: 36pt;
		line-height: 36pt;
		color: #757679;
		margin: 36pt 0 18pt;
	}
	
div.mail_sent{
	margin-top: 100px;
	font-size: 22pt;
	line-height: 24pt;
	text-align: center;
	color: #ff0336;
}


#zatem{
	position: fixed;
	top: 0; bottom: 0; left: 0;
	right: 0;
	background: #000;
	/* opacity: 0,5; */
	z-index: 2900;
	background: url('images/zatem_bg.png');
	display: none;
	
}