* {
  padding: 0px;
  margin: 0px;
  border: none;
  }
  
a {color: #00906C; font-weight: bold; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}

input, textarea {border: 1px solid #000;}

body {
  background: #CFCFCF url('/picture/mask/bg-body.png');
  background-position: top left;
  background-repeat: repeat-x;
  font-family: arial;
  font-size: 12px;
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: center;
 }
 .body-editor {background: #FFF; text-align: left;}
 
 #page {
 	width: 990px;
	margin: auto;
	margin-bottom: 0px;
	text-align: left;
 }
      
.right div.text {margin: 30px 15px 30px 15px;}

#wrap {
	float: left;
	width: 100%;
  background: #ffffff url('/picture/mask/bg-wrap.png') repeat-x left top;
  }
  
#heading {
	float: left;
	width: 100%;
  height: 133px;
  }  
  
#heading .mpad {margin: 0 25px 0 25px;}
       
#heading a {
  text-decoration: none;
  }

#heading .logo {
  display: block;
  width: 325px;
  height: 52px;
  margin-left: 31px;
  margin-top: 22px;
  float: left;
  }

#heading h1 a span {
  display: none;
  }

#heading p {
  display: block;
  float: right;
  width: 129px;
  height: 34px;
  padding-top: 10px;
  background: url('/picture/mask/bg-home.png') no-repeat left top;
  margin-right: 40px;
  text-align: center; 
  }
h5 {
	margin: 20px 0 10px 0;
	color: #00906C;
	font-size: 110%;
	font-weight: bold;
}

ul {margin-left: 15px;}

#heading p a {
  color: #50504F;
  }

#heading p a:hover {
  text-decoration: underline;
  }
  
.ico-home {
  margin-right: 10px;
  }

.cleaner {
  clear: both;
  }
#content {
	float: left;
	width: 100%;
}

#content div.left {
  margin-left: 30px;
  margin-top: 16px;
  float: left; 
  }
  
#lekova-karta {
  width: 364px;
  height: 170px;
  margin-top: 15px;
  background: url('/picture/mask/lekova-karta.png') no-repeat left top;
  }

#lekova-karta h2 {
  color: white;
  padding: 17px 0px 0px 17px;
  margin: 0px;
  font-size: 200%;
  line-height: 1em;
  }

#lekova-karta h2:first-line {
  color: #00906C;
  }

#lekova-karta p {
  color: white;
  width: 116px;
  margin: 10px 0px 0px 17px;
  font-weight: bold;
  }

#lekova-karta p a {
  color: #00906C;
  text-decoration: none;
  }

.green {
  color: white;
  margin-top: 18px;
  margin-bottom: 47px;
  width: 364px;
  }

.green h2 {
  display: block;
  margin: 0px;
  width: 100%;
  padding: 15px 0px 15px 15px;
  background: url('/picture/mask/bg-green-top.png') no-repeat left top;
  }

.green p { 
  margin: 0px;
  width: 100%;
  height: 50px;
  padding: 0px 0px 45px 15px;
  background: url('/picture/mask/bg-green.png') no-repeat left bottom;
  font-weight: bold;  
  }

.more-orange {
  display: block;
  width: 75px;
  height: 25px;
  background: url('/picture/mask/more-orange.png') no-repeat left top;
  text-align: center;
  padding-top: 4px;
  float: right;
  clear: both;
  margin-right: 30px;
  margin-bottom: 15px;
  margin-top: 5px;
  font-size: 120%;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
  }
  
#footer {
	float: left;
  width: 990px;
  margin: auto;
  margin-top: 10px;
  height: 61px;
  background: url('/picture/mask/footer.png') no-repeat left top;
  }
  
#footer p {
  display: block;
  color: #000;
  padding-top: 25px;
  }  
  
#footer .left {
  float: left;
  margin-left: 22px;
  }

#footer .right a {
  float: right;
  margin-right: 28px;
  text-decoration: underline;
  color: #000;
  }
  
#footer .left a {
  text-decoration: underline;
  color: #000;
}
  
#footer a:hover {
  text-decoration: none;
  }
  
div.right {
  float: left;
  margin-top: 15px;
  width: 580px;
  }
  
