/* --------------------------------------------------
Author: lampa - dvorak.ales@ssakhk.cz
----------------------------------------------------- */

@import url("reset.css");

body {
font-size: 62.5%;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
color: #000000;
min-width: 896px;
background-image: url(../images/bg.gif);
background-repeat: repeat;
background-position: left;
}

#header {
height: 262px;
background-image: url(../images/header_bg.gif);
background-repeat: repeat-x;
}

#header .top {
width: 960px;
height: 58px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/header_img.jpg);
background-repeat: no-repeat;
}

#header .top ul {
list-style: none;
float: right;
font-size: 1.1em;
position: relative;
top: 30px;
right: 60px;
}

#header .top ul li {
float: left;
margin-left: 10px;
}

#header .top ul li.active a {
text-decoration: underline;
}

#header .top ul li a {
color: #000000;
text-decoration: none;
}

#header .top ul li a:hover {
text-decoration: underline;
}

#header .bottom {
width: 960px;
height: 192px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/header_inner_bg.jpg);
}

.hidden {
position: absolute;
top: -10000px;
left: -10000px;
font-size: 1px;
height: 1px;
overflow: hidden;
}

#logo {
position: relative;
top: 50px;
left: 360px;
}

#header .bottom ul {
list-style: none;
position: relative;
top: 61px;
}

#header .bottom ul li {
float: left;
width: 96px;
height: 43px;
}

#header .bottom  ul li a {
display: block;
width: 96px;
height: 43px;
background-repeat: no-repeat;
background-position: bottom;
}

#header .bottom ul li a:hover {
background-position: top;
}

#header .bottom ul li a span {
position: absolute;
top: -100000px;
left: -100000px;
overflow: hidden;
}

.ilustrace a{background-image: url(../images/ilustrace.jpg);}
.ilustrace{margin-right: 48px;}
.kontakt a{background-image: url(../images/kontakt.jpg);}
.kontakt {margin-left: 340px;}
.loga a{background-image: url(../images/loga.jpg);}
.loga {margin-right: 15px;}
.ostatni a{background-image: url(../images/ostatni.jpg);}
.webdesign a{background-image: url(../images/webdesign.jpg);}
.webdesign{margin-right: 31px;}

#main {
width: 960px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/header_bottom.gif);
background-repeat: no-repeat;
background-position: top;
padding-top: 20px;
overflow: auto;
padding-bottom: 100px;
position: relative;
top: -12px;
}

.hlavni {
float: left;
width: 795px;
}

.polozka {
width: 259px;
height: 259px;
float: left;
margin-left: 5px;
margin-bottom: 5px;
}

.polozka a {
background-position: top;
background-repeat: no-repeat;
display: block;
width: 259px;
height: 259px;
color: #a9a9a9;
text-decoration: none;
font-size: 1.2em;
}

.polozka .info {
position: relative;
top: 185px;
left: 20px;
}

.polozka a:hover {
background-position: bottom;
color: #000000;
}

.pravy_panel {
width: 140px;
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #dcdcdc;
float: right;
padding: 10px;
}

.white {
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #dcdcdc;
padding: 10px;
width: 765px;
}

.vetsi_pismo {
font-size: 1.2em;
}

.sloupec {
width: 50%;
float: left;
}

p {
line-height: 1.3em;
margin-bottom: 1em;
}

h3 {
text-transform: uppercase;
margin-bottom: .2em;
}

label {
width: 70px;
display: block;
float: left;
}