body  {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : small;
  font-weight : normal;
  color: Black;
  text-decoration : none;
  background-color: white;
  background-image: url(/images/layout2012/page_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
}

.size0 {
  font-size: 50%;
}

.size1 {
  font-size: 62.5%;
}

.size2 {
  font-size:75%;
}

.size3 {
  font-size:100%;
}

.size4 {
  font-size:112.5%;
}

p, li, td {
  font-size: 1.0em;
}

a, a:link, a:visited, a:active  {
  color: #0e7796;
  text-decoration : underline;
}

a:hover  {
  color: #636563;
  text-decoration : underline;
}

h1  {
  font-size: 2.0em;
  font-weight: bold;
  color: #4fa5d5;
}

h2  {
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  color: #4fa5d5;
}

h3  {
  font-size: 1.3em;
  font-weight: bold;
  color: #4fa5d5;
}

h4  {
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
  color: #4fa5d5;
}

h5  {
  font-size: 1.1em;
  font-weight: bold;
  color: black;
}

h6  {
  font-size: 1.0em;
  font-weight: normal;
  color: black;
}

#page {
}

#head {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}


#headTop {
  width: 980px;
  height: 87px;
  position: relative;
}

#znak {
  position: absolute;
  top: 0px;
  left: 0px;
}

#ikony {
  position: absolute;
  top: 60px;
  /* left: 800px;*/
  right: 0;
}

#ikony img {
  margin-right: 7px;
}

#menuTop {
  position: absolute;
  top: 18px;
  left: 360px;
  font-size: 10px;
  width: 430px;
  text-align:right;
}

#menuTop a {
  border-right: 1px solid #003b80;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 10px;
  text-decoration: none;
}
  
span.loggedUser {
  background-image: url(/components/vdf/user/user_icon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 15px;
  color: #0e7796;
}

#searchBox {
  position: absolute;
  top: 16px;
  left: 800px;
  font-size: x-small;
  width: 180px;
}

#searchForm {
  margin: 0px;
  padding: 0px;
}

#searchInput {
  font-size: 10px;
  color: #666666;
  border : none;
  padding: 2px 2px 2px 2px;
  width: 135px;
  height: 12px;
  margin: 0px 10px 0px 0px;
  vertical-align: middle;
}

#searchSubmit {
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

#headTitleBox {
  width: 980px;
  height: 380px;
  position: relative;
}

#headPodstrBox {
  width: 980px;
  height: 96px;
  position: relative;
}

#headTitleOuska {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 990px;
  height: 88px;
  font-size: 0px;
}

#headTitleOuska .ousko {
  /*float: left;*/
  height: 88px;
  display: block;
  text-decoration: none;
  font-size: 0px;
}

#headTitleRotator {
  position: absolute;
  top: 8px;
  left: 243px;
}

#headTitleObsah {
  position: absolute;
  top: 88px;
  left: 0px;
  width: 980px;
  height: 292px;
}

#headPodstrObsah {
  position: absolute;
  top: 88px;
  left: 0px;
  width: 980px;
  height: 8px;
}
.ouskoTitle {
  display: block;
  font-size: x-small;
  font-weight: bolder;
  margin: 20px 20px 10px 20px;
}

.ouskoDesc {
  display: block;
  font-size: xx-small;
  font-weight: normal;
  margin: 0px 20px 0px 20px;
}

.p0 {
  background-color: #024a80;
  border-top: 1px solid #5888ab;
  background-image: url(/images/layout2012/p0_menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#p0_urad {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p0_ousko_urad.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: black;
}
#p0_vdf {
  position: absolute;
  left: 243px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p0_ousko_varnsdorf.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #0b5266;
}
#p0_zivot {
  position: absolute;
  left: 486px;
  top: 0px;
  width: 244px;
  background-image: url(/images/layout2012/p0_ousko_zivot.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #645000;
}
#p0_ic {
  position: absolute;
  left: 730px;
  top: 0px;
  width: 250px;
  background-image: url(/images/layout2012/p0_ousko_ic.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #446015;
}

