
body{
margin: 0px;
font-size: 14px;
font-family:   Lato, Verdana, Tahoma;
line-height: 1.5em;

color: #000000;
}

p {
  padding-top:12px;
}
a{color: #222222; text-decoration:none;}

form{margin:0;padding:0;}
h1{margin: 10px 0px; font-size: 32px; line-height:36px; color: #0c664c;  padding:10px 0; font-weight:normal;  }
h2{margin: 15px 0px; font-size: 24px; line-height:24px; color: #0c664c; }
h3{margin: 5px 0px; font-size: 18px; line-height:18px; color: #0c664c;  }
img, a img, a{border: 0px;}

.all{width:100%;float:left;}
.total{width:1200px; margin:auto;}
.mobi{display:none}


#topall{
color: white;
}



#top{ }
#top0{float:left;width:100%;height:100px;}
a.logo img{height:100px;}

#topr{float:right;width:400px;height:100px;margin:0px 0 0px 0;}
a.tel, a.mail{display:inline-block; float:right;padding: 0 10px 0 33px; background-position:left; color:#35E111;line-height:40px}
#szukajdiv{border: 1px solid #0c664c; float:left;width:358px;height:30px;margin-top:10px}
#szukajdiv input{border:0;margin:2px}
input#fraza{background:transparent;width:270px;line-height:26px;}
input#szukaj{background: #0c664c ; background-size:22px;width:70px; height:25px;}

#topmenucontainer{float:left; width:100%; background: url(images/baner.jpg) transparent no-repeat 0% 50%;}

#topmenu{float:left;width:50%;padding: 10px 0; background: #cd0b2e; color:white; height:300px;}

#topmenu ul{list-style: none; margin: 0px; padding: 0px; width:100%;text-align:center}
#topmenu ul li{list-style: none; display: block;padding: 0px 0px; margin: 0px 0px; position: relative}
#topmenu ul li a{font-family: Lato; width:90%; color: white; font-size: 16px; line-height: 28px; border-left: 0; padding: 1px 5%; display: block; float: left; text-transform:uppercase;border-bottom:1px solid white; }
#topmenu ul li a:hover,#topmenu ul li a.active{
color:#e9ce1b;
text-decoration:none;}
#topmenu li:last-child a{border:0}

#topmenu .homeli a{background:url(images/ico/home.png) no-repeat center; background-size:contain; width:30px;border:0;}

#topmenu li ul{display:none;}
#topmenu li:hover ul{display: block; position: absolute; top: 42px; left:0px; padding:0px; z-index:100; background: #ddd; color: white}
#topmenu li:hover ul li{padding:12px 7px;}
#topmenu li:hover ul a{display:block; width:160px; padding: 2px 10px; line-height:22px; color: #222222}
#topmenu li:hover ul a:hover{text-decoration:none; background: #DDDDDD;}

#submenu{float:right;width:50%; padding: 10px 0; height:300px; background: #0c664c; color:white;}

#submenu ul{list-style: none; margin: 0px; padding: 0px; width:100%;text-align:center}
#submenu ul li{list-style: none; display: block;padding: 0px 0px; margin: 0px 0px; position: relative}
#submenu ul li a{font-family: Lato; color: white; width:90%; font-size: 16px; line-height: 28px; padding: 1px 5%; display: block; float: left; text-transform:uppercase;border-bottom:1px solid white; ;}
#submenu ul li a:hover,#submenu ul li a.active{
color:#e9ce1b;
text-decoration:none;}
#submenu li:last-child a{border:0}


#toptitle{
  float:left;
  width:40%;
  margin:70px 5% 0 5%;
  color:#083181;
  font-size:18px;
  line-height:30px;
  font-weight:300;
}
#toptitle span{
  font-weight:700;
  font-size:24px;
}

#contentall{background:#FAFAFA;}
#cont{float:left; width: 100%;min-height: 400px; height: auto !important; height: 600px; padding-top: 0px;}


#main{float:left; width: 96%; background:white; padding: 10px 2%; min-height: 500px; height: auto !important; height: 500px; }

#footerall{background:#cd0b2e;color:white}
#footer{ height:120px;padding:20px 0}
#footer>div{padding:10px 0;text-align:center}
#footer>div>div{float:left;width:50%;}

#footer ul{margin:0;padding:0;}
#footer li{display:inline-block; border-right:1px solid white; padding: 0 10px; list-style:none;}
#footer li:last-child{border:0;}
#footer a{color:#FFFFFF}
#footer a:hover, #footer a.active{color:#e9ce1b}
#footer .q14{float:left}

