* {
	margin: 0;
	font-family: georgia;
}
img{
border:0;
}
img a{
border:0;
}

body{
background-color: #e4e4df;
width: 100%;
font-family: georgia;
}
.main{
background: url('../images/textura.png') 0 0;
width: 100%;
}
.layout{
width: 960px;
margin: 0 auto;
}
.top_bg{
background: url('../images/top_bg.png') repeat 0 0;
width: 100%;
height: 112px;
}
.top{
width: 960px;
height: 112px;
background: url('../images/top_bg.png') repeat 0 0;
margin: 0 auto;
}
.logo a{
float: left;
display: block;
text-indent: -9999em;
background: url('../images/logo.png') 0 0 no-repeat;
width: 138px;
height: 37px;
margin-top: 33px;
}
.logo_2 a{
float: left;
display: block;
text-indent: -9999em;
background: url('../images/logo_2.png') 0 0 no-repeat;
width: 99px;
height: 26px;
margin-top: 208px;
margin-bottom: 30px;
}

.menu {
float: left;
}
.menu ul{
list-style: none;
margin-left: 40px;
}
.menu li{
float: left;
margin-left: 30px;
margin-top: 47px;
}
.menu ul li a.menu_1{
display: block;
text-indent: -9999em;
background: url('../images/poznaj.png') 0 0 no-repeat;
width: 100px;
height: 17px;
}
a.active_1 {
display: block;
text-indent: -9999em;
background: url('../images/poznaj.png') 0 -18px no-repeat;
width: 100px;
height: 17px;
}
.menu ul li a.menu_1:hover{
background: url('../images/poznaj.png') 0 -18px no-repeat;
}
.menu ul li a.menu_2{
display: block;
text-indent: -9999em;
background: url('../images/oferta.png') 0 0 no-repeat;
width: 85px;
height: 17px;
}
.menu ul li a.active_2{
display: block;
text-indent: -9999em;
background: url('../images/oferta.png') 0 -18px no-repeat;
width: 85px;
height: 17px;
}
.menu ul li a.menu_2:hover{
background: url('../images/oferta.png') 0 -18px no-repeat;
}
.menu ul li a.menu_3{
display: block;
text-indent: -9999em;
background: url('../images/portfolio.png') 0 0 no-repeat;
width: 100px;
height: 17px;
}
.menu ul li a.active_3{
display: block;
text-indent: -9999em;
background: url('../images/portfolio.png') 0 -18px no-repeat;
width: 100px;
height: 17px;
}
.menu ul li a.menu_3:hover{
background: url('../images/portfolio.png') 0 -18px no-repeat;
}
.menu ul li a.menu_4{
display: block;
text-indent: -9999em;
background: url('../images/kontakt.png') 0 0 no-repeat;
width: 100px;
height: 17px;
}
.menu ul li a.active_4{
display: block;
text-indent: -9999em;
background: url('../images/kontakt.png') 0 -18px no-repeat;
width: 100px;
height: 17px;
}
.menu ul li a.menu_4:hover{
background: url('../images/kontakt.png') 0 -18px no-repeat;
}
.fb a{
background: url('../images/fb.png') 0 0 no-repeat;
width: 37px;
height: 37px;
display: block;
text-indent: -9999em;
float: right;
margin-top: 35px;
margin-right: 10px;
}
.fb a:hover{
background: url('../images/fb.png') 0 -36px no-repeat;
}
.yt a{
background: url('../images/vimeo.png') 0 0 no-repeat;
width: 37px;
height: 38px;
display: block;
text-indent: -9999em;
float: right;
margin-top: 35px;
}
.yt a:hover{
background: url('../images/vimeo.png') 0 -37px no-repeat;

}
.yt_2 a{
background: url('../images/vimeo_2.png') 0 0 no-repeat;
width: 37px;
height:37px;
display: block;
text-indent: -9999em;
margin-top: 298px;
margin-left: 890px;
position: absolute;
opacity: 0.8;
}
.yt_2 a:hover{
opacity: 1.0;
}
.fb_2 a{
background: url('../images/fb_2.png') 0 0 no-repeat;
width: 37px;
height:36px;
display: block;
text-indent: -9999em;
margin-top: 298px;
margin-left: 845px;
position: absolute;
opacity: 0.8;
}
.fb_2 a:hover{
opacity: 1.0;
}
.content{
width: 960px;
background: url('../images/textura.png') 0 0;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.content2{
width: 960px;
margin: 0 auto;
overflow: hidden;
position: relative;

}
.content_bg1{
background: url('../images/portfolio_bg.png');
width: 100%;
margin-bottom: 100px;
}
.content_bg1_wrap {
background: url('../images/portfolio_bg_top.png') left top repeat-x;
}
.content_bg1_wrap > div {
background: url('../images/portfolio_bg_bottom.png') left bottom repeat-x;	
}
div.header_portfolio{
width: 960px;
}
p.shape1{
float: left;
background: url('../images/shape1.png') 0 0 repeat-x;
width: 81px;
height: 83px;
margin-top: 30px;
}
p.shape2{
float: left;
background: url('../images/shape2.png') 0 0 repeat-x;
width: 81px;
height: 30px;
margin-top: 10px;
}
p.shape3{
float: left;
background: url('../images/shape3.png') 0 0 repeat-x;
width: 81px;
height: 83px;
margin-top: 10px;
}
.slider{
width: 960px;
height: 255px;
overflow: hidden;
}
p.header_p{
float: left;
width: 870px;
font-family: Georgia;
font-size:20px;
font-style: italic;
color: #000000;
margin-top: 90px;
text-indent: 20px;
text-shadow: #d0d0d1 1px 1px, 0px 0px;
}
p.adres_1{
font-family: Georgia;
font-size:16px;
font-style: italic;
color:#686865;
color: #000;
margin-top: 90px;
text-shadow: #f0f0f1 1px 1px, 0px 0px;
}
p.adres_2{
font-family: Georgia;
font-size:14px;
color:#686865;
color: #000;
margin-top: 20px;
text-shadow: #f0f0f1 1px 1px, 0px 0px;
}
p.adres_3{
font-family: Georgia;
font-size:20px;
font-style: italic;
color:#686865;
color: #000;
margin-top: 20px;
text-shadow: #f0f0f1 1px 1px, 0px 0px;
}
p.header_p2{
float: left;
width: 870px;
font-family: Georgia;
font-size:20px;
font-style: italic;
color: #000000;
margin-top: 20px;
text-shadow: #d0d0d1 1px 1px, 0px 0px;
text-indent: 20px;
}
.left{
width: 717px;
float: left;
position: relative;
}
.right{
background: url('../images/right_bg.png') 0 0 repeat-y;
width: 243px;
float: left;
min-height: 100%;
padding-top: 80px;
}

p.header{
background: url('../images/header.png') 0 0 repeat-y;
width: 243px;
height: 63px;
font-family: Georgia;
font-size:20px;
font-style: italic;
color: #ffffff;
line-height: 70px;
text-align: center;
text-indent:-25px;
margin-top: 50px;
}
div.opis_footer{
position: absolute;
width: 200px;
height: 140px;
font-family: Georgia;
font-size:9px;
color: #88854f;
text-align: justify;
text-indent:15px;
margin-top: 263px;
}
div.copy{
position: absolute;
width: 300px;
height: 20px;
font-family: Georgia;
font-size:10px;
color: #88854f;
margin-top: 400px;
}
.link1 a:hover, .link2 a:hover, .link3 a:hover, .link4 a:hover, .link5 a:hover, .link6 a:hover{
text-decoration: underline;
}
div.link1 a{
position: absolute;
height: 20px;
font-family: Georgia;
font-size:10px;
color: #88854f;
margin-left: 210px;
margin-top: 400px;
text-decoration: none;
}
div.link2 a{
position: absolute;
height:20px;
font-family: Georgia;
font-size:10px;
color: #88854f;
margin-left: 290px;
margin-top: 400px;
text-decoration: none;
}
div.link3 a{
position: absolute;
height: 20px;
font-family: Georgia;
font-size:10px;
color: #88854f;
margin-left: 350px;
margin-top: 400px;
text-decoration: none;
}
div.link4 a{
position: absolute;
height: 20px;
font-family: Georgia;
font-size:10px;
color: #88854f;
margin-left: 420px;
margin-top: 400px;
text-decoration: none;
}
div.link5 {
position: absolute;
width: 200px;
height: 20px;
font-family: Georgia;
font-size:10px;
color: #88854f;
margin-left: 625px;
margin-top: 400px;
}
div.link5 a{
font-family: Georgia;
font-size:10px;
color: #88854f;
text-decoration: none;
}
div.link6{
position: absolute;
width: 125px;
height: 20px;
font-family: Georgia;
font-size:10px;
color: #88854f;
margin-left: 830px;
margin-top: 400px;
}
div.link6 a{
font-family: Georgia;
font-size:10px;
color: #88854f;
text-decoration: none;
}
div.dolacz{
position: absolute;
width: 160px;
height: 140px;
font-family: Georgia;
font-size:20px;
font-style: italic;
color: #88854f;
text-align: justify;
text-indent:15px;
margin-left: 780px;
margin-top: 263px;
}
div.header_left{
width: 343px;
height: 63px;
font-family: Georgia;
font-size:50px;
font-style: italic;
color: #adaa75;
line-height: 70px;
margin-top: 50px;
text-shadow: #fafaf1 1px 1px, #adaa75 0px 0px;
}
div.header_left2{
width: 343px;
height: 63px;
font-family: Georgia;
font-size:25px;
font-style: italic;
color: #adaa75;
line-height: 80px;
margin-top: 50px;
text-indent: 10px;
text-shadow: #fafaf1 1px 1px, #adaa75 0px 0px;
}
div.header_left3{
width: 343px;
height: 23px;
font-family: Georgia;
font-size:30px;
font-style: italic;
color: #4d483f;
color: #000;
margin-top: 50px;
text-indent: 10px;
text-shadow: #fafaf1 1px 1px, #adaa75 0px 0px;
}
div.header_left4{
width: 343px;
height: 23px;
font-family: Georgia;
font-size:20px;
font-style: italic;
color: #4d483f;
color: #000;
margin-top: 10px;
text-indent: 10px;
text-shadow: #fafaf1 1px 1px, #adaa75 0px 0px;
}
div.header_left5{
width: 343px;
height: 13px;
font-family: Georgia;
font-size:12px;
color: #4d483f;
color: #000;
margin-top: 5px;
text-indent: 10px;
text-shadow: #fafaf1 1px 1px, #adaa75 0px 0px;
}
div.opis_p{
width: 220px;
height: 423px;
font-family: Georgia;
font-size:13px;
color: #4d483f;
color: #000;
margin-top: 40px;
text-indent: 10px;
margin-left: 10px;
text-align: justify;
}
.opis_projekt{
width: 310px;
float: left;
}
.multimedia{
width: 630px;
float: left;
}
div.header_left2 a{
background: url('../images/prev.png') 0 0 no-repeat;
width: 31px;
height: 31px;
display: block;
float: left;
margin-top: 25px;
opacity: 0.9;
}
div.header_left2 a:hover{
opacity: 1.0;
}
div.line{
background: url('../images/line.png') 0 0 no-repeat;
width: 560px;
height: 2px;
margin-top: 10px;
}
div.line3{
background: url('../images/line.png') 0 0 no-repeat;
width: 240px;
height: 2px;
margin-top: 10px;
}
div.line_v{
background: url('../images/line2.png') 0 0 no-repeat;
width: 2px;
height: 553px;
margin-top: 60px;
margin-bottom: 60px;
float: left;
}
div.opis_left{
width: 560px;
font-family: Georgia;
font-size:14px;
color: #47473b;
color: #000;
margin-top: 30px;
text-indent: 20px;
text-align: justify;
text-shadow: #f4f4f1 1px 1px, 0px 0px;
margin-bottom: 100px;
}
div.opis_left span{
font-family: Georgia;
font-size:14px;
color: #47473b;
color: #000;
font-weight: bold;
text-indent: 20px;
text-align: justify;
text-shadow: #f4f4f1 1px 1px ,0px 0px;
}
div.zespol_left{
width: 560px;
height: 250px;
position: relative;
}
.girl_1{
background: url('../images/girl_1.png') 0 0 no-repeat;
width: 153px;
height: 169px;
position: absolute;
left: 0;
top: 60px;
}
.girl_1:hover{
background: url('../images/girl_1.png') 0 -169px no-repeat;
}
.girl_2{
background: url('../images/girl_2.png') 0 0 no-repeat;
width: 144px;
height: 171px;
position: absolute;
left: 165px;
top: 60px;
}
.girl_2:hover{
background: url('../images/girl_2.png') 0 -173px no-repeat;
}
.girl_3{
background: url('../images/girl_3.png') 0 0 no-repeat;
width: 251px;
height: 171px;
position: absolute;
left: 340px;
top: 60px;
}
.girl_3:hover{
background: url('../images/girl_3.png') 0 -175px no-repeat;
}
p.opis{
width: 140px;
font-family: Georgia;
font-size:14px;
font-style: italic;
color: #000000;
padding-left: 10px;
margin:10px auto;

}
.footer_bg{
background: url('../images/footer_bg.png') repeat 0 0 ;
width: 100%;
height: 445px;

}
.footer{
background: url('../images/footer.png') no-repeat scroll  center top transparent;
width: 960px;
height: 445px;
margin: 0 auto;
position: static;
}
.footer_2{
background: url('../images/footer_2.png') no-repeat scroll center top transparent;
width: 960px;
height: 445px;
margin: 0 auto;
position: static;
}
.chmurki{
position: absolute;
right: 15px;
top: 0;
background: url('../images/chmurki.png') 0 0 no-repeat;
width: 365px;
height: 162px;
}
.billboard{
position: absolute;
right: 15px;
top: 50px;
background: url('../images/billboard.png') 0 0 no-repeat;
width: 253px;
height: 364px;
}
.teczka{
position: absolute;
right: 15px;
top: 50px;
background: url('../images/teczka.png') 0 0 no-repeat;
width: 210px;
height: 81px;
}
.listy{
position: absolute;
right: 15px;
top: 60px;
background: url('../images/listy.png') 0 0 no-repeat;
width: 251px;
height: 162px;
}
div.dane{
width: 515px;
height: 430px;
float: left;
color:#686865;
color: #000;
}
.form{
padding-top: 67px;
width: 445px;
height: 430px;
float: left;
}
#easyTooltip{
background: url('../images/dymek.png')0 0 no-repeat;
width:184px;
height: 241px;			
	}
