@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900|Marck+Script&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext);
/*--------------------------------------------------
		OBECNE DEFINICE 
----------------------------------------------------*/
html > body { height:100%; min-height:100%;}
body { font-family: 'Titillium Web', Arial, sans-serif; text-align:center; height:100%; min-height:100%; min-width:1280px;}
.signature { font-family: 'Great Vibes', Arial, sans-serif; font-size:36px; margin-right:30px; }
.content { width:1280px; text-align:left; margin:0px auto; position:relative;}
h3 { font-size:25px;}
.modry { color:#009AFF;}
.black { color:#000;}
.grey { color:#666;}
.left { float:left;}
.right { float:right;}
.col { float:left;}
.drobecky { width:100%; }
.drobecky.pro-prodavajici2, .drobecky.pro-pronajimatele2 { background-color:#E2E2E2; }
.drobecky.hledate-podnajem2, .drobecky.hledate-podnajem5 { background: rgba(0, 0, 0, 0) url("../../../graph/guide-content-hledate-podnajem-2-bg.png") repeat-x scroll 0 0; }
.drobecky { position:relative; }
.drobecky .shadow { width:100%; position:absolute; top:0px; left:0px; background-color: rgb(255, 255, 255); height:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.drobecky p{ color:#a5a5a5; text-align:left; margin:0px 130px 0px; font-size:14px; padding-top:20px; }
.drobecky a { color:#a5a5a5; }
.butt, #dotazy input.butt { color:#fff; text-shadow:-1px -1px 1px #0070BB; border: 1px solid #0075BE; -webkit-border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px; box-shadow: 3px 3px 5px #cbcbcb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0099ff', endColorstr = '#0087db'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0099ff', endColorstr = '#0087db')"; background-image: -moz-linear-gradient(top, #0099ff, #0087db); background-image: -ms-linear-gradient(top, #0099ff, #0087db); background-image: -o-linear-gradient(top, #0099ff, #0087db); background-image: -webkit-gradient(linear, center top, center bottom, from(#0099ff), to(#0087db)); background-image: -webkit-linear-gradient(top, #0099ff, #0087db); background-image: linear-gradient(top, #0099ff, #0087db); cursor:pointer;
}
.marck { font-family: 'Marck Script';}
.sipka-vpravo-dolu { background:url(../../../graph/mala-sipka-vpravo-dolu.png) right center no-repeat; padding-right:30px;}
h1 { text-transform:uppercase; color:#0B53A2; text-align:center; font-size:32px; line-height:32px; margin:50px auto 30px;}
h1 span { display:block; font-size:16px; color:#000; text-transform:none; line-height:24px;}
h1.rady-tipy { background: url(../../../graph/panak-h1-homepage-bg.png) 900px 14px no-repeat; height:135px; margin:0px; }
h1.rady-tipy.velky { background: url(../../../graph/panak-rady-a-tipy.png) 900px 0px no-repeat; height:240px; margin:0px; }
h1.rady-tipy div { padding-top:50px;}
h1.rady-tipy.velky div { padding-top:150px;}
.pruvodce h2 { padding:33px 0px; background:url(../../../graph/panacek-pruvodce.png) 830px 0px no-repeat;}
h2.podnadpis { margin-left: 120px; }
/*-----------------------------------------------------------
		ZAHLAVI
-------------------------------------------------------------*/
#header { height: 133px; width:100%; z-index:99; position:relative;}
#logo { position:absolute; top:33px; left:100px; width:222px; height:70px; }
#logo a{ display:block; width:222px; height:70px; }
#logo a span{ display:block; width:222px; height:70px; position:absolute; top:0px; left:0px; background:url(../../../graph/logo.png) 0px 0px no-repeat #fff; }
.jazyky { list-style:none; margin:0px; padding:0px; position:absolute; top:0px; right:140px; color:#e2e2e2; }
.jazyky a { margin:0px 5px; font-size:12px; text-decoration:none; color:#666; font-family:Arial, sans-serif; }
.jazyky a:hover, .jazyky a.active { color:#009aff; }
.topmenu { list-style:none; position:relative; left:570px; top:43px; display:inline-block; height:60px; margin:0px; padding:0px; }
.topmenu li { display:inline-block; border-right:1px solid #e2e2e2; height:60px; }
.topmenu li.last { border-right:none; }
.topmenu a { color:#009aff; text-decoration:none; padding:40px 22px 0px; font-size:16px; display:block; background-position: center 0px; background-repeat:no-repeat; }
.topmenu a:hover { color:#96BC20; background-position: center -81px;}
a#rady { background-image:url(../../../graph/zarovka.png); }
a#hledej { background-image:url(../../../graph/hledej.png); }
a#makleri { background-image:url(../../../graph/makleri.png); }
a#poradna { background-image:url(../../../graph/poradna.png); }

/*-----------------------------------------------------------
		ZAPATI
-------------------------------------------------------------*/
#footer { width:100%; background: url(../../../graph/footer-bg.png) bottom left repeat-x #10477a; min-height:285px; margin-top: 0px; }
#footer .content.menu { min-height:213px;}
#footer .content.credits{ height:72px; text-align:center; color:#617f9b;}
#footer .content.credits p { margin:0px auto; padding-top:22px; font-size:12px;}
#footer .content.credits a { color: #a1b7cb;}
#footer .content.menu .col:first-child { width:160px; margin:0px 80px 0px 150px; }
#footer .content.menu .col { width:160px; margin:0px 80px 0px 50px; }
#footer .content.menu .col.kontakty { margin-right:0px; color:#fff; }
#footer .content.menu .col.kontakty h3 { padding-left:20px; background:url(../../../graph/tel-ico.png) 0px 43px no-repeat;}
#footer .content.menu .col.kontakty a { color:#fff; text-decoration:none; }
#footer .content.menu .col.kontakty .fb { margin:20px 10px 0px;}
#footer .content.menu .col.kontakty .fb a { padding:4px 0px 4px 40px; background:url(../../../graph/fb-ico.png) 0px 0px no-repeat; }
#footer .content.menu .col h3 { color:#fff; text-transform:uppercase; font-weight:400; padding-top:40px; font-size:18px;}
#footer .content.menu ul { list-style:none; margin:0px; padding:0px; }
#footer .content.menu ul a { color:#a1b7cb; font-size:14px; }

/*-----------------------------------------------------------
		HOMEPAGE
-------------------------------------------------------------*/
.banner-wrapper { min-width:1280px; width:100%; height: 400px; margin:0px; padding:0px;}
.banner { position: relative; overflow: auto;  }
.banner ul { margin:0px; padding:0px; }
.banner ul li { list-style: none; height: 400px; background-repeat: no-repeat; background-position: center; background-size: contain; float: left; position:relative; }
.banner .btn { display: inline-block; margin: 25px 0 0; padding: 9px 22px 7px; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4); border-radius: 5px;}

.banner .btn:hover { background: rgba(255,255,255,.05);	}	
.banner .dots { position: absolute; left: 0; right: 0; bottom: 0px; text-align: center; z-index: 3; padding:0px; margin:0px auto; height:20px; }
.banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 10px; text-indent: -999em; border: 1px solid #fff; background: #fff; border-radius: 6px; cursor: pointer; opacity: 1; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.banner .dots li.active { background: #8CC63F; opacity: 1; }
.banner .dots li:hover { background: #8CC63F; opacity: 1; }

.banner ul li .upoutavka { min-width:1280px; width:100%; height:90px; position:absolute; left:0px; bottom:0px; background-color: rgba(255, 255, 255, 0.5); padding:0px; margin:0px; text-align:center;}
.banner .upoutavka .content p{ text-align:left; margin:10px 120px; position:absolute; left:0px; top: 0px; font-size:20px; line-height:26px; }
a .upoutavka .content p { color: #000; line-height:120%;}
.banner a.slider-arrow { display:block; width:38px; height:66px; cursor:pointer; position:absolute; top:150px; background-position:top left; background-repeat:no-repeat; }
.banner a.slider-arrow.left {left:25px; background-image:url(../../../graph/slider-arrow-left.png);} 
.banner a.slider-arrow.right {right:25px; background-image:url(../../../graph/slider-arrow-right.png);} 
.mask { width:100%; height: 100%; background-image: url(../../../graph/carousel-mask.png); background-position: top center; }
/*-------------------------------------------------------------------------------------------------------*/
.pruvodce { padding:0px;}
#pruvodce { width:1040px; list-style:none; padding:0px 0px 0px; margin: 0px 120px 50px; height: 119px; box-shadow: 0px 0px 5px #999; border:1px solid #d1d1d1; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}
#pruvodce li { display:inline-block; width:258px; height: 119px; margin:0px; padding:0px; border-left: 1px solid #fff; border-right:1px solid #e0e0e0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9f9f9', endColorstr = '#ededed');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9f9f9', endColorstr = '#ededed')";
background-image: -moz-linear-gradient(top, #f9f9f9, #ededed);
background-image: -ms-linear-gradient(top, #f9f9f9, #ededed);
background-image: -o-linear-gradient(top, #f9f9f9, #ededed);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#ededed));
background-image: -webkit-linear-gradient(top, #f9f9f9, #ededed);
background-image: linear-gradient(top, #f9f9f9, #ededed);
opacity: 0.94;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 94);
filter: alpha(opacity = 6);
}
.left-round { -webkit-border-radius: 15px 0px 0px 15px; -o-border-radius: 15px 0px 0px 15px; -moz-border-radius: 15px 0px 0px 15px; border-radius: 15px 0px 0px 15px;}
.right-round { -webkit-border-radius: 0px 15px 15px 0px; -o-border-radius: 0px 15px 15px 0px; -moz-border-radius: 0px 15px 15px 0px; border-radius: 0px 15px 15px 0px;}
#pruvodce li.prvni { width:259px; border-left:none;}
#pruvodce li.posledni { width:258px; border-right:none;}
#pruvodce li a { text-decoration:none; color:#000; font-size:24px; font-weight:700; position:relative; padding:34px 20px 32px 30px; display:block; text-shadow:1px 1px 1px #fff; line-height:24px; }
#pruvodce li a span { text-shadow:none; font-size:16px;}
#pruvodce li a span.titulka { position:absolute; bottom: -40px; left: 130px; display:none; background:url(../../../graph/sipka-zjistete-vice.png) 30px 0px no-repeat; text-align:center;} 
#pruvodce li a:hover span.titulka { display:block; padding:40px 10px 0px;} 
#pruvodce li a:hover { -moz-box-shadow: inset 0px 20px 60px #b5b5b5; -webkit-box-shadow: inset 0px 20px 60px #b5b5b5; box-shadow: inset 0px 20px 60px #b5b5b5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#f7f7f7'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#f7f7f7')"; background-image: -moz-linear-gradient(top, #f0f0f0, #f7f7f7); background-image: -ms-linear-gradient(top, #f0f0f0, #f7f7f7); background-image: -o-linear-gradient(top, #f0f0f0, #f7f7f7); background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #f0f0f0, #f7f7f7); background-image: linear-gradient(top, #f0f0f0, #f7f7f7);
}
/*-----------------------------------------------------------
		AKTUALITY - UVODNI STRANKA
-------------------------------------------------------------*/
.novinky { width:1040px; margin:0px 120px 50px;}
.novinka { float:left; width:500px; min-height:180px; margin:0px; font-size:14px;}
.novinka.left { margin-right:40px; } 
.novinka .pic { float:left; width: 170px; height: 170px; margin: 0px 20px 20px 0px; background-position: center center; background-repeat: no-repeat; }
.novinka .perex { font-weight:700; font-size:20px; margin-bottom:10px;}
.arrow { background:url(../../../graph/sipka-vice-aktualit.png) 0px 0px no-repeat; padding:10px 0px 0px 50px; margin:0px 0px 0px 40%; }
.novinky .highslide img { float:left; margin: 0px 20px 20px 0px;}
/*-----------------------------------------------------------
		AKTUALITY - VYPIS
-------------------------------------------------------------*/
.vypis .novinka { width:960px; height:248px; border:1px solid #dadada; margin: 10px 40px 10px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.vypis .novinka img { margin:-1px 0px 0px -1px; float:left; width:330px; height:250px;}
.vypis .novinka .info { margin:40px 30px 40px 350px; width:570px; height:180px;}

.novinky.vypis a.button { margin:20px 40px; border:1px solid #dadada; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px; width:180px; text-align:center; font-size:18px; }

/*-----------------------------------------------------------
		PORADNA
-------------------------------------------------------------*/
.otazky { width:1040px; margin:0px 120px; padding:0px; list-style:none; }
.otazky li { padding:0px 60px; margin-bottom:10px;}
.otazky li.otazka { background:url(../../../graph/otaznik.png) 10px 5px no-repeat; min-height:58px; margin-top:40px; }
.otazky li.odp { border-bottom:1px solid #e9e9e9; padding-bottom:30px; }
.otazky li.odp.posledni { border-bottom:none; }
#dotazy { margin: 20px 250px 70px 230px; padding:0px; -webkit-border-radius: 25px; -o-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border:1px solid #f4f4f4; box-shadow: 0px 5px 5px #e3e3e3; background:url(../../../graph/panak-poradna.png) 480px 117px no-repeat #f8f8f8;}
#dotazy fieldset { border:none; padding:40px;}
#dotazy p{ text-transform:uppercase; margin:0px 0px 20px; }
#dotazy input, #dotazy textarea { margin:5px 0px 10px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.w395 { width:395px; height:32px; border: 1px solid #cdcdcd;}
#dotazy textarea { min-height:120px;}
.w738 { width:710px; border: 1px solid #cdcdcd;}
.dalsi-dotazy { margin:0px 330px 50px; text-align:center; background:url(../../../graph/rady-tipy.png) center center no-repeat; padding:30px 0px;}
.dalsi-dotazy p{ font-size:24px;}
.dalsi-dotazy p span { font-size:16px;}
.dalsi-dotazy p a.modry { text-decoration:underline;}
/*-----------------------------------------------------------
		MAKLERI
-------------------------------------------------------------*/
.makleri { width: 1040px; margin:0px 120px; }
.drobecky.makleri { width: 100%; margin: 0px; }
h2.sekce { border-bottom: 1px solid #e3e3e3; background: none; padding:0px; margin-bottom:30px;}
.makler { float:left; width:238px; height:438px; margin:10px 0px 50px 16px; border:1px solid #dadada; -o-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position:relative; text-align:center; }
.makler:hover { box-shadow: 0px 0px 5px #aaa;}
.makler img { margin: 0px auto; height:55%; -o-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }
.makler table { width: 220px; margin:10px 10px; text-align:left;}
.makler table th { color:#000; font-size:20px; }
.makler table td { color:#666; font-size:16px; }
.makler table .rating td{ line-height:14px; color:#009AFF; width:70px; }
img.stars-rating{ background-image:url(../../../graph/stars-bg.png); background-repeat: no-repeat;}
.makler a.detail { position:absolute; top:0px; left:0px; display:block; width:240px; height:370px; margin:0px; }
/*-----------------------------------------------------------
		MAKLERI- DETAIL
-------------------------------------------------------------*/
#makler-hodnoceni-dialog { text-align:left;}
#makler-hodnoceni-form fieldset { border:none; text-align:left;}
#makler-hodnoceni-form label.sirka { display:inline-block; width:80px; margin-bottom:10px; vertical-align:top; }
#makler-hodnoceni-form fieldset input.vice-button { margin-left: 85px;}
.detail-makler .col.kontakt { font-weight:700; }
.makler-uvod { width:920px; margin:50px 180px 0px; position:relative; min-height:200px; padding-bottom:45px; }
.box { -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color:#eee; width:100%; min-height:140px; }
.panak { position:absolute; bottom:0px; left: 0px; width: 234px; height:200px; background:url(../../../graph/panak.png) 0px 0px no-repeat;}
.hodnoceni { float:left; width: 390px; margin:25px 20px 20px 152px;}
.person { float:left; width: 250px; margin:25px 30px 10px 0px;}
.person img { float:left; margin:0px 20px 20px 0px;}
.detail-makler .col { width:50%; }
.detail-makler .col.kontakt table { border-collapse:collapse; width:100%;}
.detail-makler .col.kontakt table td { border-style:solid; border-width:1px 0px; border-color:#ddd; padding:10px 0px 10px 20px;}
.detail-makler .col.kontakt p.vyzva { font-size:26px; padding:0px 20px;}
p.vyzva span.tel{ font-size:30px; font-weight:700; display:block; text-align:center; background: url(../../../graph/makler-vyzva-tel-bg.png) top left no-repeat #fff; padding-bottom:12px; }
a.email { padding-left:45px; background:url(../../../graph/email-ico.png) 0px 0px no-repeat #fff; color:#666; text-decoration:none; }
a:hover.email { text-decoration:underline; }
a.home { padding-left:45px; background:url(../../../graph/adresa-ico.png) 0px 0px no-repeat #fff; }

.detail-makler { width:1040px; margin:0px 120px; color:#666;}
.detail-makler h1 { text-align:left; text-transform:inherit;}
.detail-makler ul { padding-left:20px }
.detail-makler .col.cv { width:670px; margin-right:30px;} 
.detail-makler .col.mam-rad { width:340px;} 
.detail-makler ul span{ color:#999;}
.detail-makler .perex { font-weight:600;}
.detail-makler .obsah { margin-bottom:80px;} 
.signature { display:inline-block; float:right;}
a.ico { display:inline-block; width: 24px; height:24px; background-position:0px 0px; background-repeat:no-repeat; margin-right:15px; margin-left:5px; margin-bottom:-5px;}
a.ico.fb { background-image: url(../../../graph/fb-ico-small.png);}
a.ico.gp { background-image:url(../../../graph/gp-ico-small.png);}
a.ico.tw { background-image:url(../../../graph/tw-ico-small.png);}
p.napiste-bg{ background:url(../../../graph/kontaktujte-me-emailem-bg.png) center center no-repeat; text-align:center; padding:20px 0px; width:370px; margin-left:60px; } 
.motto { width:980px; min-height:80px; margin: 30px; background:#f5f5f5; -webkit-border-radius: 15px; -o-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align:center;}
.motto p { padding:30px 70px; margin:0px auto; color:#747474; position:relative; min-width:200px; display:inline-block; font-weight:700;}
.citace { font-style:italic; font-weight:400;}
.uvoz { position:absolute; display:inline-block; width:37px; height:30px; background-position:top left; background-repeat:no-repeat;}
.sestky { right:10px; top: 30px; background-image:url(../../../graph/uvozovky-6.png); }
.devitky { left: 10px; bottom: 50px; background-image:url(../../../graph/uvozovky-9.png); }

.nabidka, .realizovano { background: #eaeaea; padding:50px 120px 50px; margin-top:50px;}
.nabidka h3, .realizovano h3  {margin: 0px 0px 20px;}
.nabidka .nemovitost, .realizovano .nemovitost { background-color:#fff; margin:0px; } 
.stav { position:absolute; bottom: 25px; right:-20px; width:180px; height:65px; display: none; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; }
.stav.prodano { display: block; background-image:url(../../../graph/prodano.png);}
.stav.rezervovano { display: block; background-image: url(../../../graph/rezervovano.png);}
.stav.realizovano { display: block; background-image: url(../../../graph/realizovano.png); padding: 0px; background-color: transparent;}
.clanky { margin: 80px 120px 80px;}
.nazory { margin:50px 120px;}
.item { margin:0px; padding:0px;}
.nazor { margin: 20px 40px 0px; background:#eee; -webkit-border-radius: 40px; -o-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; min-height:60px; padding:20px 40px; }
.nazor .rating { background:url(../../../graph/nazory-rating.png) 0px 0px no-repeat; width:90px; height:16px; margin:0px 0px 10px 0px;}
.reakce { padding-left:100px;}
.odpoved { margin: 20px 40px 0px; background:url(../../../graph/makler-odpoved.png) 10px 0px no-repeat;padding:0px 40px 0px 60px; }
.odpoved-kdo{ margin: 20px 40px 0px; background: none; }
.kdo { background:url(../../../graph/nazor-ousko.png) 0px 0px no-repeat; margin-left:100px; padding-left:50px; }
.kdo span { background: url(../../../graph/tel-small.png) left center no-repeat; padding-left:20px; margin-left:10px;}
.add-rating { text-align:center; }
a.napiste, .add-rating a { text-decoration:none; font-weight:700;}
a.napiste { display:inline-block; width:215px; margin:0px auto;}
#makler-hodnoceni-form .vice-button { width: auto; cursor:pointer;}
/*-----------------------------------------------------------
		PORADNA NAD ZAPATIM
-------------------------------------------------------------*/
.poradce-zapati { background:url(../../../graph/panak-poradna-zapati.png) left bottom no-repeat; min-height:90px; margin:30px 280px 0px; padding:50px 0px 30px 150px; }
.poradce-zapati h2 { text-transform:uppercase; line-height: 100%;}
.poradce-zapati p { margin:5px 0px 0px;}

/*-----------------------------------------------------------
		NEMOVITOSTI - VYHLEDANI, VYPIS
-------------------------------------------------------------*/
#nemovitosti-wrapper { padding: 0; margin: 0; border: 0; }
.nemovitosti { margin:0px 120px 30px; z-index:0; position:relative; }
.drobecky.nemovitosti { width: 100%; margin: 0px; }
#hledej-nemovitost { margin-bottom:30px; }
#hledej-nemovitost fieldset#google-map { height:430px; width:1040px; padding:0px; margin:0px; border:none; position: relative; z-index: 0; }

#hledej-nemovitost fieldset.vstupy { position: relative; z-index: 2; -webkit-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; margin:-20px 0px 0px; border:none; min-height:100px; padding-top:20px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9f9f9', endColorstr = '#ebebeb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9f9f9', endColorstr = '#ebebeb')";
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#ebebeb));
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
box-shadow: 0px 5px 6px #d2d2d2;
}

#hledej-nemovitost .col { float:left; width:270px; margin:0px; padding-left:20px; height:100%; min-height:7em;}
#hledej-nemovitost .col.prvni { border-left:none;}
#hledej-nemovitost .col label { display:inline-block;}
#hledej-nemovitost .col.prvni label { width:90px;}
#hledej-nemovitost .col.prvni select { width:160px;}
#hledej-nemovitost .col.druhy { width:400px; border-left: 1px solid #aaa; border-right: 1px solid #aaa;}
#hledej-nemovitost .col.druhy label { width:160px; font-size:14px; margin-right:20px;}
.hledat { margin:10px 20px; padding:20px 30px 10px; text-align:center; background:url(../../../graph/najdi-nem-bg.png) 30px 0px no-repeat; }
#slider-range { margin:10px;}
.nemovitost { width:1040px; height:248px; border:1px solid #dadada; margin: 10px 0px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nemovitost a.main-photo { display:block; width:370px; height: 248px; overflow:hidden; position:relative; border-radius: 5px 0px 0px 5px; float:left;}

.nemovitost img { margin:0px; max-width:400px; float:left; height:100%; }
.nemovitost a.main-photo img { margin:-1px 0px 0px -1px; width:400px; position:absolute; top:0px; right:0px; border-radius: 4px 0px 0px 4px; float:none; height:auto; }

.nemovitost .info { margin:10px 30px 10px 420px; width:570px; height:250px; color:#666; position:relative;}
.nemovitost .info h4 { font-weight:700; font-size:18px; margin-bottom:10px; color:#000;}
.nemovitost .info h4 a{ color:#000; text-decoration:none;}
.nemovitost .info h4 a:hover { text-decoration:underline;}
.nemovitost .info .param { margin-bottom:10px;}
.nemovitost .info .param span { margin-right:20px;}

.thumb-map { font-size:12px; line-height:16px;}
img.thumb-map { margin:5px 5px 5px 0px;}
h1.thumb-map { font-weight:bold; font-size:14px; margin: 1px 3px 5px 0px; text-transform:inherit; text-align:left; }
p.thumb-map { margin:3px 0px 0px 105px;}
p.cena.thumb-map { font-weight:bold;}

#hledej-nemovitost .switch {
  position: relative; margin: 0px 0px 20px; height: 36px; width: 250px; background: rgba(0, 0, 0, 0.25); border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

#hledej-nemovitost .col.prvni .switch-label {
  position: relative; z-index: 2; float: left; width: 123px; line-height: 36px; font-size: 16px;
  text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); cursor: pointer;
}
#hledej-nemovitost .switch-label:active { font-weight: bold; }

#hledej-nemovitost .switch-label-on { padding-left: 2px; }

#hledej-nemovitost .switch-label-off { padding-right: 2px; }

/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       http://css-tricks.com/webkit-sibling-bug/
 */
.switch-input { display: none; }
.switch-input:checked + .switch-label {
  font-weight: bold; color: rgba(0, 0, 0, 0.65); text-shadow: 0 1px rgba(255, 255, 255, 0.25); -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-off ~ .switch-selection { left: 125px; }

.switch-selection {
  display: block; position: absolute; z-index: 1; top: 2px; left: 2px; width: 123px; height: 32px; background: #65bd63;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  background: #3aa2d0;
  background-image: -webkit-linear-gradient(top, #0099ff, #0087db);
  background-image: -moz-linear-gradient(top, #0099ff, #0087db);
  background-image: -o-linear-gradient(top, #0099ff, #0087db);
  background-image: linear-gradient(to bottom, #0099ff, #0087db);
}
/*-----------------------------------------------------------
		NEMOVITOST - DETAIL
-------------------------------------------------------------*/
.detail { width:1060px; margin:0px 120px; }
.nem { width:510px; float:left; margin:10px 20px 0px 0px; padding:0px;}
.nem.right { margin:30px 0px 0px 20px; }
#lokace { margin-top:35px; width: 510px; height: 510px; }
.nem table { border-collapse:collapse; }
.nem table tr { border-top:1px solid #ddd; }
.nem table tr.cena { border-top:none; }
.nem table th, .nem table td{ color:#666; font-weight:400; padding:5px 0px; text-align:left; }
.nem table tr td { color:#000; }
.nem table tr.cena td { font-weight:700;}
.nem table tr.popis { padding-top:20px; border-top:none;}
.nem table tr.popis td, .nem table tr.popis th { padding-top:30px;}
a.tisk { padding: 3px 5px 3px 25px; background:url(../../../graph/print-ico.png) left center no-repeat; margin-right:40px;}
a.mail { padding: 3px 5px 3px 25px; background:url(../../../graph/mail-ico.png) left center no-repeat; margin-right:40px;}
a.like img{ margin-bottom:-7px; }
.kontaktujte { padding-top:20px; margin:40px 0px 40px; border-top:1px solid #e9e9e9; }
.kontaktujte .foto, .kontaktujte .info { float:left;}
.kontaktujte .foto { margin:0px 30px 20px 0px;}
.info p.sipka { background:url(../../../graph/nemovitost-makler-sipka.png) 30px 0px no-repeat; padding:40px 0px 0px 100px;}
.kontaktujte form { margin-right:0px;}
.kontaktujte form input { margin-bottom:20px;}
.kontaktujte form fieldset { background-color:#f9f9f9; -webkit-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:10px 20px; box-shadow: 0px 3px 8px #e2e2e2; border:none; }
.kontaktujte form fieldset textarea { color:#707070; margin-bottom:20px; min-height:80px; }
.galerie .thumb a.highslide { width: 100px; display:inline-block; margin:0px 36px 10px 0px; text-align:center;}
.galerie .thumb a.highslide:nth-child(4n) { margin-right:0px;} 
.galerie .thumb a.highslide img { border:none;}
/*-----------------------------------------------------------
		KONTAKT
-------------------------------------------------------------*/
.banner { width:100%; min-width:1280px; height:430px; margin:0px; padding:0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;}
.banner h1 { margin-top:0px; padding-top:40px; font-size:30px; line-height:40px;}
.banner .content { position:relative; width:1280px; height:100%; text-align:center; margin:0px auto;}
.banner .panak { margin-left:700px; height:300px; width:234px; background:url(../../../graph/banner-panak.png) 0px 0px no-repeat; position: absolute; bottom:0px; right:120px; }
.kontakty { color:#666; margin-bottom:50px;}
.kontakty .col { width:530px; margin-top:50px;}
.kontakty .col.levy { margin-left:120px; margin-top:0px;}
.kontakty .col.pravy { margin-top:0px;}
.kont { display: flex; text-align: left; margin-left: 120px; }
.kont div { flex: 0 1 auto; padding-right: 2em; }
/*-----------------------------------------------------------
		PRUVODCE 5 KROKU
-------------------------------------------------------------*/
.guide { background:url(../../../graph/pruvodce-bg.png) 0px 0px repeat-x; }
.step5 .guide { background:url(../../../graph/pro-pronajimatele-5-pruvodce-bg.png) 0px 0px repeat-x; }
.guide-content.step-2 { background:url(../../../graph/guide-content-prodavate-2-bg.png) 0px -1px repeat-x transparent; }
.guide-content.step-2-hledate-podnajem, .guide-content.step-5-hledate-podnajem { background:url(../../../graph/guide-content-hledate-podnajem-2-bg.png) 0px 0px repeat-x; }
.guide-content.step-3-pronajimate { background: url(../../../graph/guide-content-pronajimate-3-bg.png) 0px 0px repeat-x; }
.guide-content.step-5-pronajimate { background: url(../../../graph/guide-content-pronajimate-5-bg.png) 0px 0px repeat-x; }

.guide-in { height:400px; margin:0px auto; }
.guide-in.step-1-kupujete { background:url(../../../graph/step-1-kupujete.png) 0px 0px no-repeat transparent;}
.guide-in.step-2-kupujete { background:url(../../../graph/step-2-kupujete.png) 0px 0px no-repeat transparent;}
.guide-in.step-3-kupujete { background:url(../../../graph/step-3-kupujete.png) 0px 0px no-repeat transparent;}
.guide-in.step-4-kupujete { background:url(../../../graph/step-4-kupujete.png) 0px 0px no-repeat transparent;}
.guide-in.step-5-kupujete { background:url(../../../graph/step-5-kupujete.png) 0px 0px no-repeat transparent;}

.guide-in.step-1-prodavate { background:url(../../../graph/step-1-prodavate.png) 0px 0px no-repeat transparent;}
.guide-in.step-2-prodavate { background:url(../../../graph/step-2-prodavate.png) 0px -1px no-repeat transparent;}
.guide-in.step-3-prodavate { background:url(../../../graph/step-3-prodavate.png) 0px 0px no-repeat transparent;}
.guide-in.step-4-prodavate { background:url(../../../graph/step-4-prodavate.png) 0px 0px no-repeat transparent;}
.guide-in.step-5-prodavate { background:url(../../../graph/step-5-prodavate.png) 0px 0px no-repeat transparent;}

.guide-in.step-1-pronajimate { background:url(../../../graph/step-1-pronajimate.png) 0px 0px no-repeat transparent;}
.guide-in.step-2-pronajimate { background:url(../../../graph/step-2-pronajimate.png) 0px -1px no-repeat transparent;}
.guide-in.step-3-pronajimate { background:url(../../../graph/step-3-pronajimate.png) 0px -1px no-repeat transparent;}
.guide-in.step-4-pronajimate { background:url(../../../graph/step-4-pronajimate.png) 0px 0px no-repeat transparent;}
.guide-in.step-5-pronajimate { background:url(../../../graph/step-5-pronajimate.png) 0px 0px no-repeat transparent;}

.guide-in.step-1-hledate-podnajem { background:url(../../../graph/step-1-hledate-podnajem.png) 0px 0px no-repeat transparent;}
.guide-in.step-2-hledate-podnajem { background:url(../../../graph/step-2-hledate-podnajem.png) 0px 0px no-repeat transparent;}
.guide-in.step-3-hledate-podnajem { background:url(../../../graph/step-3-hledate-podnajem.png) 0px 0px no-repeat transparent;}
.guide-in.step-4-hledate-podnajem { background:url(../../../graph/step-4-hledate-podnajem.png) 0px 0px no-repeat transparent;}
.guide-in.step-5-hledate-podnajem { background:url(../../../graph/step-5-hledate-podnajem.png) 0px 0px no-repeat transparent;}

.guide h1 { text-transform:inherit; font-size:40px; text-align:center; margin:0px auto; position:relative; padding-top:30px; }
.guide h1 span { text-transform:uppercase; font-size:27px; display:inline-block; color:inherit; text-align:left; font-weight:400; line-height:35px; position:relative; vertical-align:top; margin-top:3px; }
.guide h1 span a { color:inherit; }
#steps { height: 86px; width:960px; -webkit-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px; border-radius:20px; box-shadow: 0px 4px 8px #666; background: url(../../../graph/steps-bg.png) 0px 0px repeat-x; margin: -28px auto 50px; border: 1px solid #c7c7c7; }
.step { width:190px; border-style:solid; border-right-color: #e0e0e0; border-left-color: #fff; border-width:0px 1px; display:inline-block; height:100%; color:#000; text-shadow:2px 2px 3px #fff; text-decoration:none; font-size:20px; font-weight:700;}
a:hover.step, a.active.step  { background:url(../../../graph/step-bg-hover.png) 0px 0px repeat-x;}
.step span { display:block; margin:10px 20px 0px; float:left;}
.step span.step-info { font-size:14px; line-height:16px; margin-top:0px; font-weight:400; } 
.st1 { border-left-color:transparent; -webkit-border-radius:20px 0px 0px 20px; -o-border-radius:20px 0px 0px 20px; -moz-border-radius:20px 0px 0px 20px; border-radius:20px 0px 0px 20px;}
.st5 { border-right-color:transparent; -webkit-border-radius:0px 20px 20px 0px; -o-border-radius:0px 20px 20px 0px; -moz-border-radius:0px 20px 20px 0px; border-radius:0px 20px 20px 0px; width: 188px;}
.guide-content ul { list-style:none; width:780px; margin:20px 250px; padding:0px; }
.guide-content ul li { background:url(../../../graph/odrazka.png) 0px 8px no-repeat; padding:0px 20px 20px 55px; margin:0px 0px 30px; font-size:20px; color:#666;}
a.vice-button, input.vice-button { color:#fff; display:block; width: 200px; font-size:20px; text-shadow: 0px 1px 1px #0062a2; border-style: solid; border-width:1px; text-decoration:none; font-weight:700; text-align:center; padding:10px 20px; background: #0099ff; /* Old browsers */
background: -moz-linear-gradient(top,  #0099ff 0%, #0086db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#0086db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0099ff 0%,#0086db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0099ff 0%,#0086db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0099ff 0%,#0086db 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0099ff 0%,#0086db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0086db',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 13px; -o-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;
border-color: #bee4fe #008feb #0075be; box-shadow: 0px 2px 3px #999; margin:20px auto;
}
#vice-form fieldset { border:none; }
input#vice-email { width: 367px; height:25px; margin-bottom:1em; margin-top:5px;}
/*----------------------------------------------------------
			POP-UP OKNO
------------------------------------------------------------*/
.web form#vice-form { width:400px; margin:40px auto 20px; font-size:15px; }
.web #vice-dialog p { font-size:15px;}
.web form#vice-form fieldset.text-left { text-align:left; }
.ui-widget-overlay { background:#dadada; opacity: 0.8; background: rgba(218, 218, 218, 0.8); }
.web .ui-widget-content { background: #fff }
.web .ui-widget-header, .web .ui-widget-header a { background: none; border: none; color: #000; text-decoration:none; }
.web .ui-widget-header a:hover { text-decoration:underline;}
/*.web .ui-state-hover { background:none; border: none; color: #000; }*/
.web .ui-dialog-titlebar-close { width: 75px; }
.web .ui-icon.ui-icon-closethick { text-indent: 0em; width:70px; margin-right:10px; padding-right:5px; }
.web .ui-icon.ui-icon-closethick { background: url(../../../graph/zavrit.png) no-repeat scroll right center; } 
.web .ui-icon { background-image: none; height: 16px; width: 70px; overflow:visible; }
#vice-dialog h1 { line-height:40px; margin-bottom:0px;}
.web .ui-dialog .ui-dialog-titlebar-close { right: 20px; }
.web .ui-dialog .ui-dialog-titlebar-close:hover, .web .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; }
.web .ui-dialog .ui-dialog-titlebar-close { margin: 0px; }

.web form#vice-form label.error { display:none !important; }
.web form#vice-form label span, .web #vice-dialog p span { color:#f00; font-size:15px;}

form#contact-form label.error, form#dotazy label.error { display: inline-block; position: relative; padding: 3px 5px; border-radius:3px; left:20px; top:0px; background-color: #fff; border:1px solid red; }
/* Carousel PRODANE */
#slider-prodane { height: 1%; overflow: hidden; padding: 0 0 10px; }
#slider-prodane .viewport { float: left; width: 1042px; height: 250px; overflow: hidden; position: relative; }
#slider-prodane .buttons { display: block; margin: 0px; float: left; width: 35px; height: 35px; position: absolute;
    top:210px; text-decoration: none; font-size: 22px;
}
#slider-prodane .next { margin: 0px; right:40px; background-image: url('../../../../w3web/graph/arrow-right.svg'); background-size: contain;
background-repeat: no-repeat; background-position: center center;  }
#slider-prodane .prev { margin: 0px; left:40px; background-image: url('../../../../w3web/graph/arrow-left.svg'); background-size: contain;
background-repeat: no-repeat; background-position: center center;  }

#slider-prodane .disable { visibility: hidden; }
#slider-prodane .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 1042px; left: 0; top: 0; }
#slider-prodane .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 250px; border: 1px solid #dcdcdc; width: 1042px; }

/* Carousel HOME MAKLER */
#slider-home-makleri { height: 1%; overflow: hidden; padding: 0 0 10px; }
#slider-home-makleri .viewport { float: left; width: 920px; height: 140px; overflow: hidden; position: relative; }
#slider-home-makleri .buttons { display: block; 
    position: absolute; top:20px; color: #fff; line-height: 35px;
    text-decoration: none; z-index: 9999;
}
#slider-home-makleri .disable { visibility: hidden; visibility: visible; }
#slider-home-makleri .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 920px; left: 0; top: 0; }
#slider-home-makleri .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 140px; width: 920px; }

/* Carousel HOME HODNOCENI */
.slider-home-hodnoceni { height: 1%; overflow: hidden; padding: 0 0 10px; }
.slider-home-hodnoceni .viewport { float: left; width: 390px; height: 80px; overflow: hidden; position: relative; }
.slider-home-hodnoceni .buttons {
    display: block; margin: 0px; 
    font-weight: bold; text-align: center; text-decoration: none; 
}
.slider-home-hodnoceni .next { margin: 0px; }

.slider-home-hodnoceni .disable { visibility: hidden;}
.slider-home-hodnoceni .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 390px; left: 0; top: 0; }
.slider-home-hodnoceni .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 80px; width: 390px; }
 { top:15px; }
#slider-home-makleri .horiz.prev { width: 18px; height: 35px; left: -50px; top:50px; background-image: url('../../../../w3web/graph/arrow-left.svg'); background-size: contain;
background-repeat: no-repeat; background-position: center center; }
#slider-home-makleri .horiz.next { width: 18px; height: 35px; right: -50px; top:50px; background-image: url('../../../../w3web/graph/arrow-right.svg'); background-size: contain;
background-repeat: no-repeat; background-position: center center; }
#slider-home-makleri .vert.prev { width: 35px; height: 18px; top:10px; background-image: url('../../../../w3web/graph/arrow-up.svg'); background-size: contain;
background-repeat: no-repeat; background-position: center center; left:320px; }
#slider-home-makleri .vert.next {  width: 35px; height: 18px;background-image: url('../../../../w3web/graph/arrow-down.svg'); 
background-size: contain; background-repeat: no-repeat; background-position: center center; bottom:0px; left:320px; top:115px;  }
#slider-home-makleri ul.nazory { width:380px; }
#slider-home-makleri ul.nazory li { width:380px; height: 120px; }