body {color:white; text-align:center; padding:0; margin:0; font-family:"Verdana" sans-serif; font-size:11px; background:black url(./../x/gratient-bg.gif) center left repeat-x;}
body div.main {width:800px; margin:0 auto; text-align:left; padding:0 3em; background:#444e57 url('../x/alfa-bg.gif') top left repeat-x; position:relative;}

/* hlavicka */
.header, .header a, header a span, .content, #menu, .sloupec, .neplavec, #bigbox {padding:0; margin:0;}
.header {width:100%; height:75px; background:transparent url('../x/slogan.gif') top right no-repeat;}
.header a {display:block; width:220px; height:75px; position:relative;}
.header a span {display:block; width:220px; height:75px; position:absolute; top:0; left:0; background:url('../x/logo.gif') top left no-repeat;}

/* drobecky */
p.drobecky {color:#5f5f5f; padding:0; margin:2em 0 -1em 0;  }
p.drobecky a {text-decoration:none; color:#8f8f8f;}
p.drobecky a:hover {color:white;}

/* menu */
#menu {list-style:none; list-style-position:inside; background:transparent url('../x/oddelovac.gif') bottom right no-repeat; height:3em; margin:20px 0 25px 0;}
#menu li {display:block; float:left; background:transparent url('../x/oddelovac.gif') bottom left no-repeat; height:3em; position:relative;}
#menu li a {display:block; text-decoration:none; color:white; font-weight:800; padding:0 0 0 1em; margin:0; position:absolute; bottom:0; left:0; =bottom:-2px;}
#menu li a:hover {color:#408ccd;}

/* 404 menu */
#mapa-webu {list-style:none; list-style-position:inside; margin:0 0 2em 0; padding:0; }
#mapa-webu li {display:block;}
#mapa-webu li a {display:block; text-decoration:none; color:white; font-weight:800; padding:.75em 0 .75em 1.5em; background:transparent url('../x/blue-bullet.gif') center left no-repeat;}
#mapa-webu li a:hover {color:#408ccd;}
#tagcloud a {display:block; float:left; padding:0 .35em .35em 1em; color:#5f5f5f; text-decoration:none; background:transparent url('../x/bullet.gif') center left no-repeat;}
#tagcloud a.prvni {background-image:none;}


/* obsah */
h1 {margin:2em 0 1em 0; background:url('../x/h1-bg.gif') bottom left no-repeat; font-size:1.2em; font-weight:800; color:#408ccd; text-transform:uppercase; padding:.15em 0 .75em 2em; =margin-top:1.5em;}
#bigbox {}
hr.neplavec {margin:0; padding:0; border:none; float:none; clear:both; visibility:none; height:0; }
#bigbox .sloupec {width:47%;float:left;}
.prvni {padding:.5em 1em 0 0;}
.druhy {margin:0 0 0 2.5em;}
.prvni img.prodigital {margin:0 0 20px 110px;}
/* .druhy p, .prvni p {margin:0 0 1em 0; text-align:justify;} */
.gfx {margin:2em 0; text-align:center;}
#bigbox div ol li {margin:.5em 0;}
#bigbox div p {margin:0 0 1em 0; text-align:justify;}
#biker {margin:1em auto; border:none; margin-left:32%; -margin-left:22%;}
.cover {margin:.5em 0; border:none;}

/* paticka */
.footer {height:5em;}
.footer, .seobox, .footer p a,  .seobox p a  {color:#9ea5aa; text-decoration:none; font-size:9px;}
.footer p a:hover, .seobox p a:hover {color:#408ccd;}
.footer {border-top:1px solid silver; padding-top:1em; }
.footer p.estudio {width:12em; height:32px; float:right; background:url('../x/estudio-webdesign.png') top right no-repeat; _background:url('../x/estudio-webdesign.gif') top right no-repeat;}
.footer p.estudio a strong {font-weight:100;}
.footer p {width:680px; float:left;}

/* SEO box */
.seobox {height:30px; margin:1em 0;}
.seobox p {float:right;}

/* txt s obrazky */
.techno {margin:1 0 2em 0;}
.techno div {margin:0 .5em 2em 0; background:url('../x/dotted-line.gif') bottom left repeat-x; padding:0 0 1em 0; min-height:60px;}
.techno div img {float:left; margin:0 1.5em 1em 0;}
.techno div h2, .druhy h2, .prvni h2 {color:#408ccd; font-weight:800; font-size:1em; margin:0 0 .35em 0; }
#bigbox div .techno div p {margin:0; text-align:left;}
#bigbox .druhy a.pro1 {margin:1em 0; margin:5% 0 5% 30%; color:#408ccd; display:block;}

/* download */
.position {width:28em; background:#000 url('../x/download-bg.gif') bottom left repeat-x; padding:1.5em; }
.position h2 {font-weight:800; font-size:1em; text-transform:uppercase; border-bottom:1px solid white; padding:0 0 .25em 0;}
.position ul {padding:0; margin:0; list-style:none;}
.position ul li {background:url('../x/dotted-line-white.gif') bottom left repeat-x; padding:.5em 0; margin:.5em 0;}
.position ul li a {display:block; color:white; text-decoration:none; background:url('../x/ico-pdf.gif') center left no-repeat; padding:0 0 0 2em;}
.position ul li a:hover {color:#408ccd;}
.next {margin:1.7em 0;}
#bigbox .prvni p.note {margin:0 4em 0 0; color:#888;}
#bigbox div p.tabulkalink  {text-align:center;}
#bigbox div p.tabulkalink a {color:#408ccd; text-decoration:none;}

/* kontakt */
.mapa {margin:2em 0; text-align:left;}
.mapa a img {border:1px solid white;}
.mapa a {text-decoration:none; color:#408ccd;}
.adresa {line-height:1.4em;}
.adresa span {color:#9ea5aa;}
.adresa a {text-decoration:none; color:white;}

/* formular */
h2.kontakt {margin:.75em 0 0 7.5em; }
form {margin:2em 0 2em 7.7em;}
form label {float:left; width:8em; color:#9ea5aa; font-weight:800; padding:0 1em 0 0;}
form hr {margin:.1em 0; background:transparent; border:none; visibility:hidden;}
form input,  form textarea {width:24em; padding:.15em; font:12px "Helvetica", "Arial", sans-serif; color:white; border:1px solid #777; background:transparent;}
form input:hover, form textarea:hover, form input:focus,  form textarea:focus {border:1px solid #427de9; background:white; color:black;}
form textarea {height:10em;}
form fieldset {margin:0 0 1em 0;padding:1em 0 0 0;border:none;border-top:1px solid #427de9;}
form fieldset legend {color:#e4212d;padding:0 2em 0 1em;font-weight:800;}
input.povinny {background:url('../x/micro-star.png') center right no-repeat;}
/* antispan ochrana */
#mf_nick_r {display:none;}
/* odesilaci tlacitka */
button {width:5.5em; background:white; color:#408ccd; border:1px solid white ;cursor:pointer; font-size:1em; font-weight:800; margin:1em 0 0 0; float:right;}
button:hover, button:focus {background:#408ccd; color:white;}
/* chybove hlasky */
strong.mf_chyba, strong.mf_ok {color:white; font-weight:800; padding:.35em 0 .35em 3em; margin:1em 0 1em 7.5em ; display:block;}
strong.mf_chyba {background:#e4212d;}
strong.mf_ok {background:#427de9;}

/* galerie */
h2.galerie {font-size:1em; margin:1.5em 0 2em 0;}
p.galpopis {margin:-1em 0 2em 0; padding:1em; border:1px dotted #111;}
.galbox {padding:0; margin:0 0 2em 0;}
.galbox div {width:180px; height:200px; float:left; margin:0 18px 15px 0; padding:.15em 0; border:1px solid rgb(123,123,123); border-bottom:1px solid rgb(95,95,95);}
.galbox div:hover {border:1px solid white;}
.galbox div a {padding:0 auto; text-align:center; display:block; margin:1em 0 1em 0;}
.galbox div a img {border:1px solid black;}
.galbox div a:hover img {border:1px solid #333;}
#bigbox .galbox div p.info {padding:1em; text-align:center; color:#888;}

/* flash */
#fbanner {position:absolute; top:150px; right:-145px; width:120px; height:600px:}
#fbanner a img {border:none;}

/* prodejci */
#prodejci {min-height:380px; position:relative; border:1px solid #27333a; _height:380px;}
#prodejci .name_kraj {float:right; width:360px; margin:0 0 2em 0; _height:320px;}
#prodejci #mapa {position:absolute; top:0; left:0; _height:450px;}
#prodejci #mapa p {margin:2em 0;}
#prodejci .prodejce {margin:0 0 .75em 0; border-bottom:1px solid #444;}
#prodejci .prodejce:hover  {border-bottom:1px solid #408ccd;}
#prodejci h2 {margin:0 0 1em 0; font-size:1em; font-weight:800; color:#408ccd; text-transform:uppercase;}
#prodejci h3 {position:absolute; top:-6em; right:0; font-size:1em;}
#prodejci .prodejce p,  #prodejci .prodejce p a {color:#888; text-decoration:none;}
#prodejci .prodejce p a:hover,  #prodejci .prodejce p span {color:#408ccd; text-decoration:none;}
#prodejci .prodejce h3 {margin:0 0 .35em 0; font-size:1em; color:white; position:static;}

html.IE #prodejci {background:red; }