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

@import "reset.css";

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	line-height:1.75em;
	position:relative;
	text-align:center;
	}
textarea, input, select {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
} 
a {/*color:#620214;*/ color:#800000; text-decoration:none;}
a:hover {text-decoration:underline;} 
hr {display:none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.hidden {display: none;}
.red {color: #f00;}
.note {font-size: 10px;}

/*#header {width:100%; clear: both;position:fixed; z-index:5;background-color:#fff; height:auto;
border-bottom:2px solid #620214; min-height:65px;-webkit-transition:all 0.2s ease-out 0s;
	   -moz-transition:all 0.2s ease-out 0s;
	    -ms-transition:all 0.2s ease-out 0s;
	     -o-transition:all 0.2s ease-out 0s;
	        transition:all 0.2s ease-out 0s;top:0;
			left:0}*/
			#header {width:100%; clear: both;position:fixed; z-index:5;background-color:#800000; height:auto;
border-bottom:2px solid #620214; min-height:65px;-webkit-transition:all 0.2s ease-out 0s;
	   -moz-transition:all 0.2s ease-out 0s;
	    -ms-transition:all 0.2s ease-out 0s;
	     -o-transition:all 0.2s ease-out 0s;
	        transition:all 0.2s ease-out 0s;top:0;
			left:0}

#search {
	background-color: #999;
}
#search .button {background:/*#620214*/ #800000; color:#fff;}

#sitemap {float: right; clear: both;}

#aside {background:#777; color:#fff;}
#aside .sample .image {background:#fff; border:5px solid #444;}
#aside a {color:#fff;}
#aside a:hover {text-decoration:none; background:#666; border-bottom-color:#444;}
/*#menu .active a {
	color: #fff;
	border: none;
	background-color: #3F010C;
}*/
#aside .sample {background:#888;}
#menu a{border:none}
#aside .sample {border-bottom:1px solid #666; border-top:1px solid #888;}
#text {display:none;}
#bside {background:#800000; color:#fff;}
#bside a {color:#fff;}
#bside .sample .image {background:#fff; border:5px solid #740016;}
#hotline, #tools li a {background:#600; color:#fff;}
#tools {padding:10px; text-align:center}
#tools li {float:none;display:inline-block; margin:5px}
#tools a {display:block; padding:8px 25px 8px 25px;}
#tools .sledovat a {background-color:#740016;}
#bside .sample2 {background:#000;}

#detail h1, #main .pages a:hover {color:#da251d;}
#detail table {background:#eee;}
#detail td {border:1px solid #fff;}
#detail .price {color:#000;}
#mapa {/*border:5px solid #eee;*/}

#section table {border-top:1px solid #fff;}
#section td {border-bottom:1px solid #fff;}

#main .listitem li {color:#888;}
#main .listitem li strong {color:#333;}
#detail .info p strong {color:#000;}
#main {color:#000;}

#main .listitem p, #main table .polozka {color:#000;}
#main .image {background:#fff; border:1px solid #800000/*620214*/;/*-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;*/
overflow:hidden}
#main .topcontent, #main .topcontent li {background:#f1f1f1; color:#da251d;}
#main .topcontent a, #breadcrumbs strong {color:#000;}
#main a.image:hover {border-color:#000;}

#sort, #main #sort a, #main .pages a {background:#ddd; color:#000;}
#main #sort a.active ,#main .pages a {color:#666; text-decoration: none;}
#breadcrumbs {background:#d5d5d5; color:#000;}

#content h1 {/*color:#620214;*/ color:#800000}
#list {
	padding: 20px;
	background-color: #BCBCBC;
	margin: 0 auto;
	text-align: center;
}
#list:after, #detail .info:after, #glue:after, #main:after, #gallery:after, #tools:after {clear:both;
width:100%;
content:"";
display:block}
#content .horizontal a:hover {color:#000;}



#footer {background:#000; color:#fff;}
#footer h4, #footer h4 a {color:#3c3c3c; font-weight:normal;}