.p1 {
  background-color: #a4a4a4;
  border-top: none;
  background-image: url(/images/layout2012/p1_menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#p1_urad {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p1_ousko_urad.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: black;
}
#p1_urad .ouskoTitle {
  margin-top:15px;
}
#p1_vdf {
  position: absolute;
  left: 243px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p1_ousko_varnsdorf.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #0b5266;
}
#p1_zivot {
  position: absolute;
  left: 486px;
  top: 0px;
  width: 244px;
  background-image: url(/images/layout2012/p1_ousko_zivot.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #645000;
}
#p1_ic {
  position: absolute;
  left: 730px;
  top: 0px;
  width: 250px;
  background-image: url(/images/layout2012/p1_ousko_ic.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #446015;
}

.p2 {
  background-color: #53b2cf;
  border-top: none;
  background-image: url(/images/layout2012/p2_menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#p2_urad {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p2_ousko_urad.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: black;
}
#p2_vdf {
  position: absolute;
  left: 243px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p2_ousko_varnsdorf.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #0b5266;
}
#p2_vdf .ouskoTitle {
  margin-top:15px;
}
#p2_zivot {
  position: absolute;
  left: 486px;
  top: 0px;
  width: 244px;
  background-image: url(/images/layout2012/p2_ousko_zivot.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #645000;
}
#p2_ic {
  position: absolute;
  left: 730px;
  top: 0px;
  width: 250px;
  background-image: url(/images/layout2012/p2_ousko_ic.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #446015;
}

.p3 {
  background-color: #ffbc0d;
  border-top: none;
  background-image: url(/images/layout2012/p3_menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#p3_urad {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p3_ousko_urad.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: black;
}
#p3_vdf {
  position: absolute;
  left: 243px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p3_ousko_varnsdorf.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #0b5266;
}
#p3_zivot {
  position: absolute;
  left: 486px;
  top: 0px;
  width: 244px;
  background-image: url(/images/layout2012/p3_ousko_zivot.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #645000;
}
#p3_zivot .ouskoTitle {
  margin-top:15px;
}
#p3_ic {
  position: absolute;
  left: 730px;
  top: 0px;
  width: 250px;
  background-image: url(/images/layout2012/p3_ousko_ic.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #446015;
}

.p4 {
  background-color: #8eab4f;
  border-top: none;
  background-image: url(/images/layout2012/p4_menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#p4_urad {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p4_ousko_urad.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: black;
}
#p4_vdf {
  position: absolute;
  left: 243px;
  top: 0px;
  width: 243px;
  background-image: url(/images/layout2012/p4_ousko_varnsdorf.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #0b5266;
}
#p4_zivot {
  position: absolute;
  left: 486px;
  top: 0px;
  width: 244px;
  background-image: url(/images/layout2012/p4_ousko_zivot.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #645000;
}
#p4_ic {
  position: absolute;
  left: 730px;
  top: 0px;
  width: 250px;
  background-image: url(/images/layout2012/p4_ousko_ic.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #446015;
}
#p4_ic .ouskoTitle {
  margin-top:15px;
}

#headTitleMenu {
  position: absolute;
  top: 10px;
  left: 16px;
  width: 205px;
  height: 250px;
  font-size: 10px;
}

#p0Rozcestnik {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#p0Rozcestnik li {
  border-bottom: 1px solid #4e81a6;
  padding: 6px 4px 6px 4px;
}

#p0Rozcestnik li a {
  color: white;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

#p1Rozcestnik {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#p1Rozcestnik li {
  border-bottom: 1px solid #9c9c9c;
  padding: 6px 4px 6px 4px;
}

#p1Rozcestnik li a {
  color: black;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

#p2Rozcestnik {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#p2Rozcestnik li {
  border-bottom: 1px solid #4fa9c4;
  padding: 6px 4px 6px 4px;
}

#p2Rozcestnik li a {
  color: black;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

#p3Rozcestnik {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#p3Rozcestnik li {
  border-bottom: 1px solid #f2b20c;
  padding: 6px 4px 6px 4px;
}

#p3Rozcestnik li a {
  color: black;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

#p4Rozcestnik {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#p4Rozcestnik li {
  border-bottom: 1px solid #87a24b;
  padding: 6px 4px 6px 4px;
}

#p4Rozcestnik li a {
  color: black;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

#main {
  background-color: white;
  width: 980px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

#leftCol {
  width: 223px;
  padding-left: 20px;
  margin-right: 20px;
  margin-bottom: 50px;
  float: left;
}

#data {
  width: 700px;
  float: right;
  padding-right: 17px;
  font-size: 1.2em;
}

#foot {
  width: 100%;
  background-color: #f4f4f4;
}

#footPrint, #headPrint {
  display: none;
}

