/*
	Style sheet: Gmina Obrzycko - http://www.obrzycko.pl/
	Author: Tomasz Rybak - tomasz.m.rybak@gmail.com
	Name: style.css
*/

/* general */
body { margin: 0px; padding: 0px; font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; background: url("../img/back.jpg") center top no-repeat; background-color: #e6eaf3; color: #323232; }
img, form, fieldset, h1, h2, h3 { border: 0px; margin: 0px; padding: 0px; }
.clear { clear: both; height: 0px; }
#general { margin: 0 auto; width: 944px; }

/* header */
#top { padding-top: 20px; }
#top span { color: #202123; display: block; float: left; }
#top a.site, #top a.main { float: right; padding-left: 15px; margin-left: 10px; color: #fff; text-decoration: none; }
#top a:hover { text-decoration: underline; }
#top .main { background: url("../img/ico1.jpg") left no-repeat; } 
#top .site { background: url("../img/ico2.jpg") left no-repeat; }
#top-flash { background-color: #fff; padding: 7px; margin-top: 15px; }
#top-flash .flash-box { border: 1px solid #fed106; padding: 5px; position:relative; }
#slider { width:919px; height:241px; }
#herb { overflow:hidden; width:216px; height:230px; display:block; position:absolute; text-indent:-9999px; background: url("../img/herb.png") no-repeat; top:10px; left:13px; z-index:100; }
#content { margin-top: 10px; }

/* left panel */
#left { width: 225px; float: left; }
#menu { list-style-type: none; margin: 0px; padding: 0px; }
#menu li { margin-bottom: 8px; cursor: pointer; }
#menu a { width: 180px; height: 28px; padding: 14px 0 0 45px; font-size: 14px; display: block; background: url("../img/back_menu.png") no-repeat; color: #fff; font-weight: bolder; text-decoration: none; }
#menu a:hover { color: #ec2135; }
#menu .white { background-color: #fff; margin-top: -8px; }
#menu .sub { height: auto; padding-bottom: 14px; padding-left: 15px; margin-left: 30px; background: url("../img/li.jpg") left no-repeat; color: #ec2135; font-size: 12px; border-bottom: 1px solid #f9f3f3; }
#menu .sub:hover { text-decoration: underline; }
#left .button { text-align: center; margin: 11px 0; display: block; }

/* middle */
#middle { width: 478px; margin-left: 15px; float: left; }
#middle h1 { font-size: 25px; margin: 10px 0px 0px 0px; color: #ec2135; font-size: 16px; margin: 0 0 10px 20px; }
#middle .box-top { width: 478px; background: url("../img/back_box_top.png") top no-repeat; height: 10px;  }
#middle .box-bottom { width: 478px; background: url("../img/back_box_bottom.png") top no-repeat; height: 8px; }
#middle .box { background-color: #fff; }
#middle .box p { line-height: 16px; margin: 0 20px; }
#txt img { border: 1px solid #c5c5c5; margin: 5px; }

#middle .beam { width: 460px; height: 28px; padding: 13px 0 0 20px; background: url("../img/beam.png") no-repeat; margin-top: 10px; font-size: 15px; color: #fff; font-weight: bolder; }
#middle .news { background-color: #fff; padding: 5px 15px; width: 450px; }
#middle .news-entry { border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-top: 10px; clear: both; }

#middle .news-entry .img { float: left; border: 1px solid #f2f2f4; padding: 1px; margin-right: 10px; width:152px; text-align:center; }
#middle .news-entry .img img { border: 1px solid #f2f2f4; }
#middle .news-entry h3 { font-size: 11px; }
#middle .news-entry h3 a { color: #EC2135; text-decoration: none; }
#middle .news-entry .date { float: left; color: #878787; }
#middle .news-entry p { margin: 8px 0px 6px 0px; text-align: justify; }
#middle .more { width: 84px; height: 15px; color: #000; text-decoration: none; text-align: center; background: url("../img/back_more.jpg") no-repeat; float: right; }
#middle .more:hover { color: #EC2135; }
#middle .no-border { border: none !important; }

#middle a { color: #ec2135; }
#middle .files span { font-weight: bolder; }
#middle .files ul { list-style-type: none; padding-left: 10px; }
#middle .print { text-align: right; }
#middle .print a { cursor: pointer; background: url("../img/ico/print.gif") left no-repeat; padding-left: 20px; }
#middle .nav { float: right; margin-top: 20px; }
#middle .nav a { border: 1px solid #c5c5c5; padding: 5px; font-size: 13px; text-decoration: none; }
#middle .nav a:hover { background-color: #f7ce10; color: #323232; }

#sitemap .first { font-weight: bolder; margin-top: 5px; }
#sitemap .first a { color: #142C16; }
#sitemap a:hover { text-decoration: none; }

#files .ico { padding: 3px 0px 3px 20px; }
#files .word { background: url("../img/ico/ms-word.gif") left no-repeat; }
#files .pdf { background: url("../img/ico/pdf.gif") left no-repeat; }
#files .none { background: url("../img/ico/none.gif") left no-repeat; }
#files .web { background: url("../img/ico/web.gif") left no-repeat; }

/* right panel */
#right { float: right; width: 213px; }
#search { margin-bottom: 10px; }
#search label { margin-top: 1px; padding: 2px; float: left; width: 180px; height: 24px; background: url("../img/back_input.png") no-repeat; }
#search .input { border: 1px solid #fff; width: 170px; height: 16px; color: #878787; font-size: 11px; }
#search .input:focus { color: #323232; }
#search .sub { margin-top: 2px; float: right; }
#right .banner { cursor: pointer; position: relative; margin-bottom: 16px; width: 211px; height: 107px; padding: 10px 0 0 20px; background: url("../img/back_box_small.png") no-repeat; }
#right .banner h3 { text-indent: -20000px; }
#right .banner .puap { width: 122px; height: 26px; background: url("../img/txt_epuap.jpg") no-repeat; }
#right .banner .bip { width: 30px; height: 21px; background: url("../img/txt_bip.gif") no-repeat; }
#right .banner .find { width: 99px; height: 21px; background: url("../img/txt_znajdz.gif") no-repeat; }

#right .banner p { margin-top: 15px; }
#right .banner .more { width: 84px; height: 15px; color: #000; text-decoration: none; text-align: center; background: url("../img/back_more.jpg") no-repeat; display: block; }
#right .banner .more:hover { color: #EC2135; }
#right .banner .girl { position: absolute; top: -17px; right: 0px; width: 90px; height: 134px; background: url("../img/girl.png") no-repeat; }
#right .banner .bip-logo { position: absolute; top: 17px; right: 22px; width: 96px; height: 82px; background: url("../img/bip-logo.jpg") no-repeat; }
#right .banner .find-logo { position: absolute; top: 11px; right: -10px; width: 124px; height: 105px; background: url("../img/map.png") no-repeat; }
#right .banner_mod { margin-bottom: 10px; }

/* footer */
#footer { height: 30px; padding-top: 15px; color: #333333; }
#footer .left { float: left; }
#footer a { color: #333333; text-decoration: none; }
#footer .left a:hover { text-decoration: underline; }
#footer .right { float: right; }

/* end style */