body {

background: #fff; /* 282828url(/_images/bg17.png) top repeat-y */ 
color: #000;
font: 1em normal "Verdana CE", "Helvetica CE", Verdana, sans-serif;
font-family: Tahoma, Arial, sans-serif; 
margin: 0px;
padding: 0;
text-align: center;
}

h1 {
font-size: 1.7em;
margin: 0 0 1em 0;
color: #6c0000; 
font-weight: bold;
}
 h3, h4 {
margin: 0;
padding: 0;
}
h3 {
font-size: 1.1em;
font-weight: bold;
text-align: left;
}
h5 {
background-color: #fff;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px 0;
padding: 5px;
text-align: center;
}
h6 {
background-color: #E8EBF0;
color: black;
font-size: 1em;
margin: 0;
padding: 3px 5px 3px 5px
}
h2.news {
font-size: 1.2em;
padding: 5px 0;
margin: 0 0 1em 0;
color: #fff; 
background-color: #660000;
text-align: center;
font-weight: bold;
}
address {font-style: normal;}
address.os {
color: black;
font-size: 1.0em;
margin-left: 15px;
}
img {
border: 0px;
margin: 0;
padding: 0;
}
p {
line-height: 1.6em;
} 
pre {
font-size: 12px;
line-height: 1.1em;
margin: 0;
padding-top: 0.5em;
}
strong {
color: black;
}


input[type="radio"] {
width: auto;
border: none !important;
background: white !important;
}
input[type="submit"]  {
background-color: #f5f5f5;
border: #cc9966 1px solid;
padding: .4em;

-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
}

input[type="text"], textarea {
background-color: orange;
border: #cc9966 1px solid;
padding: .4em;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
}
input.button { 
padding: .4em;
color: #666;
}
input:focus, select:focus, textarea:focus {
}
select {  	
background-color: orange;
width: 12em;   padding: .4em;
}
fieldset.zakladni-udaje {
margin: 1em 0 !important;padding: 1em !important;
border:0;
}
fieldset.zakladni-udaje:hover {
background: #e7e7e7;
}
fieldset.zakladni-udaje legend {
font-size: 1.4em;
border: 1px solid #999;
background: #e5e5e5;
padding: .3em;
}
fieldset.zakladni-udaje label {
float: left;
width: 11em !important;
}
fieldset.zakladni-udaje input.main {
float: left;
width: 15em !important;
}

table td, table th {
font-size: 0.9em;
_font-size: 0.8em;
} 



#page {

width: 80%;
min-width: 1050px; 
margin:0 auto; 
color:black;
text-align: left;
}

#logo { 
text-align:center;
height: 149px;
padding: 0; 
}
#logo a#hp:link, #logo a#hp:visited {
background: url(/img/spolek-podnety1.png) no-repeat center center;
 
display: block;
height: 139px;
text-decoration: none;
width: 150px; 
margin: 0 auto;
} 
#logo a#hp h1 {height: 0;}  

#out {  

float:left;
}

#navigace { 
float:left;
background: transparent;  
color: black; 
width: 20%;
min-width: 200px; 
font-size: 90%;  
  
}  
#navigace h2 {clear:both; 
text-align:center;padding: .2em !important;
font-size: 105%;
color: #531616;
border-bottom:2px solid #531616; 
}


#middle { 
margin-top:160px;               
width: 65%; 
float:left; 
color: #6d7072;     

}
#middle:before { 
content: '';      
position: absolute;
top: 0; 
bottom: 0;
z-index: -1;
left: 20%;      
}

#navigace div.im{ clear:both; text-align:center; padding-top:2em;}
#navigace ul {
font-weight: bold;
width: 100%;
padding-bottom:30px !important;
} 
#navigace ul#menu, #navigace ul#menu li {
float:left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; 
}  
ul#menu a:hover {
background: #666 !important;color: white !important; 

}
#navigace ul#menu a:link, #navigace ul#menu a:visited  {

color: #666;
font-weight: normal; 
display:block;
padding: 4px 10px;
text-decoration: none;
}
#navigace ul#menu a:link, #navigace ul#menu a:visited {
background-color: #E8EBF0;
margin: 0 7.5px 4px 0;
_margin-bottom: 4px !important;
} 
ul#menu li.submenu a  {  	background-color: #fff;
margin-left: 6%  !important; 
}
ul#menu li.submenu2 a {
margin-left: 12%  !important; 
} 
ul#menu li a.act {background: #0e4082 !important; color: white !important;}
#navigace li.sb a:link, #navigace li.sb a:visited{   width: 170px !important;margin-left: 10px !important; }


