/* === Ogolne ===*/

	body{
		color:#555;
	}
	
	/* LINKI */
	a:link {
	  color: #002b80;
	}

	/* visited link */
	a:visited {
	  color: #002b80; 
	}

	/* mouse over link */
	a:hover {
	  color: #0033cc;
	}

	/* selected link */
	a:active {
	  color: #0033cc;
	}
	/* /LINKI */

	.white:link, .white:visited{
		color: #fff;
	}
	
	.obrys-tekstu {
		color: #fff; /* Kolor tekstu */
		font-size: 24px; /* Rozmiar tekstu */
		text-shadow: -1px -1px 1px #000,  
				   1px -1px 1px #000,
				   -1px 1px 1px #000,
				   1px 1px 1px #000; /* Dodaj cienie do uzyskania efektu obrysu */
	}
	
	/* === Nagłówek === */
	h1{
		font-size:2em;
		font-weight: normal; 
		text-align: left;
		border-bottom: 1px solid #888;
		padding-bottom: 3px;
		margin-bottom: 15px; 
		/*
		background-color: #365b9f;
		color: #FFF;
		padding: 1%;
		border-radius: 3px;
		*/
	}
	
	h2{
		font-size:1.5em;
		font-weight: normal;
	}
	
	h3{
		font-size:1.2em;
		font-weight: normal;
	}
	
	
	
	/* === /Nagłówek === */

	.naglowek10{
		position:static; 
		font-size: 2em; 
		color: #555; 
		border: 0px solid #F00; 
		padding-top: 30px; 
		margin-bottom: 30px;
		/*font-family: 'Montserrat', sans-serif;*/
		/*font-weight:900;*/
		border-bottom: 1px dotted #d9bc7e;
	}


	.szare1{
		background-color: #fff;
		border: 0px dotted #eee;
	}

	.szare2{
		background-color: #f9f9f9;
	}

	.kwadrat{
		text-align: left;
		font-size: 1em; 
		color: #555; 
		font-family: 'Titillium Web', sans-serif;
		padding: 0px 5px 10px 10px;
		min-height:200px;
	}

	.kwadrat .tytul{
		font-size: 1.5em;
		padding: 0px 5px 10px 10px;
	}




	.lista1 ul li, .lista3{
		list-style-type:circle;
	}	

	.srodek{
		text-align:center;
	}

	#pasek10 div{
		position:static; 
		background-color:#64076e;
		padding: 50px 0 50px 0;
		color: #FFF;
		border: 0px solid #F00;
		
		font-size: 1.3em; 
		color: #EEE; 
		font-family: 'Montserrat', sans-serif;
		font-weight:1;

	}

	#pasek10 div:hover{
		background-color:#8f069d;
	}

	#pasek10 div i{
		padding: 5px 0 5px 0;
		
	}

	#onas div, 
	#specjalizacja div, 
	#podstrona div, 
	#loga_firm div{
		position:static; 
		/*margin: 20px 0 20px 0;*/
		text-align: left;
	}

	.naglowek1{
		font-size: 2em; 
		color: #555; 
		border: 0px solid #F00; 
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		/*font-family: 'Montserrat';*/
		font-weight:900;
		border-bottom: 1px dotted #d9bc7e;
	}

	.naglowek2{
		font-size: 1.5em; 
		color: #555; 
		border: 0px solid #F00; 
		margin: 10px 0 0 0;
		font-family: 'Montserrat';
		font-weight:bold;
		border-bottom: 0px dotted #d9bc7e;
	}

	.naglowek3{
		font-size: 1.0em; 
		
		border: 0px solid #F00; 
		margin: 10px 0 10px 10px;
		
		font-weight: bold;
		border-bottom: 0px dotted #d9bc7e;
	}

	.naglowek4{
		font-size: 1.2em; 

	}

	.naglowek5{
		position:static; 
		font-size: 3em; 
		color: #555; 
		border: 0px solid #F00; 
		padding: 30px 0 0 0; 
		margin: 0 0 30px 0;
		font-family: 'Montserrat', sans-serif;
		font-weight:900;
		border-bottom: 1px dotted #d9bc7e;
	}

	.text1{
		color: #555; 
		border: 0px solid #F00;
	}

	.text1 img {
		max-width: 100%;
		height: auto;
	}

	.text2{
		padding: 0 0 0 0;
		margin: 20px 0 10px 0;
		color: #555; 
		border: 0px solid #F00; 
	}

	/* PASEK 11 */

	#pasek11 {
		position:static; 
		background-color:#444;
		padding: 30px 0 50px 0;
		color: #FFF;
		border: 0px solid #F00;
		font-size: 1.1em; 
		color: #EEE; 
		font-family: 'Montserrat', sans-serif;
		font-weight:1;
	}

	#pasek11 ul li,  
	#pasek11 ul li a:link, 
	#pasek11 ul li a:visited, 
	#pasek11 a:link   {
		display: inline-block; 
		padding: 10px;
		color: #FFF;
		padding: 0px 3px 0px 3px;
		margin: 0px 0px 0px 0px;
	}

	#pasek11 ul li a:hover, #pasek11  a:hover{
		text-decoration:none;
		color: #BBB;
	}

	#pasek11 #stopka-linki ul li {
		padding: 1% 1% 1% 1%;
	}
	
	
	#stopka-linki{
		text-align:right;
		border: 0px solid #F00;
	}
	


	/* /PASEK 11 */

	.sciezka{
		padding: 10px 0 10px 15px;
		font-size: 0.8em;
	}

	.podstrona{
		padding: 10px 0 10px 0;
		text-align: left;
	}

	#podstrona img{
		max-width:100%;
	}

	#oferta{
		background-color: #F5F5F5;
		padding: 10px 10px 10px 10px;
		color: #888;
	}

	.ikona1{
		width: 75px;
	}

	.ikona2{
		width: 45px;
	}

	.ikona3{
		width: 55px;
	}

	.urzadzenie{
		width: 150px;
		margin-bottom:1em;
	}

	#facebook_logo{
		display:none;
	}

	#buttony{
		display: none;
	}


	#linki{
		display:none;
	}

	#kontener{
		display: inline-block; 
		padding-top:135px; 
		padding-left:0px; 
		padding-right:0px;
	}


	#stopka-adres{
		text-align:left;
		border-right: 1px solid #AAA;
	}
	
	





	/* === TABELE ===*/

	#tresc1 table{
		/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
		border-collapse: collapse;
		width: 100%;
	}

	#tresc1 table td, 
	#tresc1 table th{
		border: 1px solid #ddd;
		padding: 8px;
	}


	#tresc1 table tr:nth-child(even){
		background-color: #f2f2f2;
	}

	#tresc1 table tr:hover {
		background-color: #ddd;
	}

	#tresc1 table th {
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: center;
		/*background-color: #8d219d;*/
		background-color: #AA8B3C;
		color: white;
	}


	/* === Zdjecia === */
	.zdjecie{
		max-width:33%;
		max-height:200px;
		min-width:200px;
	}
	
	/* KONTAKT */

	#kontakt-dane, #kontakt-dane div{
		text-align: left;
		margin:0px; 
		padding:0px;
	}
		
	#kontakt .komunikacja {
		text-align:center; 
		margin:0px; 
		padding:0px;
	}

	#kontakt .komunikacja #ikona{
		margin:0px; padding:5px;
		text-align:right;
		border:0px solid #0F0;
	}

	#kontakt .komunikacja #opis{
		margin:0px; padding:5px;
		text-align:left;
		border:0px solid #00F;
	}

	#kontakt .komunikacja .ikona1 {
		width:50px;
		border:0px solid #F00;
	}

	.paddingborder0{  
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	#blad404 li{
		padding: 2%;
	}

	#blad404 a{
		font-size:1.2em;
	}



