@charset "utf-8";
/* CSS Document */
* {margin: 0;}
html, body {height: 100%;
}

body {
	margin:0px;
}

body{
	background: url(img/bg.jpg) repeat-x;
}


html, body, div, li, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, table, blockquote {
margin: 0;
padding: 0;
vertical-align: baseline;
}



@font-face {
    font-family: 'LatoBold';
    src: url('js/lato-fontfacekit/Lato-Bol-webfont.eot');
    src: url('js/lato-fontfacekit/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('js/lato-fontfacekit/Lato-Bol-webfont.woff') format('woff'),
         url('js/lato-fontfacekit/Lato-Bol-webfont.ttf') format('truetype'),
         url('js/lato-fontfacekit/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('js/lato-fontfacekit/Lato-Reg-webfont.eot');
    src: url('js/lato-fontfacekit/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('js/lato-fontfacekit/Lato-Reg-webfont.woff') format('woff'),
         url('js/lato-fontfacekit/Lato-Reg-webfont.ttf') format('truetype'),
         url('js/lato-fontfacekit/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img {border:none !important;}


#container{
	height:100%;
	width:100%;	
}

#header{
	height:103px;
	width:100%;
	background:url(img/header.png) repeat-x;
	position:relative;
	margin:auto;
	float:inherit;
}

#header_wrapper{
	width:960px;
	margin:0 auto;
	padding-top:22px;
	height:80px;	
}

#logo{
	float:left;
	width:200px;
}


#main{
	width:960px;
	height:auto;
	min-height:70%;
	position:relative;
	border:none;
	margin: 0 auto;
	float:inherit;
}

#main_menu{
	float:right;
}

#main_menu ul{
	padding:8px 0 0 0;
	margin:15px 0;
	height:20px;	
}

#main_menu li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:0px;
	width:80px;
	height:20px;
}

#main_menu li a{
	font-family: 'LatoBold', Tahoma, Geneva, sans-serif;
	text-decoration:none;
	color:#fff;	
	font-size:12px;
	text-align:center;
	display:block;
	height:100%;
	width:100%;
}

#main_menu li a:hover, #current{
	color:#016a6d !important;
}

#fb{
	margin-top:-8px;	
}



/*--------slider-------*/

#slider{
	height:325px;
/*	border-bottom:1px solid #ccc;*/
}

#slider2{
	width:100%;
	float:left;
	height:auto;
	padding:10px 0 20px 0;
}

#slider_text{
	padding:10px;
	width:440px;
	float:left;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-align:justify;
}

h1{
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	font-size:20px;
	text-align:left;
	color:#1f9595;
}

#slider_text h1{text-align:center; color:#4c4c4c; font-size:30px; margin:30px 0 0 0;}

#slider_text p{
	margin:5px;
	padding:0px;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	color:#4c4c4c;
	font-size:20px;		
	position:relative;
}

#slider_img2{
	width:460px !important;
	height:250px;
	margin-top:70px;
	margin-right:0px;
	float:right;
}

#slider_img_kont{
	width:460px !important;
	height:250px;
	margin-top:40px;
	margin-right:0px;
	float:right;
}

.xdebug-error{
	display:none;	
}

#casual{
	padding:20px 30px 0 30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}	

#casual2{
	padding:20px 30px 0 30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}	

#casual2 li{
	list-style:inside;
	list-style:none;
	margin:2px;
	padding: 5px 0px;
	width:100%;
	background: #099;
	color:white;
}


/*--------middle---*/

.bordo{
	color:#C30 !important;
}

#middle{
	min-height:100%;
	height:auto;
	width:100%;
}	

#column{
	width:230px;
	padding:5px;
	height:auto;
	float:left;
	display:inline;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
}
#column_ico{
	height:70px;
	text-align:center;	
}

#column_ico img{height:100%;}

#column_header{
	padding:10px 0 0 0;
	font-family:Tahoma, Geneva, sans-serif;
	color:#1f9595;
	font-size:20px;
	text-align:center;
}

#column_text{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	height:140px;
	padding:10px 25px;
	text-align:center;
}

#column_text2{
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#4b4b4b;
	height:80px;
	padding:10px 25px;
	text-align:center;
}

