/* @author Design & FabrykaStronInternetowychd(dot)com ( Sebastian Mierzwinski ) */
* {margin: 0; padding: 0; border: 0 none;}

html { }
body {background: #ffffff url(../images/tlo-strony.jpg) top center fixed no-repeat;
      background-size: 100%; font-family: 'open_sanscondensed_light', Arial, Geneva, sans-serif; ;}
      
html, body {margin: 0px; padding: 0 auto;}
html, body, p { }
body {padding: 0px; text-align: left; }
.clear {clear: both;}

img {vertical-align: middle;}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




#Strona {margin: 0 auto; width: 980px; }

/* = Naglowek ================================================================================================= */
#Naglowek {width: 100%; position: relative; top: 0px;}  
#Naglowek_logo {position: relative; left: 20px;
					 -webkit-transition: all 1s ease-in-out;
					 -moz-transition: all 1s ease-in-out;
					 -ms-transition: all 1s ease-in-out;
					 -o-transition: all 1s ease-in-out;
					 transition: all 1s ease-in-out;
					 float: left;}
#Naglowek_logo img {width: 180px; position: relative; top: 0px; left: 0px;}


#Modul-tytul-strony {position: relative; top: 75px; line-height: 1.1em; font-size: 2.3em; font-style: italic; color: #474747; 
							text-shadow: 1px 1px 3px rgba(155, 155, 155, 1); 
							font-family: 'open_sans_condensedbold'; }
#Modul-tytul-strony {}

#Modul_menu {clear: both; height: 45px; width: 980px}

#Modul_menu ul {display: inline-block; height: 45px;}
#Modul_menu ul li:first-child {padding: 0px 5px 0px 0px;}
#Modul_menu ul li {display: inline-block; position: relative; margin-right: 10px; float: left; 
						 font-size: 1.4em; height: 45px; padding: 5px 8px 5px 8px;}
#Modul_menu ul li a {color: #535353; text-decoration: none; font-style: italic;}
#Modul_menu ul li a:hover {color: #535353; text-decoration: underline;}
#Modul_menu ul li a:focus {color: #535353; text-decoration: none;}

#Modul_menu ul li ul {font-size: 0.5em !important; height: auto; background-color: #535353;
  							 padding: 0; position: absolute; top: 45px; left: 0; width: 180px; 
  							 -webkit-transiton: opacity 0.2s;
  							 -moz-transition: opacity 0.2s;
  							 -ms-transition: opacity 0.2s;
  							 -o-transition: opacity 0.2s;
  							 -transition: opacity 0.2s;
  							 display: none; opacity: 0; visibility: hidden;}
#Modul_menu ul li ul li:first-child {padding: 0px;}
#Modul_menu ul li ul li {padding: 0px; float: none; margin-right: 0px; height: 45px; display: block; color: #ffffff;}
#Modul_menu ul li ul li a {padding: 10px 20px; color: #fff; display: block; }
#Modul_menu ul li ul li a:hover {text-decoration: none;}
#Modul_menu ul li ul li:hover { background: #f2c009; }
#Modul_menu ul li:hover ul {display: block;opacity: 1;visibility: visible;}



/* = Naglowek ======================================================================================== KONIEC = */
.nivo-caption,
.pasek-hr-zolty, #Stopka_wnetrze,
#Modul_menu {background: rgb(242,192,9);
				 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjJjMDA5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				 background: -moz-linear-gradient(-45deg,  rgb(242,192,9) 0%, rgb(255,245,0) 100%);
				 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(242,192,9)), color-stop(100%,rgb(255,245,0)));
				 background: -webkit-linear-gradient(-45deg,  rgb(242,192,9) 0%,rgb(255,245,0) 100%);
				 background: -o-linear-gradient(-45deg,  rgb(242,192,9) 0%,rgb(255,245,0) 100%);
				 background: -ms-linear-gradient(-45deg,  rgb(242,192,9) 0%,rgb(255,245,0) 100%);
				 background: linear-gradient(135deg,  rgb(242,192,9) 0%,rgb(255,245,0) 100%);
				 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c009', endColorstr='#fff500',GradientType=1 );}