#middle h2 {
padding: 1em 0 1em 0;
}
#middle a {
color: #0099CC;
font-weight: bold;
text-decoration: underline;
} 
#slider1    {  margin: 0 0 0  0px; width: 160px; height: 260px; padding:0;}
#slider1 li {  width: 160px;  text-align:center !important; margin: 0 0 0 0px !important;padding:0; }
#slider1 li {float:left; width: 160px; padding:0.3em; margin:2px; text-align:center; height: 400px; border: 1px solid #e7e7e7 }
#slider1 li h4 {color: #666;background: #e3e3e3;width: 150px;}
#slider1 li div.im {height: 138px;  }
#slider1 li p {float:left;  }
#slider1 li img { padding:3px; margin:2px;}

.post {line-height: 2.3;}
#slider2    {   margin: 0 0 0  0px;  padding:0;}

#slider2 li {float:left; width: 23%;  text-align:center !important;list-style:none;  
padding:0em; margin:2px 2px 20px 2px ; text-align:center;  slider2 border: 1px solid #e7e7e7 }
#slider2 li h4 {color: #666;background: #e3e3e3; margin:0;padding:0;}
#slider2 li div.im {height: 138px;  }
#slider2 li img { padding:3px; margin:2px;}
#slider2 li p { height: 290px;}

.hplist {}
.hplist, .hplist li {
list-style-type:none;
margin:0;padding:0;
}

 .hplist li {
clear:both;}

.hplist .imag {float:left; width: 30%;  }
.hplist div {float:right; width: 65%;  }
#text1 {min-height: 500px;}                     
#text {
margin: 0px; 
}
#text table.novinky {
line-height: 1.6em;
_line-height: 1.4em;
}
#text table.novinky th.top {
vertical-align: top;
text-align: right;
padding-right: 10px
}
#text dl.pridat_podnet {
line-height: 1.4em;
margin: 1em 0;
padding: 0;
}
.pridat_podnet dt {
float: left;
margin: 0 0 0 0;
padding-right: 0.6em;
font-weight: bold;
}
.pridat_podnet dd {
clear: left;
margin: 0 0 1em 1em;
}
#text table.stat {
width: 90%
}
#text td.t40 {
width: 40%
}
#text td.t20 {
width: 20%
}
#text td.t5 {
width: 5%
}
#text td.t30 {
font-size: 11px;
border: 1px solid #666;
background-color: #ccc;
color: #666;
width: 90px
}
#text td.t15, #text th.t15 {
width: 12%
}
#text td.r5 {
border: 1px solid #666;
width: 20px;
text-align: right;
font-weight: bold;
}
#text td.r {
text-align: right;
}
#text th {
text-align: left;
}
#text table.podnety, #text table.podnety_b {
line-height: 1.3em;
font-family: "Verdana CE", "Helvetica CE", Verdana, sans-serif;
font-size: 1em;
_font-size: 1.2em;
}
#text table.podnetya {
border: 1px solid #666;
}
#text table.podnety_b {
border: 1px solid #000;
}
#text table.podnety td, #text table.podnetya td, #text table.podnety_b th,  #text table.podnety_b td {
border-bottom: 1px solid #c0c0c0;
}
#text table.podnety td.t20b, #text table.podnety_b td.t20b {
border-right: 1px solid #c0c0c0;
width: 20%
}
#text table.podnety th.top, #text table.podnety_b th.top {
width: 30% !important;
border-bottom: 1px solid #c0c0c0;
}
#text table.podnety th.top_last, #text table.podnety_b th.top_last {
border-bottom: 0;
}
#text table.podnetya th.top,#text table.podnety th.top, #text table.podnety th.top_last, #text table.podnety_b th.top, #text table.podnety_b th.top_last {
vertical-align: top;
text-align: left;
padding: 3px 3px 3px 3px;
background-color: #EDE1CC;
border-right: 1px solid #c0c0c0;
}
#text table.podnety th.top_last, #text table.podnety td.top_last, #text table.podnety_b th.top_last, #text table.podnety_b td.top_last {
border-bottom: 0px solid #c0c0c0;
}
#text table.podnety th, #text table.podnety_b th {
vertical-align: top;
border-bottom: 1px solid #c0c0c0;
text-align: left;
padding: 3px 3px 3px 10px;
background-color: #EDE1CC;
border-right: 1px solid #c0c0c0;
}
#text table.podnety td, #text table.podnety_b td {
padding: 3px 3px 3px 5px;
}
#text table.podnety td.rb, #text table.podnety_b td.rb {
border-right: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0 !important;
}
table.podnety th.cislopodnetu {text-align: left; width: 170px;}
table.podnety td.cislopodnetu1 {text-align: left; width: 250px; }
table.podnety th.stavpodnetu { width: 180px; border-left: 1px solid #ccc;}

ul.map, ul.map li {
margin: 0;
padding: 0;
list-style: circle;
}
ul.map {
margin: 0 0 0.3em 1em;
}
ul.map li {
list-style-type: circle;
margin: 0px;
padding-left: -5px;
}
ul.map li a, ul.map li a:visited {
color: #999;
font-weight: normal !important;
}
ul.map li.b a, ul.map li.b a:visited {
color: #3D7AB8 !important;
font-weight: normal !important;
}
#middle ul.normal {
list-style-type: none;
margin: 10px 0;
padding-left: 10px;
}
#middle fieldset {

