@charset "utf-8";

body{
	background-color: #161616;
	color: #FFF;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 62.5%;  
	font-family: arial, verdana, trebuchet MS, helvetica, sans-serif;
}
body.about{
	background: url('../images/about.jpg') no-repeat top center #161616; 

}
body.offer{
	background: url('../images/offer.jpg') no-repeat top center #161616; 
}
body.contact{
	background: url('../images/contact.jpg') no-repeat top center #161616; 
}

a{
	color: #CD1986;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #7A7A7A;
	text-decoration: none;
}
.f-menu a, .f-menu p{
	font-size: 1.1em;
}
.f-menu p{
	padding: 0 0 0 5px;
}
img{
	border: 0;
	display: inline;
}
h1{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h1 img{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
}
h1 span{
	color: #7A7A7A;
	display: block;
	font-family: arial, verdana, trebuchet ms, helvetica, sans-serif;
	font-stretch: wider;
	text-align: right;
	width: 300px;
	position: absolute;
	top: 10px;
	left: 560px;
	z-index: 4;
}
h2{
	color: #CD1986;
	font-size: 1.5em;
	font-family: arial, verdana, trebuchet ms, helvetica, sans-serif;
	padding: 15px 0 0 0;
	margin: 0 0 10px 0;
}
p{
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 10px 0;
}
p span{
	font-weight: bold;
}
ol{
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 10px 20px;
}
.f-menu p{
	clear: both;
	display: block;
}
#conteiner{
	background: url('../images/conteiner_bgr.gif') repeat-x 0 40px; 
	height: 100%;
	width: 100%;
}
#header{
	height: 70px;
	position: relative;
}
#header, #content{
	width: 880px;
	margin: 0 auto;
}
#content{
	height: auto !important;
	height: 600px;
	min-height: 600px;
}

.logo{
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 2;
	width: 187px;
	height: 104px;
}
.logo a, .logo a:hover{
	color: #000;
}
.menu{
	height: 45px;
	width: 100%;
}
.menu ul{
	list-style: none;
	padding: 0 5px 0 5px;
	margin: 0 0 0 0;
	font-family: arial, verdana, trebuchet ms, helvetica;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	height:80px;
}
.menu ul li{
	float: left;
	display: inline;
	padding: 0 5px 0 5px;
	border: none;
	height: 75px;
}
.menu ul li a{
	font-size: 1.3em;
	color: #FFF;
	display: inline-block;
	padding: 5px 15px 0 15px;
	margin: 40px 0 0 0;
	height: 24px;
}
.menu ul li a:hover, .menu ul li a.active{
	background-color: #161616;
	color: #FFF;
	display: inline-block;
}
.f-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-menu ul li{
	display: inline;
	float: left;
	width: auto;
	padding: 10px 0 0 0;
}
.f-menu ul li a{
	color: #7A7A7A; 
	display: block-inline;
	margin: 0 5px 0 5px;
}
.f-menu ul li a:hover{
	color: #333; 
}

.facebook{
	font-size: 1.2 em;
	position: absolute;
	top: 135px;
}
.fb_img{
	margin: 10px 0 0 0;
}

.main-txt, .about-txt, .offer-txt, .contact-txt{
	padding: 50px 0 0 20px;
}
.realization-txt{
	padding-top: 40px;
}
.main-txt, .offer-txt, .contact-txt{
	width: 450px;
	text-align: justify;
}
.offer-txt, .contact-txt{
	text-align: justify;
}
.about-txt{
	margin: 0 auto;
	width: 420px;
	text-align: justify;
}
.contact-txt{
	padding-top: 100px;
}
.realization-txt{
	padding: 60px 0 0 20px;
	width: 880px;
}
#footer{
	border-top: 1px solid #E22B87;
	background: url('../images/u_logos.gif') no-repeat bottom center; 
	color: #7A7A7A;
	width: 840px;
	height: 110px; 
	margin: 0 auto;
}