.ha{font-weight: bold; font-size: 14px; color: #EE0011; line-height: 22px;}
.pole{height: 16px; padding:2px; width: 120px; font-size: 12px; border: 1px solid #AAAAAA;}
.pole2{height: 16px; padding:2px; width: 220px; font-size: 12px; border: 1px solid #AAAAAA;}
select.pole2{height:26px;}
.go{border: 0px; height: 22px; width: 50px; background: #EE0011; color: white; font-size: 12px;}

input.pole {padding-left: 10px;}

.komunikat{color: #EE0011; font-size: 16px}

#mainban{float:left;width:60%;margin:-30px 20% 30px 20%;height:200px;}
#mainban .baner{float:left; width:30%; text-align:center;padding:30px 1.5%; height:140px; background: #083181;transition:transform 0.5s;box-shadow:0px 0px 2px rgba(222,222,222,0.5)}
#mainban a:nth-child(2n) .baner{background:#184DB5}
#mainban img{max-width:80%;max-height:90px;}
#mainban .baner:hover{transform: scale(1.05);}
#mainban .baner .kod{
color:white;text-transform:uppercase;padding-top:20px; text-align:center;
}
#mainban a:nth-child(2n) .baner .kod{
color:#35E111;
}

#maincont{float:left;width:100%;}

.aktya{font-weight:bold; text-decoration:none; color: #FF0011;}
.adat{color: #666666; font-size:11px;}
.aktym,.button,input[type=submit]{cursor:pointer; border:0; display:block; float:left; padding: 5px 8px; margin:5px; text-align:center; color: white; background: #cd0b2e;}
.aktym:hover,.button:hover,input[type=submit]:hover{text-decoration: none; color: #e9ce1b; background:#cd0b2e }

.galimg{ margin: 10px; max-height:160px;}


.podkat{
    position:relative; float:left;width:100%; padding:10px 0; margin:10px 0; border-bottom:1px solid #EEEEEE
}
a.podkatwiecej{background: #cd0b2e;float:right; color: white; display:inline-block;padding:5px 8px}
a.podkatwiecej:hover{color: #e9ce1b;}
.podkat img{float:left; width:100%;}
.podkat span{text-transform:uppercase; font-weight:bold; color: #0c664c;}
.podkatdata{display:block;font-size:11px; font-weight:400 !important}
.podkatl{float:left;width:21%;margin-right:4%;height:150px;overflow:hidden;}
a.podkatkat{display:block;font-weight:400 !important; color: #999999;}

#katpliki{float:left;width:50%;}
#katpliki a{display:block; width: 98%; padding-left:2%; line-height:35px; margin:10px 0; background: #EEEEEE}
#katpliki a span{color: white; background:#0c664c; display: block; float:right; padding: 0px 2%;}

.paginacja{float:left;width:100%;padding:20px 0; text-align:center;}
.paginacja li{display:inline;list-style:none; padding: 0 10px;}
.paginacja a{color:#eb4034}

.fleft{float:left}
.fright{float:right !important}
.tright{text-align: right}
.tcenter{text-align: center}
.half{float:left;width:47%;margin:10px 1% 10px 0;padding:10px 1% 10px 0}
.bordered{box-shadow: 0px 0px 2px #DDDDDD}
.bigger{font-size:130%;text-transform: uppercase; font-weight:600;}
.bbottom{border-bottom:1px solid #DDDDDD}


.formitem,form h2,form h3{float:left;width:93%;padding:5px 3.5%}
.formitem input[type=text],.formitem input[type=password],.formitem textarea{width:99%;background:#EEEEEE;border:1px solid #0c664c}
.formitem input[type=submit]{width:50%}

#msg{background: #EEEEEE; font-size:16px; text-align:center;position:absolute; line-height:28px;width:40%;height:auto;top:40%;left:28%;padding:20px 2%;z-index:998;
box-shadow: 0px 0px 4px #999999}
#msg div{color:black;}
#msg .closing{cursor:pointer;position:absolute;z-index: 999;top:-3%;right:-1.5%;background:url(scripts/slimbox_close.png) no-repeat;width:28px;height:28px;}
#msg a.button{float:none;width:auto;display:inline-block;}

.katul{padding:0;margin:5px 0;}
.katul li{display: inline-block; padding: 0 5px; border-right: 1px solid black;}

.wpisdane{min-width:30%; margin-bottom: 10px}
.wpisdane td{padding:10px; border-bottom: 1px solid #EEEEEE; }
.wpisdane tr{background: #FEFEFE}
.wpisdane tr:nth-child(2n){background: #FAFAFA}


.wpisypodkat{width:50%;padding:0; margin:10px 0}
.wpisypodkat li{
    list-style: none;
}

.wpisypodkat li a{display:block; background: #e9ce1b; font-variant: small-caps;padding:5px 1%; margin: 1px 0}
.wpisypodkat li a:hover{background: #d9be15;}


#bannerbottom .baner, #bannertop .baner{
    float:left; text-align:center; 
}

#bannerbottom .baner{
    width:30%; margin: 10px 1.5%;
    overflow:hidden;
}

#bannertop .baner{
    width:100%; margin: 10px 0; height: 150px;
}

.baner img{max-width: 100%;}

#msg a{color: #0c664c; font-size:110%; font-weight:bold}

.scrolldown{
    width:100%; height:40px;
    display: block; float:left;
    padding: 10px 0; background: #e9ce1b; color: #0c664c;
    font-size: 20px; text-align:center; line-height: 40px;
    
}

.scrolldown span{ font-size:40px; line-height: 40px; height:40px;}