* {font-family: 'Open Sans'; font-weight: 300;}
body {color:#525252; }
footer p  {color:#525252; }
.paddingbottom0 { padding-bottom: 0 !important;}
.img-responsive {max-width: inherit; width:100%;}
.popis16 {font-size: 16px;}
.zelena {color:#7ab51d !important;}
.modra {color:#009ee0 !important}
.seznam {background: url(/treboradice/assets/img/vyladene-domy-treboratice-seznam.png) no-repeat 0 2px; padding: 0 0 0 30px; margin:0 0 5px 0;}
.seznam-modry {background: url(/treboradice/assets/img/vyladene-domy-treboratice-seznam-modry.png) no-repeat 0 2px; padding: 0 0 0 30px; margin:0 0 5px 0; color:white;}
.home-section {padding-top: 80px; padding-bottom: 30px;}
.btn-primary { background-color: #009ee1;}
 a {color: #009ee0;}
.zlom {clear:both;}

.nav>li>a {padding: 10px 10px;}


.phone { position: fixed;top: 50px;right: 0px;z-index: 9999;}
.phone i {font-size: 26px;position: absolute;right: 0;top: -30px;cursor: pointer;color: black;}

.phone2 { position: fixed;top: 70px;z-index: 9999; width:100%; text-align:center;}
.phone2 i {font-size: 40px;position: absolute;right: 0;top: 25px;cursor: pointer;color: black; margin: auto 50%;}
.phone2 i:hover {opacity: 0.4;}

#logo-dole { position: fixed; bottom:0; right: 30px; width: 147px ; height: 177px; z-index: 9999; background: url(../img/logo-dole.jpg); background-size:contain; }
@media (max-width: 780px){
#logo-dole { width: 80px ; height: 96px;}
}

.oceneni { width: 100px; height:200px; background: url(/treboradice/assets/img/oceneni.png) no-repeat; background-size: contain; position:absolute; top: 0; left: 2%; }
.oceneni:hover { width: 170px; height:300px;}


/* MENU */
.navbar-brand {margin:0;padding:0; width:0;}
.navbar-brand h1 {font-size:0;margin:0;padding:0;}
.navbar .zmizet2  {display:none;}
.top-nav-collapse .zmizet2 {display:block;}
.top-nav-collapse .zmizet {display:none;}
.nadmenu {position: relative; height:85px; background: url(/treboradice/assets/img/vyladene-domy-treboratice-top.jpg) no-repeat;  background-position: left top; background-size:cover;}
.tmavemenu { background-color: #565656;}
.colapsePC {padding-top:15px; float: right;  width: 146px; text-align:right;}
.vetsi { font-size: 15px;}
.navbar-inverse {background-color: #565656;}
.modra a {background-color: #009ee1 !important; }
.kontakt {color:#525252; letter-spacing: 0.5px; position: absolute; margin: -25px 0 0 -15px;}
.klic {position: absolute; z-index:99;}
.listek {position: absolute; right:30px; top:-31px; z-index:99; width:240px; height:193px; background: url(/treboradice/assets/img/vyladene-domy-treboratice-right-listek.png) no-repeat; padding: 20px 20px 0 45px; color:white; letter-spacing: 0; text-align: center; }
.listek-1 {font-size:23px;}
.listek-2 {font-size:43px;line-height: 43px;}
.listek-cara {margin-bottom:8px;}
.listek-3 {font-size:23px;}
.listek-4 {font-size:23px;line-height: 23px;}
.navbar-custom ul.nav li a {font-weight:100; color:white;}
.nav.navbar-nav {background-color: rgba(255,255,255,.0); }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {background-color: #565656;}


/* INTRO */
.intro {height: auto; padding-top:105px; padding-bottom:40px;}
.hlavnitext {padding-top: 30px; font-size:42px; line-height: 45px; }
.modrytext {color: #009ee0;}


.bublina-etapa {
    width: 302px;
    height: 142px;
    position: absolute;
    z-index: 120;
    left: 10%;
    top: 0px;
}

.bublina-8 {
    width: 309px;
    height: 121px;
    position: absolute;
    z-index: 1;
    left: -22px;
    top: 30px;
}

.nulovani {padding-left:0; padding-right:0; margin-top:70px; }
#myCarousel .carousel-control {width: 8%; text-align: left; opacity: 1;}
#myCarousel .carousel-indicators li {width: 40px; height: 7px; border-radius: 0px; background-color:white; border:0; margin:0;}
#myCarousel .carousel-indicators .active {background-color:#009ee0; border:0;}
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right {background-image: none; }
#myCarousel .carousel-control:hover {background-color: rgba(255,255,255,.3); }
#myCarousel .carousel-control .icon-prev1 {position: absolute; z-index: 5; display: inline-block; bottom: 0; width: 100%; background-color: rgba(255,255,255,.5); text-align: center; }
#myCarousel .carousel-control:hover .icon-prev1 {background-color: rgba(255,255,255,.0);}
#myCarousel .carousel-control .icon-next1 {position: absolute; z-index: 5; display: inline-block; bottom: 0; width: 100%; background-color: rgba(255,255,255,.5); text-align: center; }
#myCarousel .carousel-control:hover .icon-next1 {background-color: rgba(255,255,255,.0);}
.energeticka {position:absolute; bottom:0; left:20%; z-index:9; width:98px; height:104px; background: url(/treboradice/assets/img/vyladene-domy-treboratice-energeticka.png) no-repeat; }
.registrace {position:absolute; bottom:5%; left:80%; z-index:9; margin-left:-15%; }

.upoutavkatext {padding-top: 30px; font-size:20px; text-align: center; padding-right: 0px;}
#textCarousel {background-color: white; min-height:100px; height:auto;}
#textCarousel .fill  {padding: 20px 50px 10px 50px;}
#textCarousel .carousel-control { width: 10%; opacity: 0.3; text-shadow:initial;}
#textCarousel .carousel-control:hover {opacity: 0.5;}
#textCarousel .carousel-control .icon-prev1 {}
#textCarousel .posun10 {padding-top: 10px;}

/*
.nulovanitop {padding-left:0; padding-right:0;}
.topgrafika {background: Silver; }
*/



/* oprojektu */
#oprojektu {border-top: 1px solid silver; background: url(/treboradice/assets/img/vyladene-domy-treboratice-noty-sede.jpg) no-repeat 37% 60px; }
#oprojektu h2 {font-size:42px; color: #009ee0; font-weight:100;}
#oprojektu h3 {font-size:24px; font-weight:100; text-transform: none; margin:10px 0;}
.nulovani-padleft {padding-left: 0px; padding-bottom: 15px;}



/* aktuality */
#aktuality {border-top: 1px solid silver; background: url(/treboradice/assets/img/vyladene-domy-treboratice-noty-sede.jpg) no-repeat 37% 60px; }
#aktuality h2 {font-size:42px; color: #009ee0; font-weight:100;}
#aktuality h3 {font-size:24px; font-weight:100; text-transform: none; margin:10px 0;}

.aktualita-datum {font-size: 16px; font-weight:700; color: #009ee0;}
.aktualita-nadpis {font-size: 16px; font-weight:700; color: Black;}
#aktuality .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background-color: #99cc33;}
#aktuality div[id^=owl-akt] .item{ margin: 1px; float:left; background-color:black;}
#aktuality div[id^=owl-akt] .item img{display: block; width: 100%;}



/* domy */
#domy {border-top: 1px solid silver; background: #efefef  }
#domy h2 {font-size:42px; color: #009ee0; font-weight:100;}
#domy h3 {font-size:21px; font-weight:100; text-transform: none; margin:10px 0;}

.lupa {
  opacity: 1;
  position: relative;
  height: auto;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.lupa:hover {
  opacity: 0.9;
}
.lupa:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  background: url('/treboradice/assets/img/vyladene-domy-treboratice-lupa.png') center center no-repeat #000000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.lupa:hover:after {
  opacity: 0.6;
}



/* bungalov */

.introdum { padding-top: 220px;}


.foto {width:100px !important; height:60px !important; margin:0;}
.foto1 {background: url('/treboradice/assets/img/vyladene-domy-treboratice-001.jpg') center center; background-size: cover;}
.foto2 {background: url('/treboradice/assets/img/vyladene-domy-treboratice-002.jpg') center center; background-size: cover;}
.foto3 {background: url('/treboradice/assets/img/vyladene-domy-treboratice-b-prizemi.jpg') center center; background-size: cover;}
.foto4 {background: url('/treboradice/assets/img/vyladene-domy-treboratice-b-patro.jpg') center center; background-size: cover;}

#bungalovCarousel .carousel-indicators {bottom: -100px; width:100%; margin-left:-50% ;padding-top: 15px; padding-bottom: 10px;background-color: #ECECEC;}
#bungalovCarousel .carousel-indicators li {margin:0; border-radius: 0px; border: 2px solid White; }
#bungalovCarousel .carousel-inner {margin-bottom: 90px;}
#bungalovCarousel .foto.active {margin:0; border: 2px solid #009ee0;}
.detail-zajem {color: #009ee0; font-size: 24px;font-weight: 900; text-align:center;}
form#contact-form input {border: 1px solid #ccc;}
form#contact-form .input-group-addon {border-color: #ccc;}
form#contact-form textarea {width:100%; height:none; border: 1px solid #ccc; padding:5px;}
.formular-poznamka {font-size:90%; background-color: #fbfbfb; padding: 10px 10px; color:#333;}



.udajbez { font-size: 36px;}
.udaj { font-size: 36px; border-right: 1px solid #c0c0c7;text-align: center;}
.tucne { font-weight: 700;}
.male { font-size: 16px;}
.popisdomu  {padding-top: 60px;}

.download { font-size: 14px; padding-left: 35px; height: 35px; line-height: 40px; background: #7ab51d url("/treboradice/assets/img/pozadi-download.png") 10px 8px no-repeat; margin-top:10px; text-align: left;}
.download a { color: White;}
.download a:hover { text-decoration:underline; }

.downloadpdf { font-size: 14px; padding-left: 65px; height: 70px; padding-top:20px;  background: url("/treboradice/assets/img/pdf-ikona-varianta.png") 0px 0px no-repeat; margin-top:10px; text-align: left;}
.downloadpdf a { color: Black;}
.downloadpdf a:hover { text-decoration:underline; }

.mistnosti {margin:25px 0; width:100%; text-align:left;}
.mistnosti th {color:#58585a; font-weight:bold; border-bottom:1px solid #c6c4c9;}
.mistnosti td {}
.mistnosti .celkem {color:#58585a; font-weight:bold; padding-bottom:8px; border-top:1px solid #c6c4c9;}

.zalozky-linka {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0px 0px 4px 4px;
    padding: 20px 20px 0 20px;
    background: White;
}
.nav-tabs>li>a {
    font-weight: bold;
    color: #C74040;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: Orange;
    font-weight:bold;

}

.mensi {font-size:25px;}






/* lokalita */
#lokalita { background: url(/treboradice/assets/img/vyladene-domy-treboratice-noty-sede.jpg) no-repeat 37% 610px; }
#lokalita h2 {font-size:42px; color: #009ee0; font-weight:100; padding-top:30px;}
#lokalita h3 {font-size:24px; font-weight:100; text-transform: none; margin:10px 0;}
#mapa {width:100%; height:850px;}
.relativemap  {position:relative}

/* etapy */
#etapy { background: #7ab51d; }
#etapy h2 {font-size:42px; color: white; font-weight:100;}
#etapyCarousel { background: url(/treboradice/assets/img/vyladene-domy-treboratice-etapy-000.jpg) no-repeat; background-size: contain;}
#etapyCarousel .carousel-indicators {top: 15px;}
#etapyCarousel .carousel-indicators li {border-radius: 0px; padding: 10px 20px;  border-radius: 0px;   width:auto; height:auto; margin:0}
#etapyCarousel .carousel-indicators .active { background-color: rgba(255,255,255,.7);    }
#prvni {border:2px solid #009ee0; background-color: rgba(255,255,255,.4); }
#druha {border:2px solid #ff9900; background-color: rgba(255,255,255,.4); }
#treti {border:2px solid #c00418; background-color: rgba(255,255,255,.4); }


/* etapizace */
#etapizace {position:relative;}
#etapizace .etapy {top:20px;}
#etapizace .etapy li {padding:10px 20px; border-radius:0px; text-indent:0; width:auto; height:auto;}
#etapizace img[data-etapa] {position:absolute; top:0; left:0;}


#contact {border-top: 1px solid silver; background: url(/treboradice/assets/img/vyladene-domy-treboratice-noty-sede.jpg) no-repeat 37% 40px; }
#contact h2 {font-size:42px; color: #009ee0; font-weight:100;}
#contact h3 {font-size:24px; font-weight:100; text-transform: none; margin:10px 0;}
#contact .input-group-addon { border: 1px solid #ccc; border-right:0;}
#contact .kontakt {font-weight: 700; display: inline-block;}
#contact .odsazeni {padding-left:30px;}



/* definice stylu pro prehledovou tabulku bytu */

section[data-page='domy-tabulka'] {background-color:#fff; position:relative;}
section[data-page='domy-tabulka'] form {float:right; margin-top:-30px;}
section[data-page='domy-tabulka'] table {margin-top:20px; display: table;  border-collapse: separate; border-spacing: 2px; border-color: gray;}
section[data-page='domy-tabulka'] tr {background-color:#f9faf7}
section[data-page='domy-tabulka'] tr:nth-child(even) {background-color: rgb(240, 241, 235);}
section[data-page='domy-tabulka'] tr th,
section[data-page='domy-tabulka'] .ostatni-plochy {color:#828591; border:1; background-colorx:#fff; text-transform: uppercase; font-size:11px; font-weight: 600; text-align:center}
section[data-page='domy-tabulka'] tr th a {color:#009ee0; font-weight: 600}
section[data-page='domy-tabulka'] tr th a:hover {color:#000;}
section[data-page='domy-tabulka'] tr td {color:#51534a; border:1px; white-space:nowrap; text-align:center; background-image: none; vertical-align: middle;}
section[data-page='domy-tabulka'] tr:not(.akce):hover td {background-color: #E1E1E1;}
section[data-page='domy-tabulka'] tr td a {color:#000; display:block;}
section[data-page='domy-tabulka'] td.volny a {font-weight:700; color:#7ab51d;}
section[data-page='domy-tabulka'] td.prodany a {color:#9e0923;}
section[data-page='domy-tabulka'] tr.rezervovany a {cursor:default;}
section[data-page='domy-tabulka'] td.rezervovany a {color:#ff9933;}
section[data-page='domy-tabulka'] td.predrezervovany a {color:#ffcc00;}
section[data-page='domy-tabulka'] tr.vzorovy_dum a {cursor:default;}
section[data-page='domy-tabulka'] td.vzorovy_dum a {color:#009ee0;}
section[data-page='domy-tabulka'] tr.neni_v_prodeji a {cursor:default;}
section[data-page='domy-tabulka'] td.neni_v_prodeji a {color:#ffcc00;}
section[data-page='domy-tabulka'] tr.akce {background: url("../img/zvyraznit-radek.png") bottom left no-repeat;}
section[data-page='domy-tabulka'] tr.akce td:first-child {background: url("../img/zvyraznit-radek-akce.png") bottom left no-repeat}
section[data-page='bdomy-tabulka'] .preskrtnuty {text-decoration:line-through;}



/* MODALNI DIALOG */
.modal-content { border: 1px solid Black; border-radius: 0px;}
.modal-content p { font-size: 14px; line-height: 1.3em;}
.modal-content h4 { color: #009ee0;}
.modal-content .padd { padding-left:30px }
.modal-content .zalomeni {clear:both}
.close {font-size: 50px; line-height: 0.5;  color: #000; text-shadow: 0 0px 0 #fff; opacity: 1;}
.modal-header { padding: 20px; border-bottom: 10px solid #ECECEC;}

.text-reference {height:120px;}
.posun-100 {top: 120px !important;}
.velke {font-size:100px !important; top: 40% !important;}

#myCarouselreference .aktualita-datum { font-size: 16px; font-weight: 700; color: #7ab51d;}
#myCarouselreference .aktualita-nadpis {font-size: 16px; font-weight: 700; color: Black;}


@media (min-width: 820px){
xxx.modal-dialog {width: 800px; margin: 10px auto;}
}



.flex-container {
		flex: 1 1 auto;
	}

.flex-item {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
	}




/* RESPONZIVNI */
@media (min-width: 768px)
{
.navbar { padding: 50px 0 0 0;}
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px}
.top-nav-collapse .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px}
.top-nav-collapse {padding-top: 0 !important; background-color: #565656;}
.container>.navbar-collapse { margin-left: -15px; width: 100%;}

}

@media (max-width: 767px)
{
.nemobil {display:none;}
body {margin-top: -24px;}
.navbar-brand h1 {font-size:20px;margin:0;padding:0;}
.zmizet {display:none;}
.navbar-brand {width:auto; padding-left:15px;}
.intro {padding-top:0px; padding-bottom:40px;}
.upoutavkatext {padding-right: 15px;}
#oprojektu {background-position: 80% 60px; }
#lokalita { background-position:  80% 610px; }
#contact { background-position:  80% 610px; }
#lokalita h2 {padding-top:30px;}
#etapyCarousel .carousel-indicators {top: 15px; width: inherit;}
#contact .odsazeni {padding-left:0px;}
.introdum {padding-top: 100px;}

}

@media (max-width: 990px)
{
.zmizet2 {display:none !important;}
}


@media (max-width: 480px)
{
.nemobilvyska {display:none;}
.hlavnitext {padding-top: 15px; font-size:30px; line-height: 30px; }
.fa-4x {font-size: 2em;}
.famobil {font-size: 4em;}
.upoutavkatext {font-size:16px }
#oprojektu {background:none; }
#lokalita {background:none; }
#contact {background:none; }
#bungalovCarousel .carousel-indicators {display:none;}
#bungalovCarousel .carousel-inner {margin-bottom: 0px;}
.col-xxs-12 { width: 100%;}
.col-xxs-6 { width: 50%;}
}



/* definice stylů pro eu-cookie */
.eu-cookies {text-align:center; position:fixed; left:0; bottom:-200px; width:100%; color:white; background-color:black; z-index:1000; padding:5px; opacity:0.7;}
.eu-cookies button {background:#009ee0 none repeat scroll 0 0; border:medium none; border-radius:3px; color:#fff; cursor:pointer; font-weight:700; margin:0 20px; padding:4px 12px;}
.eu-cookies a {color:#fff; font-weight:bold;}
.eu-cookies a:hover {text-decoration:underline;}



/* 3D vyhledavač */
#vyhledavac .pozemky-obal {margin-top:70px; position:relative;}
#vyhledavac .pozemky-obal img {border:0;}
#vyhledavac .pozemky-top-vrstva {position:absolute; top:0;}
#vyhledavac .pozemky-mezi-vrstva .pudorys-pozemku {position:absolute; top:0; display:none;}
#vyhledavac .pozemky-statistika-vrstva {position:absolute; top:10px; left:10px;}
#vyhledavac .pozemky-statistika-vrstva .statistika-pozemku {z-index: 2; position: absolute; color:#fcfef9; font-size:16px; padding:23px 21px; display:none; width:320px; height:211px; background-image:url("/treboradice/assets/img/3d-vyhledavac-statistika.png");}
#vyhledavac .pozemky-statistika-vrstva .statistika-pozemku .dum {color:#0fa9ef; font-weight:bold; font-size:18px; text-transform:uppercase;}
#vyhledavac .pozemky-statistika-vrstva .statistika-pozemku .info {color:#0fa9ef;}
#vyhledavac .pozemky-statistika-vrstva .statistika-pozemku .oddelovac {border:0; border-top:1px solid #a7abae; padding:0; margin:10px 0;}
#vyhledavac .pozemky-statistika-vrstva .statistika-pozemku .cena {color:#0fa9ef; font-weight:bold; font-size:18px;}




/* PŘEHLED AKTUALITY */
#aktuality .nadpis {font-size: 16px; font-weight:700; color: #99cc33; padding-bottom:8px;}
#aktuality .aktualita {padding-bottom:10px;}
#aktuality .aktualita .oranzova {padding-bottom:-5px;}
#aktuality .nota {background: url(/treboradice/assets/img/vyladene-domy-treboratice-seznam.png) no-repeat 0 2px; padding: 0 0 0 30px; margin:0 0 5px -30px;}

/* PŘEHLED provedeni */
#provedeni h2 { font-size: 42px; color: #009ee0; font-weight: 100;}
#provedeni h3 {font-size: 16px; font-weight:700; color: #99cc33; padding-bottom:8px;}
.barva2 {background-color: #f0f0f0;}

/*#provedeni .col-md-6, #provedeni .col-md-4, #provedeni .col-md-3, #provedeni .col-md-2 {padding-left: 0px; padding-right: 0px;}*/

/* definice stylů pro upoutávku */
#upoutavka {padding-top: 10%;}
#upoutavka .modal-content {border: 0; box-shadow: none; background: transparent;}

.bublina-novinky {position: absolute; z-index: 120; left: 0; top: 129px; width: 270px;}
.novinka-2 {background: #000; padding: 15px 10px 15px 30px;}
.bublina-novinky a {color: white; font-size:20px; font-weight:600;}
.bublina-novinky a:hover {color: #009ee0;}
.bublina-novinky a span {display: Block; font-size:14px; font-weight:300; margin-top: -5px;}
.bublina-novinky i {font-size: 37px; float: left; padding-right: 15px; padding-top: 4px; color: white; }





/*galerie uk dum */
.galerie {
	padding: 10px 0 0 0;
}

#galerie h3 {
    font-size: 18px;
    font-weight: 600;
    color: Black;}

.galerie-nulovani {
	padding: 10px 0 0 0;
}
.galerie div[class^='col-'] {
	padding: 0;

}
.galerie .ramecek {
	overflow: hidden;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.galerie > div img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.galerie .zvetseni {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform:translateZ(0) scale(1.20);
	-moz-transform:scale(1.20);
	-ms-transform:scale(1.20);
	-o-transform:translatZ(0) scale(1.20);
	transform:translatZ(0) scale(1.20);
}

.padding20 {padding: 20px 0 30px 0;}
.nul-top {padding-top: 10px;}
.nul-left {padding-left: 10px !important;}

.nadpis-fotky-obal {position: absolute; top: 15px; text-align: left; z-index:99;}
.nadpis-fotky1 {color: White; background-color: #cc0033; padding: 10px 15px; font-weight: 900; font-size: 30px; display: table; line-height: 0.9; }
.nadpis-fotky2 {color: White; background-color: #565656; padding: 10px 15px; font-weight: 300; font-size: 18px; display: table; }
.nadpis-fotky3 {color: White; background-color: #94784a; padding: 5px 15px; font-weight: 300; font-size: 14px; display: table; }



.vyprodano {color: White; background-color: #cc0000; padding: 5px 15px; font-weight: bold; font-size: 18px; display: inline-table; position: absolute; bottom: 10px;}






/* pozor nová verze */
.nova-verze {color:yellow; width:100%; font-size:80px; font-weight:800; position:fixed; bottom:40px; left:0; z-index:999999 !important; background:red; text-align:center; opacity:0.3}