#footIn {
  width: 980px;
  position: relative;
  height: 134px;
  margin-left: auto;
  margin-right: auto;
}

#footIn a {
  color: #0b5f79;
}

#footKontakt {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 1.0em;
  color: #666666;
}

#footMenu {
  position: absolute;
  top: 20px;
  left: 440px;
  font-size: 1.0em;    
}

#copyright {
  position: absolute;
  top: 100px;
  left: 820px;
  font-size: 1.0em;  
  color: #666666;
}

#copyright a {
  color: #666666;
  text-decoration: none;
}

#quickLinkForm select {
  width: 210px;
  font-size: 11px;
}

#quickLinkForm {
  margin: 0px;
  padding: 0px;
}

#skupina {
  margin: 0px;
  color: Black;
  font-weight: bold;
  font-size: small;
  margin-top: 5px;
  margin-bottom: 5px;
}

#skupina-p {
  margin: 0px;
  color: Black;
  font-weight: bold;
  font-size: x-small;
  margin-top: 5px;
  margin-bottom: 5px;
}

#data hr {
  color: #003C84;
  height: 1px;
}

.male td {
  font-size: 10px;
}

#back {
  margin: 10px;
}

#galleryTable {
  background-color: #CEE7FF;
  width: 100%;
  margin-bottom: 5px;
}

.jetudiskuse {
  font-size: 1.0em;
  background-color: #efefef;
  padding: 4px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.clear, .clearer {
  clear: both;
  font-size:0px;
  height:0px;
}

.forumOpenQuestion img {
   overflow:auto;
   max-width:500px;
}

.onlyprint {
  display: none;
}
  
 
#loginBox {
  float:right;
  width:380px;
  color:white;
}
  
  
#loginBox div {
  color:white;
  font-size:11px;
}
  
#loginBox form {
  padding:0px;
  margin:0px;
}
  
#loginBox fieldset {
  border:none;
  padding:0px;
  margin:0px;
}
  
  
#loginBox fieldset label {
  color:white;
  font-size:10px;
  padding:0px 10px 0px 10px;
}

#loginBox fieldset p {
  display:block;
  float:left;
  margin:0px;
  padding:0px;
}
  
#loginBox fieldset p.right {
  float:right;
}
  
#loginBox fieldset input.input {
  width: 80px;
  height:12px;
  font-size:10px;
  margin:0px;
}
  
#loginBox fieldset input.buttonLogon {
  font-size:10px;
  margin:0px;
  background-color:#B6B5B5;
  color:black;
  font-weight:bold;
  border:none;
  height:17px;
}

.passResult {
  margin-bottom:20px;
  font-weight:bold;
}
  
.passwdSendFormDesc {
   margin-bottom:20px;
}
  
#passwdSendForm label {
  font-weight:bold; 
  padding-right:15px;
}

.passwdSendSubmit {
  margin-top:10px;
} 
  
.passwdSendSubmit a {
  display:block;
  background-color: #003C84;
  padding:3px;
  color:white;
  text-decoration:none;
  border:1px solid #999999;
  width:225px;
}
  
.passwdSendSubmit a:hover {
  color:white;
  background-color: #BDDFFF;

}
  
#passwdSendForm {
  background-color:#cccccc;
  padding:10px;
}

/* jidelak - pridano 1.3.2007 by Lukas */

.curimurifuk {
  display: none;
}

#jidelak {
  background-color: #DEEBFF;
  padding: 5px;
}
#jidelak h3{
    color: black;
}

#jidelak span{
    font-size: 8px;
}

#jidelak-preview {
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }
#jidelak img { 
  width: 50px;
  border:none;
}  
#jidelak td {
  vertical-align: bottom;
  font-size: 9px;
  text-align: center;
}

#jidelak div.jidelak-thumb { 
  vertical-align: bottom;
  font-size: 9px;
  text-align: center;
  float: left;
  width: 98px;
  min-height: 130px;
}

#jidelak div.jidelak-clear { 
  clear: both;
}

  
  
/* jidelak - pridano 1.3.2007/update 17.10.2012 by Lukas */

/* verejne zakazky - 31.5.2011 */
.tbl-ver-zak {

}

.tbl-ver-zak td {
    padding: 0 5px;
    text-align: left;
    vertical-align: top;
}

.ver-zak-active {
  background-color: #DEEBFF;
  border: 0px solid black;
  font-weight: bold;
}

