body, html {padding:0; margin:0; background:#fff url('/x/bricks.jpg') top center; color:#000; 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; text-shadow:0 2px 2px rgba(0,0,0, .6);}
h1 {font-size:1.75em; text-transform:uppercase; border-bottom:1px solid #df0000; margin-bottom:.75em;}
h2, .h2 {font-size:1.35em; font-weight:800; text-transform:uppercase; margin:2em 0 .5em 0;}
.h2, .h3 {display:block;}
h3, .h3 {margin:2em 0 .5em 0; text-shadow:0 1px 1px rgba(0,0,0, .3)}
.header {height:85px; border-bottom:2px solid #fe0000;}
.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:0; left:0; width:580px; height:180px; color:#fe0000; font-size:30px; font-weight:bold; text-transform:uppercase; opacity:0.85; -moz-opacity:0.85;}
a#slogan strong {display:block; font-size:40px; font-weight:bold; margin:10px 0; opacity:1.0; text-shadow:0 2px 2px rgba(0,0,0, .6);}

/* pozadi velkych bloku */
.novinky, .footer, .fullnew, .txt  {background:#fff; background:rgba(255,255,255,.75); -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomleft:9px; -webkit-border-bottom-right-radius:9px; -moz-border-radius-bottomright:9px; box-shadow:1px 1px 3px rgba(0,0,0, .4); -webkit-box-shadow:1px 1px 3px rgba(0,0,0, .4); -moz-box-shadow:1px 1px 3px rgba(0,0,0, .4);}
.intro {background:#fff; background:rgba(255,255,255,.75); box-shadow:1px 1px 3px rgba(0,0,0, .4); -webkit-box-shadow:1px 1px 3px rgba(0,0,0, .4); -moz-box-shadow:1px 1px 3px rgba(0,0,0, .4);}
.txt {-webkit-border-top-left-radius:9px; -moz-border-radius-topleft:9px; -webkit-border-top-right-radius:9px; -moz-border-radius-topright:9px;}
#slideshow {width:470px; height:200px; margin:0; padding:0; box-shadow:1px 1px 6px rgba(0,0,0, .4); -webkit-box-shadow:1px 1px 6px rgba(0,0,0, .4); -moz-box-shadow:1px 1px 6px rgba(0,0,0, .4);}

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; padding:0;}

/* homepage */
.banner {margin:0 0 2em 0;}
.intro {padding:0; margin:0;}
.intro * {padding:13px 15px;}
.intro * {_padding:13px 0;}
#flash_banner {margin-bottom:1.5em;}
.novinky {margin:25px 0; padding:0;}
.novinky h2 {color:#df0000; margin:0; padding:10px 15px;text-shadow:0 1px 1px rgba(0,0,0, .6);}
.novinky div {margin:0 15px 15px 15px; padding:0;}
.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;}

/* kontakty (vpravo) */
.mbox {padding-bottom:200px;}
.co {font-weight:bold; padding:0; margin:0; position:absolute; top:10px; right:0; width:230px; text-shadow:0 1px 1px rgba(0,0,0, .3);}
.co p a {color:#fff;}
.co p strong {font-size:1.2em; text-transform:uppercase; color:#ef0000; text-shadow:0 1px 1px rgba(0,0,0, .6);}

/* galerie (ve strance) */
.galerie p {margin:1em 3em 0 1em; padding:1em;}
.galerie {} /* height 190px */
.galerie a {text-align:center; width:270px; margin:0 .75em 0 .75em; padding:0 auto 1em auto; display:block; /*border:1px solid #afafaf;*/ background:#fff; background:rgba(254.254,254,1); box-shadow:2px 2px 4px #bfbfbf; -moz-box-shadow:2px 2px 6px #bfbfbf; }
.galerie a {background:-moz-linear-gradient(top, #dedede, white 12%); background: -webkit-gradient(linear, 0 0, 0 12%, from(#dedede), to(white)); border-top: 1px solid #fff;}
.galerie a:hover {background:-moz-linear-gradient(bottom right, #dedede, white 75%); background: -webkit-gradient(linear, 0 0, 0 75%, from(#dedede), to(white)); border-top: 1px solid #fe0000;}
.galerie a:hover img {border:1px solid #000;}
.galerie a:hover {/*border:1px solid #000;*/ box-shadow:4px 4px 6px #8f8f8f; -moz-box-shadow:4px 4px 6px #8f8f8f; }
.galerie a:hover {transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.galerie a span {color:#fff; margin:0; padding:.5em 0; display:block;}
.galerie a img {border:1px solid #afafaf;}
.galerie hr {visibility:hidden; clear:both; float:none;}

/* 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;}
/*  .content  {background:#fff; background:rgba(254,254,254,0.75); border--radius:0 2em 0 2em; -moz-border-radius:0 2em 0 2em;} */
.content * {margin:10px;}

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

/* 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:150px; left:10px; width:915px; padding:3px 6px 0 6px; background:#fff; background:rgba(254,254,254,0.7); border-radius:5px; -moz-border-radius:5px;}
#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:#4f4f4f;}
#bc ul li a:hover {color:#000;}

/* seobox */
.footer ul {margin:2em auto 15em auto; height:1.5em; width:45em;}
.footer ul li {list-style:none; display:block; float:left; padding:0; margin:0; color:#0f0f0f; background-image:none;}
.footer ul li.first {background-image:none;}
.footer ul li a {display:block; padding:0 10px; color:#3f3f3f;}
.footer ul li a:before {content:'  |  '; color:#fe0000;}
.footer ul li.first a:before {content:'';}
.footer ul li.first a {padding:0 6px 0 0;}
.footer ul li a:hover {color:#fe0000;}

/* 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;}

/* hlavni menu nahore */
#nav {width:929px; position:absolute; top:100px; left:5px; z-index:20; margin:0; padding: 7px 6px 0; background:#7d7d7d; background:rgba(3,3,3,.68); line-height: 100%; border-radius:.5em; -webkit-border-radius:.5em; -moz-border-radius:.5em; box-shadow:0 1px 3px rgba(0,0,0, .4); -webkit-box-shadow:0 1px 3px rgba(0,0,0, .4); -moz-box-shadow:0 1px 3px rgba(0,0,0, .4);}
#nav li {margin:0 5px; padding:0 0 8px; float:left; position:relative; list-style: none; background-image:none;}
#nav a {font-weight:bold; color:#e7e5e5; text-decoration:none; display:block; padding: 8px 20px; margin:0; -webkit-border-radius:.3em; -moz-border-radius:.3em; text-shadow:0 1px 1px rgba(0,0,0, .3);}
#nav a:hover {background:#000; color:#fff;}
#nav .current a, #nav li:hover > a {background:#666; color:#fff; -webkit-box-shadow:0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow:0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, .7);}
#nav ul li:hover a, #nav li:hover li a {background:none; border:none; color:#666; -webkit-box-shadow:none; -moz-box-shadow:none;}
#nav ul a:hover {background:rgb(84,84,84) !important; color: #fff !important; -webkit-border-radius:0; -moz-border-radius:0; text-shadow:0 1px 1px rgba(0,0,0, .1);}
#nav li:hover > ul {display: block;}
#nav ul {display:none; margin:0; padding:0; width:185px; position:absolute; top:35px; left:0; background:#ddd; border:solid 1px #b4b4b4; -webkit-border-radius-bottom-left:5px; -moz-border-radius-bottomleft:5px; border-radius-bottom-right:5px; -webkit-border-radius-bottom-right:5px; -moz-border-radius-bottomright:5px; border-radius-bottom-right:5px; -webkit-box-shadow:0 1px 3px rgba(0,0,0, .3); -moz-box-shadow:0 1px 3px rgba(0,0,0, .3); box-shadow:0 1px 3px rgba(0,0,0, .3);}
#nav ul li {float:none; margin:0; padding:0;}
#nav ul a {font-weight:normal; text-shadow:0 1px 0 #fff;}
#nav ul ul {left:181px; top:-3px;}
#nav ul li:last-child > a {-webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;}
#nav:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height:0;}
#nav {display: inline-block;} 
html[xmlns] #nav {display: block;}
* html #nav {height:1%;}

/* 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;}

/* stiny pro hloupe browsery neboli IE */
#nav, #bc, .content, .novinky, .footer, .txt, .galerie a {filter:alpha(opacity=50);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666');}

/* telefon prodej domeny */
h2.tele, h2.tele span {padding:0; margin:0; display:block; font-weight:bold; text-transform:none;}
h2.tele {font-size:35px; margin:0 25px 25px 25px; padding:0; position:relative;}

/* paticka */
.footer {text-align:center;}
.footer div h2 a {color:#ef0000;}
.footer div h2 {font-size:2em; padding:0; margin:40px 0 15px 0;}
.footer div h2 a {text-decoration:underline;}
.footer div p a {color:#000; text-decoration:underline;}

/* banner */
.footer a.nmban img {margin:20px 0 50px 0;}
.red {border-top:2px solid #ef0000; display:block; margin:0 2em 3em 2em; }