/*
*****************************************************************************************************************************/
#header > a, #header > a span {width:150px; height:40px; display:block;}
#header > a {text-align:center; font-size:3em; position:absolute; left:8%; top:10px; color:#000; /*background:#fff;*/}
#header span {position:absolute; left:0; top:0; background:url(img/podoby-logo-b.png); cursor:pointer; background-repeat:no-repeat; background-position:center center}
#container {width:100%; text-align:left; margin:0 auto;;position:relative; padding-top:65px}
#aside {width:100%;position:absolute; top:0px; display:none}
#menu {text-align:right;max-width:1200px; margin:0 auto;-moz-transition:all 0.2s ease-out 0s;
	    -ms-transition:all 0.2s ease-out 0s;
	     -o-transition:all 0.2s ease-out 0s;
	        transition:all 0.2s ease-out 0s;}
#menu li {display:inline-block; color:#FFF;-moz-transition:all 0.2s ease-out 0s;
	    -ms-transition:all 0.2s ease-out 0s;
	     -o-transition:all 0.2s ease-out 0s;
	        transition:all 0.2s ease-out 0s;}
#menu li a{color:#fff; text-decoration:none}
#bside {width:100%; float:none;clear:both}
#main {
	width: 100%;
	float: none;
	background-color: #fff
}
#detail {max-width: 800px; margin:0 auto}
#glue {float: none; width: 100%;}
#footer {clear:both; text-align:center; font-size:1.09em; padding:15px 20px 60px 20px; line-height:1.5em;}
#search {padding:5px; position: relative; bottom:0;width:100%; box-sizing:border-box}
#content {background:#fff; position: relative;/*max-width:1200px; */padding-top:0px; margin:0 auto}
#search #fQuickSearch {
	max-width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:center
}
/*#header a, #header a span {width:275px; height:95px; display:block;}
#header a {text-align:center; font-size:3em; position:absolute; left:20px; top:55px; color:#000; background:#fff;}
#header span {position:absolute; left:0; top:0; background:url(img/logo.gif); cursor:pointer;}*/
#content h1 {margin:0; font-size:24px; font-weight:normal; clear:both; line-height:1.5em; padding:10px 20px; background-color:#FFF; text-align:center}
#detail {padding:60px 20px 20px 20px; line-height:1.3em;}
#detail h1 {font-size:24px; font-weight:normal; background: none; margin: 0; padding: 0;/*border-bottom:solid 1px #620214*/}
#detail h2 {clear:both; font-size:1.27em; font-weight:normal; padding:1em 0 1em;}
#detail h2.nadpis_mapa {clear:both; font-size:1.27em; font-weight:normal; padding:1em 0 1em 400px;}
#detail p {margin:1.5em 0; text-align:center; line-height:24px}
#detail .image {display:block; padding:0px; float:right; margin-bottom:20px;}
#detail .image img {display:block;}
#detail table { float:left; width:370px; box-sizing:border-box;margin-top:-3px}
#detail td {padding:10px 15px;}
#detail .info {float:left;}
#detail .info p {text-align:left; color:#333; font-size:12px; line-height:25px}
#detail .info p strong{color:#333; font-size:18px; padding-left:10px; }
#detail .info .price strong {font-size:2em; font-weight:normal; padding-left:0; /*color:#620214*/ color:#800000}
#detail .info .price em {font-size:1.09em; font-style:normal; display:block; padding-top:10px;}
#detail .info strong {font-weight:normal;}
#detail .info em {font-style:normal;}
#relatedLinks {display:block; clear:both; padding:20px 0;}
#relatedLinks a {margin-right:20px;}
#detail .nadpis_podrinfo {float:left; clear:none; margin-top:-2.9em; /*padding-left:30px;*/ width:50%; box-sizing:border-box}
#detail .nadpis_foto {padding-bottom:0; text-align:center}
#gallery {clear:both; padding:20px 0 0 0px; text-align:center;}
#gallery li {display:inline-block; margin:5px; height:auto; width:auto; vertical-align:top}
#gallery .image img {display:block;}
#gallery h3 {font-size:1.5em; font-weight:normal; padding:5px 15px 10px;}
#aside .sample {padding:5px 20px;}
#aside .sample p {margin:1em 0;}
#aside .sample ul {margin:1em 0; font-size:1.09em;}
#aside .sample p.nadpis {margin:1em 0; font-size:1.09em; font-weight: bold;}
#aside .sample img {display:block; margin:0 auto;}
#aside .sample .image {padding:1px; text-align:center; margin-right:1px;}
#bside .sample {padding:5px 20px;}
#bside .sample p {margin:1em 0;}
#bside .sample ul {margin:1em 0; font-size:1.09em;}
#bside .sample p.nadpis {margin:1em 0; font-size:1.09em; font-weight: bold;}
#bside .sample img {display:block; margin:0 auto;}
#bside .sample .image {padding:1px; text-align:center; margin-right:1px;}
#hotline {padding:10px 0; font-size:1.09em; text-align:center; line-height:1.8em; margin:10px;}
#hotline strong {font-size:1.75em; font-weight:normal;}
#bside .sample2 {padding-bottom:5px;}
#bside .sample2 img {width:170px; display:block;}
#bside .sample2 p.nadpis {padding:10px; text-align:center; font-size:1.09em; font-weight: bold;}
#bside .makler {margin:0 10px 10px;}
#bside .makler h3 {font-size:1.09em; font-weight:normal; margin:0.5em 0 1em 0;}
#bside .makler img.photo {float:left; margin-right:5px; margin-bottom:5px;}
#bside .makler .flag {float:left; width:16px; clear:none;}
#bside .makler p {clear:both;}
#bside .makler a {text-decoration:underline;}
#bside .makler a:hover {text-decoration:none;}
#tools li a {background-position:8px 11px; background-repeat:no-repeat; width:auto;}
#tools .sledovat a {background-image:url(img/tools-sledovat.gif);}
#tools .msg a {background-image:url(img/tools-msg.gif);}
#tools .mail a {background-image:url(img/tools-mail.gif);}
#tools .watch a {background-image:url(img/tools-watch.gif);}
#tools .print a {background-image:url(img/tools-print.gif);}
#menu a {display:block; padding:20px 30px; font-size:16px; width: auto; line-height:20px; position:relative}
#menu #tel-c a {display:block; padding:18px 40px; font-size:24px; width: auto; line-height:24px; color: #fff; background:url(img/podoby-mob.png); background-position:15px 18px; background-repeat:no-repeat}
/*#menu #tel-c a:after {display:none;}
#menu a:after {display:block;height:20px; width:1px; content:""; position:absolute; right:0px; top:20px; background-color: #000;}*/
#menu small {display:none;}
#search select {border:0; padding:3px; margin-right:10px; width:165px;}
#search select.price {width:109px;}
#search input {border:0; padding:3px; height:16px; margin-right:10px; width:150px;}
#search .button {height:25px; position:relative; top:1px; cursor:pointer; margin:0;}
html>/**/body #main .topcontent ul {padding-top:20px;}
#main .topcontent li {width:305px; float:left; height:55px; padding-top:20px;}
html>/**/body #main .topcontent li {height:65px; padding-top:0;}
#main .topcontent img {height:auto; float:left; margin:0 10px 0 20px;}
#main .topcontent ul p {margin-left:90px; font-size:1.09em; padding:5px 0 0;}
#sort, #breadcrumbs {clear:both; padding:10px 20px; font-size:1.09em;text-align:center}
#sort {margin-top:20px;}
html>/**/body #sort {margin-top:0;}
#main .topcontent a {text-decoration:underline;}
#main .topcontent a:hover {text-decoration:none;}
#main .topcontent strong {font-weight:normal;}
#sort a, #sort strong {margin-left:10px;}
/*#main .listitem {width:570px; float:left; padding:15px 20px 20px; box-sizing:border-box; margin:10px; background:#FFF}*/
#main .listitem {min-height: 350px;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;width:400px; padding:25px; box-sizing:border-box; margin:20px; background:#FFF; display:inline-block; vertical-align:bottom; text-align:left}
#main .listitem img {display:block; margin:0 auto;}
#main .listitem .image {padding:0px; text-align:center; float:right; width:119px;}
*>#main .listitem .image {width:117px;}
#main .listitem ul {margin-left:0px;font-size:12px}
#main .listitem ul strong {font-weight:normal;font-size:16px}
#main .listitem p { font-size:14px; margin-bottom:0.8em; margin-top:0.8em; font-weight:normal; color:#666}
#main .listitem p strong {display:block; font-weight:normal; font-size:20px; color:#000}
#main .listitem p em {font-style:normal; font-size:0.75em;}
#main .listitem h2 {
	font-size: 20px;
	line-height: 1.5em;
	padding-bottom: 5px;
	font-weight: normal;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 10px;
}
#main .listitem .sledovane{
display:block
}
#main > br, #section > br{
display:none
}
#main .listitem h2 a {
color:#000
}
#main .listitem h2 a:hover {
color:#800000;
text-decoration:none
}
#main .listitem h3 {font-size:12px; margin-bottom:0.7em; font-weight:normal; color:#666; display:inline-block; line-height:12px}
#main .horizontal {height:30px; padding:1em 20px 1.5em 20px; clear:both; background-color:#800000;text-align:center}
#main .horizontal li.first{float:none; display:inline-block; background-color:#fff;margin-right:3px}
#main .horizontal li{float:none;  display:inline-block; vertical-align: top}
#main .pages a, #main .pages span {
	float: none;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 3px;
	font-size: 1.09em;
	background-color: #fff;
	color: #000
}
#main .pages .inactive{color:#800000;background-color:#fff}
#main .first {float:left; display:block; padding:5px 10px;}
#section {clear:both;}
#section .oblacik {padding:20px;  text-align:center}
#section img.uvod {margin: 10px;}
#section p {margin:0.5em 0;}
#section .oblacik p {
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
	color: #333;
	line-height: 1.5em
}
#section form p {margin:0 0 3px;padding:5px}
#section label {display:inline-block; float:none; width:100px; text-align:right; padding-right:10px; vertical-align:top}
#section input {display:inline-block; float:none; width:200px;text-align:left}
#section table {max-width:300px; margin:0 auto;}
#section table tr td{
text-align:left}
#section table td:nth-child(2) {text-align:right}
#section textarea {max-width:200px; margin:0 auto;}
#section table td {padding:2px 5px;}
#dealers .makler {margin-bottom:20px; clear:both;}
#dealers .makler strong {font-weight:bold; margin-right:5px;}
#dealers .makler img {float:left; margin-right:10px;}
#dealers .makler p img {float:none; margin-right:3px; display:inline;}
#dealers .makler h2 {font-weight:normal; font-size:1.54em; line-height:1.2em;}
#dealers .makler h3 {line-height:2em;}
#dealers .makler h3 img {margin-right:3px; margin-top:0.4em;}
#dealers .detail.makler {width:auto; float:none; padding-top:20px; margin-top:20px; border:0; margin-bottom:0; clear:both;}
#mapa {float: /*right*/none; max-width: 400px; height: 250px; background-color:#666; z-index:0;}
#detail #mapa {width: 50%; float: right; background:#666; padding:0px 0 30% 0;height:0;border:none}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container a.modalCloseImg {
    background:url(img/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}