/* --- online chat 16.9.2011 --- */
#qaRow tr td {   
  /* border-bottom: 1px dashed #aaa; */
  font-weight: bold;  
  
}
#qaRow p.qa-answer { font-style: italic;   margin-left: 20px; margin-top: 5px;}    
  #qaRow span.qa-answer-title { font-weight: bold; }
#qaRow td { vertical-align: top; padding: 5px; text-align: justify;}
  #qaRow tr.odd { background-color: #eee;    }  
  
/* --- ---- */  

ul#menuLeft, ul#menuLeft ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul#menuLeft li {
}

ul#menuLeft ul li {
  padding-left: 20px;
}

ul#menuLeft li a {
  text-decoration: none;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  background-image: url(/images/layout2012/cara_teckovana_1.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  display: block;
  padding: 7px 0px 7px 0px;  
}

ul#menuLeft li.menuULDirOpen a,
ul#menuLeft li.menuULDocOpen a {
  color: #024a80;
}

ul#menuLeft li.menuULDirClose a,
ul#menuLeft li.menuULDocClose a {
  color: #666666;
}

ul#menuLeft ul li {
  font-size: 0.9em;
}

#navbar {
  font-size: 1.1em;
  margin-top: 5px;
}

#titleBanners {
  width: 980px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 50px;
}

#titleBanners img {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 20px;
  border: none;
}

#titleNews {
  float: left;
  width: 700px;
  padding-left: 15px;
  padding-right: 22px;
}

#titleColRight {
  float: right;
  width: 243px;
}

#titleQuickLinks {
  width: 213px;
  height: 62px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  background-image: url(/images/layout2012/rychla_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-bottom: 20px;
}

#titleQuickLinks b {
  font-size: 1.1em;
  color: #10566a;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

#titleCalendar {
  width: 243px;
  background-image: url(/images/layout2012/cal_top_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #ecf9fd;
  margin-bottom: 20px;
}

#titleCalendarIn {
  padding: 15px;
}

#titleCalendarFoot {
  width: 243px;
  height: 9px;
  background-image: url(/images/layout2012/cal_bottom_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#titleCalendarTitle {
  font-size: 1.1em;
  color: Black;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

#titleGreyBoxes {
  width: 980px;
  background-image: url(/images/layout2012/greybox_bg.gif);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  background-color: #f4f4f4;
  margin-top: 20px;
}

#titleGreyBoxesHead {
  background-image: url(/images/layout2012/greybox_top_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 980px;
  height: 9px;
}

#titleGreyBoxesFoot {
  background-image: url(/images/layout2012/greybox_bottom_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 980px;
  height: 9px;
}

.titleGreyBox {
  float: left;
  width: 286px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.titleGreyBox h2 {
  font-size: 1.3em;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
}

.titleGreyBox h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: black;
}

.titleGreyBox ul {
  padding: 0px 0px 0px 30px;
  margin: 0px;
  color: #0e7796;
  list-style-type: square;
  font-size: 1.1em;
}

.titleGreyBox li {
  padding-top: 2px;
  padding-bottom: 3px;
}

.titleNewsBox {
  float: left;
  width: 335px;
  min-height: 300px;
}

#news1{
  margin-right: 30px;
}

