html, body {margin:0; padding:0; font-size:11px; color:white; font-family:"Trebuchet MS", "Helvetica", "Arial", sans-serif; background:#363636 url('/x/bg.jpg') top left repeat-x; -text-align:center;}
.main {width:956px; margin:0 auto; position:relative; -text-align:left;}
hr.viktor {width:85%; height:1px; border:none; clear:both;}
#ie6 hr.viktor, #ie7 hr.viktor {visibility:hidden;}

/* hlavicka a css banner */
.main .header {background:url('/x/breadcrumbs.gif') top left no-repeat; padding:50px 0 0 0;}
.main .header #slideshow {height:201px; width:695px; margin:0;}
.main .header #slideshow div {height:201px; width:695px; margin:0; position:relative;}
.main .header #slideshow div h1,  .main .header #slideshow div p {position:absolute; left:35px; font-family:"Calibri", "Trebuchet MS", "Helvetica", "Arial", sans-serif;}
.main .header #slideshow div h1 {text-transform:uppercase; font-size:25px;  top:12px; -top:24px;}
.main .header #slideshow div p {top:46px; font-size:14px; font-weight:800; width:240px; color:#6b6b6b; -top:52px;}
.main .header #slideshow .slide1 {background:url('/x/x1-slideshow-1.jpg') top left no-repeat;}
.main .header #slideshow .slide2 {background:url('/x/x1-slideshow-2.jpg') top left no-repeat;}
.main .header #slideshow .slide3 {background:url('/x/x1-slideshow-3.jpg') top left no-repeat;}
a#se {position:absolute; top:50px; right:10px;}
a#se img {border:none;}

/* hlavni obsah */
#bigbox {width:695px; padding:0 5px; margin:0; float:left;}
h1.main  {margin:.75em 0; padding:0 0 0 1.25em; font-size:1.35em; font-weight:800; text-transform:uppercase; color:#00a550; width:680px; background:url('/x/mobil.gif') 0 50% no-repeat;}
#bigbox h2 {text-transform:uppercase; font-size:1em;}
#bigbox p {margin:0 0 1.5em 0;}
#bigbox ul {margin:1em 0 2em 0; padding:0; list-style:none;}
#bigbox ul li {margin:.5em 0 .75em 2em;}

/* hlavni menu a sidebox */
#sidebar {width:250px; float:left;}
#sidebar h2 {margin:1.25em 0 .75em 1em; padding:0; font-size:1em; font-weight:800; color:#00a550;}
#sidebar ul.menu {padding:0; margin:0; list-style:none;}
#sidebar ul.menu li {margin:1.25em 0 .75em 0; padding:0 0 5px 0;  background:url('/x/menu-line.gif') bottom left no-repeat;}
#sidebar ul.menu li:hover {background:url('/x/menu-line-over.gif') bottom left no-repeat;}
#sidebar ul.menu li a {color:white; text-decoration:none; padding:0 0 0 2.5em;  background:url('/x/menu-bullet.gif') 5% 50% no-repeat; display:block;}
#sidebar ul.menu li a:hover {}
#sidebar ul.menu li.aktivni a, #sidebar ul.menu li.aktivni a:hover {color:#00a550; background:url('/x/sipka-r-vlevo.gif') 5% 50% no-repeat;}
#ie6 #sidebar {margin:0; width:220px;}
img#hotline {margin:25px 0 25px 0; border:none;}

/* boxiky s ikona ve stylu SE */
#icoboxall {margin:2em 0;}
#icoboxall div.icobox {float:left; width:339px; height:141px; background:url('/x/ikon-box-bg.gif') bottom left no-repeat; margin:0 5px 5px 0;  padding:0;}
#icoboxall div.icobox h2 {color:#00a550; margin:0 0 -33px 70px; padding:0; line-height:80px;}
#icoboxall .icobox img {float:left; margin:0 5px 60px 5px;}
#icoboxall .icobox p {color:#6a6a6a; margin:0 10px 0 0;}

/* boxiky pro FAQ */
#faqall {margin:1em 0;}
#faqall div.faqbox {margin:5px 5px 15px 0;}
#faqall div.faqbox h2 {color:#00a550; margin:0; padding:3px 0 0 15px; background:url('/x/mobil.gif') 0 50% no-repeat;}
#faqall div.faqbox h3 {margin:1em 0 0 0; font-size:1em;}
#faqall .faxbox img {float:left; margin:0 5px 60px 5px;}
#faqall .faqbox p {margin:0 10px 0 0;}
#faqall .faqbox a.nahoru {background:url('/x/sipka-r-nahoru.gif') top right no-repeat; height:7px; display:block;}
#faqall .faqbox a.nahoru:hover {background:url('/x/sipka-r-nahoru-over.gif') top right no-repeat;}

/* subnavigace pro SE boxiky */
#boxnavigace {float:left; margin:0 2em 0 0; padding:0; background:url('/x/rychla-navigace-bg.gif') top right no-repeat;}
#boxnavigace h3 {font-size:1em; color:#6a6a6a; }
#boxnavigace a {color:#6a6a6a; display:block; text-decoration:none; border-bottom:1px dotted #4f4f4f; padding:2px 20px 2px 20px; margin:2px 12px 2px 0; background:url('/x/se-box-menu-arrow.gif') bottom left no-repeat; font-size:10px;}
#boxnavigace a:hover {background:url('/x/se-box-menu-arrow-over.gif') bottom left no-repeat; color:white;}
#ie6 #boxnavigace,  #ie7 #boxnavigace {margin-bottom:-35px;}
#ie6 #boxnavigace a {border-bottom:1px solid #4f4f4f;}

/* rss novinky */
div.rssnews {padding:0; margin:3em 0;}
div.rssnews h1 {margin:0 0 .5em 0;}
div.rssnews div {margin:0 0 2em 0;}
div.rssnews div h2 {display:block; border-bottom:1px solid white; margin:.5em 0; background:url('/x/double-arrow.gif') center right no-repeat;}
div.rssnews div h2 a, div.rssnews div p a {text-decoration:none; color:white;}
div.rssnews div h2 a {color:#00a550; font-weight:800;}
div.rssnews div p {margin:0; padding:0;}

/* technicke parametry podrobne */
#parametry {margin:15px 15px 35px 0;}
#bigbox #parametry h2 {border-bottom:1px solid #00a550;}
#bigbox #parametry ul {margin:0 0 3em 0; padding:0; border-bottom:1px solid #6a6a6a;}
#bigbox #parametry ul li {margin:1em 0 1em 8em; border-bottom:1px dotted #6a6a6a; position:relative;}
#bigbox #parametry ul li span {position:absolute; top:0; right:0; text-align:right;}
/* ikonky */
#bigbox #parametry ul.charakteristika {background:url('/x/parametry/zaklad.gif') top left no-repeat;}
#bigbox #parametry ul.displej {background:url('/x/parametry/displej.gif') top left no-repeat;}
#bigbox #parametry ul.ovladani {background:url('/x/parametry/ovladani.gif') top left no-repeat;}
#bigbox #parametry ul.site {background:url('/x/parametry/internet.gif') top left no-repeat;}
#bigbox #parametry ul.propojeni {background:url('/x/parametry/wifi.gif') top left no-repeat;}
#bigbox #parametry ul.pameti {background:url('/x/parametry/pameti.gif') top left no-repeat;}
#bigbox #parametry ul.kancelar {background:url('/x/parametry/os.gif') top left no-repeat;}
#bigbox #parametry ul.foto {background:url('/x/parametry/foto.gif') top left no-repeat;}
#bigbox #parametry ul.hudba {background:url('/x/parametry/hudba.gif') top left no-repeat;}
#bigbox #parametry ul.baterie {background:url('/x/parametry/baterie.gif') top left no-repeat; padding-bottom:15px;}

/* paticka */
p#drobecky {position:absolute; top:3px; width:600px;}
p#drobecky a, a#formular {text-decoration:none; color:#6a6a6a;}
p#drobecky {left:60px;}
.footer {height:6em; border-top:1px solid #6a6a6a;}
.footer p, .footer p a {color:#6a6a6a; text-decoration:none; float:left;}
.footer p.estudio {height:6em; float:right; width:12em; background:url('/x/estudio-lg.gif') top right no-repeat;}
a#formular {position:absolute; top:12px; right:140px; width:8em;}
#ie6 .footer, #ie7 .footer {padding-top:10px; }
/* ikonky jednotl. znacek */
p#seogfx a {margin:0 20px 0 0; vertical-align:middle;}
p#seogfx a img {border:none; -moz-opacity: 0.1; -opacity: 0.1;}
p#seogfx a:hover img {-moz-opacity:1; -opacity:1;}
#ie7 p#seogfx a img {filter:alpha(opacity=10);}
#ie7 p#seogfx a:hover img { filter:alpha(opacity=100);}

/* seobox */
.seobox p {color:#5a5a5a;}
.seobox p a {text-decoration:none; color:#9a9a9a; margin:0 0 0 2px; }
.seobox p a:hover {color:white;}
.seobox p a:before {content:'| ';}
.seobox p a:first-child:before {content:'';}
#ie6 .seobox p a, #ie7 .seobox p a {margin:0 10px 0 0;}

/* galerie */
.galbox {margin:0; padding:0;}
.galbox div {margin:0 10px 10px 0; padding:0; float:left;}
.galbox div a {text-decoration:none; position:relative; display:block;}
.galbox div a img {border:1px solid #6e6e6e;}
.galbox div a:hover img {border:1px solid #00a550;}
.galbox div a span {position:absolute; max-width:9px; max-height:9px; top:5px; left:5px;}
.galbox div a span img {float:left; border:none;}
.galbox div a span b {visibility:hidden;}
.galbox div a:hover span b {visibility:visible; width:150px; height:auto; display:block; background:black; color:white; padding:.75em; position:absolute; border:1px solid white; z-index:150; -moz-opacity: 0.75; -opacity: 0.75;}
#ie7 .galbox div a:hover span b {width: 60px; filter:alpha(opacity=75);}

/* formular */
.formbox {}
form {margin:0; color:white; font-size:11px; width:48%; float:left;}
form label {float:left; width:8em; color:#9ea5aa; padding:0 1em 0 0;}
form hr {margin:0; background:transparent; border:none; visibility:hidden;}
form input,  form textarea {width:18em; padding:0; font-family:"Helvetica", "Arial", sans-serif; border:1px solid #777; background:white; margin:0 0 3px 0;}
form input.povinny {background:white url('/x/povi.png') 98% 20% no-repeat;}
form textarea {height:4em; padding:0; font-family:"Helvetica", "Arial", sans-serif; font-size:11px; margin-top:5px;}
form textarea:focus {height:12em;}
#ie6 form textarea {height:12em;}
#ie7 #bigbox div form fieldset.bez-okraje legend {margin:0 0 10px -5px;}
#ie7 #bigbox div form button, #ie6 #bigbox div form button {padding:0 5px;}
#mf_infomail {width:10px; display:inline; margin:0 50px 0 5px; border:none;}

/* antispan ochrana */
#mf_nick_r {display:none;}
/* odesilaci tlacitka */
#bigbox .formbox form button {background:#00a550; padding:1px 5px; cursor:pointer; font-size:1em; font-weight:800; margin:5px 0 0 238px; float:left; color:white; border:none;}
#bigbox .formbox form button:hover, #bigbox .sloupec form button:focus {background:#ff8200;}
/* chybove hlasky */
#bigbox .formbox strong.mf_chyba, strong.mf_ok {color:white; font-weight:800; padding:1em; margin:1em 0; display:block;}
strong.mf_chyba {background:#e4212d; color:white;}
#bigbox .formbox strong.mf_ok {background:#00a550; color:white; !important}
.poznamky {margin:4.5em 2em 2em 0; float:none;}
#bigbox .formbox .poznamky p, #bigbox .infomail p {line-height:1.2em; color:#9a9a9a;}
#bigbox .infomail p a {text-decoration:none; color:white;}
#bigbox .infomail p a:hover {color:#00a550;}
#bigbox .infomail h3 {margin:0; padding:0;}