#Zawartosc {clear: both; background-color: #ffffff; padding: 5px 5px 25px 5px; font-size: 1.2em; color: #535353; }


#Modul-nad-trescia {padding: 15px 10px;}	


.nivo-controlNav {position: relative; top: 5px; left: 10px;}
.nivo-caption {bottom: 0; color: #474747; display: none; left: 0; opacity: 0.8;
    				overflow: hidden; padding: 5px 10px; position: absolute; width: 100%; z-index: 8;
    				font-size:1.2em;
    				font-family: 'open_sanscondensed_light' !important;  }		


#Modul-prawy {float: right; width: 300px; padding: 15px 10px;}
#Modul-prawy .wlasny {margin-bottom: 20px;}

.do-lewej {float: left; width: 650px;}

#Zawartosc-tresc .blog-kategoria,								
#Zawartosc-tresc .artykul {padding: 15px 10px 5px 10px;}	
				
#Zawartosc-tresc p {color: #535353;}
#Zawartosc-tresc ul, #Zawartosc ol {margin-left: 25px;}



#Zawartosc-tresc h1 {color: #474747; font-size: 1.5em; font-family: 'open_sans_condensedbold';}

.tytul-strony h1 {background-image: url(../images/tlo-h1.png); background-repeat: no-repeat;
						background-position: left top; 
						line-height: 35px; padding-left: 40px; margin-bottom: 20px;}


.artykul a {color: #535353; }
.artykul a:hover {text-decoration: none;}

.artykul table tr th,
.artykul table tr td {padding: 5px;}




.tytul-artykulu h2 {color: #f2c009; font-size: 1.3em; font-family: 'open_sans_condensedbold';}
.tytul-artykulu h2 a {color: #f2c009; text-decoration: none;}


.trasc-artykulu {}


.czytaj-wiecej {background: url(../images/tlo-czytaj-wiecej.png) no-repeat left top;
					 color: #ffffff; width: 120px; height: 35px;
					 line-height: 35px; text-align: center; float: right;}
.czytaj-wiecej a {color: #ffffff;}
.czytaj-wiecej a:hover {text-decoration: none;}





.do-left {float: left; margin-right: 10px;}

.galeria-zdjec {}
.galeria-zdjec .galeria-zdjecie-skrzynka {float: left; margin: 1%; width: 18%; border: 0px !important; }
.galeria-zdjec .galeria-zdjecie-skrzynka img {vertical-align: middle; width: 100%;}





.paginacja {padding-top: 30px;}
.paginacja ul {display: inline-block; text-align: center; width: 100%; margin-left: 0px !important; color: #fff; }
.paginacja ul li {display: inline-block; text-align: center; }
.paginacja ul li span,
.paginacja ul li a {width: 45px; height: 35px; display: block;
						  background: url(../images/tlo-paginacja.png) no-repeat left top; color: #fff; text-decoration: none;
						  font-size: 0.8em; line-height: 35px;	}
.paginacja ul li a:hover {background-position: left bottom; color: #535353; 	}
.liczba-stron {text-align: center;}









.boxplus-text {display: none;}



#Modul-pod-trescia {background-color: #ffffff; padding: 10px;}
#Modul-pod-trescia img {height: 130px; margin: 10px 20px;}

.pasek-hr-zolty {width: 100%; height: 2px;}

#Stopka {width: 980px; margin: 0 auto; font-size: 0.9em; color: #535353;}
#Stopka a {color: #535353; text-decoration: none;}
#Stopka_wnetrze {margin: 0 auto; width: 980px; text-align: center;}
#Stopka_prawa_polityka {padding: 2px 0px 5px 0px;}
#Stopka_prawa_polityka a {text-decoration: underline;}
#Stopka_prawa_polityka a:hover {text-decoration: none; color: #d5241b;}
#Stopka_autor			  {clear: both; padding: 5px 0px 10px 0px; font-size: 13px; text-align: center;} 
#Stopka_autor img	{position: relative; top: 3px;}