.titleNewsBox h2 {
  margin-top: 30px;
  padding-bottom: 10px;
  margin-right: 40px;
  margin-bottom: 40px;
  background-image: url(/images/layout2012/nadpis_cara.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
  
.titleNewsBox h2 a {
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 20px;
}

.seda {
  color: #5b5b5b;
}

.newsTitleItemFirst {
  margin-bottom: 20px;
}

.newsTitleItemFirst .newsTitleTitle a {
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: underline;
}

.newsTitleItem {
  background-image: url(/images/layout2012/odrazka_velka.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 20px;  
  clear: both;
  margin-bottom: 10px;
}

.titleNewsMore {
  font-size: 1.1em;
  margin-top: 20px;
  font-weight: bold;
}

.newsTitleDalsi {
  color: #5b5b5b;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
}

.newsTitleItem .newsTitleTitle a {
  font-size: 1.1em;
  font-weight: bold;
}

.newsTitlePerexImage {
  float: left;
  margin: 13px 10px 5px 5px;
  width:80px;
  text-align:center;
}

.newsTitlePerex {
  margin-top: 10px;
  float: right;
  width:240px;
}

.newsTitleDate {
  color: #5b5b5b;
  margin-bottom: 3px;
}

#titleCalendarTitle {
  margin-bottom: 10px;
}

.calendarTop .calendarTopItem {
  margin-bottom: 12px;
  margin-top: 12px;
}

.calendarTop .calendarTopWhere a {
  background-image: url(/images/layout2012/kal_icko.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left: 15px;
  color: black;
  text-decoration: none;
  margin-bottom: 3px;
  display: block;
  font-weight: bold;
}

.calendarTop .calendarTopTitle {
  margin-bottom: 3px;
}

.calendarTop .calendarTopGroups div {
  width: 20px;
  height: 8px;
  float: left;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 0px;
}

.kalGroup-0 {
  background-color: #cfe9f3;
}

.kalGroup-1 {
  background-color: #fcc403;
}

.kalGroup-2 {
  background-color: #cc0000;
}

.kalGroup-3 {
  background-color: #cc3399;
}

.kalGroup-4 {
  background-color: #0099ff;
}

.kalGroup-5 {
  background-color: #00cc66;
}

#newsDate {
  color: #5b5b5b;
  margin-bottom: 10px;
}

#newsImage {
  float: right;
  margin-left: 30px;
}

#newsImage img {
  border: 1px solid #EAF4FA;
  padding: 5px;
  margin-bottom: 10px;
}

#newsBack {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.2em;
}

#newsPerex {
  font-size: 1.0em;
}

.clearLine {
  background-image: url(/images/layout2012/nadpis_cara.gif);
  background-repeat: repeat-x;
  background-position: left 10px;
  height: 20px;
  clear: both;
}
  
.news_content {
  margin-bottom:15px;
}
  
.news_title h4 {
  margin-bottom:5px;
  padding-bottom:0px;
}

.news_date {  
  color: #5b5b5b;
  display:block;
  margin-bottom:3px;
}
.news_img {
  float:left;
  margin-right:15px;
}
  
#menuDlazdice {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}
  
#menuDlazdice li {
  float:left;
}
  
#menuDlazdice li a {
  display:block;
  width:190px;
  height:100px;
  margin-right: 2px;
  margin-bottom:2px;
  text-decoration:none;
  padding-top:25px;
  padding-left: 20px;
  padding-right: 20px;
  text-align:center;
  background-image: url(/images/layout2012/ico-elektronicky-urad.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 1.5em;
  font-weight: bold;
}

.forumTitle {
  color:#4FA5D5;
  padding:6px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.calendar .calendarItem {
  margin-bottom: 15px;
  background-image: url(/images/layout2012/nadpis_cara.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 15px;
}

.calendar .calendarWhere a {
  background-image: url(/images/layout2012/kal_icko.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left: 15px;
  color: black;
  text-decoration: none;
  margin-bottom: 3px;
  display: block;
  font-weight: bold;
}

.calendar .calendarTitle {
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: bold;
}

.calendar .calendarGroups div {
  width: 20px;
  height: 8px;
  float: left;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.calendar .calendarDates {
  margin-bottom: 5px;
  font-size: 0.9em;
  font-weight: normal;
}

.orgDetail {
  margin-bottom: 5px;
  clear: both;
  padding-bottom: 10px;
  font-size: 1em;
}

.orgDetail .orgDetailTitle {
  font-weight: bold;
  float: left;
  width: 130px;
}

.orgDetail .orgDetailInfo {
  float: right;
  width: 570px;
}

.calendar .calendarFilter {
  background-color: #cee7ff;
  -moz-border-radius: 8px;
  float: right;
  padding: 15px;
  width: 170px;
}

.calendar .calendarFilter select {
  font-size: xx-small;
  margin-bottom: 5px;
}

.calendar .calendarFilter h4 {
  margin: 0px;
  padding-bottom: 5px;
}

.calendar .calendarFilter .submitButton {
  background-color: #024a80;
  -moz-border-radius: 4px;
  color: white;
  border: none;
  padding: 3px 10px 3px 10px;
}

.calendar .calendarList {
  float: left;
  width: 490px;
}

.calendar .calendarLegend {
  margin-bottom: 0px;
  margin-top: 20px;
}

.calendar .calendarLegendColor {
  width: 20px;
  height: 8px;
  float: left;
  margin-right: 3px;
  margin-top: 5px;
  margin-bottom: 3px;
}

.calendar .calendarList .calendarWhere a {
  background-image: url(/images/layout2012/kal_icko.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 15px;
  text-decoration: underline;
  margin-bottom: 13px;
  display: block;
  font-weight: bold;
  color: #4fa5d5;
  font-size: 1.3em;
}

.calendar .calendarDescDetail {
  margin-bottom: 30px;
}

.back {
  margin-bottom: 20px;
}
  
/* zivotni situace - pridano 22.2.2007 by Lukas */
div.zivotni-situace {
    background-color: #EEE;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}

#zivotni-situace-all h3{
    background-color: #EEE;
    color: black;
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}

/* zivotni situace - pridano 22.2.2007 by Lukas */
  
/* pozadi stranky a odrazeni */
body {
    background-color: #eff7fa;
    background-image: url("/images/layout2012/page_bg2.jpg");
}


#titleCalendar {
    border-right: 2px solid white;
    width: 241px;
    background-image: url("/images/layout2012/cal_top_bg.gif");
    background-position: center top;
}


#titleCalendarFoot {
    width: 241px;
    background-image: url("/images/layout2012/cal_bottom_bg.gif");
    background-position: center top;
}


#titleGreyBoxes {
    background-image: url("/images/layout2012/greybox_bg.gif");
    border-left: 2px solid white;
    border-right: 2px solid white;
    width: 976px;
}


#titleGreyBoxesHead {
    background-image: url("/images/layout2012/greybox_top_bg.gif");
    background-position: center top;
    width: 976px;
}

#titleGreyBoxesFoot {
    background-image: url("/images/layout2012/greybox_bottom_bg.gif");
    background-position: center top;
    width: 976px;
}


