@font-face {
    font-family: 'SegoeScriptBold';
    src: url('segoescb-webfont.eot');
    src: url('segoescb-webfont.eot?#iefix') format('embedded-opentype'),
         url('segoescb-webfont.woff') format('woff'),
         url('segoescb-webfont.ttf') format('truetype'),
         url('segoescb-webfont.svg#SegoeScriptBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{
	padding: 0;
	margin: 0;
	border:0
}

body{
	background: url(../img/bg.png) no-repeat center top #FFF;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px
}

ul, li{
	list-style: none
}

#container{
	margin:0 auto;
	width: 995px;
	overflow: hidden
}

.logo{
	float: right;
	margin-top: 25px
}

#content{
	height: 390px;
	width: 995px;
	overflow: hidden
}

/* 		########## 	lewa strona 	##########	*/

.left-side{
	clear: both;
	float: left
}
.contact .left-side{
	padding-top: 70px;
	width: 393px;
}
.offer .left-side{
	padding-top:60px;
	width: 499px;
}
.home .left-side{
	width: 734px;
	height: 414px;
	background: url(../img/p-home.png) no-repeat 0 40px
}

.home .left-side img{
	cursor: pointer;
	width: 300px;
	height: 300px;
	margin-left: 120px;
	margin-top: 60px;	
}
.cooperation .left-side{
	padding-top:70px;
	width: 556px;
}


#menu{
	background: url(../img/menu-bg.png) no-repeat top center;
	width: 1002px;
	height: 140px;
	clear: both;
	margin: 0 auto 30px
}

#menu .in{
	margin:0 auto;
	width: 996px;
}

#menu ul{
	padding: 5px 0 0 6px;
	height: 135px;
}
#menu li{
	float: left
}

#menu li a{
	display: block;
	height: 100%; 
	width: 100%;
	overflow: hidden
}

#menu li a span{
	padding-left: 365px;
	white-space: nowrap
}


/* 		########## 	elementy menu 	##########	*/

#menu .m1{
	width: 360px;
	height: 123px;
	background: url(../img/menu.png) no-repeat 0 0
}
#menu .m1.active{
	background-position: 0 -123px
}
#menu .m2{
	width: 338px;
	height: 123px;
	background: url(../img/menu.png) no-repeat -360px 0
}
#menu .m2.active{
	background-position: -360px -246px
}
#menu .m3{
	width: 288px;
	height: 123px;
	background: url(../img/menu.png) no-repeat -698px -123px
}
#menu .m3.active{
	background-position: -698px 0 
}


/* 		########## 	prawa strona 	##########	*/

.text{
	width: 475px;
	color: #757575;
	font-size: 14px;
	line-height: 20px;
	float: left;
	margin: 70px 0 50px;
}
.contact .text{
	width: 594px;
	margin: 35px 0 15px 0;
}
.home .text{
	margin-bottom: 15px;
	margin-left: -270px
}
.offer .text{
	margin-left: -60px
}
.cooperation .text{
	margin-left: -110px
}

/* 		########## 	nagłówki 	##########	*/

.home h1{
	margin-bottom: 15px;
	background: url(../img/h-home.png) no-repeat left top;
	width: 417px;
	height: 81px;
	overflow: hidden
}
.home h1 span{
	padding-left: 420px;
	white-space: nowrap;
	display: block
}

.cooperation h1{
	margin-bottom: 10px;
	background: url(../img/h-cooperation.png) no-repeat left top;
	width: 451px;
	height: 80px;
	overflow: hidden
}
.cooperation h1 span{
	padding-left: 455px;
	white-space: nowrap;
	display: block
}

.offer h1{
	margin-bottom: 5px;
	background: url(../img/h-offer.png) no-repeat left top;
	width: 331px;
	height: 55px;
	overflow: hidden
}
.offer h1 span{
	padding-left: 335px;
	white-space: nowrap;
	display: block
}

.contact h1{
	margin-bottom: 15px;
	background: url(../img/h-contact.png) no-repeat left top;
	width: 193px;
	height: 43px;
	overflow: hidden
}
.contact h1 span{
	padding-left: 195px;
	white-space: nowrap
}


/* 		########## 	format tekstu 	##########	*/

.text ul{
	margin: 0 0 0 20px;
}
.text li{
	list-style: url(../img/list-bg.png);
	margin-bottom: 5px
}

