* {margin:0;padding:0;box-sizing:border-box;} 

body {font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;font-size:85%;font-weight:normal;color:black;background:white;text-align:center;}

a:link {color:black;}
a:visited {color:black;}
a:hover {color:white;}

a.pdf {padding-left:20px;padding-bottom:3px;background:url("images/pdf.gif") top left no-repeat;}
a.ppt {padding-left:20px;padding-bottom:3px;background:url("images/ppt.gif") top left no-repeat;}
a.pptx {padding-left:24px;padding-bottom:7px;background:url("images/pptx.gif") top left no-repeat;}
a.doc {padding-left:20px;padding-bottom:3px;background:url("images/doc.gif") top left no-repeat;}
a.docx {padding-left:24px;padding-bottom:7px;background:url("images/docx.gif") top left no-repeat;}
a.xls {padding-left:20px;padding-bottom:3px;background:url("images/xls.gif") top left no-repeat;}
a.xlsx {padding-left:24px;padding-bottom:7px;background:url("images/xlsx.gif") top left no-repeat;}
a.txt {padding-left:20px;padding-bottom:3px;background:url("images/txt.gif") top left no-repeat;}

#top-right {background:black;position:absolute;top:0;right:0;z-index:10;width:50%;height:46px;}

#main {position:relative;width:900px;margin:0 auto;text-align:left;}

#logo {width:370px;height:380px;margin:0;padding:0;background:url("images/logo.jpg") 0 0 no-repeat;overflow:hidden;}
#logo a,#logo a span {display:block;width:370px;height:380px;margin:0;background-image:none;}
#logo a:hover {background:url("images/logo.jpg") 0 0 no-repeat;cursor:pointer;}
#logo a span {position:absolute;left:0;top:0;z-index:1;background:url("images/logo.jpg") 0 0 no-repeat;}
  
#topmenu {width:710px;position:absolute;top:0;right:0;background:black;z-index:20;font-family:Impact,"Techno CE",sans-serif;}
#topmenu ul {min-height:46px;margin:0;padding:0;}
#topmenu li {display:inline-block;min-height:46px;line-height:46px;margin:0;padding:0;text-align:center;list-style:none;font-size:1.3em;white-space:nowrap;}
#topmenu li a {display:block;text-decoration:none;color:#ea8211;padding:0 12px;}
#topmenu li a:hover,#topmenu li.section a {color:white;background:url("images/topmenu-li.png") center bottom no-repeat;}
#topmenu li.active {padding:0 12px;color:white;background:url("images/topmenu-li-active.png") center bottom no-repeat;}
#topmenu a.clicknav {line-height:38px;height:38px;font-family:"FontAwesome";font-size:38px;text-decoration:none !important;color:white;font-style:normal;display:none;width:42px;height:40px;margin:0px auto;}
#topmenu a.clicknav:hover,#topmenu a.clicknav:active {color:white !important;}
a.clicknav i {font-style:normal;}

#middle {display:table;table-layout:fixed;}

#left {display:table-cell;width:550px;background:#f77102;}

#content {padding:10px;margin:15px 5px 0 0;border-top:1px solid #CD6606;}

#aktuality h2,#aktuality h3 {margin-bottom:-1.4em;width:370px;}
                                                                                                 
#floatMenu {position:absolute;top:87px;right:-4px;width:70px;height:120px;z-index:99;}
                                                                                            
#right {display:table-cell;width:350px;padding-top:80px;text-align:center;vertical-align:top;background:url("images/right.png") repeat-y;}
#right img {float:none;}
#right h2 {color:black;font-size:1.6em;margin:30px 0 8px 0;}
#right h3 {color:#f77102;font-size:1em;margin:15px 0 2px 0;padding:0 32px;font-weight:bold;font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;text-shadow:none;}
#right h2#vp {width:360px;margin:0 0 0 -68px;padding:0;}
#right h2#vp img,#phones img {width:100%;}
#phones {width:205px;margin:0 0 10px 88px;padding:0;}
#rrefs {width:300px;margin:10px auto;padding-right:15px;}