#column_text3{
	font-family: 'LatoRegular', Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#4b4b4b;
	height:100px;
	padding:10px 25px;
	text-align:center;
}

#column_text3 a{text-decoration:none; color:#1f9595;}
#column_text3 a:hover{color:#016a6d;}

#column_link{text-align:center; width:160px; margin:0 auto;}
#column_link a, #column_link_bordo a{
	background:url(img/szczegoly.png) no-repeat;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	display:block;
	width:160px;
	height:58px;
	padding-top:10px;	
}

#column_link a:hover{
	background: url(img/szczegolyH.png) no-repeat;
}

#column_link_bordo a:hover{
	background: url(img/szczegolyHb.png) no-repeat;	
}

.button{text-align:center;	width:240px; font-family: 'LatoRegular', Verdana, Geneva, sans-serif;
	font-size:13px; color:#fff !important; padding:12px 0 0 0 !important; margin-right:5px;
	background:url(img/szczegoly.png) no-repeat 40px 0px; height:40px;}
.button:hover{
	background: url(img/szczegolyH.png) no-repeat 40px 0px;
}


/*--kreacje--*/

#nowe_kreacje{
	float:left;
	width:960px;
	height:auto;
	display:block;
	padding-bottom:20px;
}
#nowe_kreacje ul{padding: 0 0 20px 0; margin:0;}
#nowe_kreacje li{
	text-align:center;
	display:inline;
	float:left;
	list-style:none; 
	width:240px; 
	height:139px; 
	margin:2px 0;
	background:url(img/shadow_img.png) bottom no-repeat;
	padding:10px 0px 16px 0px;
	}
	
#nowe_kreacje a{
	position:relative;
	margin:0 auto;
	display:block; 
	width:200px; 
	height:100%;
	background:#FFF; 
	border:#f1f1f1 4px solid;
	border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

#nowe_kreacje a:hover, #c-image a:hover{border:#1f9595 4px solid;}

#nowe_kreacje img{
	border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   height:100%;
   width:100%;
}


#li_title{
	display:none;
	position:absolute;
	width:180px;
	height:79px;
	text-align:center;
	bottom:0px;
	padding:60px 10px 0 10px;
	line-height:25px;
	background:#fff;
	border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
	opacity: 0.7; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.7; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 70); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */	   
}

#li_title span{
	padding:5px;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#000;
	text-transform:uppercase;
	width:100%;			
}


#nowe_header{
	padding:10px 0 0 26px;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	color:#1f9595;
	font-size:17px;
	text-align:left;
}


#nowe_przejdz{text-align:center; width:160px; margin:20px 40px 0 0; height:38px; float:right;}

#nowe_przejdz a{
	padding:12px 0 0 0;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	background:url(img/szczegoly.png) no-repeat;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	width:160px;
	height:100%;
	border:none;
	border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius:0;	
   text-decoration:none;
}

#nowe_przejdz a:hover{
	border:none;
	background:url(img/szczegolyH.png) no-repeat;
}


#header_kreacje{
	padding:5px 0 5px 20px;
	margin:30px 0 10px 0 !important;
	width:940px;
	height:auto;
	text-align:left;
	background:#F1F1F1;
	display:block;
	float:left;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;	
	color:1f9595;
}


.www li{
	width:940px !important;
	height:140px !important;
		background:url(img/shadow_img2.png) bottom no-repeat !important;

}

.www li a{
	width:940px !important;
}



/*-------------footer------------*/

#footer{
	width:100%;
	position: relative;
	border:none;
	margin:auto;
	text-align:center;
	clear: both;
	float: inherit;
	height:220px;
	background:url(img/bg_foot.jpg) repeat;
}

#footer-content{
	width:960px;
	margin:0 auto;
	padding-top:0px;
	height:80px;	
}

#foot_up{
	float:left;
	width:100%;
	height:auto;
	border-bottom:1px solid #464144;
	padding:10px 0 30px 0;	
}

#adres{
	float:left;
	padding:0px 0 0 20px;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	color:#fff;
	font-size:16px;
	text-align:left;	
}