.right-top {
  padding: 10px 0 10px 0;
  padding-left: 13px;
  margin-left: 15px;
   color: #F93;
  font-weight: bold;
  background: url('/picture/mask/bg-right-top.png') no-repeat left top;
  }
  
.right-top a {
	font-weight: normal ;
  color: #000;
  }
  
.right-top a:hover {
  text-decoration: none;
  }
  
.right h1 {
  font-size: 200%;
  font-weight: bold;
  padding-left: 15px;
  padding-top: 23px;
  margin-bottom: 20px;
  color: #333;
  }
  
.right h3 {
  font-size: 110%;
  font-weight: bold;
  padding-left: 15px;
  padding-top: 23px;
  padding-bottom: 23px;
  }  
  
div.right-grey {
  width: 539px;
  height: 79px;
  background: url('/picture/mask/bg-right-grey.png') no-repeat left top;
  margin-left: 12px;
  margin-top: 18px;
  }
  
div.right-grey p {
  display: inline;
  }  
  
.ico-home-right {
  margin-left: 10px;
  margin-top: 13px;
  margin-right: 4px;
  }  
  
.ico-date-right {
  margin-left: 122px;
  margin-top: 14px;
  margin-right: 4px;
  }    

.right-adress-date {
  clear: both;
  margin-top: 8px;
  }  

.right-adress-a {
  margin-left: 28px;
  }
  
.right-adress-b {
  margin-left: 28px;
  }
  
.right-date {
  margin-left: 188px;
  }
  
div.right-body {
  width: 539px;
  height: 31px;
  background: url('/picture/mask/bg-right-body.png') no-repeat left top;
  margin-left: 12px;
  margin-top: 18px;
  padding-top: 6px;
  padding-left: 28px;
  color: #FFF;
}

.right-body-pocet {
  font-size: 150%;
  vertical-align: middle;
  margin-left: 10px;
  }
  
.right-floatright {
  float: right;
  margin-right: 5px;
  }

.right-floatleft {
  float: left;
  margin-left: 15px;
  }
  
.right-green {
  width: 539px;
  height: 35px;
  background: url('/picture/mask/bg-right-green.png') no-repeat left top;
  margin-left: 12px;
  margin-top: 32px;
  margin-bottom: -4px;
  padding-top: 10px;
  padding-left: 22px;
  color: #FFF;
  font-size: 110%;
  }
  
.ico-up {
  margin-right: 10px;
  }    
  
.ico-up2 {
  margin-right: 60px;
  }
  
.right-tab-grey {
  width: 539px;
  height: 35px;
  background: url('/picture/mask/bg-right-tab-grey.png') no-repeat left top;
  margin-left: 12px;
  margin-top: 0px;
  padding-top: 12px;
  padding-left: 22px;
  }
  
.right-tab-nobg {
  width: 539px;
  height: 24px;
  margin-left: 12px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 22px;
  }
  
.table-hour {
  margin-left: 27px;
  }    
  
.table-name {
  margin-left: 102px;
  }
  
.right-actual {
  margin-left: 36px;
  margin-top: 15px;
  }
  
.green-title {
  color: #096;
  font-size: 160%;
  font-weight: bold;
  margin-left: 12px;
  margin-bottom: 30px;
  }
  
#smichov {
  float: left;
  }
  
#smichov img.ico-home {
  width: 11px;
  height: 10px;
  margin-right: 4px;
  }
  
#smichov img.ico-tel {
  width: 12px;
  height: 9px;
  margin-right: 3px;
  }  
  
#smichov img.ico-mail {
  width: 11px;
  height: 8px;
  margin-right: 4px;
  }             

#smichov img.ico-clock {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  }
    
#smichov p.info {
  margin-left: 14px;
  margin-top: 4px;
  }
  
#smichov p.info-posun {
  margin-left: 32px;
  margin-top: 2px;
  margin-bottom: 18px;
  }
  
#smichov a {
  color: #096;
  text-decoration: underline;
  }       
  
#smichov a:hover {
  text-decoration: none;
  }
  
#smichov table {
  width: 130px;
  margin-top: 11px;
  margin-left: 12px;
  }
  
#zamereni {
  width: 237px;
  background: url('/picture/mask/bg-zamereni.gif') repeat-y left top;
  float: right;
  }
