/* CSS Document - DCreative.pl - biuro@dcreative.pl */

html{height:100%}


body {
background-image: url(../images/bg.gif);
background-repeat:repeat-x;
background-color:#ededed;
font-size:16px ;
line-height:1.5;
font-family: Georgia, Veranda, Arial;
padding:0;
text-align:center;
min-height:100%;
position:relative;
margin:0 auto;

}

a:link {
		color: black;
		text-decoration:none;
	}
 
	a:visited {
		color: black;
		text-decoration:none;
	}
	
	a:hover {
		color: #ff6403;
		text-decoration:none;
        font-weight:normal;
		}

h6{font-size:18px;  font-weight:bold; margin-bottom:20px; padding: 4px 0px 0px 15px;}
h2{ font-size:16px; font-weight:bold; } 
h3{font-size:14px; font-weight:normal; text-indent: 0.5cm; text-align:justify; }
h4{font-size:12px; font-weight:normal; text-align:justify;}
h5{font-size:10px; font-style:italic; font-weight:normal; text-align:justify;}

h1{
background-color: grey;
    border: 0 none;
    color: #fff;
    font-family: tahoma;
    font-size: 20px;
    font-weight: normal;
    padding: 9px 25px;
    position: relative;
    text-align: left;
    width: 250px;
	}

#header {width:100%; height:100px; }

.logokontener { float:left; padding:10px 0px 10px 40px; } 

a.logo {   height:80px; display:block; overflow:hidden; float:left; }
a.logo:hover { zoom:1; display:block; }
a.logo img { border:0; margin:0; width:208px; display:block; }
a.logo:hover img { margin-top:-80px; }

	
.menu-tekst { width:560px; height:30px; padding: 17px 0 0 90px; font-size:18px;}
.over-menu {margin:30px 20px 0px 0px; font-size:9px; float:right;}
.punktor_menu {
    float:left;
    padding-right:35px;
	font-color:white;
	font-size:18px;
	font:Candara;
}




/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}



	
ul, ul li {
	display: block;
	text-align: left;
	line-height: 1.4;
    margin: 0 0 0 0px;
    padding: 0 0 0px;

}

ul li {
	display: inline;
	white-space: nowrap;
}

#boxy {width:1000px; float:left; margin:20px 15px 20px 15px;}

	
a.box-oferta {   height:193px; display:block; overflow:hidden; float:left; margin-top:2px; margin-right:17px;}
a.box-oferta:hover { zoom:1; display:block; }
a.box-oferta img { border:0; margin:0; width:314px; display:block; }
a.box-oferta:hover img { margin-top:-193px; }
	
	
a.box-realizacje {   height:193px; display:block; overflow:hidden; float:left; margin-top:2px; margin-right:17px; }
a.box-realizacje:hover { zoom:1; display:block; }
a.box-realizacje img { border:0; margin:0; width:314px; display:block; }
a.box-realizacje:hover img { margin-top:-193px; }


a.box-kontakt {   height:193px; display:block; overflow:hidden; float:left; margin-top:2px; margin-right:17px;}
a.box-kontakt:hover { zoom:1; display:block; }
a.box-kontakt img { border:0; margin:0; width:315px; display:block; }
a.box-kontakt:hover img { margin-top:-193px; }




		#slider { width:1900px; height:422px; text-indent: -655px; border:0;}





#page {
margin-left:auto;
margin-right:auto;
text-align:left;
width: 1000px;
display: block;

}
#page2 {
margin-left:auto;
margin-right:auto;
text-align:left;
width: 1000px;
display: block;

}

#content {background-color:#f3f3f3; min-height:750px; margin-top: 0px; width:1000px; border: 1px solid #e6e6e6;}
#content-p {background-color:#FFFFFF; min-height:900px; margin-top: 0px;}

#lewa {width:675px;  float:left; margin:30px 0px 20px 0px; font-size:16px; text-align:justify; }

#lewa-p {width:700px;  float:left; margin:0px 20px 0px 20px; font-size:14px; text-align:justify; }
.nav {font-size:10px;}
.tekst-lewa {width:332px; text-align:justify; float:left; margin:0px 0px 30px 0px; }
.banery-lewa {width:332px; float:right; margin: 0px 20px 0px 1px;}