#adres_nazwa{
	display:block;
	padding:18px 0 5px 0;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	color:#1f9595;
	font-size:20px;
	text-align:left;	
}

#small_menu{
	float:right;
}

#small_menu ul{
	padding:8px 0 0 0;
	maring:0;
	height:20px;	
}

#small_menu li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:0px;
	width:80px;
	height:20px;
}

#small_menu li a{
	font-family: 'LatoBold', Tahoma, Geneva, sans-serif;
	text-decoration:none;
	color:#fff;	
	font-size:10px;
	text-align:center;
	display:block;
	height:100%;
	width:100%;
}

#small_menu li a:hover, #current{
	color:#100c0e !important;
}

#foot_down{
	float:left;
	border-top:#5b5559 1px solid;
	height:auto;
	width:100%;
}

#left_foot, #right_foot{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#747072;
	padding:5px 20px;
}

#left_foot{float:left;}
#right_foot{float:right;}

#rzf{float:right; margin:12px 3px 0 0; display:none;}


#oferta{
	width:960px;
	padding:0;
	margin:20px;
}

#oferta li{
	width:460px;
	height:150px;
	float:left;
	display:inline;
	padding:10px 10px 30px 10px;
}

#naglowek_oferta{
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	font-size:20px;
	text-align:left;
	color:#1f9595;	
	display:block;
	margin-bottom:10px;
}	

#text_oferta{
	float:left;
	width:240px;
	padding:10px 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;		
}
	
#img_oferta{
	float:left;
	padding:0px 30px;	
}

#inne_projekty{
	position:relative;
	float:right;
	width:100%;
	height:20px;
	padding:0px 0 20px 0;
	text-align:right;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	font-size:20px;
	margin:-10px 20px 0 0;	
	color:#1f9595;	
}

#nowe_przejdz2{text-align:center; width:160px; margin:20px 40px 0 0; height:38px; float:right;}

#nowe_przejdz2 a{
	padding:12px 25px 25px 20px;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	background:url(img/szczegoly.png) no-repeat;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	width:160px;
	height:100%;
	border:none;
	border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius:0;	
   text-decoration:none;
}

#nowe_przejdz2 a:hover{
	border:none;
	background:url(img/szczegolyH.png) no-repeat;
}



/*----------------kontakt--------------------*/

#formularz_table {
	width:250px !important;
	padding:0 0 0 0;	
	margin-top:-20px;
}

#konttext {
	font-size: 12px;
	text-shadow:#eee 0px 0px 1px;
	color:#706F6F;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;	
}


#formularz p{
	font-size:9px;
	letter-spacing:2px;
	text-shadow:#eee 0px 0px 1px;
	margin:5px 0 0 0;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;	
}
	
#email, #content {
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  -o-border-radius: 5px;
text-shadow:#eee 0px 0px 1px;	
}

#email {
	border:solid #706F6F 1px;
	width:450px;	
}	

#content {
	width:450px;
	border:solid #706F6F 1px;
}

.submit {
	margin:2px 0 0 5px !important;
	width:55px;
	height:17px;
	padding:2px 0 0 0;
	border:none;	
	color:white;
	background:#FFF;
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	font-size:9px;
	background:#1F9595;	
	float:left;
}

.submit:hover {
	background:#016A6D;	
}

label.error  {
font-family:'LatoRegular', Tahoma, Geneva, sans-serif;	
	font-size:12px; 
	color: #990000; 
	width:auto;
	text-shadow:#eee 0px 0px 1px; 
	float:right;
}


/*.formularz LABEL        { color: #C02942; display: block; font-size: 1.1em; font-weight: bold; margin: 0; padding: 0 0 5px 0; }


.formularz INPUT,
.formularz TEXTAREA       { border: 1px solid #542437; color: #542437; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 5px; width: 288px; }
.formularz INPUT:focus,
.formularz TEXTAREA:focus { border: 1px solid #53777A; }*/

/*.formularz INPUT[type=submit] { background: #53777A; border: 1px solid #542437; color: #11ff66; cursor: pointer; font-weight: bold; width: 300px; }*/


.sendOk {
	font-family:'LatoRegular', Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#016A6D;
	font-weight:bold;	
}