#simplemodal-container {background-color: #fff; position: absolute; border: 3px solid #000; z-index: 150; padding: 5px; height: auto !important; top: 20px !important;}
#simplemodal-container p {color: #797382;}
#simplemodal-container select {color: #797382}
#simplemodal-container label {width: 70px; display: block; float: left; text-align: left;}
#simplemodal-container input {background-color: #f7f9f9; color: #a1a2a2; width: 345px; border:1px solid #eaeeee;}
#simplemodal-container textarea {width: 420px; height: 165px; background-color: #f7f9f9; color: #a1a2a2; border:1px solid #eaeeee;}
#simplemodal-container .submit {width:120px; height:23px; background:#dbe0e0 url(img/submit.html) no-repeat scroll left top; font-weight:bold; margin-left: 10px; border:0; color:#7a898b; cursor:pointer;}
#simplemodal-container .submit:hover {background-position:left bottom;}
#simplemodal-container .reset {width:120px; height:23px; background:#e9ecec url(img/reset.html) no-repeat scroll left top; font-weight:bold; border:0; color:#a6b1b2; cursor:pointer;}
#simplemodal-container .reset:hover {background-position:left bottom;}
#realitkadetail{
	text-align:center
}
#realitkadetail img{
	display:none
}
#realitkadetail table{
max-width:300px;
margin:0 auto}
#realitkadetail table tr td{
text-align:left}
#realitkadetail table td:nth-child(2) {text-align:right}
#search #fQuickSearch {
	max-width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#search #fQuickSearch fieldset{
	font-size:14px
}
#banner {
		background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	padding-bottom: 30%;
	background-image:url(img/header.jpg);
	background-size:cover;
	margin-bottom:0px;
	z-index:2;
	position:relative
}
#slider {
	position: absolute;