#box1, #box3 {
    width: 284px;
}

.newsTitleItemFirst .newsTitleTitle a {
   text-decoration: none;
}  

  .newsTitleItemFirst .newsTitleTitle a:hover {
   text-decoration: underline;
}  

  
/* pozadi stranky a odrazeni */  
/* ANKETA - upravy */
div.inquiry {
  width: 90% !important;
  border: 2px solid #53B2CF;
  padding: 1em !important;
}
  
div.inquiryAnswer {
  padding-bottom: 1em;
}  
  

/* tabulka - pouze 1 cara */
.tbl-colapse {
  border-collapse:collapse;

}

/* 19.2.2013 - radkovani na 1.4 */
#data {
  line-height: 1.4em;
}

/* tabulka zdravotnictvi */  
table.tabulkaZdrav tr.even {
  background-color: #ddd;
}

table.tabulkaZdrav {
  border: 0;
}

table.tabulkaZdrav td {
  border: 0;
  padding: 0.5em;
}
  table.tabulkaZdrav td h3 { margin: 0.5em 0; padding: 0; padding-top: 1em;}

/* mensi mezera mezi h3 a p */
h3 {  margin-bottom: 0.5em; }
p { margin-top: 0.5em }  
      
table p { margin: 0;}  


table.akce_table {
  border-collapse:collapse;
}
table.akce_table,table.akce_table th, table.akce_table td {
  border: 1px solid black;
}
table.akce_table td {
  padding: 5px;
}

div.kontakt-odbor {
  padding-top: 0px;
  margin-bottom: 30px;
  width:60%;
}

div.kontakt-odbor-inner {
  margin: 0px;
  border-left: #A9A9A9 7px solid;
  border-right: #A9A9A9 7px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top:1px solid #A9A9A9;
  border-bottom:1px solid #A9A9A9;
  padding: 10px;
  background-color: white;
}

div.kontakt-odbor-foot {
  padding-bottom: 0px;
}

div.kontakt-odbor-inner h2 {
  margin-bottom: 5px;
}

div.kontakt-odbor-inner .position {
  margin-bottom: 15px;
  font-size: 14px;
}
  
.imageSmall-float {
  float: right;
  margin: 10px;
}
  
.tabulkaStandard100procent  {
background-color: white;
border-collapse: collapse;
}

.tabulkaStandard100procent {
width: 100%;
margin-bottom: 10px;
}

.tabulkaStandard100procent th {
border: 1px solid #E9E7E7;
padding: 3px 10px 3px 3px;
text-align: left;
background-color: #dedede;
color: #5c5c5d;
}

.tabulkaStandard100procent td {
border: 1px solid #E9E7E7;
padding: 3px 10px 3px 3px;
text-align: left;
color: #5c5c5d;
}

