article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display: block;}
mark, rp, rt, ruby, summary, time {display: inline;}

html {width: 100%;}
body {font-family: "Noto Sans", arial, "Arial CE"; font-size: 100%; color: #75675c; background-color: #fff;}
.ic {border: 0; float: right; color: #f00; width: 50%; line-height: 10px; font-size: 10px; margin: -220% 0 0 0; overflow: hidden; padding:0;}

dl {font-size: 13px; line-height: 140%; padding: 10px 0 10px 0;}
dt {left: 0; float: left; padding: 0; padding: 0 0 0 20px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 135px; border: 0;}
table {font-size: 90%; border-collapse: collapse;}
th {padding: 1px 8px 1px 4px; text-align: left; background-color: #e5e5e5;}
tr {border-bottom: 1px solid #e5e5e5;}
td {vertical-align: top; padding: 2px 8px 2px 8px;} 
ul {padding: 0; margin: 0;}
li {list-style-type: square;}
input {font-size: 100%; margin: 0 0 2px 0px; _margin: 0 0 2px 0;}
select {margin: 0 0 2px 0; font-size: 100%;}
fieldset {border: 0; padding: 20px 2px 15px 20px; margin: 10px 0 0 0; background-color: #ebebeb; }
legend {padding: 0 0 1px 5px; margin: -5px 10px 0 0; font-size: 90%; color: #508089; font-weight: bold; float: right;}

#page1 {}
#page2 {font-size: 85%; }
#page3 {/*min-width: 1034px;*/}

.main {line-height: 22px; letter-spacing: 1px;} 

a {color: #75675c; outline: none;}
a:hover {color: #2c69ff;}

.col-1, .col-2 {float:left;}

.wrapper {width: 100%; overflow: hidden;}
.extra-wrap {overflow: hidden;}
 
p {margin-bottom:18px;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
h1 a {text-decoration: none;}	

header {position: relative; width: 100%; margin: 10px 0 10px 0; background-color: #484039; z-index: 2;}
#logo {position: absolute; width: 28%;}
#logo p {padding: 0; margin: 85px 0 0 0; position: relative; overflow: hidden; margin-bottom: 10px; z-index: 300;}
#logo p a {height: 85px; display: block; text-indent: -9999em; margin-right: 18px; background: url(/UserFiles/Image/images/logo.png) no-repeat 0 0; background-size: 100% auto;}

#page1 #logo p {display: none;}

#page2 header {margin: 90px 0 10px 0;}
#page2 #logo p {margin: -90px 0 0 0; position: relative; overflow: hidden; margin-bottom: 10px; z-index: 300;}
  
.menu-row {float: left; position: relative; top: 0px; padding: 0 0 0 0px; z-index: 800;}
#page1 .menu-row {margin-bottom: 0px;}
.menu {width: 100%; overflow: hidden;}
.menu li {float: left; margin: 0; padding: 0; list-style: none;}
.menu li a {display: inline-block; height: 24px; padding: 7px 15px 5px 15px; margin: 8px 2px 8px 2px; font-size: 14px; color: #fff; text-align: center; font-weight: normal; text-decoration: none; cursor: pointer; letter-spacing: 1px;}
.menu ul {list-style: none; margin: 0; width: 230px; position: absolute; top: -999em; }
.menu li:hover ul, .menu li.sfHover ul {top: 44px;}
.menu ul a {width: 230px; text-align: left; white-space: nowrap; border-radius: 0; margin: 0 0 0 3px; padding: 4px 5px 4px 18px; background-color: #75675c; letter-spacing: 1px;}
.menu > li > a:hover {background-color: #75675c; }
.menu li a.aktivni {color: #fff; background-color: #2c69ff;}
#menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 230px; color: #2c69ff; background-color: #eee;}

/*********************************content*************************************/
#content {width: 100%; padding: 0 0 30px 0; position: relative; z-index: 1; background-color: #fff;}
#content1 {width: auto; padding: 0; margin: 0; position: relative; z-index: 1;}
#content2 {width: 100%; padding: 0 0 0px 0; position: relative; z-index: 1; background-color: #fff;}
#content3 {width: 100%; padding: 0 0 0 0; margin: 0 0 30px 0; position: relative; z-index: 1; background-color: #484039;}
#content4, #content6 {width: 100%; padding: 0 0 0 0; position: relative; z-index: 1; background-color: #fff;}
#content5 {width: 100%; padding: 0 0 0 0; margin: 0 0 30px 0; position: relative; z-index: 1; background-color: #c6c6c6;}
#rychlykontakt {width: 100%; top: 0; padding: 0; margin: 0; position: absolute;}
h1 {font-size: 240%; line-height: 140%; color: #75675c; padding: 20px 10px 5px 0; margin: 0; letter-spacing: 0px;}
h2 {font-size: 190%; line-height: 140%; color: #75675c; padding: 0; margin: 30px 0 10px 0; letter-spacing: 1px;}
h3 {font-size: 140%; color: #75675c; padding: 0; margin: 30px 0 10px 0; letter-spacing: 2px;}

/****************************footer************************/
footer {width: 100%; padding: 50px 0 30px 0; text-align: center; color: #fff; background-color: #75675c; letter-spacing: 2px;}
footer a {color: #fff; letter-spacing: 2px; text-decoration: none;}
footer a:hover {color: #c6c6c6;}
footer span {font-weight: bold; font-size: 22px;}
footer img {padding: 20px 5px 0 5px;}
.copyright {width: 100%; font-size: 10px; padding: 40px 0 0 0; text-align: center;}
.copyright a {color: #998a7d; text-decoration: none;}
.copyright a:hover {color: #fff; text-decoration: none;}

.tlacitko:after {content:"."; display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden;}
.tlacitko {position: relative; width: 180px; margin: 30px auto;}
footer .tlacitko ul {margin: 2px 8px 2px 0;}
footer .tlacitko li {float: left; line-height: 26px; list-style: none outside none; margin-left: 5px;}
footer .tlacitko a {display: inline-block; text-align: center; font-size: 14px; font-weight: bold; color: #fff; background-color: #f28e11; padding: 4px 10px; -webkit-transition:all 0.218s; -moz-transition:all 0.218s; -ms-transition:all 0.218s; -o-transition:all 0.218s; transition:all 0.218s; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:pointer; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
footer .tlacitko a:active {color: #004070; background-color: #fff; cursor: default;}
footer .tlacitko a:hover {color: #fff; background-color: #2c69ff; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); text-decoration:none;}
footer .tlacitko span {font-size: 17px; font-weight: normal;}

/****************************moje************************/	
.noscreen {display: none;}
.cleaner {clear: both;}
.nastred {text-align: center;}
.doleva {text-align: left;}
.doprava {text-align: right;}
.obrazek-vpravo {float: right; margin: 5px 0 10px 20px;}
.obrazek-vlevo {float: left; margin: 0 25px 5px 0;}
.velke {font-size: 125%; color: #888888;}
.mapa {float: right; width: 520px; margin: 0 0 0 20px; border: 0; text-align: center;}
.mapagoogle {width: 100%; height: 300px;}
.navigace {float: right; text-align: right; font-style: italic; font-size: 13px; padding: 20px 10px 10px 0; margin: 0;}
.qr {float: right; margin: 5px 40px 5px 10px;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.cervena {color: #da251d;}
.ramecek {padding: 30px 20px 30px 20px; background-color: #c6c6c6;}
.ikonka {margin: -2px 7px 0 0;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.btn {border: 0; margin: 0 4px 0 2px; padding: 8px 16px 8px 16px; letter-spacing: 1px; color: #fff; background-color: #484039; text-decoration: none; cursor: pointer;}
.btn:hover {color: #fff; background-color: #2c69ff; text-decoration: none;}
.btn:disabled {background: silver; text-decoration: none;}
.labkontakt {width: 185px; float: left; text-align: right; padding-right: 10px;}
.zajem {padding: 5px 0 0 110px;}
#tlacitka {padding: 10px 0 10px 190px;}
.labzajem {padding-left: 10px;}
.formular {font-size: 100%; padding-left: 140px;}

.tlacitkomanual {position: relative; width: 260px; margin: 20px auto 20px 20px;}
.tlacitkomanual a {display: inline-block; width: 100%; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; background-color: #f28e11; padding: 6px 10px 6px 10px; -webkit-transition:all 0.218s; -moz-transition:all 0.218s; -ms-transition:all 0.218s; -o-transition:all 0.218s; transition:all 0.218s; -webkit-user-select:none; -moz-user-select: none; user-select: none; cursor: pointer; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.tlacitkomanual a:hover {color: #fff; background-color: #2c69ff; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; text-decoration:none;}
.ramecek {clear: both; padding: 20px; margin: 20px 0; background-color: rgba(220,220,220,0.5);}
.trojramecek {float: none; width: 100%; padding: 20px; margin: 20px 0; text-align: left; background-color: rgba(220,220,220,0.5);}
.trojramecek:nth-child(3) {clear: both;}
.cara {clear: both; width: 100%; padding-bottom: 10px; border-top: 1px solid #ccc;}
.mezera {clear: both; width: 100%; padding: 10px 0;}
.tabulka {clear: both; margin: 0 0 40px 0;}
.tabulka th {background-color: #777;}
.tabulka tr {border-bottom: 1px solid #e6e6e6;}

#hlavickahledat {position: absolute; top: -125px; right: 30px; text-align: right; padding: 0; color: #444; font-size: 14px;}
#hlavickahledat .bunkatit {display: none;}
#hlavickahledat .hledat-policko {width: 240px; height: 30px; margin: 0; padding: 0 10px 0 10px; background-color: #e6e6e6; border: 0;}
#hlavickahledat .hledat-tlacitko {margin: 0 0 -6px 8px; border: 0;}

.uvod1 {padding: 0;}
.uvod2 {text-align: center; padding: 20px 30px 30px 30px;}
.uvod3 {text-align: center; padding: 40px 0 5px 0; color: #fff;}
.uvod4, .uvod6 {text-align: center; padding: 20px 100px 60px 100px; color: #75675c;}
.uvod5 {}
.uvodfoto5 {float: left; width: 23%; text-align: center; padding: 0; margin: -40px 0 20px 0; padding: 0 1% 0 1%;}
.uvodfoto5 a:hover {filter: alpha (opacity=70); -moz-opacity:.70; opacity:.70; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.uvod6 h2 {font-size: 250%;}

#piktogramy {overflow: hidden; padding: 0 0 0 1%;}
h2#piktogram1 a, h2#piktogram2 a, h2#piktogram3 a, h2#piktogram4 a, h2#piktogram5 a, h2#piktogram6 a, h2#piktogram7 a {float: left; display: block; margin: 5px 14px 25px 14px; padding: 0; width: 106px; height: 107px; overflow: hidden;}
h2#piktogram1 a {background: url(/UserFiles/Image/images/ico-podlahy.png) top left no-repeat;}
h2#piktogram2 a {background: url(/UserFiles/Image/images/ico-dvere.png) top left no-repeat;}
h2#piktogram3 a {background: url(/UserFiles/Image/images/ico-kuchyne.png) top left no-repeat;}
h2#piktogram4 a {background: url(/UserFiles/Image/images/ico-interiery.png) top left no-repeat;}
h2#piktogram5 a {background: url(/UserFiles/Image/images/ico-schody.png) top left no-repeat;}
h2#piktogram6 a {background: url(/UserFiles/Image/images/ico-koupelny.png) top left no-repeat;}
h2#piktogram7 a {background: url(/UserFiles/Image/images/ico-3d.png) top left no-repeat;}
h2#piktogram1 a:hover, h2#piktogram2 a:hover, h2#piktogram3 a:hover, h2#piktogram4 a:hover, h2#piktogram5 a:hover, h2#piktogram6 a:hover, h2#piktogram7 a:hover {background-position: -107px 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
h2#piktogram1 span, h2#piktogram2 span, h2#piktogram3 span, h2#piktogram4 span, h2#piktogram5 span, h2#piktogram6 span, h2#piktogram7 span {display: none;}

#piktogramy2 {clear: both; width: 100%; padding: 10px 0 0;  overflow: hidden;}
.piktogram2 {float: left; width: 17%; height: 180px; padding: 20px 0.5% 10px; margin: 0 1%; text-align: center; background-color: #e6e6e6;}
.piktogram2-foto {width: 100%; padding: 0 0 15px 0;}
.piktogram2-text {color: #2c69ff; font-size: 100%; padding: 0 1%;}


.aktuality h2 {text-align: center; padding: 10px 0 0 0; color: #fff; font-size: 250%;}
.aktualita {padding: 0; margin: 10px 0 10px 0px; line-height: 140%; border-bottom: 1px solid #ccc4bd; overflow: auto;}
.aktualita h2 {font-size: 150%; margin: 10px 0 10px 0;}
.aktualita h3 {color: #fff; margin: 10px 0 10px 0;}
.aktualita h3 a {color: #fff;}
.aktualita h3 a:hover {color: #f28e11;}
.aktualita-datum {display: none; padding: 20px 0 0 0; margin: 0; font-size: 12px; font-style: italic; }
.aktualita-text {padding: 0 0 10px 0; margin: 0;}
.aktualita-foto {float: left; padding: 4px; margin: 20px 20px 20px 0;}
.aktualita-foto img {width: 200px;}
.vlevo-archiv {display: none; padding: 4px; margin: 0 10px 20px 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center;}
.vlevo-archiv a {color: #fff;}
.vlevo-archiv a:hover {color: #f28e11;}
.aktualita-popis {padding: 0 0 20px 0;}
.aktualita-obsah {font-size: 12px; line-height: 140%; letter-spacing: 1px;}
.aktuality-prehled-prilohy {display: none;} 

.aktuality0 h1 {display: none;}
.uvod3 .aktuality h2 {display: none;}
.uvod3 .aktualita {padding: 0; margin: 0 0 20px 0px; border: 0; color: #f28e11;}
.uvod3 .aktualita a {color: #f28e11;}
.uvod3 .aktualita a:hover {color: #fff;}
.uvod3 .aktualita-datum {display: none;  padding: 0; margin: 0; font-size: 12px; font-style: italic;}
.uvod3 .aktualita-text {text-shadow: 1px 2px 3px #000;}
.uvod3 .aktualita h3 {padding-bottom: 20px; color: #f28e11; font-size: 190%; line-height: 140%;}
.uvod3 .aktualita h3 a {color: #f28e11; text-decoration: none;}

.reference ul {margin-left: 60px;}
.reference h1 {margin: 0; padding: 30px 10px 10px 0;}
.novinky-popis {padding: 0 10px 20px 0;}
.novinka {float: left; width: 47%; height: 115px; padding: 0; margin: 0 0 10px 10px; color: #48403a; background-color: #e6e6e6; line-height: 150%; letter-spacing: 1px; overflow: hidden;}
.novinka h2 {font-size: 14px; font-weight: 800; padding: 0; margin: 10px 5px 4px 10px; color: #48403a;}
.novinka h2 a {color: #48403a;}
.novinka h2 a:hover {color: #2c69ff;}
.novinka-datum {display: none;}
.novinka-text {padding: 0 0 10px 160px; margin: 0; font-size: 90%;}
.novinka-foto {float: left; width: 160px; padding: 0; margin: 5px;}
.novinka-foto img {max-width: 150px; height: 105px;}
.novinka-obsah {font-size: 13px; color: #333;} 

.aktualita-zpet, .novinka-zpet {margin: 30px 0 0 0;}
.aktualita-zpet {display: none;}
.galerie-zpet {margin: 0px 0 0 0;}
.aktualita-zpet ul, .novinka-zpet ul, .galerie-zpet ul {clear: both; border: 0; padding: 5px 0 5px 0; margin: 0 20px 0 0; font-size: 13px;}
.aktualita-zpet ul li, .novinka-zpet ul li, .galerie-zpet ul li {float: right; margin: 0; padding: 0; list-style-type: none;}
.aktualita-zpet ul li a, .novinka-zpet ul li a, .galerie-zpet ul li a {float: left; width: 100%; height: 20px; padding: 5px 5px 7px 5px; text-decoration: none; letter-spacing: 1px; text-align: center; overflow: visible; cursor: pointer; color: #fff; background-color: #75675c; -moz-borde-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 100ms ease 0s; -moz-transition: all 100ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 100ms ease 0s;}
.aktualita-zpet ul li a:hover, .novinka-zpet ul li a:hover, .galerie-zpet ul li a:hover {color: #fff; background-color: #2c69ff;}

#page2 .stranka {padding: 0;}
#page2 .stranka ul {margin: 10px 0 10px 80px;}
#page2 table {margin: 20px 20px 20px 20px;}
#page2 table th {padding: 4px 10px 4px 10px;}
#page2 table td {padding: 10px 10px 4px 10px; line-height: 18px;}

.clanky h2 {float: right; font-size: 110%; padding: 0; margin: -40px 20px 20px 0;}
.clanek {float: left; width: 23%; margin: 25px 1% 0px 1%; text-align: center; background-color: #e6e6e6;}
.clanky .aktualni {color: #fff; background-color: #2c69ff;}
.clanky .aktualni a {color: #fff;}
.clanek h2 {float: none; height: 25px; font-size: 14px; padding: 0; margin: 15px 0 10px 0; color: #052e70; text-align: center;}
.clanek h2 a {color: #484039; text-decoration: none;}
.clanek h2 a:hover {color: #fff;}
.clanek-foto {display: none;}
  .clanek a {padding: 17px 0 17px; color: #fff; text-decoration: none;}
  .clanek:hover, .clanek.hover  {color: #fff; text-decoration: none; background-color: #484039;}
	.clanek {
		background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		);
	}
    .clanek:hover a, .clanek.hover a {color: #fff;} 

.galerie0 {clear: both; width: 95%; min-height: 150px; margin: 40px 0 0 0; padding: 0; font-size: 100%; overflow: hidden;}
.galerie-obsah {float: left; height: 180px; margin: 5px 10px 5px 0px; padding: 0;}
.galerie-obsah-nahled {float: left; margin: 10px 10px 0 0; padding: 0; font-size: 90%;}
.galerie-foto {text-align: center; margin: 10px 10px 0 0;}
.galerie-foto .fotogalerie {border: 0; box-shadow: #c6c6c6 0 0.1em 1em; -moz-box-shadow: #c6c6c6 0 0.1em 1em; -webkit-box-shadow: #c6c6c6 0 0.1em 1em;}
.galerie-foto a:hover {filter: alpha (opacity=80); -moz-opacity:.80; opacity:.80; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.galerie-title {height: 20px; padding: 5px 0 0 0; text-align: center; font-size: 80%; line-height: 110%; font-weight: bold;}

.strankovani {zoom:1; clear: both; width: 100%; margin: 10px 10px 0 0; padding: 15px 0 15px 0;}
.stran-pred {float: left; width: 10%;}
.stran-zazn {float: left; width: 80%; text-align: center; }
.stran-nas {float: left; width: 10%; text-align: right; }

.strankovani {}
.strankovani:after {content:"."; display:block; clear:both; height:0; font-size:0; line-height:0; visibility: hidden;}
.strankovani ul {float:right; margin: 2px 8px 2px 0;}
.strankovani li {float: left; line-height: 20px; list-style: none outside none; margin-left: 5px;}
.strankovani a, .strankovani span {display: inline-block; min-width: 10px; text-align: center; color: #5C3521; background-color: #e6e6e6; font-size:11px; font-weight:700; padding:0px 8px; -webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; -webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;transition:all 0.218s; -webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-decoration:none;}
.strankovani span, .strankovani a:active {color: #fff; background-color: #2c69ff; cursor:default;}
.strankovani a:hover {color: #fff; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color: #ff6600; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);text-decoration:none;}

#formular {padding: 12px 20px 0 5px; margin: 0; letter-spacing: 1px;}
#formular .form-text {float: left; display: block; width: 140px; text-align: right; padding: 4px 10px 0 0;}
#formular label {overflow: hidden;}
#formular input {width: 50%; line-height: 1.25em; padding: 5px 6px 5px; margin: 0 0 5px 0; font-family: "Capriola"; letter-spacing: 1px; border: 1px solid #fff; background: #fff; outline: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#formular input.error {border: 2px dotted #f3b802;}
#formular label.error {height: 20px; color: #f3b802; font-style: italic; padding: 0; margin: 0;}
#formular select {padding: 5px 6px 5px 4px; font-family: "Capriola"; letter-spacing: 1px;}
#formular textarea {height: 140px; width: 60%; max-height: 140px; line-height: 1.25em; padding: 7px 9px; margin: 0; border: 1px solid #fff; background:#fff; overflow: auto; outline: none;}
.form-pozn {text-align: left; padding: 0 0 0 150px;}
#form-tlac {clear: both; padding: 0; text-align: center; margin: 0 10px 0 19%;}
#form-tlac input {float: left; width: 35%; min-width: 80px; margin: 2px 10px 2px 10px; text-align: center; text-decoration: none; cursor: pointer;}
#form-tlac input:hover {color: #fff; background-color: #e1b500; border: 0; text-decoration: none;}
#form-tlac input:disabled {background: silver; text-decoration: none;}
.kontaktform1 {width: 50%;}
.kontaktform2 {width: 20%;}
.kontaktform3 {width: 50%; height: 100px;}

.chyba, .error {color: #2c69ff; font-size: 12px; font-style: italic;}

#vpravopiste {}
p#vpravopiste1 a {position: fixed; bottom: 2%; left: auto; right: 0; width: 250px; height: 112px; background: url(/UserFiles/Image/images/napistenam.png) no-repeat 0 0; z-index: 2;}
p#vpravopiste1 a:hover {background-position: 0 -5px;}
p#vpravopiste1 span {display: none;}