body {
    font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #fff;
    line-height: 1.4;
    color: #555;
}

img {border: 0;}
.nowrap {white-space: nowrap;}
.bold {font-weight: bold;}
a {color: #CC0000;}
a:hover {color: #0E3F72;}
h1, h2, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {margin:1em 0;}
h1 {position:relative; color:#036; font: normal 2.0em Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;}
h2 {color:#CC0000; font: normal 1.5em Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;}
h4 {font-size: 1em;}
.float-right {float: right;}
.ml10 {margin-left: 10px;}
.pl20 {padding-left: 20px;}
.align-center {text-align: center;}
.align-right {text-align: right;}

div#content .wrapright{margin: 0 0 10px 10px; text-align:right!important; clear:both;}

#header {width: 100%; height: 100px;}
#logo-nymburk-info {padding: 30px 0 0 30px; float: left; margin-right: 70px;}
#logo-nymburk-info a {width: 215px; height: 44px; background: url(logo-nymburk-info.gif) top left no-repeat; display: block;}
#logo-nymburk-info span {display: none;}

#section {float: left; padding-top: 15px}
#section-prace {width: 56px; height:75px; background: url(icon-prace.gif) top left no-repeat; text-align: center; margin-right: 10px; float: left;}
#section-prace a, #section-pocasi a {display: block; padding-top: 55px; font-weight: bold; text-decoration: none;}
#section-pocasi {width: 56px; height:75px; background: url(icon-pocasi.gif) top left no-repeat; text-align: center; margin-right: 10px; float: left;}

#search {position:absolute; right: 0; top: 1em; width: 30em;}
#search label {float: left; margin-right: 5px; background: url(searchme.png) 0 2px no-repeat; width:0; overflow:hidden; padding-left:16px;}
#search input {float: left; margin: 1em .3em 0 .2em;}
#search ul {margin: 1em -1em 0 5px; padding: 0; list-style-type: none; float:left; font-family: Arial, sans-serif; font-size: xx-small;}

#menu {background: #012e5c url(navbar1.png) right top no-repeat; margin: 0 1% 10px; min-height:2.85em}
#menu ul {display: block; padding: 0; margin: 0; float: left;}
#menu li {display: block; float: left; position:relative}
#menu li a {display: block; float: left; padding: 8px 8px;text-decoration: none; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 114%; color: #CCDDEE; border: 1px solid #446688; border-width: 0 1px 0 0; white-space: nowrap;}
#menu li a:hover {background: #446688; color: #FFFFFF;}
#menu li a.active {color: #fff; font-weight: bold;}

#content {width: auto; background: #fcfcff; padding: 0 6px .5em 12px; overflow: visible; min-width:750px; clear: both!important; top:1em!important; margin-bottom:1em!important;}
#content div h3 {font: normal .9em Verdana, Arial, Helvetica, sans-serif; height:1em; padding:2px 1.5em 4px .5em; clear: right; color:#0E3F72; background:transparent url(bulletr.gif) right center no-repeat; margin:0; position:absolute; right:-1px; top:-.8em; border:0 none;}
#content div h3 img {margin:-3px 0;}
#maincontent {float: left; width:78%; padding-right:1px; margin:0 5px 0 0; background-color:transparent;}
#flow {float:right; overflow: visible !important; width:74.3%; padding:0 0 20px 0;}
#flow3 {float:left; overflow: visible !important; width:100%; padding:0 0 20px 0;}
#flow div.art {position:relative; margin-top:15px; margin-bottom:27px}
#flow div.art img {float: left; margin-right: 8px; margin-bottom: 8px;}
#flow div.art p {margin-left: 80px;}
.col1 {float:left; clear: left; width:24%; margin:0;}
.col1-in {padding: 0px 5% 0 5%;}
#col3 {float:right; width:20%; margin:0 5px 0 0; padding-top:0}
div.box3 {background:#FcFcFf; position:relative; margin-bottom:1.5em; width:auto!important; width:100%; border:1px solid #CAD6E8; padding:10px 0 1.5em 0;}
.box2 {width:auto!important; width:100%; background-color: #FFF; border:1px solid #CAD6E8; margin-bottom:20px; position: relative; padding:.5em 0 0 0;}
.box2-in {padding: 10px 5%; font-size: 0.8em;}
div#tab div.wrap{padding: 1em 2%;}
#footer {font-size:.8em; text-align:center; color:#777; clear:both; line-height:1.6em; margin-top:1.7em!important; overflow:hidden; border-top:10px solid #fff;}
#diskuze {position:relative; margin-bottom: 15px; border: 1px solid #CAD6E8; background-color: #fff;}
#diskuze-in {padding: 10px 3% 0 3%;}
.highlight {color: #0E3F72!important; font-weight: bold!important;}
.author {color: #AAAAAA; font-size: 0.8em;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:block; position:relative;}
* html .clearfix {height: 1%;}

a.comment {background: url(icon-comment.gif) center left no-repeat; padding-left: 16px;}

#newcontent {position:relative; padding:0!important}
#flow2 {position:absolute; width:26%; right:0; top:0; padding:0;}
#bleskovky {width: 100%; border:1px solid #CAD6E8; background: #fff; margin-bottom: 1.5em;}
#bleskovky-in {padding: 10px 5% 0 5%; font-size: .8em;}
.bleskovky-item {margin-bottom: 17px;}
#bleskovky .bleskovky-item h5 {margin-bottom: 0.8em; font-size: 1.1em;}
#bleskovky .bleskovky-item h5 a {line-height: 1.4em;}
#bleskovky ul {margin: 0; padding: 0; list-style: none;}
#articles {background: #fff; width:62.2%; padding:.6em 0; border: 1px solid #CAD6E8; position:relative; margin-bottom: 1.5em;}
#mid {background: #fff; width:auto; padding:.6em 0; border: 1px solid #CAD6E8; position:relative; margin-bottom: 1.5em;}
#gal {background: #fff; width:auto; padding:.6em 0; border: 1px solid #CAD6E8; position:relative; margin-bottom: 1.5em;}
#gal img {border: 1px solid #abadb3;}
.articles-in {padding: 0 3%;}
.mid-in {padding: 0px 3% 15px 3%;}

#pocasi {width: 100%; border:1px solid #CAD6E8; background: #fff; margin-bottom: 1.5em;}
#pocasi-in {padding: 10px 5% 5px 5%; text-align: center;}
#pocasi-in span, #pocasi-in p {font-size: 0.8em;}
.day1 {width: 48px; float: left; margin-right: 5%; margin-bottom:10px; text-align: center;}
.day2 {width: 48px; float: left; margin-right: 5%; margin-bottom:10px; text-align: center;}
.day3 {width: 48px; float: left; text-align: center; margin-bottom:10px;}
.pocasi-info {clear: left;}

#prace {width: 100%; border-right:1px solid #CAD6E8; background: url(box-prace-back.gif) top left #fff; margin-bottom: 1.5em;}
#prace h5 {font-size: 150%;}
#prace-main {background: url(px-border.gif) bottom left no-repeat;} 
#prace-in {padding: 10px 5% 10px 80px; font-size: .8em;}

#reklama-google1 {width: 100%; border:1px solid #CAD6E8; background: #fff; margin-bottom: 1.5em;}
#reklama-google1-in {padding: 10px 5% 0 5%; font-size: .8em;}

#anketa {width: 100%; border:1px solid #CAD6E8; padding:0; background: #fff; margin-bottom: 1.5em;}
#anketa-in {padding: 0 5%; font-size: .8em;}
.anketa-moznost {margin-bottom: 5px;}
.anketa-moznost label {font-weight: bold; color: #CC0000;}
.anketa-hlasy {font-size: 90%;}
.anketa-bar {vertical-align: middle;}

#feature {border:1px solid #CAD6E8; width:72%; margin:0 0 1.5em 0; padding:0 0 15px 0!important; position:relative; height: auto; background:#fff; top:0;}
#feature h1 {margin:1em 4% 10px 3%;}
#feature span.date {font-size:1.1em; margin:0 4% 1em 3%;}
#feature p {margin:1em 4% 1.1em 3%; font-size:1.0em; line-height: 150%; color:#666;}
#feature h1 a {text-decoration:none;}
#feature img {float:right; margin:2em 25px 0 1em; display:inline}

.inzerce-item {padding: 15px 0; border-bottom: 1px solid #E4E7EB;}
.inzerce-item-last {padding: 15px 0; border-bottom: none; }
.inzerce-item-img {text-align: center;}

div.inzeraty {margin: 10px 0 5px 0;}
div.inzeraty span {background: url(icon-folder.gif) no-repeat; padding-left: 21px; padding-right: 8px; white-space: nowrap;}

.komentar {margin-bottom: 10px; font-size: 0.9em;}
.komentar-hlavicka {border-top: 1px solid #E3E9EE; background-color: #F1F4F7; padding: 2px 3px;}
.komentar-obsah {padding: 2px 3px;}

.inzerat {margin-bottom: 10px; font-size: 0.9em;}
.inzerat-hlavicka {text-align: right; border-top: 1px solid #E3E9EE; background-color: #F1F4F7; padding: 2px 3px;}
.inzerat-hlavicka strong {float: left;}
.inzerat-obsah {padding: 2px 3px;}

#footer {font-size:.8em; text-align:center; color:#777; clear:both; line-height:1.6em; border-top:1px solid #CAD6E8;}
#footer a:link {color:#036;}
#footer a:hover {color:#97AFD9!important}
#footer a:visited {color:#97AFD9;}
#footer p {margin:0 2em;}
#footer ul {margin: 0; padding: 0; list-style-type: none; text-align:center;}
#footer ul li {margin: 0 5px; display:inline;}

ul.menub {margin: 0; padding: 0;}
ul.menub li {margin: 0; padding: 0; border-bottom: 1px solid #CAD6E8; list-style-type:none;}
ul.menub li a {display: block; margin:0; padding: 0 0 0 23px; height: 30px; line-height: 30px; text-decoration: none;}
ul.menub li a:hover {color: #FFF;}
ul.menub li.last {border-bottom: 0;}

a.menu-stav-1 {background: url(menu-stav-1.gif) 7px 10px no-repeat;}
a.menu-stav-1:hover {background:#0E3F72 url(menu-stav-1-hover.gif) 7px 10px no-repeat;}
a.menu-stav-2 {background: url(menu-stav-2.gif) 7px 10px no-repeat;}
a.menu-stav-2:hover {background:#0E3F72 url(menu-stav-2-hover.gif) 7px 10px no-repeat;}
a.menu-stav-3 {background: url(menu-stav-3.gif) 7px 10px no-repeat;}
a.menu-stav-3:hover {background:#0E3F72 url(menu-stav-3-hover.gif) 7px 10px no-repeat;}

#formular form{background:transparent url(form-back.gif) repeat-x bottom left;border-bottom:1px solid #E3E9EE;padding:15px 0 30px 0;}
#formular form.nobg { background: none; border-bottom: none; padding:15px 0 15px 0;}
.form-item {margin: 0 0 3px 0; clear: left;}
.form-item label {width: 100px; display: block; line-height: normal; float: left; margin-top: 4px;}
.form-item textarea {width: 70%; margin-top: 2px;}
.respond-submit {margin: 10px 0 0 100px;}
#smilies {padding-left: 100px;}

table.data th {background: #0E3F72; color: #FFF; text-align: left;}
table.data th, table.data td {padding: 2px 3px;}
table.data td {background: #F1F4F7;}
td.td-title {color: #CC0000; font-weight: bold;}

.forum-item {margin-bottom: 0.4em;}

a.sub1 {
  padding-left:40px !important;
  background-position: 23px 10px !important;
}
a.active {
	font-weight: bold;
}
.error {
	font-weight: bold;
	color: red;
}

.alert {background: url(icon-alert.gif) 5px center no-repeat; border: 1px solid red; padding: 10px 10px 10px 40px; color: red;}

.stranky {
	text-align: center;
}
.stranky a.act {
	font-weight: bold;
	text-decoration: none;
}
.katalog-table {
	margin-top: 25px;
	border: 1px solid #97AFD9;
	float: right;
	background-color: #EFF3F9; 
}

#reklama-www {width:72%; margin:0 0 1.5em 0; height: 50px; border: 1px solid black; background: url(reklama/reklama-www-back.gif) top right repeat-y;}
#reklama-www-in {height: 45px; padding: 5px 10px 0 180px; background: url(reklama/reklama-www.jpg) top left no-repeat;}
#reklama-www-in a {color: #0071E4;}

#reklama-a {width:72%; margin:0 0 1.5em 0; height: 74px; border: 1px solid black; background: url(reklama/zamecnicke-prace.jpg) top left no-repeat;}
#reklama-a-in {padding: 5px 10px 0 210px;}
#reklama-a-in a {color: #0071E4; font-size: 1.4em;}

#reklama-b {width:72%; margin:0 0 1.5em 0; height: 74px; border: 1px solid black; background: url(reklama/reklama-hubnuti.jpg) top left no-repeat;}
#reklama-b-in {padding: 5px 10px 0 210px;}
#reklama-b-in a {color: #0071E4; font-size: 1.2em; font-weight: bold;}

/* POP UP okno */
.popupDiv {z-index: 1000; position: absolute; top: 177px; left: 225px; width: 310px;}
#popup-top {width: 310px; height: 14px; background: url(reklama/popup-top.gif) no-repeat;}
#popup-bottom {width: 310px; height: 26px; background: url(reklama/popup-bottom.gif) no-repeat;}
#popup-bottom a {display: block; color: #fff; text-align: right; padding: 5px 30px 0 0; font-weight: bold;}
#popup-mid {background: #314890; padding: 0px 10px 10px 10px; font-size: 0.9em;}
#popup-mid *{color: #ffffff;}
.nadpis-reklama {font-size: 1.2em; font-weight: bold; color: #fff;}