* {margin: 0;padding: 0;}
html{width:100%;background:#f5e9a7;}	

body {font: normal 5pt/5% Arial,sans-serif;margin-top:0px;padding:0px;margin:0px;border:0px;list-style-type:none;background:#f5e9a7;display:block;/*dla IE5*/text-align:center;}	

#container {width:750px;margin:auto;margin-top:5px;height:845px;border:none;text-align:justify;list-style-type:none; background-color:#f5ecbd;}
#container h2 { text-align:right; margin-top:15px;color:gray;}
#naglowek{min-height:125px;}

#nawigacja {min-height:20px;margin-top:5px;}

#srodek {height:540px;}

#szary_pasek {display:block;background:#bbbbbb;margin-top:8px;left:0;width:750px;height:20px;text-align:right;font:normal 17pt/90% Arial,Helvetica,sans-serif;color:white}



#link_niebieski {display:block;margin-top:45px;margin-bottom:5px;left:0;width:100%;height:20px;background:none;font-weight:bold;font-size:15pt;text-decoration:none;text-align:center;}
#link_niebieski_lewy {display:block;margin-top:45px;margin-bottom:5px;left:0;width:700px;height:20px;background:none;font-weight:bold;font-size:15pt;text-decoration:none;text-align:left;}
#link_niebieski a:hover,#link_niebieski_lewy a:hover{background:none;}

#baner_400x450{ border:0px solid #f5e9a7; margin-top:15px;left:0px;width:400px;height:450px;float:left; margin-right:15px;}

.foto_galeria a {width:192px;height:140px; border:2px solid white; margin-top:17px;float:left;margin-right:17px;}
.foto_galeria a:hover {width:192px;height:140px; border:2px solid #ff1111; margin-top:17px;float:left;margin-right:17px;color:#ff1111;}

.foto_produkty a, .foto_produkty_lewy a {color:#666;border:2px solid white;float:left;width:162px;height:118px;background:none; margin-bottom:30px; margin-top:7px;margin-right:17px;float:left;text-align:center;font:normal 9pt/160% Arial,Helvetica,sans-serif;}
.foto_produkty_lewy a {margin-left:15px;}
.foto_produkty a:hover, .foto_produkty_lewy a:hover {color:#ff1111;border:2px solid #ff1111;float:left;width:162px;height:118px;background:none;}



.foto_produkty_wide a{color:#666;border:2px solid white;float:left;width:345px;height:118px;background:none; margin-bottom:30px; margin-top:7px;margin-right:17px;float:left;text-align:center;font:normal 9pt/160% Arial,Helvetica,sans-serif;}
.foto_produkty_wide a:hover{color:#ff1111;border:2px solid #ff1111;float:left;width:345px;height:118px;background:none;}




#galeria_text {float:right;text-indent:15px; margin-top:15px;margin-right:15px;right:0;width:290px;height:470px;font:normal 9pt/125% Arial,Helvetica,sans-serif;color:black;text-decoration:none;text-align:justify;float:right;}

#main_text {text-indent:15px; margin-top:0;margin-right:15px;right:0;width:320px;height:470px;font:normal 9pt/125% Arial,Helvetica,sans-serif;color:black;text-decoration:none;text-align:justify;float:right;}

#main_text h2 p{text-align:center; line-height:150%;color:#757050;margin-bottom:10px}


#kontakt_text {width:auto;margin-top:45px;margin-left:150px;height:370px;font:normal 12pt/125% Arial,Helvetica,sans-serif;color:black;text-decoration:none;text-align:left;}

#firma_text { text-indent:15px;width:370px;margin-top:15px;margin-left:50px;height:370px;font:normal 9pt/125% Arial,Helvetica,sans-serif;color:black;text-decoration:none;text-align:justify;float:right;}




#button_orange a{margin-left:25px;margin-top:15px;width:200px;height:21px;background:none;line-height:21px;font-size:12pt;text-align:center;text-decoration:underline;float:left;}
#button_orange a:hover{background:none;}

#stopka {width:100%;height:60px;background:url('../images/baner_stopka_750x60_pop.png') no-repeat; clear:both;}


a:link { text-decoration:none;color:black;}
a:visited { text-decoration:none;color:#666;}
a:hover {text-decoration: underline;color:#ff1111;}
a:active {text-decoration:none;color:orange;}













/* common and top level styles */
#nav span {display: none;}
#nav, #nav ul {list-style: none outside none;margin: 0;padding: 0;}
#nav {background-color: #F5F5F5;border-bottom: 2px solid #333333;float: left;margin-left: 0%;margin-right: 0%; margin-top:0;position: relative;width: 100%;}
#nav ul.subs {background-color: #FFFFFF;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);color: #333333;display: none;left: 0;padding: 2%;position: absolute;top: 20px;width: 100%;}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {color: #333333;display: block;font: normal 9pt/100% Arial,sans-serif;line-height: 20px;padding: 0 15px;text-transform: uppercase;}
#nav > li:hover > a, #nav > a:hover {background-color: darkorange;color: #FFFFFF;}
#nav li.active > a {background-color: #333333;color: #FFFFFF;font-weight: bold ;}
/* submenu */
#nav li:hover ul.subs {display: block;}
#nav ul.subs > li {display: inline-block;float: none;padding: 10px 1%;vertical-align: top;width: 33%;}
#nav ul.subs > li a {color: #777777;line-height: 20px;}
#nav ul li a:hover {color: #F55856;}
#nav ul.subs > li > a {font-size: 1.3em;margin-bottom: 10px;text-transform: uppercase;}
#nav ul.subs > li li {float: none;padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
	-ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {padding-left: 15px;}
/* responsive rules */
@media all and (max-width : 750px) {
    #nav > li {float: none;border-bottom: 0;margin-bottom: 0;}
    #nav ul.subs {position: relative;top: 0;}
    #nav li:hover ul.subs {display: none;}
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {display: block;}
    #nav ul.subs > li {display: block;width: auto;}
}