@import url(http://fonts.googleapis.com/css?family=Exo+2:400,700italic,700,600italic,600,500italic,500,400italic,300italic,300&subset=latin-ext);

body {
	background-color: #666;
	font-size: 87.5%;
	font-family: 'Exo 2', sans-serif;
	line-height: 1.5;	
} 
a {
	text-decoration: none;
}
	

.clear {
	clear:both;
	overflow: auto;
}

.logo {
	width: 15%;
	float: left;	
	margin-top: -15%;	
	z-index: 2;
	position: relative;
	background: white;
	padding-right: 1em;
	border-radius: 0 10px 10px 0;
	box-shadow: 1px 1px 10px #888;
	
}

.logo img {
	width: 100%;	
}

.banner img {
	width: 100%;	
	z-index: 1;
	border-radius: 10px;	
}

.slogan {
	width: 97%;
	font-size:24px;
	color: #072ba0;
	font-weight: bold;
	font-style: italic;
	background: white;
	padding: 0.3em;
	border-radius: 10px;
	text-align: center;
	margin: 20px auto;
	margin-top: 60px;
	box-shadow: 1px 1px 10px #888;
}

.container {
	width: 70%; 
	max-width: 980px;
	margin: 0 auto;	
}


.grid_100 {
	width: 100%;
}

.grid_70 {
	width: 70%;
	float: left;
	text-align: justify;
	margin-top: 20px;
	padding: 0.2em;
}

.grid_45_left {
	width: 48%;
	float: left;	
}

.grid_45_right {
	width: 48%;
	float: right;	
}

.grid_40_right {
	width: 40%;
	float: right;	
}

.grid_30 {
	width: 30%;
	float: left;	
	margin: 0 1% 0 1%;
}

.grid_25_right {
	width: 25%;
	float: right;
	text-align: right;
	margin-top: 20px;
	padding: 0.2em;
}

/* NAV BAR SECTION */

nav {  
    background: #dbdbdb; /* Old browsers */
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 50%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(50%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* W3C */
	box-shadow: 1px 1px 10px #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 40px;
	z-index: 9999;
	position: relative;
	top: 30px;
	cursor: pointer;
	width: 70%;
	max-width: 980px;
	margin: 0 auto;
	
}  
nav ul {  
    padding:0;  /* !important */
   	margin: 0 auto;
	text-align: left;
	list-style: none;
	
}  



nav li {  
    display: inline-block;  
    float: left; 	
	color: #072ba0;
	 
	padding: 0 10px;
	text-align: center;  
    text-decoration: none;  
    line-height: 40px;
	font-weight: 600;
} 



nav a {  
    color: #fff;  
    display: inline-block;  
    width: 100px;  
    text-align: center;  
    text-decoration: none;  
    line-height: 40px;  
    
}  

nav li:hover, #navBar .current {  
   color: white;
	background: rgb(44,128,211); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(44,128,211,1) 0%, rgba(9,18,140,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,128,211,1)), color-stop(100%,rgba(9,18,140,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* W3C */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: none;;  
} 

nav a#pull {  
    display: none;  
} 


.navigation.stuck {
	width: 70%;
	position: fixed;
	top:0;
	left:0; right:0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	}


footer  {
	background: #dbdbdb; /* Old browsers */
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 50%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(50%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 50%,#dbdbdb 100%); /* W3C */
	box-shadow: 1px 1px 10px #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 30px;
	color: #072ba0;
	text-align: center;
	padding-top: 12px ;	
	font-weight:600;
	position:relative;
	
}



/* FOR ALL SLIDES */

.slide{
	position: relative;
}

.tytul{
	font-size:32px;
	color: #072ba0;
	font-weight: bold;
	font-style: italic;
	background: #fff;
	padding: 0.1em;
	border-radius: 10px;
	text-align: center;
	margin-top:50px;
	margin-bottom: 30px;
	box-shadow: 1px 1px 10px #888;
	}



/* SLIDES */

#slide1{
	background-image: url('../img/bg.jpg');
	background-color: #666;
	padding: 1%;
	color: black;	
	min-height: 900px;  
}

.zaufali{
	font-size: 18px;
	color: #072ba0;
	font-weight: bold;
	font-style: italic;
	background: white;
	padding: 0.2em;
	border-radius: 10px;
	text-align: center;
	margin: 0 auto; 
	margin-top: 20px;	
	box-shadow: 1px 1px 10px #888;
	width: 97%;
	}

table.glowna {
	border-spacing: 0;
	border: none;
	font-size: 14px;
}
	

td.naglowek {
	background: rgb(44,128,211); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(44,128,211,1) 0%, rgba(9,18,140,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,128,211,1)), color-stop(100%,rgba(9,18,140,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* W3C */
	color: white;
	font-size: 16px;
	font-weight: bold;
	width: 10%;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10 10 0 0;
	-moz-border-radius: 10 10 0 0;
	-o-border-radius: 10 10 0 0;
	text-align: center;
	box-shadow: 1px 1px 2px #888;
	border: none;
	padding: 0.2em;
}
	
	

td.wolne {
	background: transparent;
	border: 0;
	
}


td.tresc {
	border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10 10 10;
	-moz-border-radius: 0 10 10 10;
	-o-border-radius: 0 10 10 10;
	padding:1em;
	box-shadow: 1px 1px 2px #888;
	background: white;
	border: none;
	font-size: 14px;
	text-align:justify;
}
	
td.tresc2 {
	border-radius: 10px 0 10px 10px;
	-webkit-border-radius: 10 0 10 10;
	-moz-border-radius: 10 0 10 10;
	-o-border-radius: 10 0 10 10;
	padding:1em;
	box-shadow: 1px 1px 2px #888;
	background: white;
	border: none;
	font-size: 14px;
	text-align:right;
}





#slide2{
	background-image: url('../img/bg2.jpg');
	background-color: #000;
	padding: 1%;
	color: white;
	/* height: 800px; usunac w gotowej www */
}

#slide2 h1 {
	text-align:center;
	font-size: 2em;
	line-height: 1.2em;
}