/* === MEDIA === */
/* === ==== === */

@media (max-width: 1135px) {
	
	#booksy{
		display:none !important; 
	}
}


@media (max-width: 1000px) {
    /* KONTAKT */

	#stopka-linki{
		padding-top: 5%;
	}
	
	.zdjecie{
		max-width:100%;
		max-height:100%;
		width:100%;
		height:100%;
	}
	
	#kontakt .komunikacja {
		
		margin:0px; 
		padding:0px;
	}

	#kontakt .komunikacja #ikona{
		margin:0px; padding:5px;

		border:0px solid #0F0;
	}

	#kontakt .komunikacja #opis{
		margin:0px; padding:5px;

		border:0px solid #00F;
	}

	#kontakt .komunikacja .ikona1 {
		width:50px;
		border:0px solid #F00;
	}

	/* /KONTAKT */
	
}

@media (max-width: 900px) {

	/*#myTopnav {position: static;}*/
	
	#logo{
		max-width: 200px;
		padding: 0px;
		margin:0px;
	}
	
	#buttony{
		display: block;
	}
	
		
}

@media (max-width: 770px) {
	
	#booksy{
		display:inline-block !important; 
	}
	
	body{
		font-size:1.1em;
	}
	
	#kontener{
	display: inline-block; 
	padding-top:240px;
	}

	#stopka-adres{
		text-align:left;
	}
	
	#stopka-linki{
		text-align:right;
		padding-top: 5%;
	}
	
	
	#logo{
		max-width: 200px; 
		padding: 0px;
		margin:0px;
	}
	
	#buttony{
		display: block;
	}
	
	#kontakt .komunikacja {
		text-align:left;
		margin:0px; 
		padding:0px;
	}
	
	#kontakt .komunikacja #ikona, #kontakt .komunikacja #opis {
		text-align:left;
	}
	
	#kontakt .komunikacja .ikona1 {
		width:50px;
		border:0px solid #F00;
	}
	


}