margin: 0px;
padding: 10px;
width: 97%;
border: 0;
}
#middle label {
float: left; 
text-align: left;
padding-right: 10px;
width: 240px;
}
#middle input.main {
float: left;
clear:right;
margin: 5px;
width: 260px;
}
#middle textarea {
float: left;
margin: 0px; 
}
#middle input.button {
font-weight: bold;
color: #666;
border: 1px solid #666;
background-color: #fff;
margin-left: 10px;
}
#middle input.button_1 {
margin-left: 300px;
}
#middle input.main, #middle textarea {
margin: 5px 5px 5px 0; 
border: 1px solid #666;
padding: 3px;
background-color: #fff;
}
#middle input:focus, #middle textarea:focus {
border: 1px dashed #000;
}
#middle p.send {
clear: both;
margin-left: 280px !important;
}
#middle p.small {
margin: 40px 0 !important;
}
#middle div#map ul {
font-weight: normal;
line-height: 1.2em;
padding: 0;
margin: 0;
}
#middle div#map ul.tm li a, #middle div#map ul.tm li a:visited, {
color: brown !important;
}
#foot { 
line-height: 1.3em;
background-color: #E5DCC2;
clear: both;
font-size: 0.8em;
margin: 0;  
text-align: center;
}
#foot p {
margin: 0;
}
#foot a:link, #foot a:visited {
color: blue;
}
#foot a:hover {
color: red;
font-weight: bolder;
}
fieldset.petice label {
float: left;
clear: left;
margin: 5px !important;
text-align: right;
padding-right: 10px;
width: 200px;
}