#recom {width:335px;height:188px;margin:0 0 0 -34px;position:relative;background:url("images/recom.png") 0 0 no-repeat;}
#recom ul {width:270;height:150px;margin:0;padding:0;list-style:none;position:absolute;top:13px;right:19px;}
#recom ul li {width:270px;height:48px;margin:0 0 2px 0;padding:0;position:relative;background:url("images/recom-menu-1.png") 0 0 no-repeat;}
#recom ul li a,#recom ul li a span {display:block;width:270px;height:48px;margin:0;background-image:none;}
#recom ul li a:hover {background:url("images/recom-menu-1.png") 0 0 no-repeat;cursor:pointer;}
#recom ul li a span {position:absolute;left:0;top:0;z-index:1;background:url("images/recom-menu-1.png") 0 0 no-repeat;}
#recom ul li#rekonstrukce,#recom ul li#rekonstrukce a span {background-position:0 0;}
#recom ul li#cisteni,#recom ul li#cisteni a span {background-position:0 -48px;}
#recom ul li#natery,#recom ul li#natery a span {background-position:0 -96px;}
#recom ul li#rekonstrukce a:hover span {background-position:-270px 0;}
#recom ul li#cisteni a:hover span {background-position:-270px -48px;}
#recom ul li#natery a:hover span {background-position:-270px -96px;}

#easyTooltip {padding:5px 10px;border:1px solid black;border-radius:4px;font-size:1.1em;background:#2c3135;color:#fff;display:block;text-align:left;z-index:1000;}

#footer {display:table;table-layout:fixed;}

#footer-left {display:table-cell;width:550px;background:#f77102;font-size:0.9em;}
#footer-in {padding:10px;margin:15px 5px 0 0;border-top:1px solid #CD6606;}

#footer-right {display:table-cell;width:350px;text-align:center;background:url("images/right.png") repeat-y;}

#copy {width:180px;float:left;padding:4px 0 0 10px;margin:0;line-height:1.8em;}

#action {float:right;margin:0 10px 0 0;list-style:none;}
#action li {display:inline-block;margin:0 4px;padding:0;text-align:left;}
#action li a {display:block;min-height:30px;line-height:30px;padding:0 5px;color:black;text-decoration:none;}
#action li a:hover,#action li a:hover i {color:white;}
#action li i {margin:0 5px 0 0;color:black;font-size:110%;}

#info {margin:5px 0 0 0;padding:7px 0;line-height:2.2em;text-align:center;background:#CD6606;}

.plavl {float:left;}
.plavr {float:right;}
.cleaner {clear:both;margin:0;padding:0;height:1px;line-height:1px;font-size:1px;border:none;background:transparent;}

