/* definice stylů pro html elementy */
body {
	color: #999;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight:300;
}
h2 {
	color: #c2ee27;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
  font-weight:300;
}
@media (min-width: 992px) {
	html {
		position: relative;
		min-height: 100%;
		padding-bottom: 180px;
	}
}


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

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



#uvod {
	color: white;
}

#projekt, #registrace, #kontakty {
	padding-top: 50px;
	padding-bottom: 100px;
}
#typove-domy {
	padding-top: 50px;
	padding-bottom: 330px;
  background: url(img/pozadi-pudorys.jpg) #333333; background-repeat: no-repeat; background-position: center bottom;

}

#hp-galerie {
  border-top: 5px solid White;
  border-bottom: 5px solid White;
	padding-top: 130px;
	padding-bottom: 130px;
  background: url(img/galerie-001.jpg) #333333; background-repeat: no-repeat; background-position: center bottom;
  background-attachment: fixed;
  background-size: cover;

}

#hp-galerie img {border:5px solid White;}
.btn-galerie {background: White; color: Black; font-size:20px; border-radius:0; }

#vyhledavac {
	position: relative;
}

.quadrata {margin-right: 20px;}

#typove-domy2 {
	padding-top: 0px;
	padding-bottom: 0px;
  background: #333333;
}
#typove-domy2 .nulpadding {padding: 0px; padding-left: 0px; padding-right: 0px;}
.popis-domu {padding: 60px;}
.bila {color: White; }
.popis-domu p {color: White; padding-top: 15px; font-size: 18px; color: #999;}
.foto-domu1 {background: url(img/uklanovickeholesa-002.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height:400px;}
.foto-domu1b {background: url(img/galerie-005.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height:400px;}
.foto-domu2 {background: url(img/uklanovickeholesa-001.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height:400px;}
.foto-domu2b {background: url(img/galerie-002.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height:400px;}
.linka-dole {border-bottom: 5px solid White;}
#typove-domy2 img:hover {opacity:0.95;}

/* definice obecných stylů */
.zelene-pozadi {
	background-color: #71a81d;
}
.tmave-pozadi {
	background-color: #333333;
}
.strom {
	position: relative;
}
@media (max-width: 768px){
.strom {display: none;}
}
.strom img {
	top: -50px;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}






/* definice stylů pro navigaci */

 .navbar-default {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,rgba(255, 255, 255,0),rgba(0, 0, 0,0.7)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right,rgba(255, 255, 255,0),rgba(0, 0, 0,0.7)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right,rgba(255, 255, 255,0),rgba(0, 0, 0,0.7)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(255, 255, 255,0), rgba(0, 0, 0,0.7)); /*Standard*/
    border:0px;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-brand { height: 92px; padding:0; }

h1 { text-indent: -999em;}
.logo {width: 613px; height: 93px; background: url(img/uklanovickeholesa-logo-001.png); background-size: contain; background-repeat: no-repeat; margin-top: 0px;}


.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size:21px;
    font-weight: 100;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ccc;
}

@media (min-width: 768px) and (max-width: 1200px)
{
.navbar-default .navbar-nav>li>a { font-size:14px; font-weight: 300;}
}

@media (min-width: 768px)
{
.navbar-nav {margin-top: 20px;}
.navbar-default-collapse .navbar-nav {margin-top: 0px;}
}

@media (max-width: 1400px){
.logo {width: 330px; height: 50px; background: url(img/uklanovickeholesa-logo-002.png);}
.navbar-default {height: 50px;}
.navbar-nav {margin-top: 0px;}
}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: rgba(255, 255, 255, 0.5)}
.nav>li {background-image: url(img/uklanovickeholesa-delitko.png); background-repeat: no-repeat; background-position: top left; }

.navbar-default-collapse {
	background-color: black;
  height: 50px;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.navbar-default-collapse .navbar-nav>li>a:hover {
    color: silver;
}

.navbar-default-collapse .logo {
    width: 330px; height: 50px; background: url(img/uklanovickeholesa-logo-002.png);
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}


@media (max-width: 410px){
.logo, .navbar-default-collapse .logo {width: 265px; height: 50px; background: url(img/uklanovickeholesa-logo-002.png);}
.leve-zalozky {display: none;}
.leve-zalozky-2 {display: none;}
.leve-zalozky-3 {display: none;}
.carousel .item .carousel-caption {display: none;}
.carousel-inner {padding-top: 50px; background: black;}
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

@media (max-width: 768px)
{
.navbar-brand {height: 50px;}
.nav>li {background-image: none; background-color: #c2ee27; }
 .navbar-default .navbar-nav>li>a {font-weight: 300;}
}






/* definice stylů pro carousel */
.carousel-inner {border-bottom: 1px solid #fff; }
.carousel .item img {	min-width: 100%; }
.carousel .item .carousel-caption {
	font-size: 63px;
  font-weight: 700;
  line-height: 1.0;
	text-transform: uppercase;
  bottom: -10px;
  right: 0%;
  left:0%;
  padding-bottom: 0px;
  text-shadow: 2px -2px 0px rgba(0,0,0,.6);
}
@media (max-width: 768px)
{
.carousel .item .carousel-caption {font-size: 30px; bottom: -5px; right: 5%;}
}

.carousel-control { width: 5%;}



/* definice stylů pro projekt */
.carka { width: 100px; margin-left: auto; margin-right: auto; border-top: 1px solid #c2ee27;}
.carka2 { width: 100px; border-top: 1px solid #c2ee27; display: inline-block;}

/* definice stylů pro panely */
.panel-default {
	border: none;
	border-radius: 0;
	color: #686868;
	margin-bottom: 0;
	background-color: #2e2e2e;
}
.panel-default .panel-heading {
  font-weight: 900;
	color: inherit;
	border: none;
	text-transform: uppercase;
	background-color: #2e2e2e;
  padding-top: 15px;
}
.panel-sluzby {padding-top: 60px; padding-bottom: 30px;}
@media (max-width: 768px)
{
.panel-sluzby {padding-top: 15px; padding-bottom: 15px; margin-bottom:15px;}
}
.symbol {font-size: 5em;}
.drobne {font-size: 14px; color: #999; }

/* definice stylů pro nemusíte */
.tenkynadpis { color: #c2ee27; font-size: 36px; text-transform: uppercase; font-weight:300;}
.tlustynadpis { color: #c2ee27; font-size: 36px; text-transform: uppercase; font-weight:900;}
.seznamy-odsazeni {padding: 30px 5px 30px 30px;}
.seznamy-odsazeni ul {padding: 0 10px 0 15px; font-size: 15px;}
.seznamy-odsazeni ul li {margin: 0px 0 5px 0;}

/* definice stylů pro typove domy */
.pudorys {opacity: 0.8; }
.pudorys:hover {opacity: 1; }

/* definice stylů pro 3D vyhledavač */
#vyhledavac img {
	width: 100%;
}





/* definice stylů pro google mapu */
#mapa {
	color: black;
	width: 100%;
	height: 500px;
}

/* definice stylů pro patičku */
 #footer {
	padding-top: 30px;
	padding-bottom: 20px;
  color: #333333;
}
@media (min-width: 992px) {
	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}




/* ostatní styly */
.ilustracni-001 {
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("img/ilustracni-001.jpg");
  background-position: center center;
  min-height: 400px;
}
.ilustracni-002 {
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("img/ilustracni-002.jpg");
}

.barva2 {background-color: #71a81d;}
.barva1 {background-color: #333333;}
.barva3 {background-color: #f0f0f0;}
#provedeni {padding-top: 100px; padding-bottom: 0px;}
#provedeni .row {margin-right: 0px; margin-left: 0px;}

#galerie {padding-top: 100px; padding-bottom: 0px;}
#galerie .row {margin-right: 0px; margin-left: 0px;}
#galerie .nulpading {padding: 0;}
#galerie img:hover {opacity: 0.8;}



/* definice stylů pro patička */
#logo-dole { position: fixed; bottom:0; left: 30px; width: 147px ; height: 177px; z-index: 999; background: url(img/logo-dole.jpg); background-size:contain; }
@media (max-width: 780px){
#logo-dole { width: 80px ; height: 96px;}
}







/* definice stylů pro formuláře */
.form-control {
	border-radius: 0;
	border-color: #434343;
	background-color: transparent;
  height: 61px;
  font-size: 16px;
}
input.form-control {
	border-left: none;
}
.input-group-addon {
	border-radius: 0;
	border-color: #434343;
	background-color: transparent;
}

.input-group-addon:first-child {border-right: 1px solid #434343; }
.odeslat {background: #c2ee27; text-transform: uppercase; font-size:18px; border-radius: 0; }
.zelenetucne {color: #c2ee27; font-weight:600;}
.registracni-poznamka {background-color: rgba(255,255,255,0.2); margin-top: 25px;}
.formular-poznamka {font-size:80%; padding: 10px 10px;}
.alert-success {color: white; background-color: inherit; border-radius: 0; border-color:inherit;}






/* definice stylů pro equal */
@media (min-width: 992px) {
	.equal{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

.equal .panel {
	width: 100%;
	height: 100%;
}
}


/* socialni site */
#site { position: fixed;right: 0;top: 160px;width: 48px;height: 96px; margin-top: 0px; background-color: #fff; z-index: 800;text-indent: -999em;}
#site li {display: block;width: 48px;height: 48px;margin-left: -40px;}
#site li a {display: block;width: 48px;height: 48px;background-color: #f8b333; background-image: url(img/piktogramy.png);}
#site li a.fb {background-color:#3c5a98; background-position: 0 -48px;}
#site li a.fb:hover{background-color:#3b5998;background-position:0 0;}
#site li a.en {background-color:#0178b5;background-position: -96px -48px;}
#site li a.en:hover{background-color:#f04d51;background-position:-96px 0; }
#site li a.yo {background-color:#1ea1f2;background-position: -48px -48px;}
#site li a.yo:hover{background-color:#f04d51;background-position:-48px 0;}
/*#site li a.in {background-position: -144px 0;background-color: #e7501e;}
#site li a.in:hover{background-color:#3897f0;background-position:-144px -48px}*/


 /* animace */
.animated2 {animation-duration: 2s; animation-fill-mode: both;}
.animated3 {animation-duration: 3s; animation-fill-mode: both;}



/* zalozky */
.leve-zalozky {position: absolute; bottom: 110px; left: 0px; z-index: 130; text-align: left;}
.leve-zalozky-2 {position: absolute; top: 0px; left: 0px; z-index: 130; text-align: left;}
.leve-zalozky-3 {position: absolute; bottom: 0px; right: 20%; z-index: 130;}
@media (max-width: 1200px){
.leve-zalozky-3-obal {width:200px;}
}
.zalozka-obal {margin-top: 25px;}
.zalozky-vnitrek {background: #1ea1f2; padding: 10px 15px; display: inline;font-size: 30px; font-weight: bold;}
.zalozky-vnitrek a {color: White;}
.zalozky-vnitrek-red {background: #cc0001; padding: 10px 15px; display: inline;font-size: 30px; font-weight: bold;}
.zalozky-vnitrek-red a {color: White;}
.zalozky-vnitrek-black {background: Black; padding: 5px 10px; font-size: 13px; font-weight: 300; margin: 0 0 8px; width: 180px;}
.zalozky-vnitrek-zluta {background: #f5ca2e; padding: 10px 15px; display: inline;font-size: 20px; font-weight: bold;}
.zalozky-vnitrek-zluta a {color: #6f6e6e;}





/* definice stylů pro tabulku */
#cenik table tbody tr:nth-child(odd) {
	background-color: #f0f1eb;
}
#cenik table tbody tr:nth-child(even) {
	background-color: #f9faf7;
}
#cenik table tbody tr:hover {
	background-color: #f5f5f5 !important;
}
#cenik table tbody td a {
	display: block;
	color: #364750;
}
#cenik form {
	padding-top: 25px;
	padding-bottom: 70px;
}
#cenik form .form-control {
	height: 35px;
}

#cenik table .stav77 a {
	color: #7ab51d;
	font-weight: bold;
}
#cenik table .stav78 {
	color: #ff9933;
}
#cenik table .stav79 {
	color: #9e0923;
}

#cenik table .stav81 a,
#cenik table .stav83 a {
	color: #009ee0;
}







/* definice stylů pro aktuality */
#aktualita .seznam .aktualita {
	padding-bottom: 30px;
}
#aktualita a {
	color: #364750;
}
#aktualita a:hover {
	text-decoration: none;
}
#aktualita .seznam {
	font-size: 16px;
}
#aktualita .datum {
	font-size: 15px;
	font-weight: bold;
}
#aktualita .nadpis {
	color: #1ea1f2; font-weight: bold;
}
#aktualita a:hover .nadpis {
	color: #c2ee27; font-weight: bold;
}
#aktualita .popis {
	padding-top: 5px;
}
#aktualita .galerie {
	padding-top: 20px;
}







/* definice stylů pro detail */
#pozemek {padding-top: 100px; padding-bottom: 100px;}
#pozemek .popis-domu {padding:0}
.mistnosti {margin:25px 0; width:100%; text-align:left; font-size: 14px; color: Black;}
.mistnosti>thead>tr>th {border-bottom: 5px solid #ddd;}
.mistnosti th {color:#58585a; font-weight:bold; border-bottom:0px solid #c6c4c9; padding: 4px 0px !important;}
.mistnosti td {padding:4px 0 !important;}
.mistnosti .celkem {color:#58585a; font-weight:bold; padding-bottom:8px; border-top:1px solid #c6c4c9;}
.mistnosti .hodnoty {text-align:right;}
.zelena {color: #71a81d !important; font-weight:bold;}
#pozemek .cena {font-size:48px; font-weight: 900; color:#525252;}
#pozemek .velke {font-size:24px;}
.bily-text {color:#fff;}
.popis-domu {font-size:14px; color: Black;}
.btn-barva {background-color: #71a81d; border-radius: 0px; font-weight: 600; font-size: 22px;}
#pozemek .tmava {font-size:95%}
#pozemek .zdarma {font-size:4rem;}
/* definice stylů pro cenik */
#cenik, #financovani, #aktuality {padding-top: 100px; padding-bottom: 50px;}


/* definice stylů pro SVG vyhledavač */
svg > g,
svg > g:active {opacity: 0; fill: #fff; cursor: pointer;}
svg > g[data-pozemek] {fill: #1ea1f2; fill-opacity: 0.2; stroke: #1ea1f2; stroke-width: 4; stroke-miterlimit: 10;}
svg > g[data-pozemek] > a {fill: #ccff00; fill-opacity: 0.3; stroke: #ccff00; stroke-width: 4; stroke-miterlimit: 10;}
svg > g[data-pozemek] > .cervena {fill: #cc0000; fill-opacity: 0.3; stroke: #cc0000; stroke-width: 4; stroke-miterlimit: 10;}


svg > #statistika .zelena {fill: #ccff00;}
svg > #statistika .zluta {fill: #ffcc00;}
svg > #statistika .modra {fill: #1ea1f2;}


svg > #statistika {fill: #333;}

svg > #statistika > text {fill: #fff; font-family: 'Roboto', sans-serif; font-size: 24px;}
svg > #statistika > text[data-statistika="dum"],
svg > #statistika > text[data-statistika="cislo"],

svg > #statistika > text[data-statistika="cena"] {fill: #CCFF00x; font-family: 'Roboto', sans-serif; font-weight:900;}
svg > #statistika > line {fill: transparent; stroke: #fff; stroke-miterlimit: 10;}

svg > #nota {opacity: 1 !important; }


/*galeriePuzzle */
.galerie {
	padding: 0px 0 0 0;
}

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

}

.galerie .ramecek {
	overflow: hidden;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
}

.galerie .ramecek:hover {
	opacity:0.7;
}

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

.galerie .symbol { font-size: 4em; display: block;}
.puzzle-nadpis {font-weight: bold; margin: 10px 0; font-size: 2.2rem;}






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

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

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

}
.gallerie .ramecek {
	overflow: hidden;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.gallerie > 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;
}
.gallerie .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);
}













.darek {position: absolute; left: 0px; top: -138px;}
.zasuvka {background: #2e2e2e url(img/banner-elektro-03.png) 0px 100px no-repeat;}
.podtisk {background: #f5f5f7;;}
.elektro {padding: 30px 30px 30px 90px; text-align: left; background: url(img/pasivni-dum-03.png) bottom center no-repeat;}
.podklad {padding: 0;  }
.modr {color: #0087c0;  }
.zel1 {color: #70a81b;  }
.zel2 {color: #97bf0d;  }
.img-responsive2 {max-width:150% ;}

.elektro {padding: 30px 30px 30px 60px; text-align: left; height:100%; color: #333333; }
.nadrz {position: absolute; top: -20px; z-index:99 ;}
.tmava {color: #333333; font-size: 2.85rem; font-weight: 400;}
.zdarma {color: #cc0000; font-size: 5.0rem; font-weight: 900; margin-top:0px; border-top: 1px solid black; border-bottom: 1px solid black; padding-top: 10px; padding-bottom: 10px; display: table;}
.zdarma span{color: White; background: #cc0000; padding:0 10px;}
@media (max-width: 760px){
.nadrz {display: none;}
.darek {position: absolute; left: 0px; top: -71px; width:80px;}
}


/* 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.8;}
.eu-cookies button {background:#1ea1f2 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;}








/* aktuality na titulní stránce */
#aktuality img {border:1px solid #e5e5e5;}
#aktuality .aktualita-datum {color:#008bc4; font-weight:bold;}
#aktuality .aktualita-nadpis {color:#4e4e4e; font-weight:bold;}
#aktuality .aktualita-popis {color:#4e4e4e;}

#aktuality .seznam .aktualita {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
#aktuality .seznam .aktualita .datum {color: #008bc4; font-weight: bold; margin-right: 5px;}
#aktuality .seznam .aktualita .nadpis {color: #4e4e4e; font-weight: bold;}
#aktuality .seznam .aktualita .popis {padding:10px 0;}
#aktuality .seznam .aktualita .obrazky img {border: 1px solid #e5e5e5;}
#aktuality .seznam button {border-radius:0;}

#aktuality .archiv .aktualita {margin-bottom: 30px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
#aktuality .archiv .aktualita .datum {color: #008bc4;}
#aktuality .archiv .aktualita .nadpis {color: #4e4e4e;}
#aktuality .archiv .aktualita .upoutavka {font-size:80%;}


.april {position: absolute; z-index: 9999; width: 100%; text-align:center; bottom: -80px; padding:0 120px;}
.april:hover {opacity: 1;}
.april img {margin:0 auto;}




.vyprodano {
	position: absolute;  bottom: 25px;
  left: 50%;
  transform: translate(-50%, -50%);
}