height:100%;
display: block;
width:100%;
  animation-name: dalej;
    animation-duration: 15s;
    animation-iteration-count: infinite;
	background-image:url(img/header1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	top:0;
	left:0;
	background-position:center center;
	opacity: 0;
	z-index:1;
	}
/* Chrome, Safari, Opera */
@-webkit-keyframes dalej {
   0%    {opacity: 0;}
    30%  {opacity: 0;}
	40%  {opacity: 1;}
    70%  {opacity: 1;}
   80%  {opacity: 0;}
   100%  {opacity: 0;}

}
@keyframes dalej {
   0%    {opacity: 0;}
    30%  {opacity: 0;}
	40%  {opacity: 1;}
    70%  {opacity: 1;}
   80%  {opacity: 0;}
   100%  {opacity: 0;}
}
	
#slider2 {
	position: absolute;
height:100%;
display: block;
width:100%;
  animation-name: dalej2;
    animation-duration: 15s;
    animation-iteration-count: infinite;
	background-image:url(img/header2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	top:0;
	left:0;
	background-position:center center;
	opacity: 0;
	z-index:2;
	}
/* Chrome, Safari, Opera */
@-webkit-keyframes dalej2 {
   0%    {opacity: 0;}
   	60%  {opacity: 0;}
    70%  {opacity: 1;}
   90%  {opacity: 1;}
   100%  {opacity: 0;}
}
@keyframes dalej2 {
   0%    {opacity: 0;}
   	60%  {opacity: 0;}
    70%  {opacity: 1;}
   90%  {opacity: 1;}
   100%  {opacity: 0;}
}
#nav-mob{
display:none
}#section .oblacik .floatRight {
	float: none;
	max-width:400px;
	margin:0 auto;
	padding-bottom:20px
}
#section .oblacik .floatRight:after {
	clear:both;
	display:block;
	width:100%;
	content:"";
}
#section #contact input {border:solid thin #666}
#section #contact textarea {border:solid thin #666}
#cookie-wrap{
	z-index:5}
