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

body {font: normal 13px/125% Arial,sans-serif;color:black;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:auto;border:none;text-align:justify;list-style-type:none; background-color:#f5ecbd;}

#container h6 { text-align:right; margin-top:10px; margin-right:5px;color:gray;}

#naglowek{min-height:125px;}

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

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



#link_niebieski, #link_niebieski_lewy {display:block;margin-top:35px;margin-bottom:15px;left:0;height:20px;width:auto;background:none;font-weight:bold;font-size:21px;text-decoration:none;}
#link_niebieski  {text-align:center;}
#link_niebieski_lewy  {text-align:left;}
#link_niebieski a:hover,#link_niebieski_lewy a:hover{background:none;}

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


.foto_galeria a,
.foto_galeria_down a {width:192px;height:140px; border:2px solid white; margin-top:7px;float:left;margin-right:17px;margin-bottom:10px}

.foto_galeria_down a {width:192px;height:140px; border:2px solid white; margin-top:7px;float:left;margin-right:17px;margin-bottom:47px;}

.foto_galeria a:hover,
.foto_galeria_down a:hover {border:2px solid #ff1111;color:#ff1111;}




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

.foto_produkty_half a,
.foto_produkty_half_lewy a,
.foto_produkty_half_down a,
.foto_produkty_half_down_lewy a  {color:#666;border:2px solid white;float:left;width:78px;height:118px;background:none; margin-bottom:40px; margin-top:7px;margin-right:10px;float:left;text-align:center;font:normal 9pt/160% Arial,Helvetica,sans-serif;}


.foto_produkty_lewy a,
.foto_produkty_down_lewy a,
.foto_produkty_half_lewy a,
.foto_produkty_half_down_lewy a {margin-left:12px;}

.foto_produkty_down a,
.foto_produkty_down_lewy a,
.foto_produkty_half_down a,
.foto_produkty_half_down_lewy a { margin-bottom:75px;}

.foto_produkty a:hover,
.foto_produkty_lewy a:hover,
.foto_produkty_down a:hover,
.foto_produkty_down_lewy a:hover,
.foto_produkty_half a:hover,
.foto_produkty_half_lewy a:hover,
.foto_produkty_half_down a:hover, 
.foto_produkty_half_down_lewy a:hover {color:#ff1111;border:2px solid #ff1111;}


.foto_produkty_big a {color:#666;border:2px solid white;float:left;width:344px;height:251px;background:none; margin-bottom:30px; margin-top:7px;margin-left:18px;float:left;text-align:center;font:normal 9pt/160% Arial,Helvetica,sans-serif;}
.foto_produkty_big_down a {color:#666;border:2px solid white;float:left;width:344px;height:251px;background:none; margin-bottom:50px; margin-top:7px;margin-left:18px;float:left;text-align:center;font:normal 9pt/160% Arial,Helvetica,sans-serif;}
.foto_produkty_big a:hover,.foto_produkty_big_down a:hover {color:#ff1111;border:2px solid #ff1111;}


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



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


#main_text {text-indent:15px; margin-top:0;margin-right:15px;margin-top:15px;right:0;width:316px;height:470px;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-bottom:95px;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;}



#stopka {line-height:145px;text-align:right;margin-right:5px;color:gray;margin-top:15px;width:100%;height:80px;background:url('../images/baner_stopka_750x60_pop.png') no-repeat #f5ecbd; 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;}
}