.text .right{
	float: right
}

.text .btn{
	margin-top:20px;
	margin-right:30px
}

.home .text .btn{
	margin-top:10px
}

.center{
	text-align: center
}





#footer{
	background: #871f2c;
	color: #bf6f78;
	padding: 15px 0;
	width: 100%;
	font-size: 11px;
	line-height: 16px;
	clear: both
}
#footer .in{
	width: 995px;
	margin: 0 auto;
	position: relative
}


/* 		########## 	formularz 	##########	*/

#form-box{
	background: url(../img/form-box-bg.png) no-repeat;
	width: 654px;
	height: 287px;
	margin-left: -60px;
	position: relative
}
#form-box .info{
	position: absolute;
	top: 10px;
	right: 90px;
	color: #19434f;
	font-size: 13px;
	z-index: 1000
}
#form-box .info a{
	color: #19434f;
	padding-top:5px
}
#form-box .info p{
	font-size: 13px;
	height: 14px;
	margin-bottom: -13px;
	text-align: right
}

.form{
	position: absolute;
	left: 80px;
	top: 30px;
	width: 470px;
}
input, textarea{
	border: 1px solid #cacaca;
	border-top: 2px solid #cacaca;
	background: #e6e6e6;
	padding: 4px 5px;
	font-size: 11px
}

input{
	width: 145px
}
textarea{
	width: 380px;
	height: 70px;
	resize: none;
}

label{
	color: #8d2c36;
	width: 60px;
	float: left;
	display: block;
	margin: 5px 15px 0 0;
	text-align: right
}	

.input{
	clear: both;
	margin-bottom: 2px;
	position: relative;
	height: 30px
}
.textarea{
	margin: 10px 0 8px;
	height: 80px
}
.submit{
	background: url(../img/btn-send.png) no-repeat top left;
	width: 82px;
	height: 37px;
	overflow: hidden;
	float: right
}
.submit input{
	background: none;
	padding-left: 85px;
	border: none;
	cursor: pointer
}





.myriad-font cufon { 
	margin-bottom: 5px!important;
}

.err{
	font-size: 9px;
	color: #6e6e6e;
	background: url(../img/form-err-bg.png) no-repeat top left;
	position: absolute; 
	top:-30px;
	left: 200px;
	width: 111px;
	height: 38px;
	overflow: hidden;
	padding:0 5px;
	display: none
}
.textarea .err{
	left: 400px;
	top: -20px
}

#overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 1000;
	background: url(../img/overlay-bg.png) repeat;
	display: none
}

#popup{
	position:fixed;
	top: 20px;
	background: #FFF;
	padding:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#popup .in{
	background:	url(../img/popup-bg.jpg) repeat-x top left;
	width: 672px;
	position: relative;
	overflow: hidden;
	height: 450px;
	padding-bottom:30px
	
}

#popup-content{
	width: 672px;
	height: 448px;
	overflow: hidden;
	position: absolute;
	left: 0px
}

#popup-prev{
	background: url(../img/popup-prev.gif) no-repeat;
	position: absolute;
	top: 60px;
	left: 0px;
	width: 138px;
	height: 25px;
	z-index: 10000; 
	cursor: pointer
}

#popup-next{
	background: url(../img/popup-next.gif) no-repeat;
	position: absolute;
	top: 60px;
	right: 0px;
	width: 138px;
	height: 25px;
	z-index: 10000; 
	cursor: pointer
}

#popup-number{
	color: #9d3945;
	font-size: 14px;
	font-family: SegoeScriptBold;
	position: absolute;
	left: 330px;
	bottom:0
}

#popup-close{
	background: url(../img/popup-close.gif) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
	z-index: 10000; 
	cursor: pointer
}


#flags{
	position: absolute; 
	right:0
}
.flag{
	width: 25px;
	height: 13px;
	overflow: hidden;
	float: left;
	display: block;
	margin-left:5px
}
#flag-ru{
	background: url(../img/flag-ru.gif) 0 0 no-repeat;
}
#flag-en{
	background: url(../img/flag-en.gif) 0 0 no-repeat;
}
#flag-pl{
	background: url(../img/flag-pl.gif) 0 0 no-repeat;
}
.flag span{
	padding-left:26px;
}
#flags a:hover .flag,
.flag.active{
	background-position: 0 -13px
}

.flag.active{
	margin-right:10px
}