body, html {padding:0; margin:0; background:#000 url('/x/body-montage.jpg') top center no-repeat; color:#fff; text-align:center;}
a, a:hover {text-decoration:none;}
a, a:visited {color:#fe0000;}
a:hover {color:#fff;}
h1, h2, h3, .h1 {color:#fe0000; font-weight:800;}
h1 {font-size:1.75em; text-transform:uppercase; border-bottom:1px solid #df0000; width:712px; margin-bottom:.75em;}
h2, .h2 {font-size:1.35em; font-weight:800; text-transform:uppercase; color:#fff; margin:2em 0 .5em 0;}
.h2, .h3 {display:block;}
h3, .h3 {margin:2em 0 .5em 0;}
.header {height:200px;}
.header .h1 {color:#fe0000; font-size:2.5em; margin:3em 0 0 0; color:#fff; font-family:"Helvetica", "Arial", sans-serif;}
a#log, a#slogan {display:block; height:160px; position:absolute; top:0; right:0;}
a#lg {display:block; height:160px; width:186px; position:absolute; top:0; right:0;}
a#slogan {top:40px; left:0; width:280px; height:150px;}

ul {margin:0 0 2em 0;}
ul li {margin:.15em .15em .15em .5em; padding:0 .15em .15em 1.35em; border:none; background:url('/x/li-bg.gif') top left no-repeat;}
ul li ul {margin-left:.15em;}
ul li ul li {background:url('/x/li-ul-li-bg.gif') top left no-repeat;}
.container {position:relative; text-align:left;}

/* homepage */
.banner {margin:0 0 2em 0;}
#flash_banner {margin-bottom:1.5em;}
.novinky {margin:0 0 25px 0;}
.novinky div {margin:0 0 15px 0; padding:0 0 30px 0; background:url('/x/news-bottom.jpg') center bottom no-repeat;}
.novinky div img {margin:0 0 10px 0;}
.novinky div h3 {margin:0; padding:0 0 .15em 0; border-bottom:1px solid #ef0000; font-size:1em;}
.novinky div p {margin:5px 0; text-align:justify;}
.novinky div a.lnk {display:block; text-align:right; color:#fff;}
.novinky div a.lnk span {color:#fe0000;}
.novinky div a.lnk:hover span {color:#fff;}
.novinky div.gfx {margin:0; padding:0; background:none; min-height:100px;}
.novinky div.gfx img {width:60px; height:60px; float:left; margin:0 1em 1em 0;}
.novinky div a.more {display:block; text-align:right;}
.novinky div span.date {display:block; text-align:right; color:#3f3f3f; font-size:.75em;}
.full div {width:95%;}
.novinky div img.full {width:auto; height:auto;}

/* hlavni menu (vpravo) */
ul.mmenu {margin:0 0 10px 0; padding:0;}
ul.mmenu li {margin:0; padding:0; background:none; list-style:none;}
*>ul.mmenu li {margin-bottom:1em;}
ul.mmenu li a {margin:.25em 0; display:block; font-weight:800; color:#fff; background:url('/x/mm-normal.gif') bottom left no-repeat; padding:.15em .15em .15em 1.5em; border-bottom:1px solid #666;}
ul.mmenu li a:hover {background:url('/x/mm-over.gif') bottom left no-repeat; border-bottom:1px solid #fff;}
ul.mmenu li.activ a {background:url('/x/mm-active.gif') bottom left no-repeat; border-bottom:1px solid #ef0000;}

/* kontakty (vpravo) */
.mbox {padding-bottom:200px;}
.gis1 {background:url('/x/gis.jpg') 30% 95% no-repeat;}
.gis2 {background:url('/x/gis-2.jpg') 30% 95% no-repeat;}
.gis3 {background:url('/x/gis-3.jpg') 30% 95% no-repeat;}
.co {background:url('/x/kontakty.jpg') top left no-repeat; padding:60px 0 0 0; margin:20px 0 0 0;}
.co p a {color:#fff;}
.co p strong {color:#ef0000;}

/* galerie (ve strance) */
.galerie {} /* height 190px */
.galerie a {margin:0 2em 1em 2em; padding:0 0 1em 0; display:block;}
.galerie a span {color:#fff; margin:0; padding:.5em 0; display:block;}

/* kontakty - stranka */
a#gmap, a#gmap span {display:block; width:220px; height:80px;}
a#gmap {position:relative; margin-top:2em;}
a#gmap span {position:absolute; top:0; left:0; background:url('/x/ikona-mapy.jpg') top left no-repeat;}

/* extra styl pro octavce */
p.spec {color:#ff0000; margin-right:1em; padding:15px 35px 15px 50px; font-style:italic; position:relative; background:url('/x/66.gif') 99% 5% no-repeat;}
p.spec span {position:absolute; bottom:5px; left:5px; background:url('/x/99.gif') top left no-repeat; width:20px; height:16px;}
.content p a, .content ul li a, .content p.spec a {text-decoration:underline;}

/* galerie (certifikaty) */
.certifikaty {height:300px; margin:2em 0;}
.certifikaty div {float:left; width:160px; margin:0 0 0 20px;}
.certifikaty div.first {margin-left:0;}
.certifikaty div a img  {margin:0 10px 20px 10px;}
.certifikaty div a span {display:block; color:#3f3f3f; height:3.5em; border-bottom:1px solid #3f3f3f;}
.certifikaty div a:hover span {color:#fff; border-bottom:1px solid #fff;}

/* hr */
hr.grey {background:#4e4e4e; border:#4e4e4e;}
hr.black {background:#000; border:#000;}
hr.invisible {background:transparent; border:transparent; visibility:hidden;}

/* paticka */
.footer {background:url('/x/footer-bg.jpg') top center no-repeat; height:100px;}
.footer p, .footer p a {color:#fff;}
.footer p {margin:1.75em 0; width:700px; float:left;}
.footer p.estudio {width:220px; text-align:right;}
.footer p.estudio a {margin:0 10px 0 80px;}

/* formulare */
hr.before-form {padding:0; margin:20px 0 20px 0; width:100%; border-bottom:1px dotted #609cd7;}
form {margin:.25em 0; padding:0; display:block; min-height:300px;}
label {padding-right:10px; margin:0; display:block; float:left; width:130px; text-align:left; font-size:11px; color:#3f3f3f;}
*>label {width:110px;}
label:after {content: ':';}
input, textarea, button {font-family:"Helvetica", "Arial", sans-serif; color:#3f3f3f; border:1px solid #3f3f3f; background:#000; font-size:11px; padding:2px;}
input:hover, input:focus, textarea:hover, textarea:focus {border:1px solid #fe0000; color:#fff;}
textarea {overflow:hidden;}
input {display:block; float:left; margin:0 0 5px 2px; width:140px;}
*>input {width:220px;}
.povinny {background:#000 url("/x/star.gif") top right no-repeat;}
.povinny:hover, .povinny:focus,  {background:#000 url("/x/red-star.gif") top right no-repeat;}
input.chkbx {margin:0 170px 5px 0; padding:0; display:block; float:left; width:20px;}
textarea {float:left; width: 220px; height:120px; margin:0 0 5px 2px;}
button {float:left; border:1px solid #ef0000; background:#000; color:#ef0000; font-weight:800; font-size:1em; padding:2px 15px; margin:0 0 0 122px;}
button:hover, button:focus {background:#ef0000; color:#fff;}
.hidden {visibility:hidden;}
#mf_nick_r, #robutek {display: none;}
.poznamky {clear:both; padding-top:40px;}
strong.mf_chyba, strong.mf_ok {padding:.15em; margin:0 0 .15em 0;}
strong.mf_chyba {color:#ef0000;}
strong.mf_ok {color:#fff;}
#mf_formular_1 div {margin:1em 0; min-height:30px;}
p.form-note {display:block; padding:0 0 0 124px; background:url('/x/star.gif') 100px 0 no-repeat; color:#3f3f3f;}
#button {width:100%; }

/* breadcrumbs - drobecky */
#bc {position:absolute; top:0; left:0; width:585px; padding:5px 0;}
#bc ul li {background:url('/x/bc-normal.gif') left center no-repeat; float:left; padding:0 0 0 5px; margin:0 10px 0 0;}
#bc ul li.first {background:url('/x/bc-start.gif') left center no-repeat;}
#bc ul li a {margin:0 5px; display:block; color:#cccecb;}
#bc ul li a:hover {color:#fff;}

/* seobox */
#seo_box {padding:0 auto; text-align:center;}
#seo_box ul {margin:0 auto; height:3em; text-align:left;}
#seo_box ul li {display:block; float:left; padding:0; margin:0; background:url('/x/seobox.gif') center left no-repeat; color:#0f0f0f;}
#seo_box ul li.first {background-image:none;}
#seo_box ul li a {display:block; padding:0 6px 0 6px; color:#3f3f3f;}
#seo_box ul li.first a {padding:0 6px 0 0;}
#seo_box ul li a:hover {color:#fff;}

/* reference */
.reference {}
.reference h2 {margin:0;}
.reference p {margin:0 1em 2.5em 0;}
.reference p span {display:block; margin:0 0 .5em 0;  padding:0 0 0 1.25em; background:url('/x/li-bg.gif') top left no-repeat;}

/* modal popup */
#backgroundPopup {display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000; border:1px solid #cecece; z-index:1; _position:absolute; /* hack for internet explorer 6*/}
#popupContact {display:none; position:fixed; height:auto; width:408px; background:#000; border:6px solid #cecece; z-index:2; padding:12px; font-size:13px; _position:absolute; /* hack for internet explorer 6*/}
#popupContact h1 {text-align:left; color:#fff; font-size:22px; font-weight:700; border-bottom:1px solid #fff; padding-bottom:2px; margin-bottom:20px;}
#popupContactClose {font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#d40000; font-weight:700; display:block;}