#zamereni-top {float: left; width: 237px; height: 37px; background: url('/picture/mask/bg-zamereni-top.jpg') no-repeat left top;}
#zamereni-mid {float: left; width: 237px;}
#zamereni-bottom {float: left; width: 237px; height: 8px; font-size: 1px; background: url('/picture/mask/bg-zamereni-bottom.gif') no-repeat left bottom;}
  
#zamereni h2 {
  font-size: 140%;
  color: #333;
  margin: 8px 0 0 10px;
  }
  
#zamereni p.icons {
  width: 216px;
  margin: 15px 0 10px 15px;
  }
  
#zamereni img {
  margin: 2px;
  width: 46px;
  height: 46px;
  }
  
#karel {
  width: 541px;
  height: 196px;
  background: url('/picture/mask/bg-karel.png') no-repeat left top;
  margin-left: 10px;
  margin-top: 28px;
  }
  
#karel img {
  width: 111px;
  height: 168px;
  margin-top: 14px;
  margin-left: 14px;
  float: left
  }                
  
#karel p.top {
  width: 391px;
  height: 37px;
  background: url('/picture/mask/bg-karel-top.png') no-repeat left top;
  float: right;
  margin-top: 14px;
  margin-right: 14px;       
  color: #096;
  font-size: 120%;
  font-weight: bold;
  padding-top: 11px;
  text-indent: 10px;
  }
  
#karel p.text {
  width: 391px;
  float: right;
  margin-top: 5px;
  margin-right: 12px;
  line-height: 19px;
  }  

iframe.gmap {
  width: 541px;
  height: 369px;
  margin-top: 25px;
  margin-left: 10px;
  border: 1px solid #B5B5B5;
  }
  
p.hack {
  height: 130px;
  }
  
#uvod-right {
  width: 565px;
  float: right;
  margin-top: 18px;
  }
  
#uvod-right h2 {
  color: #333;
  font-size: 240%;
  font-weight: bold;
  }
  
#uvod-right span.orange {
  color: #F60;
  }
  
#uvod-right p.top {
  font-size: 130%;
  font-weight: bold;
  color: #333;
  margin-top: 7px;
  }            
  
#uvod-right p.top a {   
  color: #096;
  text-decoration: none;
  }
  
#uvod-right p.top a:hover {   
  text-decoration: underline
  }
  
#uvod-right div.text {
  width: 565px;
  height: 288px;
  background: url('/picture/mask/uvod-kolaz.png') no-repeat right bottom;
  }
  
#uvod-right p.text {
  width: 190px;
  line-height: 18px;
  color: #333;
  padding-top: 10px;
  }
  
#uvod-orange {
  width: 990px;
  height: 163px;
  background: url('/picture/mask/uvod-orange.png') no-repeat left top;
  margin-top: -80px;
  color: #FFF;
  font-weight: bold;
  font-size: 120%; 
  }    
  
#uvod-orange h2 {
  font-size: 240%;
  padding-top: 9px;
  margin-left: 425px;
  }
  
#uvod-orange p.text {
  width: 550px;
  margin-top: 10px;
  margin-right: 15px;
  float: right;
  line-height: 18px;
  }    
  
#uvod-orange a {
  font-size: 100%
  }  
   
#uvod-btn {
  width: 990px;
  height: 36px;    
  }
  
#uvod-btn div.btn1 {
  width: 280px;
  height: 36px;
  float: left;
  background: url('/picture/mask/bg-uvod-btn.png') repeat-x left top;
  } 
  
#uvod-btn div.btn2 {
  width: 280px;
  height: 36px;
  float: left;
  background: #CCC;
  margin-right: 2px;
  }
  
#uvod-btn p.btn1, #uvod-btn p.btn2 {
  margin-top: 8px;
  text-indent: 21px;
  }
  
#uvod-btn p.btn1 a, #uvod-btn p.btn2 a {
	text-decoration: none;
	font-size: 180%;
	font-weight: bold;
	text-indent: 21px;
	color: #555;
}

#uvod-btn p.btn1 a {
	color: #333;
}

#uvod-btn p.btn1 a:hover, #uvod-btn p.btn2 a:hover {
	color: #F27100;
}
  
#uvod-panels {
  width: 990px;
  height: 428px;
  }     
  
#uvod-panels div.panel1 {
  width: 495px;
  height: 214px;
  float: left;
  background: url('/picture/mask/bg-uvod-panel1.png') repeat-x left top; 
  }  
  
