* {margin: 0; padding: 0; border: 0 none;}

html {}
body {background-color: #f5f5f5;

      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;}


@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfontd41d.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;

}

.wysrodkowanie {margin: 0 auto; width: 940px; position: relative;}

a {color: #525252; text-decoration: underline;}
a:hover {color: #ec4d4d; text-decoration: none;}
/* = Naglowek ================================================================================================= */
#Naglowek {width: 100%; height: 90px; position: relative; background-color: #fff;}  
#Naglowek_logo {position: absolute; left: 20px; top: 10px;
					 -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;}
					 
#Naglowek-logo img {position: relative; top: 15px; left: 10px;}

#Modul-menu {position: absolute; right: 20px; top: 30px; overflow: hidden; }

#Modul-menu ul {display: inline-block;}
#Modul-menu ul li {display: inline-block; margin-left: 15px; font-size: 1.2em;}
#Modul-menu ul li a {color: #525252; text-decoration: none; padding: 10px 0 10px 0;}
#Modul-menu ul li a:hover {color: #ec4d4d; text-decoration: none;}
#Modul-menu ul li a:focus {color: #ec4d4d; text-decoration: none;}


#Modul-nad-trescia {margin: 30px 0px 30px 0px;}

#Modul-pod-trescia {margin: 30px 0px 30px 0px; background-color: #525252; font-size: 1.1em; 
						  color: #fff; padding: 40px 20px; text-align: center;}
#Modul-pod-trescia ul li {display: inline-block; text-align: center;}						  
#Modul-pod-trescia li a {font-size: 1.4em; color: #fff; padding: 40px 20px;}


/* = Naglowek ======================================================================================== KONIEC = */

.ofirmie_kontent {background-color: #fff; margin-bottom: 20px; padding: 10px; text-align: center;}

.artykul p {background-color: #fff; margin-bottom: 20px; padding: 10px; position: relative;}
.artykul ul {background-color: #fff; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 30px; position: relative;}


.artykul-produkty p {background-color: #fff; margin-bottom: 20px; padding: 10px; position: relative;}
.artykul-produkty p img {width: 100%; vertical-align: middle;}
.artykul-produkty span {position: absolute; right: 20px; bottom: 20px;}
.artykul-produkty p:hover {background-color: #525252;}
.artykul-produkty a {color: #fff; text-decoration: none; font-size: 1.4em;}
.artykul-produkty a:hover {background-color: #525252;}
.artykul-produkty p:hover a {font-size: 1.6em;}

.artykul-produkt .produkty-menu {float: left; width: 21.8%; height: 204px; background-color: #fff; padding: 10px; margin: 5px; }



.artykul-produkt .produkty-menu ol {list-style-type: none;}
.artykul-produkt .produkty-menu ol a {text-decoration: none; color: #525252; font-size: 1.3em;}
.artykul-produkt .produkty-menu ol a:hover {color: #ec4d4d; }


.artykul-produkt .galeria-zdjecie {float: left; width: 21.8%; background-color: #fff; padding: 10px; margin: 5px; }
.artykul-produkt .galeria-zdjecie:hover {background-color: #525252;}
.artykul-produkt .galeria-zdjecie img {width: 100%; vertical-align: middle;}
.artykul-kontakt p {background-color: #fff; margin-bottom: 20px; padding: 10px;}
.page-header h1 {color: #525252; font-size: 1.4em; padding: 20px 20px 20px 5px;}




#Stopka {width: 100%; background-color: #525252; font-size: 0.9em; color: #fff; text-align: center;}
#Stopka a {color: #fff; text-decoration: none;}
#Stopka_prawa_polityka {padding: 10px 0px 10px 0px;}
#Stopka_prawa_polityka a {text-decoration: underline;}
#Stopka_prawa_polityka a:hover {text-decoration: none; color: #d5241b;}