@media screen and (max-width: 1400px) {
#banner {
	background-image:url(img/header-1400.jpg);
}
#slider {
	background-image:url(img/header1-1400.jpg);
	}
	#slider2 {
	background-image:url(img/header2-1400.jpg);
	}
	}
@media screen and (max-width: 1100px) {
	#header > a {left:15px;}
	#menu a {
    padding: 20px 20px;
}
	}
	@media screen and (max-width: 1000px) {
#header	#menu{
height:0px; overflow:hidden;padding-top:0
}
#header	#menu li{
height:0px;
}
#header.open #menu li{
height:60px;
}
  #header.open	#menu{
height:auto; overflow:hidden
}
#nav-mob{
display:block;
position:fixed;
right:10px;
top:5px;
width:50px;
height:50px;
cursor:pointer;
background-image:url(img/menu-otvor.png);
background-position:center center;
background-repeat:no-repeat
}
 #header.open	#menu li{
display:block;
text-align:center
}
#header.open #nav-mob{
background-image:url(img/menu-zatvor.png);
}
#search select, #search select.price, #search input {
    width: 100px;
}
#search .button
{
}
#menu #tel-c a {display:block; padding:18px 40px; font-size:24px; width: auto; line-height:24px; color: #fff; background:url(img/podoby-mob.png); background-position:35% 18px; background-repeat:no-repeat}
#banner {
	background-image:url(img/header-1000.jpg);
}
#slider {
	background-image:url(img/header1-1000.jpg);
	}
	#slider2 {
	background-image:url(img/header2-1000.jpg);
	}
}
@media screen and (max-width: 850px) {
#detail table {
    width: 45%;
}
#detail h2.nadpis_mapa {
    padding: 1em 0 1em 45%;margin-left:30px}}