.tekst-p {width:660px; float:left; text-align:justify; margin-top:20px; margin-bottom:30px; }
.txt { text-align:justify; margin:35px 50px 23px 30px;}
.txt2 { text-align:justify; margin:35px 50px 23px 30px;}

#prawa{
	width: 298px;
	float: right;
	 margin:30px 20px 10px 5px;
	 text-align:justify;
	
}

.partnerzykontener { padding: 30px 10px 0px 0px; width:1000px; height:120px; clear:both;}
.partnerzy-buttony {margin:0px 40px 0px 60px; float:left:}
.partnerzy-txt { font-weight: bold; margin: 20px 10px 0 70px; float:left;}
.cien {background-image: url(../images/cien.png); background-repeat:no-repeat; width: 1238px; height: 303px; margin: -222px 0 1px -172px;}



#footer{
          
	 font-size:12px;
	 width:1000px;
	 text-align:right;
	 height: 91px;
	 clear:both;
	 margin:-80px 0 0 -30px;
	  
	 
}
.author{float:right; margin:5px 3px 0 0; font-size:12px; color:#727272; }
.copyright { margin:60px 0px 0px 0px; color:#727272; font-size:12px; font-weight:normal;}

/* Barzo ważne nie kasować - dzieki temu na firefoxie slider jest wyświetlany prawdiłowo od lewej !*/
#slider1_container{
float:left;
}
/* Barzo ważne nie kasować - dzieki temu na firefoxie slider jest wyświetlany prawdiłowo od lewej !*/
#slider img {position:absolute; top:0px; left:0px; display:none;}
		#slider {width:1900px; height:420px !important; margin-left: auto;
    margin-right: auto;}  /* Height  ustawiaj dla poprawnego wyswietlania w   IE !!! */
		.nivo-directionNav a {display:block; width:30px; height:30px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0;}
		a.nivo-nextNav {background-position:-30px 0; right:15px;}
		a.nivo-prevNav {left:15px;}
		.nivo-caption {font-size:11px;}
	.style1 {font-family: Arial, Helvetica, sans-serif}


	
	/*PODSTAWOWE USTAWIENIA  MENU POZIOMEGO*/

 
#menukontener {width: 960px; margin: 0 auto;}
#menu {display: table; padding: 25px 0px 0; margin: 0 auto; overflow: hidden; font-size: 18px; float:right; font-weight:bold; }
#menu li {list-style-type: none; margin: 0 auto; float: left; font-weight:bold;}
#menu li:hover {background:grey; font-weight:bold;}
#menu li a {display: block; font-color:#7b7b7b; text-decoration: none; padding: 7px 30px 7px; font-weight:bold; }
/* #menu li a:hover {background: #ff6403; color: white;} */ 
#menu li a:hover {background-color:grey; color: white; font-weight:bold;}
#menu li li a {width:160px; font-size:14px; margin-left:-20px; color:#f1f1f1; font-weight:bold;} 
#menu li ul {overflow: hidden; display: none; background:grey; color:white; font-weight:bold;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px; font-weight:bold;}
 
/*ANIMACJA - tylko CSS3*/
#menu *:hover {transition: 0.3s ease-in;}
 
/*ZAOKRĄGLONE ROGI - tylko CSS3*/
#menu {border-radius: 3px;}
#menu li ul {border-radius: 0 0 3px 3px;}

#menu ul{ z-index:10 }


/*Formularz kontaktowy*/


#formularz {
        width:280px; /* ustawiamy szerokość formularza */
        margin:0 auto; /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
        background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
        border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
        border-radius:10px; /* zaokrąglamy tło naszego formularza */
		padding:13px; /* dodajemy margines wewnątrz naszego formularza */
        margin-top:70px; /* dodajemy margines górny naszego formularza */
}

#formularz label {
    display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}
 
#formularz textarea,
#formularz input {
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width:250px; /* ustalamy szerokość */
}

#formularz input#submit {
	width:200px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
	text-align:center;
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */ 
	text-decoration: none; /* usuwamy podkreślenie linku */
	font-weight:bold; /* pogrubiamy czcionkę */
}