@charset "utf-8";
/* CSS Document - CMR */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #000; background-color: #fff; padding: 1px 0 20px; }

a { color: #e2363a; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.fleft{float: left;}
.fright{float: right;}
.nrm{text-transform: none;}
.lasti{margin-right: 4px;}
.red{color:#E2363A;}
/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 770px; margin: auto; position: relative; border: 2px solid #6a161b; border-width: 2px 1px; }
#column-wrapper { min-height: 400px; padding: 0 10px; border-top: 60px solid #fff; overflow: hidden; background: #fff url(../img/column-separator.png) 549px 0 repeat-y; }
#column-wrapper.single-column { background-image: none; }
#right-column { float: right; width: 210px; border-left: 1px solid #dcdddd; }
#content { float: left; width: 530px; }
.single-column #content { width: 750px; }


/******************************

	header

******************************/
#header { height: 245px; background: #aa232a url(../img/header-bg.png) 0 0 repeat-x; color: #fff; }
#logo { padding: 0 0 0 25px; font-size: 28px; font-weight: bold; width: 104px; height: 64px; position: relative; z-index: 1; }
#logo img { margin-top: -1px; }
#logo a { text-decoration: none; color: #000; }
#visual { position: absolute; top: 55px; left: 0; z-index: 0; width: 546px; height: 190px; background: #999 url(../img/visual.jpg) 0 0 no-repeat; }
#visual strong { display: none; }

/* slovo reditele */
#director { position: absolute; top: 63px; right: 0; width: 219px; height: 127px; padding-top: 25px; color: #fff; }
#director h3 { font-size: 13px; font-weight: normal; text-transform: uppercase; color: #d8d8d8; margin: 0 0 10px 0; }
#director img { float: left; margin-right: 5px; }
#director p { font-size: 10px; line-height: 1.3; margin: 13px 5px 0px; }
#director .signature { color: #d8d8d8; clear: left; margin-top: 0; }

#flash { float: right; clear: right; width: 224px; height: 29px; margin-top: 152px; background: red; }

/******************************

	menu

******************************/
#menu { position: absolute; top: 2px; left: 0; width: 620px; height: 35px; padding: 18px 0 0 150px; background: #eee url(../img/header-bg.png) 0 -2px repeat-x; }
#menu ul { list-style: none; }
#menu ul li { float: left; background: url(../img/menu-li-bg.png) 0 4px no-repeat; position: relative; padding-left: 2px; }
#menu ul li a{ display: block; float: left; padding: 4px 28px 4px 10px; height: 14px; color: #5d6266; font-size: 11px; text-decoration: none; }
#menu ul li span { display: block; float: left; padding: 4px 20px 4px 10px; height: 14px; color: #5d6266; font-size: 11px; text-decoration: none; }
#menu ul li a:hover { text-decoration: underline; }
#menu ul ul { display: none; position: absolute; top: 22px; left: 0; z-index: 10; }
#menu ul li:hover ul { display: block; background: url(../img/menu-sub-bg.png) 0 0 repeat; }
#menu ul ul li { float: none; border-top: 1px solid #b3b3b2; background: none; }
#menu ul ul li a { float: none; display: block; padding: 2px 10px 2px 10px; line-height: normal; height: auto; }


/******************************

	search

******************************/
#search { position: absolute; top: 245px; left: 0; width: 770px; height: 50px; background: #f0f0f0 url(../img/search-bg.png) 0 0 repeat-x; font-size: 11px; }
#search form { padding: 8px 0 0 0; }
#search form input,
#search form select { font-size: 11px; vertical-align: middle; }
#search form select.w {width: 110px;}
#search form fieldset { float: left; padding: 3px 0 0 10px; }
#search form p { float: left; border: 1px solid #808080; border-width: 0 1px; padding: 0 12px; }
#search form fieldset.search-property { width: 470px; }
#search form fieldset.search-id { width: 165px; }


/*****************************

	right column

******************************/
#right-column h2,
#content h1,
#content .heading { font-size: 13px; text-transform: uppercase; font-weight: normal; color: #637179; background: url(../img/heading-bg.png) 0 0 repeat-x; padding: 6px 10px 5px; border-bottom: 1px solid #d8d8d8; }
#content .heading span { font-weight: bold; float: right;}
#content .w {}
#right-column h2 a { color: #637179; text-decoration: none; }
#right-column .block { overflow: auto; padding-bottom: 5px; font-size: 11px; clear: both; }
#right-column .block p { margin: 10px; }
#right-column .block img.left,
#right-column .block img.right { margin: 0 10px; }
#right-column .block .wtf { height: 150px; margin: 10px; background-color: #ddd; }
#right-column a.ico-put { padding: 1px 0 4px 30px; background: url(../img/ico-put.png) 0 0 no-repeat; }


/******************************

	content

******************************/
#content h1 { margin: 0 0 15px 0; }
#content.article h1 { font-size: 21px; font-weight: bold; color: #e03739; background: none; border: none; text-transform: none; padding: 0 10px; }
#content.article p { font-size: 11px; margin: 10px; line-height: 1.3; text-align: justify; }
#content.article .perex { font-size: 12px; text-align: left; }
#content.article ul{margin: 0 0 0 15px;}
#content.article ul li{ margin: 0 0 0 10px;}

/* homepage - doporucujeme */
#box { list-style: none; margin-right: -5px; }
#box li { float: left; width: 162px; height: 250px; padding: 3px; margin: 0 4px 10px 2px; border: 1px solid #dedfdf; font-size: 11px; }
.single-column #box li{margin: 0 10px 10px 2px;}
#box li  img { display: block;}
#box li  a img{margin: 0 auto;} 
#box li h2 { font-size: 11px; margin: 8px 5px 0; }
#box li p { margin: 3px 5px; }
#box li .inn{position: relative;}
#box li .atr{position: absolute; width: 162px; top: 210px; padding: 2px 0px;}
#box li .txt{height: 210px; width: 100%; overflow: hidden;}

#box li input { vertical-align: middle; }
#box li label { color: #999; }

/* radkovy vypis */
.list-rows { font-size: 11px; border-collapse: collapse; }
.list-rows .even td { background-color: #f8f9f8; }
.list-rows th,
.list-rows td { border-collapse: collapse; border: 1px solid #dcdddd; padding: 0 8px; }
.list-rows th { background: #fff url(../img/heading-bg.png) 0 0 repeat-x; text-align: left; padding: 3px 8px !important; }
.list-rows th.add { padding: 3px 0 1px; text-align: center; }
.list-rows .desc,
.list-rows .location,
.list-rows .price { border-left: none; border-right: none; }
.list-rows .price { text-align: right; }
.list-rows .photo { border-left: none; }
.list-rows .photo img { border: 1px solid #000; margin: 8px 0; }

/* detail */
#content.detail .right-column { float: right; width: 340px; }
#content.detail .left-column { float: left; width: 400px; }
#content.detail h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #000; border: none; background: none; text-transform: none; padding: 0; margin: 10px 0 15px 10px; }
#content.detail ul { list-style: none; margin: 10px 10px 15px; }
#content.detail .right-column p { margin-left: 10px; }
#content.detail ul li { padding-bottom: 2px; }
#content.detail .info { border-bottom: 1px solid #dcdddd; padding-bottom: 10px; }
#content.detail .makler-foto { float: right; padding: 10px 10px 0 10px; }

#content.detail .gallery { height: 100%; border: 1px solid #dcdddd; margin: 10px 0 20px; padding: 8px; }
#content.detail .gallery h3 { width: 50px; padding: 1px 10px; margin-bottom: -1px; font-size: 11px; font-weight: normal; border: 1px solid #dcdddd; border-bottom-color: #fff; position: relative; }
#content.detail .gallery .main-img { margin-bottom: 10px; }
#content.detail .gallery .more-img { overflow: auto; height: 75px; width: 370px; padding: 5px; border: 1px solid #dcdddd; }
#content.detail .gallery .imgs{width: auto; white-space:nowrap;}
#content.detail .gallery .nav { height: 14px; margin: 0; padding: 0; float: right; margin: -17px 0 0 0; }

#content.detail .actions .add { background: #f2f3f2 url(../img/ico-put.png) 5px 50% no-repeat; margin: 5px 0; padding: 4px 5px 4px 30px; height: 20px; font-size: 11px; text-align: right; }
#content.detail .actions .add button { font-size: 11px; font-weight: bold; }
#content.detail .actions .add a{padding: 3px 0 0 0;}
#content.detail .actions .links { margin: 5px 0; font-weight: bold; text-align: center; }
#content.detail .actions .links span { margin: 0 15px; }

/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; }


/******************************

	footer

******************************/
#bottom-menu { padding: 15px 0 5px; }
#bottom-menu span { color: #fff; padding: 0 12px; }
#footer { padding: 10px 15px; font-size: 11px; color: #808080; }
#copy a { color: #808080; }



/* homepage - exp. list */
#content #exp-list .item h2 { font-size: 12px; padding: 10px; }
#content #exp-list .item h2 a { text-decoration: none;  }
#content #exp-list .item h2 a:hover { text-decoration: underline; }
#content #exp-list .item p { padding: 0 10px; line-height: 1.3; }
#content #exp-list .item p.more { text-align: right; }
#content #exp-list .item p.more a {  }

#content #exp-list .item { width: 496px; border-bottom: 1px solid #065480; margin-bottom: 10px; padding: 7px; }
#content #exp-list .item img { border: 1px solid #101000; float: left; }
#content #exp-list .item h2 { padding: 2px 10px 0px 0px; }
#content #exp-list .item p { margin-left: 90px; }
#content #exp-list .item p.more { padding: 5px 8px; }

#content #exp-list .item .leftcol{ width: 38%; float: left; margin: 0 0 0 15px;}
#content #exp-list .item .rightcol{width: 38%; float: left;}
#content #exp-list .item .col{width: 74%; margin: 0 0 0 15px; float: left;}
#content #exp-list .item .col p {margin: 0; padding: 0; }

/* no pic*/
#content #exp-list2 .item h2 { font-size: 12px; }
#content #exp-list2 .item h2 a { text-decoration: none;  }
#content #exp-list2 .item h2 a:hover { text-decoration: underline; }
#content #exp-list2 .item p { padding: 0 10px; line-height: 1.3; }
#content #exp-list2 .item p.more { text-align: right; }
#content #exp-list2 .item p.more a {  }

#content #exp-list2 .item { width: 500px; border-bottom: 1px solid #065480; margin-bottom: 10px; padding: 0 0 7px 0; }
#content #exp-list2 .item img { border: 1px solid #101000; float: left; }
#content #exp-list2 .item h2 { padding: 2px 10px 0px 0px; }
#content #exp-list2 .item p { margin-left: 90px; }
#content #exp-list2 .item p.more { padding: 5px 8px; }

#content #exp-list2 .item .leftcol{ width: 49%; float: left; margin: 0 0 0 15px;}
#content #exp-list2 .item .rightcol{width: 49%; float: left;}
#content #exp-list2 .item .col{width: 98%; margin: 0 0 0 0px; float: left;}
#content #exp-list2 .item .col p {margin: 0; padding: 3px 0; }

#search-form fieldset, #search-form p {padding: 0; float: left;}
  
/* lista */
.lista{
 background: #F0F0F0;
 width: 98%;
 font-size: 11px;
 height: 18px;
 padding: 7px 7px 3px 7px;
 margin: 10px 0;

}
#celkem_pocet{display: inline; font-weight: bold;}
.lista .fright{position: relative; top: -2px; }


#findform {font-size: 12px;}
#findform .sitem{float: left; margin: 0 1px 0 0;  width: 120px;}
#findform .sitem input{float: left;display: block;}
#findform .sitem p{display: block;float: left;  width: 97px;padding: 2px 0 0 0; margin: 0;}
#findform label{font-weight: bold; text-transform: uppercase; width: 110px; display: block;}
#findform table td{padding: 6px 0;}
.subm {background-color: #F0F0F0; padding: 2px 0 4px; height: 20px; width: 100px; cursor: pointer; border: none; font-weight: bold;}

/* common form */
#content .blockf  { margin: 10px auto; width: 350px; border: 1px #D8D8D8 solid; }
#content .blockf form {}
#content .blockf form p.message, p.message { border:2px solid #EE7E16; background:#FEFF93; color:#aa0000; font-weight:bold; font-size:12px !important; padding:5px 10px !important; }
#content .blockf form label { font-weight: bold; white-space:nowrap; }
#content .blockf form table {margin: 0 auto;}
#content .blockf form table td { padding: 2px; text-align: left; }
#content .blockf form .input { width: 150px; padding: 2px 3px; }
#content .blockf form textarea { width: 280px; height: 120px; margin-top: 3px; }
#content .blockf form .submit { padding: 2px 0 4px; height: 22px; width: 110px; cursor: pointer; border: none; }
#content .blockf form .radio,
#content .blockf form .checkbox { vertical-align: middle; border: none; margin: 0 3px; background:none; }
#content .blockf form span.multiple { white-space:nowrap; padding-right:5px; }

#mygallery{
margin: 0 auto;
width: 382px; 
}

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 382px; /*Width of Carousel Viewer itself*/
height: 254px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 382px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel img{
text-align: center;
margin: 0 0 0 15px;
}

#article-links {margin: 0 auto; text-align: center; width: 220px;}
#article-links a{}
#article-links a.active{font-weight: bold; text-decoration: none; padding: 0 2px;}
#article-links p{float: left;}
#article-links .page-numbers p{margin: 0 5px; text-align: center;}
/*#article-links .page-numbers, #article-links p{float: left;}*/