#uvod-panels div.panel2 {
  width: 495px;
  height: 214px;
  float: left;
  background: url('/picture/mask/bg-uvod-panel2.png') no-repeat left top; 
  }
  
#uvod-panels img.arrow-left {
  width: 37px;
  height: 37px;
  margin-top: 87px;
  margin-bottom: 87px;
  float: left;
  }    
  
#uvod-panels img.arrow-right {
  width: 37px;
  height: 37px;
  margin-top: 87px;
  margin-bottom: 87px;
  float: right;
  } 
  
#uvod-panels p.panel1-green {
  width: 430px;
  margin-top: 35px;
  margin-left: 50px;
  }
  
#uvod-panels p.panel1 {
  width: 430px;
  margin-top: 15px;
  margin-left: 50px;
  }          

#uvod-panels p.panel2-green {
  width: 430px;
  margin-top: 35px;
  margin-left: 15px;
  float: left;
  }
  
#uvod-panels p.panel2 {
  width: 430px;
  margin-top: 15px;
  margin-left: 15px;
  float: left;
  }
  
#uvod-panels p.panel3-green {
  width: 430px; 
  margin-top: 5px;
  margin-left: 50px;
  }  
   
#uvod-panels p.panel3 {
  width: 430px;
  margin-top: 15px;
  margin-left: 50px;
  }
  
#uvod-panels p.panel3-date {
  font-weight: bold;
  color: #333;
  margin-left: 50px;
  }
  
#uvod-panels p.panel3-news {
  font-size: 170%;
  font-weight: bold;
  color: #333;
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 15px;
  }    
  
#uvod-panels p.panel4-green {
  width: 430px;
  margin-top: 5px;
  margin-left: 15px;
  float: left;
  }
  
#uvod-panels p.panel4 {
  width: 430px;
  margin-top: 15px;
  margin-left: 15px;
  float: left;
  }
  
#uvod-panels p.panel4-date {
  font-weight: bold;
  color: #333;
  margin-left: 15px;
  margin-top: 58px;
  }                    

#uvod-panels p.panel1-green a, #uvod-panels p.panel2-green a, #uvod-panels p.panel3-green a, #uvod-panels p.panel4-green a {
	 color: #096;
	 font-weight: bold;
	 font-size: 120%;
	 text-decoration: none;
}

#uvod-panels p.panel3-green a:hover, #uvod-panels p.panel4-green a:hover {
	 text-decoration: underline;
}

.news-item {float: left; width: 100%; margin: 0;}
.news-title {margin-bottom: 5px;}
.news-title a {font-size: 120%;}
.news-text {margin-bottom: 10px;}

.maps {
	width: 364px;
	height: 449px;
}
.maps img {float: left;}
.poc-l {font-weight: bold;}

.rg-1 {float: left; width: 200px;}
.rg-2 {float: left; width: 170px;}
.rg-3 {float: left; width: 80px; text-align: center;}
.rg-4 {float: left; width: 50px; text-align: center;}

.map-bottom {
	float: left;
	background: url( /picture/mask/kraje-bottom.jpg ) ;
	width: 364px;
	height: 142px;
}

.mbp {
	margin: 0 20px 20px 20px;
}

.map-bottom h2 {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}

.map-bottom select {
	margin-top: 10px;
	width: 320px;
	border: 1px solid #A5ACB0;
}

#search {
	color: #FFF;
}

.map-bottom .search-box {
	margin-top: 37px;
	width: 140px;
	margin-left: 10px;
	border: 1px solid #A5ACB0;
}

.map-bottom .search-sub {
	background: url( /picture/mask/kraje-search.gif ) 0 0 no-repeat;
	color: #FFF;
	font-weight: bold;
	padding: 4px 14px;
	margin: 8px 0 0 245px;
	border: 0;
}

.button {
	border: 0;
	color: #FFF;
	font-weight: bold;
	background: #00906C;
}

.pon {display: block;}
.poff {display: none;}
.loading {width: 980px; text-align: center; font-size: 12px; font-weight: bold; padding: 100px 0 100px 0;}