.tabulkaStandard100procent tr.big th,
.tabulkaStandard100procent tr.big td  {
font-size: 120%;
color: #13244e;
}

.tabulkaStandard100procent th h2,
.tabulkaStandard100procent th h5  {
color: #5d5d5d;
}
  
option.optOdb {
color: black;
}

option.optOdd {
padding-left: 15px;
color: #8a8a8a;
}

#contactSearchForm {
  margin-bottom: 20px;
}
  
#titleVolby1 a, #titleVolby2 a {
  display: block;
  text-indent: -9999px;
  background-image: url(/images/layout2012/volby_ban_komunalni_volby_vdf.png);
  background-repeat: no-repeat;
  width: 234px;
  height: 78px;
margin-bottom: 20px;
}  
  
#titleVolby2 a {
  background-image: url(/images/layout2012/volby_ban_kam_jit_volit.png);
  }  

tr.doch-online td {
    background-color: #0F0;
}
  
  #ikony a img { border: 0; }
  
#form-zachranka {}
#form-zachranka p {  }
#form-zachranka label { display: block; width: 170px; float: left;  }    
    
/* rotátor */
#rotator {
    width: 727px;
    height: 274px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 0;
}

#rotator div {
}

#rotatorIn .slide {
    position: absolute;
    width: 727px;
    height: 274px;
    top:0;
    left:0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#rotatorIn .slide img {
  position: absolute;
  bottom: 0px;
  border: none;
}

#rotatorIn .news_text {
    color: #ececec;
    position: absolute;
    width: 727px;
    height: auto;
    bottom:0px;
    left:0px;
    font-size: 12px;
    margin: 0;
    z-index: 200;
   background: rgb(0, 0, 0) transparent;
   background: rgba(0, 0, 0, 0.5);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#55000000', EndColorStr='#55000000');
   padding: 10px;
    display: block;
}

#rotatorIn .news_text_inner {
  display: table-cell;
  vertical-align: middle;
}

#rotatorIn .news_text ul {
  padding-left: 15px;
}

#rotatorIn .news_text ul li {
  font-size: 12px;
}

#rotator .news_title {
    padding: 8px 0px 8px 0px;
    margin: 0;
    display: block;
}

#rotator .news_title h4 {
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}

#rotator .news_title a {
    color: white;
    text-decoration: none;
}
  
#rtpagerPos {
    position: absolute;
    width: 727px;
    height: 30px;
    top:10px;
    padding: 0px;
    margin: 0px;
    z-index: 50;
    text-align: center;
}
    
#rtpager {
  text-align: center;
  height: 30px;
  margin: 0px auto;
}

#rtpager a {
    display: inline-block;
    width: 10px;
    height: 10px;
    text-align: center;
    padding: 2px 2px 2px 2px;
    margin: 0 3px 3px 0;
    border: 2px solid white;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    background-color: #cccccc;
    color: #cccccc;
}

#rtpager a:link,
#rtpager a:visited,
#rtpager a:active
{
    color: #cccccc;
    text-decoration:none;
}

#rtpager a:hover {
    color: #cccccc;
    text-decoration:none;
    background-image: none;
    color: #cccccc;
}

#rtpager a.activeSlide {
    background-image: none;
    background-color: #323a83;
    color: #323a83;
}    

td.nowrap {
    white-space: nowrap;
} 
/* zarovnani textu editor */
.text-left { text-align: left;}
.text-right {  text-align: right;}
.text-center {  text-align: center;}
.text-justify { text-align: justify; }

/* formulare - odstraneni napovedy, ktera rozesira text */
.help-block.cs-error {display: none !important; }

/* tabulky */
#data .table {
    width: 100%;
    max-width: 100%;
 display: table;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
 border-color: grey;
}
 
#data table thead {
 display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
 
#data table tbody {
 display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
 
#data table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
 
#data table tbody tr td {
 padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
 
#data .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
 
#data .table-hover > tbody > tr:hover {
 background-color: #f5f5f5;
}
 
#data .table-hover > tbody > tr > td.active:hover,
#data .table-hover > tbody > tr > th.active:hover,
#data .table-hover > tbody > tr.active:hover > td,
#data .table-hover > tbody > tr:hover > .active,
#data .table-hover > tbody > tr.active:hover > th {
 background-color: #e8e8e8;
}