@media screen and (max-width: 700px) {
	#search select, #search select.price, #search input {
    width: 85px;
	margin-right:5px
}
	}
	@media screen and (max-width: 680px) {
#detail table {
    width: 100%;
	float:none;
	margin:0 auto
}
#detail h2.nadpis_mapa {
    padding: 1em 0 1em 0;margin-left:0px; text-align:center}
	#detail #mapa {
    width: 100%;
    float: none;
    background: #fff;
    padding: 0px 0 30% 0;
    height: 0;
    border: none;
	margin:0 auto;max-width:100%
}
	#detail .nadpis_podrinfo {
    float: none;
    clear: none;
    margin:0 auto;
    text-align:center;
    width: 100%;
    }
	#detail .info {
    float: none;
text-align:center
}#detail .info p {
    text-align: center;
}
#detail .image {
    display: inline-block;
    padding: 0px;
    float: none;
    margin-bottom: 20px;
	max-width:100%;
	height:auto
}
#detail .image img{
	max-width:100%;
	height:auto
}
	}
	@media screen and (max-width: 600px) {
	#search select, #search select.price, #search input {
width:100%;
    max-width: 500px;
	display:block;
	margin:3px auto
}#search input{
height:24px;
box-sizing:border-box;
padding:3px
}
#search .button
{
    width: 100%;
	    max-width: 200px;
		margin:0 auto
}
#section label {display:block; float:none; width:100%; text-align:center;}
#section #contact input {display:inline-block; float:none; width:100%;text-align:left; border:solid thin #666}
#section #contact textarea {width:100%;max-width:500px; border:solid thin #666}
#detail #mapa {
    width: 90%;
    float: none;
    background: #fff;
    padding: 0px 0 50% 0;
    height: 0;
    border: none;
	margin:0 auto
}
#main .listitem {
    max-width: 400px;
	width:100%;
    padding: 15px;
    margin: 10px 0px;
       text-align: left;
	   box-sizing:border-box
}
#menu #tel-c a {
    background-position: 30% 18px;
 }
	}
	@media screen and (max-width: 450px) {
#header.open	#menu{
padding-top:65px
}#menu #tel-c a {
    background-position: 25% 18px;
 }#banner {
	background-image:url(img/header-450.jpg);
}
#slider {
	background-image:url(img/header1-450.jpg);
	}
	#slider2 {
	background-image:url(img/header2-450.jpg);
	}
	}
@media screen and (max-width: 360px) {
#main .listitem h3 {
    display: block;
   }	#main .listitem .image {
text-align:center;
    float: none;
	display:inline-block
}#main .listitem {
text-align:center
}#menu #tel-c a {
    background-position: 20% 18px;
 }
	}
	
	
#contact input[type="checkbox"] {width: auto; margin: 0 10px 0 0;}
#simplemodal-container input[type="checkbox"] {float: left; width: auto; height: auto; margin: 4px 9px 4px 0;}
#simplemodal-container h1 {margin-bottom: 20px; height: 40px; line-height: 40px; text-align: left; font-size: 1.5em; color: #222;}
#simplemodal-container p.text {height: auto !important; line-height: 22px; text-align: left;}