/* --- css stylesheet --- */
/* --- global --- */
html , html * , body , body * {
  font-size: 12px;
  line-height: 14px;
  font-family: "arial ce", arial, "tahoma ce", tahoma, "helvetica ce", helvetica, sans-serif;
}
body {
  margin: auto;
  padding: 0px;
  color: #000000;
  text-align: center;
  background: none #EDF0F5;
}
a {
  color: #032E70;
  text-decoration: underline;
}
a:hover {
  color: #032E70;
  text-decoration: none;
}
form {
  padding: 0px;
  margin: 0px;
}
input, textarea, select {margin: 0px;}
ul {
  margin: 0px 0px 0px 18px;
  padding: 0px;
}
ol {
  margin: 0px 0px 0px 32px;
  padding: 0px;
}
li {
  margin: 0px 0px 0px 4px;
  padding: 0px;
}
h1 , h2 , h3 , h4 , h5 , h6 {
  padding: 0px;
  margin: 0px;
  color: #666666;
  font-weight: bold;
}
h1 {
  background: no-repeat 10px 0px url('../pics/ico_h1.gif');
  padding: 5px 0px 4px 44px;
  float: left;
   width: 622px;
   margin-bottom: 1em;

}
h1 a {
 display: block;
 height: 27px;

 _padding-left: 35px;
    position: relative;
}
h1 a img{
 margin: -5px 0px 0 2px;
 _position: absolute;
 _top: 1px; 
 _left: 0;
}
h1{
  font-size: 17px;
  line-height: 20px;
  _line-height: 17px;  
}
h2 {}
h2 , h2 * {}
h3 {}
h3 , h3 * {}
h4 {}
h4 , h4 * {}
h5 {}
h5 , h5 * {}
h6 {}
h6 , h6 * {}
table {
  border: 0px none;
  margin: 0px;
  border-collapse: collapse;
}
table td {padding: 0px;}
img {border: 0px none;}
p {margin: 0px;}
/* --- common --- */
.clear , .f-c {
  float: none !important;
  clear: both !important;
  font-size: 0px !important;
  line-height: 0px !important;
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
}
.float-left, .f-l {float: left !important;}
.float-right, .f-r {float: right !important;}
.align-left, .a-l {text-align: left !important;}
.align-center, .a-c {text-align: center !important;}
.align-right, .a-r {text-align: right !important;}
.align-top, .a-t {vertical-align: top !important;}
.align-middle, .a-m {vertical-align: middle !important;}
.align-bottom, .a-b {vertical-align: bottom !important;}
.error , .error * {color: #FF0000 !important;}
.error input {border: 1px solid #FF0000 !important;}
.warning , .warning * {color: #008000 !important;}
.warning input {border: 1px solid #008000 !important;}
.hidden {display: none;}
.block {display: block;}
.print {display: none;}
.print2 {display: none;}
.invisible {visibility: hidden;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.red {color: #FF0000;}
.blue {color: #0000FF;}
.green {color: #008000;}
/* --- form --- */
.text {
  border: 1px solid #808080;
  background: none #FFFFFF;
  padding: 1px 2px 0px 2px;
}
input.text {
  height: 17px;
}
.button {
  border: 1px solid #0000FF;
  background: none #0080FF;
  color: #000000;
  line-height: 12px;
  height: 18px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
a.button {
  display: block;
  float: right;
  padding: 0px 15px 0px 15px;
}
/* --- mask --- */
div.web-all {
  background: repeat-x left top url('../pics/bg_body.gif') #FFFFFF;
}
div.web-all-in {
  background: no-repeat center top url('../pics/bg_top.gif');
}
div.web-all-in-in {
  width: 978px;
  margin: auto;
  text-align: left;
}
/* --- header --- */
div.header {
  height: 306px;
}
div.top-header {
  height: 63px;
  background: repeat-y left top url('../pics/bg_header.gif');
  padding: 0px 0px 0px 28px;
}
div.top-header img.logo {
  display: block;
  float: left;
  margin: 10px 0px 0px 0px;
}
div.top-header img.call {
  display: block;
  float: right;
}
div.print-logo {
  display: none;
}
h1.print-heading {
  display: none;
}
a.print2 {
  float: left;
  display: block;
  width: 27px;
  height: 27px;
  padding-right: 17px;
}
h1.ico-print2 {
  position: relative;
}
h1.ico-print2 a.tisk2 {
  position: absolute;
  left: 8px;
}
/* ---  --- */
img.top-img {
  display: block;
  position: relative;
  top: -11px;
}
/* --- left --- */
div.left-side {
  width: 271px;
  float: left;
  background: no-repeat right top url('../pics/shadow_left_side.gif');
  padding: 0px 0px 0px 17px;
  position: relative;
  top: -11px;
}
div.left-block {
  width: 236px;
  border: 1px solid #DDDDDD;
  background: none #FFFFFF;
  padding: 8px;
}
div.left-block-in {
  padding: 6px 20px;
}
div.pronajem {
  background: none #DBF3E2;
}
div.grey {
  margin: 9px 0px 0px 0px;
}
div.grey div.left-block div.left-block-in {
  background: none #EEEEEE;
  text-align: center;
  padding: 10px 0px 9px 0px;
}
div.grey div.left-block div.left-block-in a {
  color: #042E6F;
  font-weight: bold;
}
div.grey div.left-block div.left-block-in img {
  margin-bottom: 10px;
}
div.pronajem div.left-block-in ul li a:hover {
  color: #54A900;
}
div.prodej {
  background: none #E0EBFF;
}
div.prodej div.left-block-in ul li a:hover {
  color: #008BC5;
}
div.pronajem div.left-block-header {
  background: none #22B24C;
  height: 31px;
  padding: 5px 20px 0px 20px;
}
div.prodej div.left-block-header {
  background: none #032E70;
  height: 26px;
  padding: 10px 20px 0px 20px;
  border-top: 1px solid #FFFFFF;
}
div.left-block-in ul {
  margin: 0px;
}
div.left-block-in ul li {
  margin: 0px;
  list-style-type: none;
  background: no-repeat 0px 5px url('../pics/ico_list_leftblock.gif');
  padding: 0px 0px 6px 7px;
}
div.left-block-in ul li * {
  font-weight: bold;
  font-size: 12px;
}
div.left-block-in ul li a {
  color: #666666;
  font-size: 12px;
}
/* --- right --- */
div.right-side {
  width: 676px;
  float: right;
  padding: 9px 14px 0px 0px;
  position: relative;
  top: -11px;
}
/* --- top-menu --- */
div.top-menu {
  float: right;
  height: 35px;
}
div.top-menu ul {
  margin: 0px;
}
div.top-menu ul li {
  float: right;
  margin: 0px;
  list-style-type: none;
  background: repeat-x 8px 0px url('../pics/bg_topmenu.gif');
  height: 27px;
  border-top: 1px solid #D6DDE8;
}
div.top-menu ul li.separate {
  background: no-repeat left top url('../pics/separate_topmenu.gif');
  height: 35px;
  padding: 0px;
  border: 0px none;
  width: 1px;
}
div.top-menu ul li a {
  border-top: 8px solid #FFFFFF;
  border-left: 8px solid #FFFFFF;
  border-right: 8px solid #FFFFFF;
  padding: 5px 9px 8px 9px;
  float: left;
  font-weight: bold;
  color: #666666;
  font-size: 11px;
  display: block;
  text-align: center;
  background: no-repeat center bottom url('../pics/ico_topmenu.gif');
}
div.top-menu ul li a:hover {
  color: #22B24C;
}
/* --- content --- */
div.content {
  padding: 14px 0px 0px 0px;
}
div.content img.left {
  display: block;
  float: left;
  margin: 0px 10px 5px 0px; 
}
.card{
  border: 1px solid #D1D8E5;
  width: 184px;
  float: left;
  margin-bottom: 15px;
  margin-left: 10px;
  _margin-left: 5px;
  margin-right: 40px;
  height: 275px;
}
.last {
 margin-right: 0px;
}
.card-info{
 padding: 10px;
}
table.home-banners {
  margin: 17px 0px 40px 13px;
}
table.home-banners td {
  border: 1px solid #D1D8E5;
  width: 182px;
}
table.home-banners td.separate, table.home-banners tr.header td.separate {
  width: 58px;
  padding: 0px;
  border: 0px;
  background: none;
}
.titulek{
  border-bottom: 0px none;
  background: no-repeat left top url('../pics/bg_header_homebanner.gif');
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  color: #333333;
  font-size: 11px;
  line-height: 13px;
  width: 158px;
  padding: 12px 12px 5px 12px;
  height: 40px;
  border-bottom: 1px solid #D1D8E5;
}
.titulek2{
  background: no-repeat left top url('../pics/bg_header_homebanner2.gif');
}
table.home-banners tr.header td {
  border-bottom: 0px none;
  background: no-repeat left top url('../pics/bg_header_homebanner.gif');
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  color: #333333;
  font-size: 11px;
  line-height: 13px;
  width: 158px;
  padding: 12px 12px 5px 12px;
}
table.home-banners td.last {
  border: 1px solid #C5EBD0;
}
table.home-banners tr.header td.last {
  border: 1px solid #C5EBD0;
  border-bottom: 0px none;
  background: no-repeat left top url('../pics/bg_header_homebanner2.gif');
}
/* --- footer --- */
div.footer {
  height: 123px;
  background: none #EDF0F5;
  margin: 22px 0px 0px 0px;
}
div.footer-in {
  width: 948px;
  margin: auto;
  text-align: left;
  background: none #DDE2EC;
  padding: 9px 15px;
}
div.footer-in, div.footer-in * {
  color: #042E6F;
  font-size: 11px;
}
/* ---  --- */
#text{
 margin-left: 10px;
 margin-top: 0px;
}
h2, #text h3{
 font-size: 130%;
 margin: 0.5em 0;
 color: #22B24C;
 font-weight: normal;
}
b{
 color: #22B24C;
}
.fotoleft {
 floaT: left;
 width: 200px;

}
.fotoleft img{
margin-bottom: 1.5em;
}
#text{
 
}
img.right{
 float: right;
}
table img.right{
 margin: 10px;
 padding: 2px;
 border: 1px solid #e7e7e7 ; 
}
#headpic2, #headpic3, #headpic4, #headpic5, #headpic6, #headpic7, #headpic8, #headpic9, #headpic10{
  display: none;
}

.small-photo{
  margin-top: 8px;
}

.small-photo img{
  border: 1px solid #747575;
  width: 84px;
  height: 63px;
}
.small-photo img.right{
  margin-left: 8px;
  float: none;
}
table.detail  { 
 width: 445px;
      _width: 420px;
 margin-top: 0px;
 margin-bottom: 2em;
 background-image: none;
}

table th, table td{
 padding: 3px 5px;
}
table tr.dark th{ background: #E5EEFF } 
table tr.dark td{ background: #C3D8FF }
#text table tr th { background: #E5EEFF}
table tbody tr.dark th{ background: #C3D8FF } 
table tbody tr.dark td{ background: #E5EEFF}
#text tbody table tr th { background: #C3D8FF }


table.titulek2 tr.dark th{ background: #DEF9E8 } 
table.titulek2 tr.dark td{ background: #A7EFC2 }
#text.titulek2 table tr th { background: #DEF9E8}
table.titulek2 tbody tr.dark th{ background: #A7EFC2 } 
table.titulek2 tbody tr.dark td{ background: #DEF9E8}
#text.titulek2 tbody table tr th { background: #A7EFC2 }
#overlay {
	display: none;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	z-index: 100;
}
#printgalerie {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 4px solid #e0e0e0;
	z-index: 1000;
	display: none;
	background: #fff;
	padding: 10px;
	margin-left: 0;
}
#rightdetail{
 floaT: right;
 width: 445px;
     _width: 420px;
}
.indetail{
 float: left;
 height: auto;

margin: 0;
width: 184px;
 margin-left: 5px;
_margin-left: 3px
}
.formular{
    margin: 10px 6px 1em 10px;
    _margin: 5px 3px 1em 0;
    width: 425px;
    _width: 400px;
    padding: 10px;
 background: #E5EEFF;
height: auto;
min-height: 200px;
_height: 200px;

}
#rightdetail .formular{
 margin-left: 0;
}
.formular fieldset{
 border:none;
 display: inline;
 margin-top: 0px;
 margin-bottom: 0;
}
input, textarea{
  width: 170px;
  border: 1px solid #C2C2C2;
  margin: 0;
  padding: 0;
  font-size: 100%;
	color: #7C7C7C;
	font-family: "Helvetica CE", Arial, lucida, sans-serif;  
}
textarea{
  height: 50px;
  overflow: auto;
  width: 345px;
}
input.button{
  color: #2A9C22;
  margin-top: 0.5em;
  width: auto;
  border: none;
  background: #fff;
  
}
input.skryj{
 display: none;
}
input.short{ width: 1em; height: 2em; float: left;  border: none; margin-right: 0.5em}
label.radio { line-height: 2em; height: 1.9em; display: block; float: left; margin-right: 0.5em}
div.radio{
  height: 2em;
  
}
a.printik{
 color: #299D20;
 display: block;
 height: 15px;
 width: 25px;
 margin-right: 30px;
 font-size: 90%;
 font-weight: bold;
 padding-left: 20px;
 background: transparent url('../pics07/tisk.jpg') no-repeat left center;
 float: right;
}
legend { 
font-weight: bold;
padding: 0;
margin: 3px 0;
_margin-left: -0.5em;
 }
 input.button{
  color: #2A9C22;
  margin-top: 0.5em;
  width: auto;
  border: none;
  background: #fff;
  width: 80px;
  height: 30px;
}
 h1 span {
	color: #36578C;
	font-size: 10px !important;
	font-weight: normal;
	float: right
}
table th span a img{
 border: none;
 margin-right: 5px;
}
table th span{
 floaT: right;
 display: block;
 .margin-top: 0.7em;
}
#text table.titulek2{
 background-image: none;
}
#text table.total{
 width: 670px;
 _width: 650px;
 margin-left: 10px;
 clear: left;
 margin-top: 0em;
}
#text table.total th{
 background: #E0EBFF;
 border: 1px solid #fff;
}
#text table.total td{
 border: 1px solid #E0EBFF;
}
#text table.titulek2 tr th{
 background: #DBF3E2;
 border: 1px solid #fff;
}
#text table.titulek2 tr td{
 border: 1px solid #DBF3E2;
}
#text table.total th, table.total td{
 padding: 4px 5px !important;
}
.gotab{
 float: right;
 line-height: 16px;
 color: #c0c0c0;
 font-size: 11px;
 display: block;
}
.gotab img{
float: left;
margin-right: 5px;
}
#text table tr td a.tabclick{

 font-weight: bold;
}
.pager a.now{
 text-decoration: none;
 font-size: 150%;
}
.refcard {
 height: 198px;
 }
 .card_real {
	float: left;
	width: 110px;
	margin: 0 1px 1em 0;
	padding: 0;
	text-align: right;
	height: auto;
	min-heigth: 105px;
	_height: 105px;
	overflow: hidden;
	background: #2CB111;
}
.card_real img {
	border-bottom: 1px solid #fff;
}
.card-photo img{
  width: 184px;
  height: 138px;
}
.card_real a {
	color: #fff;
	margin-right: 10px;
	text-decoration: none;
}
.card_real a:hover {
	text-decoration: underline;
}
.jump{
 margin-left: 10px;
}
table th span a img{
 border: none;
 margin-right: 5px;

 margin-top: -3px;
 _margin-top: 0;
}
table th span{
 floaT: right;
 display: block;
 .margin-top: 0.7em;
}
#vizual{
 widtH: 978px;
 height: 243px;
 background: url('../pics/vizbgr.jpg') no-repeat left top;
 margin-top: -11px;
 padding-top: 9px;
 padding-lefT: 26px;
 
}
div.galerie-logo {
  text-align: center;
  padding: 12px 0px 0px 13px;
}