/*
  Web: Lupasoft - Ing. Ludek Paral (www.lupasoft.cz)
  Author: Lukas Maixner, icontact.cz, http://icontact.cz
*/

* {margin:0; padding:0}
body {background:url("../img/bg.gif") repeat-x #000; color:#000; text-align:center; font-family:Tahoma, lucida, sans-serif; font-size:0.7em; line-height:150%}
h2 {color:#000; font-weight:bold; font-size:150%; margin:0 0 5px -1px}
#blok6 h2 {margin:10px 0}
h2.white {color:#fff}
h2.white a {color:#fff;}
h3 {color:#000}
p {margin:5px 0 10px 0}
img {border:0}
a {color:#000; text-decoration:underline; font-weight:bold}
a:hover {text-decoration:none}
kbd {font-size:110%}

table {width:100%; border-collapse:collapse; margin:5px 0}
td, th {border:1px solid #ccc; padding:2px;}
th {background:#ccc; text-align:left; white-space:nowrap; vertical-align:bottom}

form {width:100%}
fieldset {border:0; margin:5px 0}
label, input, select, textarea {display:block; float:left; width:200px; border:1px solid #ccc; margin:2px 0; font-family:Tahoma, lucida, sans-serif}
label {width:70px; border:0; background:none}
textarea {width:300px; font-size:1em}
label span {border-bottom:1px dashed #000; cursor:help}
label.req {font-weight:bold}
label.long {width:255px}
input.short {width:20px; border:none}
td input {width:30px; text-align:right}
label.fail {color:#f00; font-weight:bold}
p.fail {color:#f00}
textarea.fail, input.fail {border:1px solid #f00 !important}
input#submit {width:90px; float:right; margin:5px 63px 5px 0; background:#999; font-weight:bold; cursor:pointer}

a.skipmenu {position:absolute; top:0; left:-10000px; padding:5px}
a.skipmenu:focus, a.skipmenu:active {left:0; background:#f00; color:#fff}
.invisible {position:absolute; top:-10000px; left:0; height:1px; overflow:hidden}
.nodisplay {display:none}
.noborder {border:none !important}
.clear, form br {clear:both}
.fl {float:left}
.fr {float:right}
.l {text-align:left}
.r {text-align:right}
.c {text-align:center}

#page {width:1000px; margin:auto; text-align:left}
#header, #menu, .bloky1 div, .bloky2 div, .bloky3 div {background:url("../img/bg-all.png") repeat-x #fff}

#header {height:110px; background:url("../img/hlavicka.jpg")}
#header h1 {display:block; float:left; position:relative; width:235px; height:97px; margin-left:45px}
#header h1 span {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../img/logo.jpg"); z-index:1}

#menu {height:20px; background-position:0 -110px; list-style-type:none}
#menu li {display:block; position:relative; float:left; margin:2px 10px}
#menu a {text-decoration:none; font-weight:normal; padding:0 5px}
#menu a:hover {background:#ddd}

.submenu {list-style-type:none; margin:5px 0 20px 0}
.submenu li {margin:0}
.submenu a {text-decoration:none; display:block; width:100%; height:100%; padding:5px}
.submenu a:hover {background:#fff; text-decoration:underline}

.submenu2 {list-style-type:none; margin-left:20px}

#menu li ul.popupmenu {width:200px; visibility:hidden; position:absolute; left:-5px; padding-top:1px; background:url(../img/podklad-podmenu.gif) bottom left #b7cfd9 repeat-x}
#menu li:hover ul.popupmenu {visibility:visible}
#menu li ul.popupmenu li {float:none; position:relative; height:17px}
#menu li ul.popupmenu li a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; padding:0}
#menu li ul.popupmenu li a:hover {background:#03567a; color:#fff}

.active {background:#999; color:#fff}

.bloky1, .bloky2, .bloky3 {float:left; margin:5px 0; background:url("../img/empty.png") center}
.bloky1 {margin-bottom:0}
.bloky2 {background-position:left}
.bloky3 {background-position:right}
.bloky1 div, .bloky2 div, .bloky3 div {float:left !important; width:300px; padding:15px}
#blok1 {background:url(../img/titulka-macs.jpg) no-repeat #fff}
#blok2 {background:url(../img/titulka-helios.jpg) no-repeat #fff; margin:0 5px}
#blok3 {background:url(../img/titulka-sluzby.jpg) no-repeat #fff}
#blok4, #blok6 {background:#fff; width:635px; margin:0 5px 0 0}
#blok5 {background:#fff}
#blok6 {margin:0 0 0 5px; height:auto !important; height:410px; min-height:410px; }
#blok4 ul, #blok6 ul {margin:5px 0 5px 20px; list-style-type:square}

div.submenu-div {padding:0 !important; background:#C2C2C2; float:none !important}
div.submenu-div h2 {background:#FFF} /* {background:#E3E3E3} */

#o-spolecnosti #blok6 {background:url(../img/podklad-ospolecnosti.jpg) top right no-repeat #fff}
#index #blok5 {background:url(../img/titulka-novinky.jpg) no-repeat #fff}
#macs #blok6 {background:url(../img/podklad-macs.jpg) top right no-repeat #fff}
#helios #blok6 {background:url(../img/podklad-helios.jpg) top right no-repeat #fff}
#sluzby #blok6 {background:url(../img/podklad-sluzby.jpg) top right no-repeat #fff}
#reference #blok6 {background:url(../img/podklad-reference.jpg) top right no-repeat #fff}
#partneri #blok6 {background:url(../img/podklad-partneri.jpg) top right no-repeat #fff}
#kontakt #blok6 {background:url(../img/podklad-kontakt.jpg) top right no-repeat #fff}

#footer {height:17px; background:#999; margin-bottom:30px}
#footer p {float:left; width:333px; margin:0}
#footnav {text-align:center}
#webdes {float:right; text-align:right}

div.bloky2 div div {float:none !important; width:100%; padding:0}
div#blok4 div {background:none !important; }
div.flasher {position:relative; height:320px}
div.flasher a.over {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
div.flasher h2 {font-size:140% !important; margin-left:1px}