.sendOk p {
	float:right;
	margin:0px;
	padding:0px;
}


/*------------------------ footer -----------------------------*/


/*--------promocje---------*/
.promocje{
	text-align:center;
	width:420px !important;
	font-family:T'LatoRegular', Tahoma, Geneva, sans-serif;
	font-size:18px;
	border:3px solid #1F9595;
	font-weight:bold;
	-moz-border-radius:15px; /* FF */
	-webkit-border-radius:15px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	-khtml-border-radius:15px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	border-radius:15px; /* pozostałe przeglądarki */
	behaviour:url(js/pie.htc);	
}

.bg_td{
	color:white;
	background:	#1F9595;
	padding:5px 2px;
	-moz-border-radius:5px; /* FF */
	-webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	-khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	border-radius:5px; /* pozostałe przeglądarki */
	behaviour:url(js/pie.htc);		
}

.promocje_oferta li{
	margin:10px 0 20px 0;	
}


/*-------identyfikacja wizualna-----------*/

#promocje_ident{
	text-align:left;
	width:960px !important;
	font-family:T'LatoRegular', Tahoma, Geneva, sans-serif;
	font-size:18px;
	border:3px solid #1F9595;
	font-weight:bold;
	-moz-border-radius:15px; /* FF */
	-webkit-border-radius:15px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	-khtml-border-radius:15px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	border-radius:15px; /* pozostałe przeglądarki */
	behaviour:url(js/pie.htc);	
}

.promocje_ident p{
	padding:5px;
	font-size:18px;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;	
}

#oferta_ident{
	width:960px;
	padding:20px;
	margin:0px;
}

#oferta_ident li{
	width:940px;
	height:auto;
	float:left;
	list-style:none;
	padding:10px 10px 10px 10px;
	margin:20px 0 10px 0;
	position:relative;
}

#naglowek_oferta_ident{
	width:400px;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	font-size:20px;
	text-align:left;
	color:#1f9595;	
	border-bottom:1px solid #1F9595;	
	display:block;
	margin-bottom:10px;
/*	color:white;
	background:	#1F9595;*/
/*	padding:5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	-khtml-border-radius:5px; 
	border-radius:5px; 
	behaviour:url(js/pie.htc);	*/
}	

#text_oferta_ident{
	float:left;
	width:220px;
	padding:10px 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;		
}
	
#img_oferta_ident{
	float:right;
	padding:0px 40px;
	width:400px;	
}

#ul_ident{
	width:100%;
	padding:0;
	margin:0;
}

#ul_ident li{
	font-size:17px;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
	font-weight:normal;
	list-style-type: disc;
	list-style-position:inside;
	height:auto;
	padding: 2px 5px;
	margin:5px;
	width:400px;
}

#ul_ident li h1{
	display:inline;
	width:auto;
	font-size:17px;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;
}


#cena_pakietu{
	position:absolute;
	right:60px;
	top:80px;	
	-moz-border-radius:10px;
	-webkit-border-radius:10px; 
	-khtml-border-radius:10px; 
	border-radius:10px; 
	behaviour:url(js/pie.htc);
	border:5px solid #bf1212;
	color:#bf1212;
	font-size:40px;
	font-family:'LatoBold', Tahoma, Geneva, sans-serif;	
}

#bgDark{
	position:absolute;
	width:100%;
	height:100%;	
	background: url(img/bgDark.png) repeat;
	z-index:99999;
	border:2px solid #099;
}

#zyczenia{
	z-index:999999;
	position:absolute;
	top:50%;
	left:50%;	
	width:650px;
	height:437px;
}

#ramka{
	position:absolute;
	left:-50%;
	top:-50%;
	width:650px;
	height:437px;
}
#closePosition{
	position:relative;
	widt:100%;
	height:100%;
}

#zamknij{
	position:absolute;
	top:1px;
	right:16px;
	width:30px;
	height:30px;
}

#zamknij a{
	padding:1px 8px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	width:100%;
	height:100%;
	text-decoration:none;
	background:#099;
	border:#333 solid 1px;	
}

#zamknij a:hover{
	color:#099;
	background:white;	
}