#easyTooltip p.name{
margin-left: 30px;
margin-top: 65px;
width: 140px;
font-size: 12px;
font-family: georgia;
font-weight: bold;
}
#easyTooltip p.sec_name{
margin-left: 30px;
width: 120px;
font-size: 12px;
font-family: georgia;
font-style:italic;
}
#easyTooltip p.desc{
width: 120px;
margin-left: 30px;
font-size: 12px;
font-family: georgia;
}
					
#item{display:none;}
#item2{display:none;}
#item3{display:none;}

ul.nazwy{
width: 170px;
font-size: 16px;
float: left;
text-align: right;
line-height: 32px;
text-indent: 0;
font-style: italic;
list-style: none;
margin:20px 0;
padding: 0;
color:#686865;
color: #000;
font-family: georgia;
text-shadow: #f4f4f1 1px 1px ,0px 0px;
}
ul.nazwy li{
margin:0;
padding: 0;
}
ul.dane{
font-size: 14px;
float: left;
line-height: 35px;
text-indent: 0;
list-style: none;
margin:20px 10px;
padding: 0;
font-family: georgia;
}
ul.dane li{
margin:0;
padding: 0;
}
input.form1{
border:0;
background: url('../images/input.png')0 0 no-repeat;
width:250px;
height: 26px;	
text-indent: 5px;
color: #616161;
}
input.form2{
border:0;
background: url('../images/send.png')0 0 no-repeat;
width:114px;
height: 37px;	
text-indent: -9999px;
cursor: pointer;
float: right;
opacity: 0.9;
}
input.form2:hover{
opacity: 1.0;
}
textarea.form1{
border:0;
background: url('../images/input2.png')0 0 no-repeat;
width:251px;
height: 167px;	
text-indent: 5px;
color: #616161;
resize: none;
}