@media (max-width: 570px) {
	
	#stopka-adres,
	#stopka-linki{
		text-align:center;
	}
	
	
	#kontener{
		display: inline-block; 
		padding-top:240px;
		padding-left:10%; 
		padding-right:10%;
	}
	
	#buttony{
		display: block;
	}
	
	#facebook_logo{
		display:block; 
	}

	#facebook2_2{
		display:none;	
	}
	
	#pasek10{
		display:none;
	}
	
	#kontakt .komunikacja {
		text-align:center;
		margin:0px; 
		padding:0px;
	}
	
	#kontakt-dane, 
	#kontakt-dane div{
		text-align: left;
		margin:0px; 
		padding:0px;
	}
	
	#kontakt .komunikacja #ikona, #kontakt .komunikacja #opis {
		text-align:center;
	}
	
	#kontakt .komunikacja .ikona1 {
		width:100px;
		border:0px solid #F00;
	}
	
	.naglowek5{
		position:static; 
		font-size: 2em;  
		color: #555; 
		border: 0px solid #F00; 
		padding: 0 0 0 0; 
		margin: 0 0 30px 0;
		font-family: 'Anton', sans-serif;
		font-weight:900;
		border-bottom: 1px dotted #d9bc7e;
	}
	
	
	/* === Naglowki === */
	h1{
		font-size:1.5em;
		font-weight: bold;
	}
	
	h2{
		font-size:1.3em;
		font-weight: bold;
	}
	
	h3{
		font-size:1em;
		font-weight: bold;
	}
	
	.naglowek10{
		position:static; 
		font-size: 1.5em; 
		color: #555; 
		border: 0px solid #F00; 
		padding-top: 30px; 
		margin-bottom: 30px;
		/*font-family: 'Montserrat', sans-serif;*/
		font-weight:900;
		border-bottom: 1px dotted #d9bc7e;
	}
	
	#tresc1 table tbody tr td, 
	#tresc1 table thead tr th{
		font-size: 0.8em;	
	}
	
	#tresc1 table td, 
	#tresc1 table th{
		border: 1px solid #ddd;
		padding: 2px;
	}
	
	.kwadrat ul li a {
		font-size:1.2em;
		margin-bottom:120px;
	}
	
}