.signal {border:1px solid red;}
.fl {float:left;}
.fr {float:right;}
.nofl {clear:both;font-size:2px;}
.nodisp {display:none;}
.tac {text-align:center;}
.tar {text-align:right;}
.vat {vertical-align: top;}
.bold {font-weight:bold;}
html,body,div,ul,ol,li,span,form,p,h1,h2,h3,h4,h5,h6,img,input {margin:0px;padding:0px;}
hr {display:none;}
img {border:none;}
a {color:#184690;}

body {font-family:Arial,Helvetica,sans-serif;background:url(../img/bodybg.gif) #00ACE2;text-align:center;color: #184690; background-repeat: repeat-x;}
.maintop {margin: 0px auto;width:850px; border:0; background: url(../img/maintop.png) no-repeat; position: relative; height:9px;}
.mainbottom {margin: 0px auto;width:850px; border:0; background: url(../img/mainbottom.png) no-repeat; position: relative; height:9px; margin-bottom:70px;}
#main {margin: 0px auto; width:848px; text-align:left; border-left: 1px solid #008acc; border-right: 1px solid #008acc; background: #fff; position: relative;}
#headermain {margin: 0px auto;width:850px; height:220px; text-align:left;border: 0; background: none; position: relative;}
div[id]#main {width:848px;}

/* layout */
#top { height: 42px; background: url(../img/topbg.gif) no-repeat 389px 0px;}
#left { width: 175px; height:468px; float: left; position: relative; left: 9px; top: 0px; background: url(../img/menuleft.png) no-repeat; padding:10px; padding-bottom:0px; padding-top:0px;}
#middle {float:left; left:9px; position:relative; width:421px; padding:10px; padding-bottom:0px;}
#middle-co {}
div[id]#middle-co { height: auto;}
#right { width: 175px; height:468px; float: right; position: relative; right: 9px; top: 0px; background: url(../img/menuright.png) no-repeat; padding:10px; padding-bottom:0px; padding-top:0px;}

/* header v levem sloupci */
#left h3 { background: #003399; color: #fff; font-size: 70%; line-height: 150%; text-align: right; padding: 0 13px 1px; margin: 21px 0 13px;}

/* header praveho sloupce */
.ank { margin-top:20px;}
.ank h3 {font-size: 12px; line-height: 23px; padding-left: 10px; text-align: left; color: #184690; background: url(../img/rhover.gif) no-repeat;}
#note {position:absolute;width:195px;height:158px;right:-45px;bottom:-55px;z-index:1;background:url(../img/odsnote.png) no-repeat;}

/* paticka */
#foot { margin:0; font-size: 11px; color: #184690; text-align: center; margin-bottom:30px; }
#foot a {color: #184690; font-size: 11px;}
#foot span { padding: 0 6px;}

/* logo */
#logo {/*position:relative;width:423px;height:110px;overflow:hidden;*/}
#logo a {display:block;position:absolute;width:423px;height:110px;left:0px;top:80px;z-index:1;background:url(../img/odslogo.png) no-repeat;cursor:pointer; color:transparent; font-size:0px;}
#holubice {position:absolute;width:425px;height:267px;right:-160px;top:0px;z-index:0;background:url(../img/holubice.png) no-repeat;}

/* diskusni Forum */
#contentMenu {
   margin: 10px 0;
   padding: 2px 0;
   display:block;
   font-size: 10px;
}
.forumDate {
   border-top: 1px solid #CEDAF2;
   border-bottom: 1px solid #CEDAF2;
}
.pager {
   text-align: center;
   margin: 10px 0;
   padding: 2px 0;
   display:block;
   font-size: 10px;   
}

/* navigace */
#n {margin-top:20px;}
#n li { list-style: none; margin:0;}
#n a { display: block; line-height: 23px; height: 23px; font-size: 12px; padding-left: 10px; text-decoration: none; text-align: left; font-weight: bold; } 
#n span {}
#n a:hover { background: url(../img/nhover.gif) no-repeat;}
#n a:hover span {}
#n #cur a { background: url(../img/nhover.gif) no-repeat;}
#n #cur span {}

/* hp modry box */
.blue-bg {padding:10px;}
.blue-bg h2 {line-height: 1.3em; height: 23px; font-size: 16px; text-align: left; font-weight: bold; color:#184690; font-style:italic;}
.blue-bg p {line-height: 1.3em; height: 23px; font-size: 12px; text-decoration: none; text-align: left; font-weight: normal; color:#184690; font-style:italic;}
.blue-bg p a { color: #184690; font-weight:bold;}

/* header - hlavni nadpis */
.hd, #middle h1 { font-size: 14px; padding-right: 100px; text-align: left; border:0; background: url(../img/mline.gif) repeat-y; line-height:24px; padding-left:10px; color:#fff; text-transform:uppercase; font-weight:bold;}
#middle h3 { font-size: 12px; padding-right: 100px; text-align: left; border:0; background: url(../img/mlineblue.gif) repeat-y; line-height:24px; padding-left:10px; color:#fff; font-weight:bold;}

/* text */
.text h2, .text h3, .text h4, .text h5, .text p, .text li { font-size: 70%; line-height: 150%; position: relative; }
.text h2 { font-size: 75%; text-transform: uppercase; margin-bottom: 4px;}
.text h3 a { text-decoration: none; color: #184690;}
.text h3 span { color: #184690; font-weight:bold;}
.text h4 { color: #184690;}
.text p { padding-right: 18px; margin-bottom: 12px;}
.text p.zaslink {padding-left: 18px; margin:0px;}
.text ul { margin: 0 0 12px 36px;}
.text li { padding-left: 0px;}
.text .para { padding: 10px; padding-bottom:0px;}
#middle .text .para h3 { font-size: 12px; text-align: left; border:0; background: none; line-height:auto; padding:0; color:#184690; font-weight:normal;}
.text .para p { margin: 0px; padding:0px;}
.text .para p a{ color:#008acc; text-decoration:underline;}
.text .para .fl-ul { float: left; width: 190px; position: relative; left: 20px; margin: 0px;} 
.text .para .fl-ul li { margin-left: 18px;} 
.text .para div {font-size: 11px;}
.text .para div p {font-size: 11px; margin: 0 0 0 10px; padding:0px;}
.text .para.news div p {font-size: 11px; margin: 0 0 5px 0; padding:0px;}
.news_foto {width:131px; display: block;}

/* kontakty */
.text .kont { float: left; width: 190px;}
.text .kont p { margin-bottom: 2px;}
.text .mapa {float: right; width: 112px; border: 2px solid #F7F9F6; border-width: 2px 6px 4px 0; margin-right: 21px;}
.text div[class].mapa {width: 106px; margin-right: 42px;}
.text .mapa img {border: 1px solid #184690; }

/* fotogalerie */
.fotky { border: 1px solid #02319B; border-width: 1px 0; padding: 20px 6px 7px; margin-bottom: 36px;}
.foto { width: 100px; float: left; text-align: center; padding: 4px 0; border: 1px solid #C5C5C5; margin: 0 0 8px 46px;}
div[class].foto {width: 98px;}
.foto.f1 { margin-left: 0px;}
.fotogalerie {border:1px solid #eee; padding: 10px; margin-bottom: 5px; margin-left: 10px; width: 141px;}

/* potrtetova fotka */
.por { float: left; width: 126px; height: 144px; /*background: url(../img/ram.gif) no-repeat 0% 0%;*/}
.por img {}

/* portrety - vasi zastupitele */
.port { padding: 10px 0px 5px 8px; margin-bottom: 2px;}
div[class].port {margin-bottom: 25px;}
.port h3, .port h4, .port p {font-size: 70%; line-height: 150%;}
.port h3 { padding: 0 0 2px 3px;}
.port h4 { font-weight: normal; padding: 6px 0 0 3px; }
.port .por img { margin-right: 14px;}

/*  portrety - poslanci */
.port2 { padding: 17px 12px 0 8px; margin-bottom: 24px;}
.port2 h3, .port2 p {font-size: 70%; line-height: 150%;}
.port2 h3 { color: #184690; padding-top: 1px; }
.port2 p { margin-bottom: 10px;}

/* navigace v pravem sloupic */
.n2 {background: #E7EEFF; padding: 0 8px 0 11px; height: 583px; min-height: 583px;}
div[class].n2 {height: auto;}
.n2 h4, .n2 h5, .n2 p, .n2 li { font-size: 70%; line-height: 150%; }
.n2 h4 { text-transform: uppercase;}
.n2 ul { margin-top: 4px;}
.n2 li { margin-left: 20px;}
.n2 .bor, .n2 .akt { border-bottom: 1px solid #023591; padding: 26px 0 20px 0;}
.n2 .bor {margin-bottom:10px;}
.n2 .akt { padding-top: 6px;}
.n2 h5 { font-size: 75%; margin-bottom: 6px;}
.n2 h5 span { color: #184690;}

/* hp pozvanka */
.pozv { margin-top: 24px;}
.pozv .img {text-align: center;}
.pozv h4 { font-size: 100%; line-height: 150%; margin: 3px 0 1px 9px;}
.pozv h5 { font-size: 75%; line-height: 150%; margin: 0 0 6px 10px; }
.pozv a {text-decoration: none; color: #020202;}

/* anketa */
.ank p { font-size: 12px; color: #184690; padding: 0 10px 10px 10px; font-weight:normal;}
.ank fieldset { border: 0; padding-left:10px;}
.ank form {}
.ank label { font-size: 11px; color: #184690; font-weight:normal; float:left; width:150px;}
.ank input { margin:0;}
div[class].ank input { margin-left: 0px;}
.ank img { display: block; margin: 6px 0 6px 14px;}
div[class].ank img { margin-left: 0px;}
.ank #submit { color: #184690; font-weight: bold; margin: 0px; font-size: 70%; padding: 2px 4px;}

/* co se nelibi */
.nelibi {background: url(../img/nelibi.gif) no-repeat 95% 60%; padding: 13px 30px 0 5px; }
.nelibi a { font-size: 70%; line-height: 150%;}

/* formular 1 */
.form1 { padding: 20px 0px 0px 0px; margin-top: 12px;}
.form1 fieldset { border: none; text-align: right;}
.form1 legend { font-size: 75%; line-height: 150%; font-weight: bold; padding: 2px 5px; margin-bottom: 8px;}
.form1 table { margin-right: 10px; float: right;}
.form1 td, .form1 th {border-bottom: 8px solid #fff; text-align: left;}
.form1 td {padding: 2px 5px; border-left: 8px solid #fff;}
.form1 label {font-size: 75%; line-height: 150%; font-weight: normal; padding: 3px 6px 3px 3px;}
.form1 input { width: 205px;}
.form1 input.w115 {width: 115px;}
.form1 input.submit { font-weight: bold; width: 140px;}
.form1 textarea { width: 260px; height: 140px;}
.form1 .space th, .form1 .space td { height: 20px; background: transparent;}
p.ok {color:#499F1D; font-weight: bold;}
/* marginy */
.mt-20 { margin-top: 20px;}

.ankbg {background:#fff; width:120px; height:7px; float:left; margin-bottom:10px;}
.ankbg .ankgraf.best{background:#2ed517; height:7px;}
.ankbg .ankgraf{background:#c10033; height:7px;}
span.proc {float:left; display:block; font-size: 11px; padding-left:5px; height:7px; line-height:7px;}
.ndate {float:left; line-height:24px;}
.para.news {clear:both;}
.nbody {float:right; width:330px;}