table {border:3px solid #834400;padding:0;margin:12px 0;width:98%;border-collapse:collapse;}
table caption {font-size:1.4em;color:white;padding:10px 0 5px;}
td {border:2px solid #834400;padding:0.3em 0.5em;margin:0;text-align:left;vertical-align:middle;}
th {background-color:#CD6606;border:2px solid #834400;color:white;font-weight:bold;padding:0.5em;text-align:center;}
th.l,td.l {text-align:left !important;}
th.p,td.p {text-align:right !important;}
td.stred {text-align:center !important;}
td.vyrazny {font-weight:bold;}
table.auto {width:auto;}
table.pul {margin-right:50px;}
table.stred td {text-align:center;}

fieldset {border:none;font-size:1em;padding:10px 0 0 0;}
legend {font-size:1.8em;color:white;text-align:left;border:none;margin:7px 0 5px 2px;padding:0;font-weight:normal;font-family:Impact,"Techno CE",sans-serif;}
form {margin:20px 0;width:95%;}
input,textarea {width:70%;margin:2px 6px;border:1px solid #834400;background:white;padding:5px;border-radius:4px;}
input.tlacitko {width:auto;font-weight:bold;margin:10px 0;padding:2px 4px;border:1px solid #834400;background-color:#CD6606;color:black;}
input.tlacitko:hover {background-color:#834400;color:white;}
label {float:left;width:80px;margin-right:0.5em;padding-top:0.5em;text-align:right;font-weight:bold;}
form p {font-size:1em;margin:6px 0;}

img {border:none;margin:0;}
img.stretch {max-width:100%;height:auto;margin:10px auto;}
#content img {float:right;border:8px solid #dfdfdf;margin:0 7px 10px 10px;}
#content p img,#content li img {float:none;margin:0 5px;}
#content li img {border:none;}
#content img.pravy,#content p img.pravy,#content li img.pravy {float:right !important;margin:8px 4px 8px 10px !important}
#content img.levy,#content p img.levy,#content li img.levy {float:left !important;margin:8px 12px 8px 0 !important}
#content img.nofl {margin:0 10px 10px 0;}

div.foto {width:100%;padding:15px 0;}
div.foto.sloupec {float:right;width:220px;padding:0;margin:0 0 10px 10px;text-align:center;}
div.foto div.ramecek {float:left;margin:0 7px 7px 0;}
div.foto.sloupec div.ramecek {float:none;margin:0 auto 4px;}
#right div.foto {width:230px;margin:0 auto;padding:5px 0 0;}
#right div.foto div.ramecek {float:none;margin:0 auto 14px;}   

div.fotky a {text-decoration:none;}

div.ram {width:98%;margin:15px auto;background:white;padding:10px 20px;border-radius:4px;}

div.ramecek {width:228px;position:relative;background:url("images/ramecek.png") center top no-repeat;text-align:center;padding:11px 0 0;}
#content div.ramecek a img,#right div.ramecek a img {background:#dfdfdf;border:1px solid #dfdfdf;margin:0 auto;padding:7px;float:none;box-sizing:content-box;}
#content div.ramecek a:hover img,#right div.ramecek a:hover img {background:#ef912b;border:1px solid #d0d0d0;}
div.ramecek span {display:block;width:228px;height:11px;position:absolute;bottom:-7px;left:0;background:url("images/ramecek.png") center bottom no-repeat;}

p {margin:0 0 6px 0;line-height:1.55em;}
p.date {text-align:right;margin:10px 0 5px 0;padding:5px 0 0;color:#834400;border-bottom:1px solid #CD6606;}
p.link {text-align:center;padding:5px;margin:15px 0;clear:both;background:#CD6606;}
#right p.link {background:transparent;margin:0;}
#right p.link a:link,#right p.link a:visited {color:black;}
#right p.link a:hover {color:#f77102;}
p.sysinfo {font-style:italic;border:1px solid black;background:white;margin:10px 0;padding:5px;}

h1,h2,h3,h4 {font-weight:normal;font-family:Impact,"Techno CE",sans-serif;}
h1 {margin:0 0 15px;padding:0;font-size:2.5em;color:black;text-shadow:1px 1px 1px #FFB96E;}
h2 {margin:20px 0 8px 0;font-size:1.8em;color:white;}
h3 {margin:15px 0 8px 0;font-size:1.4em;color:#834400;text-shadow:1px 1px 1px #FFB96E;}
h4 {margin:10px 0 6px;font-size:1.1em;color:black;}
h5,h6 {font-size:1em;color:white;}

ol,ul {margin:10px 0 10px 25px;}
ul {list-style:square;}
ul ul {list-style:disc;}
li {margin:6px 0;line-height:1.55em;}

strong {font-weight:bold;font-style:normal;}
em {font-weight:normal;font-style:italic;}
.pul {width:47%;}
.tret {width:33%;}
.dvetret {width:62%;}

.stred {text-align:center;}
.levy {text-align:left;}
.pravy {text-align:right;margin-right:5px;}
div.stred img {float:none;}
.nobord {border:none !important;}
.nomargin {margin:0 !important;}
.nofl {float:none;}
.hide {position:absolute;top:-10000px;left:0;height:1px;font-size:1px;overflow:hidden;}
hr {display:none;}
.chyba {color:red;background:white;padding:5px;}
ul.chyba {padding-left:25px;margin-left:0;}