.news {
font-weight: normal;
text-align: left;
}
div.half {
width: 46%;
float: left;
}
.aktualizace {
text-align: left;
color: #cc9966;
font-weight: bold;
}
.act {
padding: 5px;
color: red;
}
.cr {
border: 1px dashed #999;
text-align: center;
color: #cc9966;
font-weight: bold;
}
.red {
color: red;
font-weight: bold;
}
.help {
color: #666;
font-size: 0.9em;
font-weight: normal;
margin-bottom: 15px;
padding-bottom: 15px
}
.hidden {
display: none
}
.fl {
float: left;
}
.fr {
float: right;
}
.cb {
clear: both;
}
.r {
text-align: right;
}
a.top_tx, a.top_tx:visited {
float: right;
font-weight: normal !important;
text-decoration: none !important;
padding: 0.5em 1em;
font-size: 0.8em;
color: blue !important;
background: url(../img/top.gif) right transparent no-repeat;
}
a.top_tx:hover {
color: red !important;
}
a.top_tx1, a.top_tx1:visited {
float: right;
font-weight: normal !important;
text-decoration: none !important;
padding: 0.5em 1em;
font-size: 0.8em;
color: blue !important;
}
a.top_tx1:hover {
color: red !important;
}
.clr {
color: #6688cc
}
.no_mar {
margin: 0 !important;
padding: 0 !important
}
h1.tp {
margin-left: 370px;
position: absolute;
top: 60px;
height: 1em;
}
p.centr {
text-align: center
}
#left {
float: right;
}
#left {
background-color: #fff;
width: 22%;
}
#left p {
margin: 2px 0 10px 0;
padding: 0 2px;
}
#left h5 {
border-bottom: 3px solid #cc9966;
border-top: 2px solid #cc9966;
}
#left p.c {
margin: 2px auto 10px auto;
text-align: center;
padding: 0;
}
#left img {
margin-left: auto;
margin-right: auto;
text-align: center;
}
#left a, #left a:visited {
color: blue;
text-decoration: none;
}
#left a:hover {
color: #0099CC;
text-decoration: none;
}
br.m {
line-height: 1.2em
}
div.uvod {
padding: 5px 5px 5px 5px;
width: 65%;
float: left;
}
div.uvod a:link, div.uvod a:visited {
color: red;
}
div.uvod a:hover {
color: #0099CC !important;
}
.bl {
color: #0099CC
}
.red {
color: red !important;
;
}
div.info {
padding: 5px 5px 5px 5px; 
width: 30%;
float: right;
margin-bottom: 15px;
font-size: .85em;
line-height: 1.4em;
}
div.info div {
padding: 5px 5px 5px 5px;
border: 1px #ccc solid;
line-height: 1.4em;
}
div.stop {
background: url(../img/stop.gif) top right white no-repeat;
padding: 5px 5px 5px 5px;
border: 1px #ccc solid;
width: 30%;
float: right;
margin-bottom: 15px;
}
p.href-party {
width: 80%;
margin: 0 auto;
border: 1px solid black;
padding: 0.3em;
color: black;
}
p.href-party a:link, p.href-party a:visited {
color: brown;
}
p.href-party a:hover {
color: blue;
}
div.news-petition {
width: 220px;
float: right;
padding: 3px;
font-size: 11px;
border: 1px solid black;
background-color: #F8DBBE;
}
div.news-petition h3 {
color: red;
text-align: center;
}
table tr.ur {
background: transparent;
}
table.podnetya tr.pod th{
background: transparent;
border-bottom:1px solid #666;
border-right:1px solid #666;
}
div.zpravodaj {
margin-top:2em;
clear:both;

-webkit-border-radius: 8px;
-khtml-border-radius: 8px;	
-moz-border-radius: 8px;
border-radius: 8px;
padding: 1.3em; border: 1px solid #ccc; background: #e2e2e2;}
div.zpravodaj h3 a:link , div.zpravodaj h3 a:visited {color: #666 !important;}
div.zpravodaj h3 {padding: 0; margin: 0 0 1em 0;}
div.zpravodaj h3 span {color: #000;font-weight: normal; font-size: 80%;}

form.urovenp input,form.urovenp textarea{float:left !important;}
form.urovenp label {float:left !important; width: 10em !important;}
form.urovenp p.centr {clear:both; margin-top:0em;}
span.result {background: yellow !important;}
fieldset {}
.newsletter{padding:.2em;margin-top:.1em;clear:both;}
fieldset.ttx {clear:both;border:0;}
.slideshow {width: 350px;  height: 340px;}

div.sponzori p {padding: 0; margin: 0 0 1em 0;}
#news {float:left;}
.suggestionsBox {
float:left;
margin: 10px 0px 0px 0px;
width: 200px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px; 
color: #fff;
}

.suggestionList {
background: #212427; 
width: 190px;
margin: 0px;
padding: 0px;
}

.suggestionList li { 		
background: #212427;
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}

.suggestionList li:hover {
background-color: #659CD8;
}

div.wtd {float:left;}
div.wtd h2 {color: #666;text-align:center;}
div.tpodnet {width: 200px; height: 200px; float:left;margin:.3em; padding: .3em;}

form.hledatpodnety {background: #cff2fa;line-height:1.94em; margin: 1em 0 1em 0;}
form.hledatpodnety label {font-weight: bolder;float:left;padding:.0 .3em 0 0em !important;margin:0 !important; width: 7em !important;}
form.hledatpodnety input {padding:.2em !important; background: white;}


div.podnet1 {
margin:1em 0 3em 0;
padding:0.5em 0 1em 0.5em;
background: #f0f5fa;
border:1px solid #e1e8f1;
}
div.podnet1 strong {width: 17em; float:left;clear:left !important;}
div.farma{font-size: 160%; font-weight: bolder; display: block; 
margin:0;
background: #f0f5fa !important;
text-align:center;
border-right:1px solid #e1e8f1;border-left:1px solid #e1e8f1;
border-bottom:1px solid #e1e8f1;
}
div.farm{font-size: 160%; font-weight: bolder; display: block; float:right;
padding: 0.5em 0.5em 0.5em 0.5em; margin:0;
background: #f0f5fa !important;
border-right:1px solid #e1e8f1;border-left:1px solid #e1e8f1;
border-bottom:1px solid #e1e8f1;
}
a.dtl {margin-right: 2em;}

div.glr {float:left;  height:270px; }
div.gl {float:left; width: 160px; padding:0.3em; margin:2px; text-align:center; height: 220px; border: 1px solid #e7e7e7 }
div.gl h4 {color: #666;background: #e3e3e3;width: 150px;}
div.gl div.im {height: 138px;  }
div.gl img { padding:3px; margin:2px;}
#ip {position: absolute; top:10px;right:10px;}
ul#map {margin:0;padding:0;}
ul#map li {list-style:none;}
ul#map li.s1 a  {
margin-left: 10px !important; 
}
ul#map li.s2 a  {
margin-left: 20px !important; 
}
ul#map li.s3 a  {
margin-left: 30px !important; 
}
ul#map li.s4 a  {
margin-left: 40px !important; 
}  


ul.timeline  { 
list-style-type: none;
margin: 0px;
padding: 0;
text-align: left;
width: 680px;
}
ul.timeline li {
list-style-type: none;
display: inline;
} 
ul.timeline li a:link, ul.timeline li a:visited {

padding:4px;}
ul.timeline li a.nomi {
color: red;text-decoration: underline;}