@charset "utf-8";
/* CSS Document */

html{
background:#FFFFFF;
}


body {
	margin:auto;	
	font-family:verdana,tahoma,sans-serif;
	color: #404040;
	background:url(../images/tlo_gora_cz.jpg) repeat-x;
	font-size:14px;
}

.clear{
	clear:both;
}

#CONTAINER{
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

#GORA{
	padding-top:10px;
}

#LOGOWANIE{
	padding-left:190px;
}

#MENU{
	margin-top:10px;
	background:url(../images/menu_tlo.jpg) no-repeat;
	height:50px;
}

/* menu lavaLamp START */
.datacontent .panels {
}
.datacontent .panel {
	text-align:justify;
	 width: 550px;
	 height:315px;
	 padding: 20px;
}

.lavaLampWithImage {
            position: relative;
            width: 900px;
            padding: 12px 8px 8px 30px;
            overflow: hidden;
        }
.lavaLampWithImage li {
	padding-left:30px;
	float: left;
	list-style: none;
}
.lavaLampWithImage li.back {
	background: url("../js/lava.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute; 
}
.lavaLampWithImage li.back .left {
	background: url("../js/lava.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
	font: 14px  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;    
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
}
/* menu lavaLamp KONIEC */	

.kula{
	background:url(../images/kula_tlo1.png) no-repeat;
	margin-top:10px;
	width:900px;
	height:450px;
	line-height:20px;
}

.oferta{
	color: #202020;
	background:url(../images/tlo_oferta.png) no-repeat;
	margin-top:10px;
	width:900px;
	height:500px;
	line-height:20px;
}

.oferta_specjalna{
	
	color: #202020;
	background:url(../images/tlo_oferta_specjalna.png) no-repeat;
	margin-top:10px;
	width:900px;
	height:650px;
	line-height:20px;
}

.oferta_specjalna .tresc .pierwszy{
		font: 16px  Arial, Helvetica, sans-serif;
}

.pozycjonowanie{
	color: #202020;
	background:url(../images/pozycjonowanie_tlo.png) no-repeat;
	margin-top:10px;
	width:900px;
	height:500px;
	line-height:20px;
}

.tresc{
	float:left;
	width:550px;
	padding:15px 25px 13px 25px;
	text-align: justify;
}

.tresc .txt_srodek{
	padding-left:100px;
}

.tresc p{
	padding-left:30px;
}

.tresc p.pierwszy{
	background: url(../images/pkt_cz.png) no-repeat left top;
	
}

.certyfikaty{
	float:right;
	padding-right:80px;
	padding-top:400px;
	
	
}
.kwota{
	font: 34px Aria, sans-serif;
}



.motto{
	margin-top:10px;
	width:900px;
	height:30px;
	background-image: url(../images/motto.jpg);
	clear:both;
	
	
}
.realizacje{
	float:left;
	overflow:hidden;
	width:555px;
	
	margin-top:25px;
	margin-right:25px;
}
.realizacje .text{
	font-size:15px;
	font-family:Arial,tahoma,sans-serif;
	padding:5px 0px 0px 15px;
	
}

.ostatnie_realizacje{
	padding-left:35px;
	padding-top:25px;
	float:left;
	overflow:hidden;
	width: 530px;
	height:280px;
	background-image:url(../images/zielone_tlo.jpg) ;
}

/* Easy Slider */
img {
	border:none;
}

			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }


#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:480px;
		height:241px;
		overflow:hidden; 
		}										

/* // Easy Slider */

.promocja{
	margin-top:25px;
	float:left;
	overflow:hidden;
	width:320px;
	height:320px;
	
}
/*
=====================================================================================================
PORTFOLIO
=====================================================================================================
*/
.tlo_realizacje{
	margin-top:20px;
	padding:20px;
	background:#F8F7F3;
	width:860px;
	height:250px;
}

.tlo_realizacje .zdj{
	float:left;
	width: 480px;
}

.tlo_realizacje .opis{
	float:left;
	width:350px;
	padding-left:30px;
}

.tlo_realizacje .opis .nagl{
	padding-top:10px;
	font-size:18px;
	
}
/*
=====================================================================================================
KONTAKT
=====================================================================================================
*/
.kontakt{
	background:url(../images/tlo_kontakt.png) no-repeat;
	margin-top:10px;
	width:900px;
	height:500px;
	color:#202020;
}
.kontakt_form{
	float:left;
	width:560px;
	text-align:justify;
	padding:10px 20px;
}

.kontakt_form  form{
	padding-top:30px;

}


.kontakt_mapa{
	float:left;
	line-height:10px;
	width:300px;
	padding-top:10px;
}

.kontakt_mapa img{
	margin-top:20px;
	
}

/*
=====================================================================================================
Footer Rules
=====================================================================================================
*/
#footer {
	background:url(../images/stopka_tlo.gif) repeat-x #000;
	padding:20px 0px;
	margin-top:30px;
}
.inner_sec {
	margin:0px auto;
	width:940px;
}
.foot_sec {
	width:274px;
	float:left;
	margin-right:59px;
}
.last {
	margin-right:0px !important;
}
.foot_sec h4{
	color:#C5C407;
	width:274px;
	background-color:#302f2d;
	border:#5e5e5e solid 1px;
	height:18px;
	padding-top:3px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
}
.foot_sec ul.botm_links{
	margin-left:-40px;
	width:276px;
	list-style:none;
}
.foot_sec ul.botm_links li{
	width:261px;
	padding:7px 0px 7px 15px;
	border-bottom:#5e5e5e solid 1px;
	background:url(../images/strzalka.gif) left no-repeat;
}


.foot_sec ul.botm_links li a{
	text-decoration:none;
	color:#5e5e5e;
}
.foot_sec ul.botm_links li a:hover{
	color:#fff;
}
.foot_sec p{
	text-align:center;
	padding:0px 10px;
	width:256px;
}
.foot_sec ul.cards{
	list-style:none;
	float:left;
	margin:20px 0px 20px 60px;
}
.foot_sec ul.cards li{
	float:left;
	margin-right:7px;
}