body { margin:0; padding:0; font-family: Roboto, Arial CE, Arial, sans-serif; color: #333;} 
a { color:#000;}
/*------ HEAD --------------------------*/
#hlavickaobal { border-bottom:5px solid #008000; box-shadow:0 0 5px #000;}
#hlavickaobal2 { background:url("images/head-bg.png") bottom right no-repeat;}
#hlavicka { max-width:1200px; margin:0 auto; overflow:hidden;}
#hlavjadro { display:block; max-width:1000px;}
#hlavlog { max-width:95%; padding:5px; margin:5px;}
#hlavlog img { max-width:100%;max-height:100px;}
#hlavlog img.logofirma {height:150px;}
#menuhlavni { margin:10px 3px 3px 3px;}
#menuhlavni a.hp { width:40px;}
#menuhlavni a { display:inline-block; padding:6px 2%; font-size:1.4em; font-weight:bold; text-decoration:none; text-align:center; color:#FFF; background:#008000; border:1px solid #333; box-shadow:1px 1px 2px #000;}
#menuhlavni a:hover { transition: background .3s; xtransition: color .4s; background:#575757; box-shadow: 0 0 1px #000;}
#menuhlavni a.mactive { background:#008000; box-shadow: 0 0 1px #000;}
/*------ MAIN --------------------------*/
#obsahobal { background: -moz-linear-gradient(top, rgba(205,252,285,1) 0%,rgba(255,255,255,1) 50%);
 background: -webkit-linear-gradient(top, rgba(195,242,275,1) 0%,rgba(255,255,255,1) 50%);
 background: linear-gradient(to top, rgba(195,242,275,1) 0%,rgba(255,255,255,1) 50%);}
#obsah {   max-width:1200px; margin:0 auto; padding:2%; font-size:1.1em; letter-spacing:0.4px; overflow:hidden;}
#hpobsah { background:url("images/hp-perfectpure.png") left no-repeat;/*  background-size:auto 95%; */ background-size:37% auto;}
#hpcont { margin-left:35%; text-shadow:1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 1px 1px #FFF;}
p.button { text-align:center;}
p.button a { display:inline-block; width:17em; margin:auto 0; background:#308030; text-align:center; text-shadow:none; color:#FFF; font-weight:bold; text-decoration:none; border-radius:5px;}
#obsah img { margin:1%; max-width:100%;}
#obsah li { line-height:190%;}
#obsah ul { margin-left:50px;}
#obsah ul li { list-style: url('images/li-point.png');}
#obsah b, #obsah strong {color: #003126;}
#obsah h1 { color: #003126; text-shadow:1px 1px 2px #555;}
#obsah h2 { margin-top:35px; color: #003126; text-shadow:1px 1px 1px #555;}
#obsah p { line-height:160%;}
#obsah p.posundolu { padding-top:20px;}
#obsah p.textmotto {text-align: right; font-weight: 600; color: #2dc26b;}
#obsah img.left {float:left;}
#obsah img.right {float:right;}
a.mapa1 { float:left; margin:0 15px;}
a.mapa2 { float:right; margin:0 15px;}
#konttable { width:100%;}
#konttable td { vertical-align:top;}
#kontaktniformular { clear:all;}
#obsah div.kontaktform { width:100%; max-width:800px;}
#obsah span.formdotaz { display:block; width:100%;}
#obsah span.formpopis { display:inline-block; width:25%; vertical-align:top;}
#obsah div.kontaktform input, #obsah div.kontaktform textarea { width:70%;}
#obsah div.kontaktform input.formbut { background:#004136; color:#FFF; text-align:center; max-width:200px;}
#obsah p.reference { display:block; border:1px solid #000; border-radius:14px; padding: 7px 2%;}
#obsah p.reference:nth-child(2N) { background:#F9F9F9; margin-right:10%;}
#obsah p.reference:nth-child(2N+1) { background:#E7F7E7; margin-left:10%;}
#obsah .refjmeno { display:block; font-weight:bold; margin-bottom:10px;}
#obsah .refdatum { display:block; font-weight:bold;}
#obsah .reftext:before { content:"\"";}
#obsah .reftext:after { content:"\"";}
#obsah table.tabcen {border:1px solid #000; background:#000; margin:20px 10px; padding:0;}
#obsah table.tabcen tbody, table.tabcen th {margin:0; padding:0;}
#obsah table.tabcen th {text-align:left; background:#080; color: #FFF; font-weight:bold; padding:2px 10px;}
#obsah table.tabcen td {margin:0; padding:2px 10px; background:#FFF;}
#obsah table.tabcen tr > td:first-child {min-width:350px;}
#obsah table.tabcen tr > td:nth-child(2) {min-width:100px; text-align:right;}
#obsah div.cenblock {display:inline-block; vertical-align:top; padding:0 10px; min-width:46%;}
#sijemerousky {text-align:center;}
#sijemerousky img {border:1px solid #008000;}
/*------ FOOT --------------------------*/
#patickaobal { border-top: 1px solid #003126; overflow:hidden; padding:10px; background:#333;}
#paticka { max-width:1200px; margin:0 auto; color:#000; background:#FFF url("images/bg-seda.png");}
#paticka table { width:100%;}
#paticka li { line-height:150%;}
#paticka ul li { list-style: url('images/li-point.png');}
#paticka p.alcenter { text-align:center;}
/*------ copyright --------------------------*/
p.copyright { margin:0 ;padding:0 5px 0 0; text-align:right; background:#333;}
p.copyright a { text-decoration:none; color:#999; font-size:0.7em;}
/*------ shared --------------------------*/
.flright {float:right;}
.flleft {float:left;}
.centrovane {text-align:center;}

/*------ displays --------------------------*/
@media screen and (max-width: 768px) {
#menuhlavni a {width:100%;}
#hlavicka h2 {display:none;}
.nomobile {display:none;}
#paticka table td {display:inline-block;width:100%;}
#obsah span.formpopis {display:block;width:100%;}
#obsah div.kontaktform input, #obsah div.kontaktform textarea {width:97%;}
#konttable td {display:inline-block;}
#obsah span.hp-bunka { display:inline-block; width:100%;}
#obsah p.posundolu {padding-top:0;}
}