/*comment detail*/
.message {font-weight: bold; color: #CE0C0C; margin-bottom: 10px;}
.comtitle {
	float: left;
	width: 553px;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	font-weight: bold;
	background: url('/picture/mask/bg-right-top.png') no-repeat left top;
}
.hpad .comtitle {width: 940px; background: url('/picture/mask/bg-right-top-big.png') no-repeat left top;}
.comtitle .pad {margin-left: 6px;}
.comment0, .comment1 {float: left; width: 540px; padding: 5px;}
.hpad .comment0, .hpad .comment1 {float: left; width: 930px; padding: 5px;}
.comment0 {background-color: #F3F0EE; margin-bottom: 2px;}
.comment1 {padding: 0 5px 0 5px;}
.comment0 a {font-weight: bold; text-decoration: none;}
.comment0 a:hover {text-decoration: underline;}
.comment1 a {font-weight: normal; text-decoration: none;}
.comment1 a:hover {text-decoration: underline; font-weight: normal;}
.combut {clear: both; width: 550px; text-align: right; padding-top: 20px;}
.hpad .combut {width: 940px;}

div.comment-t, div.comment-l, div.comment-i, div.comment-b {height: 21px; float: left; background-position: 0 0; background-repeat: repeat-y;}
div.comment-t {background-image: url(./picture/mask/comment-t.gif);}
div.comment-l {background-image: url(./picture/mask/comment-l.gif);}
div.comment-i {background-image: url(./picture/mask/comment-i.gif);}

.comdet {float: left; width: 280px;}
.hpad .comdet {width: 670px;}
.comdet .odk {float: left; padding-top: 3px; padding-bottom: 2px;}
.cname {float: left; width: 110px; padding: 3px 0 2px 0;}
.cdate {float: left; width: 130px; padding: 3px 0 2px 0;}

.comment-detail {float: left; width: 100%; margin-bottom: 20px;}
.comment-detail h2 {color: #00906C; margin-bottom: 10px;}
.comment-detail .all {float: left; width: 100%; margin-bottom: 10px;}
.comment-detail .all .comment-head {float: left; width:100%;}
.comment-detail .all .comment-text {float: left; width: 100%; margin-top: 10px;}
.comment-submit {border: 0; background: 0;}
.comment-submit-save {width: 65px; background-color: #00906C; color: #FFF; margin-top: 10px; font-weight: bold; height: 26px; border: 0;}
.comment-add {width: 540px; padding: 10px; border: 1px solid #DBDEDF; background-color: #f9f9f6;}
.comment-add table {width: 100%;}
.comment-add textarea {width: 100%; height: 200px;}
.comment-warning {padding-bottom: 5px; font-weight: bold; color: #e47f7f;}
.unreg-user {margin-left: 5px; font-size: 10px;}
.ip {font-size: 10px;}

/*comment end*/

.contact td {vertical-align: top;}
.contact input {width: 300px;}
.contact textarea {width: 450px;}
.mt20 td {padding-top: 20px;}
.contact .button {width: 70px;}

.loginform {float: left; background: url(/picture/mask/login-bg.gif) 0 0 no-repeat; width: 537px; height: 236px;}
.loginform .pad {margin: 20px 40px 20px 20px;}
.loginform .title {margin-bottom: 20px; font-size: 13px;}
.loginform .logl {color: #00906C; font-weight: bold; margin-bottom: 5px;}
.loginform .logr {margin-bottom: 20px;}
.loginform .ion {background: url(/picture/mask/login-input-bg.gif) 0 0 no-repeat; width: 247px; border: 0; padding: 7px 10px 7px 10px;}
.loginform .adp {margin-left: 185px; background: url(/picture/mask/login-submit-bg.gif) 0 0 no-repeat; width: 81px; border: 0; color: #FFF; padding: 4px 0 10px 0; font-weight: bold;}
.loginform .ll {float: left;}
.loginform .lr {float: right; width: 143px; padding-top: 60px;}

.warning-bad {clear: both; font-weight: bold; color: #FF0000; margin-bottom: 20px;}

.hpad {margin: 20px;}
.form-uf {clear: both;}
.form-uf .comment-add {width: 920px;}

.menu-t {float: left; width: 100%; margin-top: 24px; height: 41px; background: url(/picture/mask/bg-menu-t.png) 0 0 no-repeat;}

.gallery a {float: left; width: 180px; height: 180px; text-align: center;}
	.gallery a img {border: 1px solid #999;}