.dz {
    border: 1px solid white;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
   }


    
.dz td, .dz th {
    border-left: 1px solid white;
    border-top: 1px solid white;
    padding: 0.5em;
	font-size: 13px;
    text-align: left;    
}

.dz th {
    background-color: white;
    color: #072ba0;
    border-top: none;
    
}

.dz td:first-child, .dz th:first-child {
    border-left: none;
}

.dz th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.dz th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.dz th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.dz tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.dz tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}	

.dz tr:hover { 
	background: #08006a; 
	 transition: background .40s ease-in-out;
   -moz-transition: background .40s ease-in-out;
   -webkit-transition: background .40s ease-in-out;
	} 


#slide3{
	background-image: url('../img/bg.jpg');
	background-color: #666;
	padding: 1%;
	color: white;
	/* height: 800px;  usunac w gotowej www */
}
#slide4{
	background-image: url('../img/bg2.jpg');
	background-color: #000;
	padding: 1%;
	color: white;	
}

#slide5{
	background-image: url('../img/bg.jpg');
	background-color: #666;
	padding: 1%;
	color: white;
	/* height: 800px;  usunac w gotowej www */
}

.nowe_uslugi{
	border-radius: 10px;
	-webkit-border-radius: 0 10 10 10;
	-moz-border-radius: 0 10 10 10;
	-o-border-radius: 0 10 10 10;
	padding:1em;
	box-shadow: 1px 1px 2px #888;
	background: white;
	border: none;
	font-size: 14px;
	text-align: justify;
	color: black;
	}



.kontakt {
	width: 70%;
	color: #072ba0;
	text-align: left;
	padding-top: 2em;
	font-weight: bold;
	font-size: 18px;
	margin: 0 auto;
	}


.kontakt_lewa {
	width: 50%;
	float: left;
}


.kontakt_prawa {
	width: 40%;
	float: right;
	}
		

.google-maps {
        position: relative;
        padding-bottom: 110%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }

.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
	 	border: 0;
    }

.elemental {
	margin-top: 10px;
		
	color: #666;
	text-align: center;
}

.elemental img, .kontakt img {
	vertical-align:middle;
}

/* RWD */

@media screen and (max-width: 1300px) {
	nav {
		width: 90%;
		
	}
	
	.navigation.stuck {
		width: 90%;
		position: fixed;
		left: 50%;
		top:0;
		margin: 0 0 0 -45%;
	}	
	
	.container {
		width: 90%; 
		max-width: auto;
		margin: 0 auto;	
	}
}


@media screen and (max-width: 800px) {
	
	
	.container {
	width: 90%; 
	max-width: auto;
	margin: 0 auto;	
	}
	
	
	.slogan {
		width: 90%;
		font-size: 1.2em;
	}
	
	
	.grid_70 {
	width: 98%;
	}



	.grid_25_right {
		width: 98%;
		float: left;
		text-align: justify;
		
	}
	
	.grid_30 {
		width: 100%;
		float: left;	
		text-align: justify;
	}
	
		.grid_45_left {
	width: 100%;
	text-align: justify;
	
}

	.grid_45_right {
	width: 100%;
	float: left;
	text-align: justify;
}
	
	.grid_40_right, .kontakt_lewa, .kontakt_prawa {
	width: 100%;
	float: left;
	text-align: center;
	}
}




@media screen and (max-width: 700px) {  
    nav {   
        height: auto; 
		border-bottom: 0;
		
    }  
    nav ul {  
        width: 100%;  
        display: none;  
        height: auto;
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;  
		padding: 0;
		height:  auto;
		display: inline;  
    }  
	
    
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }  
	
	 nav a#pull {  
        display: block;  
        background: rgb(44,128,211); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(44,128,211,1) 0%, rgba(9,18,140,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,128,211,1)), color-stop(100%,rgba(9,18,140,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(44,128,211,1) 0%,rgba(9,18,140,1) 100%); /* W3C */ 
        width: 100%;  
        position: relative;  
    }  
    nav a#pull:after {  
        content:"";  
        background: url('../img/nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
	
	.navigation.stuck {  /* usunac jak nie ma byc na caly ekran */
		width: 100%;		
		left: 45%;		
	}	
	
	
}  

 /* @media only screen and (max-width : 320px) {  wywietla menu jedno pod drugim 
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
    }  
}  */




.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}  


/* carousel */

#thumbs {
	overflow: hidden;
}
			
#thumbs a, #thumbs img  {
	display: block;
	float: left;
	
}

#thumbs span, #thumbs a {
	position: relative;
			}
			
#thumbs img {
	border: none;
	height: 60px;
	position: absolute;	
	}

	




			
#thumbs-wrapper {
	padding: 20px 40px;
	position: relative;
			}

#thumbs a {
	height: 60px;
	margin: 0 5px;
	overflow: hidden;
}


#prev, #next {
				background: transparent url('../img/gui/carousel_nav.png') no-repeat 0 0;
				display: block;
				width: 19px;
				height: 20px;
				margin-top: -30px;
				position: absolute;
				top: 50%;
			}
#prev {
				background-position: 0 0;
				left: 10px;
			}
			#next {
				background-position: -19px 0;
				right: 10px;
			}			
			#prev:hover { 
				background-position: 0 -20px;				
			}
			#next:hover {
				background-position: -19px -20px;				
			}
			#prev.disabled, #next.disabled {
				display: none !important;
			}