@charset "utf-8";
/* CSS Document */

body {
color: #333333;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 12px;
text-align: center;
margin-top: 0;
padding: 0;
background: #e1eff8 url(../img/body-bg.gif) repeat-x top left;
}

a {
color: #0094d8;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

strong {
color: #006ab3;
}

hr {
display: block;
visibility: hidden;
float: none;
clear: both;
font-size: 0;
line-height: 0;}


img {
border: 0;}

#page, #page-bottom {
text-align: left;
margin: auto;
padding: auto;
background: url(../img/page-bg.png) repeat-y top left;
width: 990px;
padding-bottom: 12px;
}

#page-bottom {
height: 15px;
background: url(../img/page-bottom-bg.png) no-repeat top left;
}

#header {
position: relative;
height: 100px;
}

#header .logo {
position: absolute;
top: 33px;
left: 50px;}

#header h1 {
color: #0094d8;
font-size: 14px;
padding: 21px;
margin: 0;
position: absolute;
top: 20px;
left: 200px;
border-left: 1px solid #c1c1c1;
}

#header #telefon {
position: absolute;
background: url(../img/telefon.png) no-repeat top left;
top: 25px;
right: 50px;
width: 315px;
height: 49px;
}

#header #telefon a {
position: absolute;
top: 7px;
right: 7px;
display: block;
width: 104px;
height: 35px;
color: #006ab3;
background: url(../img/telefon-kontakt-bg.png) no-repeat top left;
text-align: center;
line-height: 35px;
text-decoration: none;
font-size: 11px;
}

#header #telefon a:hover {
background: url(../img/telefon-kontakt-bg.png) no-repeat 0px -35px;
}

#menu {
margin-left: 25px;
margin-right: 25px;
height: 40px;
width: 940px;
background: #006ab3;}

#menu a {
color: #ffffff;
text-decoration: none;
padding: 7px;
display: block;
font-weight: bold;
}

#menu a.menu-vyber {
background: #0094d8;}

#menu a:hover {
color: #006ab3;
background: #ffffff;}

#menu ul, #menu ul li {
list-style: none;
padding: 0;
margin: 0;
display: block;
}

#menu ul {
padding-left: 5px;}

#menu ul li {
padding: 5px;
float: left;}

#banner {
position: relative;
width: 940px;
height: 200px;
margin: 0;
padding: 0;
margin-left: 25px;
margin-right: 25px;
background: url(../img/banner-bg.png) no-repeat top left; }

#banner a.kontaktujtenas {
position: absolute;
top: 131px;
left: 113px;
width: 187px;
height: 40px;
background: url(../img/kontaktujte-nas.png) no-repeat top left;}

#banner a:hover.kontaktujtenas {
background: url(../img/kontaktujte-nas.png) no-repeat 0px -40px;}

#banner .hledate-sklad {
display: block;
position: absolute;
top: 43px;
left: 113px;
font-size: 12px;}

#banner .hledate-sklad h2, #banner .hledate-sklad p {
margin: 0;
padding: 0;
}

#banner h2 {
color: #0094d8;
font-size: 16px;}

#banner .hledate-sklad p {
padding-top: 10px;
display: block;
width: 380px;}

#text {
margin: 15px;
margin-top: 15px;
margin-bottom: 0;
padding: 0;
width: 960px;
background: #ffffff;}

#text #akce {
margin: 5px;
margin-top: 0;
width: 310px;
background: url(../img/akce-bg.gif) no-repeat top left;
float: left;
}

#text #akce p , #text #poptat #nabizime p{
padding: 25px;
padding-top: 15px;
padding-bottom: 10px;
margin: 0;}

#text #akce h3 , #text #poptat #nabizime h3, #text #poptat #nabizime h4 {
padding: 25px;
color: #0094d8;
padding-bottom: 0;
font-size: 14px;
margin: 0;}

#text #poptat #nabizime h4 {
font-size: 13px;
padding-top: 10px;
color: #006ab3;}

#text #poptat {
width: 630px;
background: #ffffff;
margin: 5px;
margin-top: 0;
float: right;
margin-bottom: 0;
}

#text #poptat p.buttons {
display: block;
margin: 5px;
height: 52px;
}

#text #poptat a.poptavamsklad {
display: block;
background: url(../img/poptavam-sklad.gif) no-repeat top left;
margin-right: 20px;
width: 300px;
height: 42px;
float: left;}

#text #poptat a:hover.poptavamsklad {
background: url(../img/poptavam-sklad.gif) no-repeat 0px -42px;
}

#text #poptat a.nabizimsklad {
display: block;
background: url(../img/nabizim-sklad.gif) no-repeat top left;
width: 300px;
height: 42px;
float: right;}

#text #poptat a:hover.nabizimsklad {
background: url(../img/nabizim-sklad.gif) no-repeat 0px -42px;
}

#text #poptat #nabizime {
width: 630px;
margin: 0;
background: url(../img/nabizime-bg.gif) no-repeat top left #ffffff;
}

#footer {
margin: 25px;
margin-top: 15px;
margin-bottom: 0;
padding: 0;
width: 940px;
font-size: 11px;
background: #ffffff;
border-top: solid 1px #cccccc;
}

#footer p {
margin: 0;
padding: 15px;
line-height: 16px;
padding-bottom: 0;}

form {
padding: 25px;
padding-top: 10px;
margin: 0;}

label {
display: block;
width: 120px;
float: left;
text-align: right;
line-height: 25px;
margin: 0;
padding: 0;
margin-right: 10px;}

form p {
display: block;
clear: both;
padding: 0;
margin: 0;
float: none;}

input {
display: block;
width: 250px;
margin: 0;
padding: 3px;
font-size: 12px;
background: url(../img/input-bg.gif) no-repeat top left #ffffff;
}

select {
background: url(../img/input-bg.gif) no-repeat top left #ffffff;
}

.vsmall {
width: 50px;
}

.vsmall1 {
width: 50px;
float: left;
}

.vsmall2 {
width: 20px;
float: left;
}

.small{
width: 150px;}

.right {
text-align: right;}

textarea {
width: 300px;
padding: 3px;
height: 100px;
font-size: 12px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background: url(../img/input-bg.gif) no-repeat top left #ffffff;
}

.submit {
width: 110px;
height: 40px;
margin-left: 130px;
background: none;
background: url(../img/odeslat-bg.png) no-repeat top left;
border: 0;
color: #ffffff;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}

.submit:hover {
background: url(../img/odeslat-bg.png) no-repeat 0px -40px;
}