html, body {
height: 100%;
}
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
text-align: center;
margin: 0px;
padding: 0px;
background: url(../gfx/background.png) top left repeat-x;
}
#pageWrap {
margin: 0 auto;
width: 948px;
position: relative;
height: auto;
min-height: 100%;
_height: 100%;
}
img {
border: 0px;
}
.body {
width: 948px;
text-align: left;
background: url(../gfx/background_inner.png) top center repeat-y;
}
.body_inner {
background: url(../gfx/header.png) top center no-repeat;
height: auto;
min-height: 823px;
_height: 823px;
}
.content {
height: auto;
min-height: 501px;
_height: 501px;
}
.header {
height: 121px;
position: relative;
}
.header h1 {
margin: 0px;
position: absolute;
top: 32px;
left: 51px;
}
.header h1 a {
width: 286px;
height: 57px;
display: block;
overflow: hidden;
text-indent: -2000px;
background: url(../gfx/logo.gif) top left no-repeat;
}
.header_img {
background: url(../gfx/header_main.jpg) top left no-repeat;
width: 900px;
height: 201px;
margin-left: 24px;
}
#flash {
margin-left: 24px;
}
.header ul {
list-style: none;
padding: 0px;
margin: 0px;
position: absolute;
bottom: 0px;
right: 20px;
}
.header ul li {
float: left;
font-size: 11px;
margin-right: 15px;
}
.header ul li a {
display: block;
padding-bottom: 4px;
border-bottom: 4px solid white;
color: #333;
text-decoration: none;
}
.header ul li a:hover {
border-bottom: 4px solid #3a8476;
}
.cleaner {
width: 1px;
height: 1px;
overflow: hidden;
clear:both;
}
.left_sidebar {
width: 250px;
overflow: hidden;
float: left;
margin-left: 24px;
_margin-left: 12px;
}
.inner_content {
width: 650px;
overflow: hidden;
float: left;
}
img {
border: 0px;
}
.rychla_navigace {
padding-left:24px;
width: 95%;
}
.rychla_navigace ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.rychla_navigace ul li {
float: left;
margin-top: 30px;
}
h3 {
font-size: 14px;
margin: 0px;
padding-left: 15px;
padding-top: 15px;
margin-bottom: 5px;
text-transform: uppercase;
}
.inner_content h3 {
padding-left: 0px;
}
.left_sidebar ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.left_sidebar ul li {
position: relative;
font-size: 14px;
margin-bottom: 2px;
}
.left_sidebar ul li span{
display: block;
background: url(../gfx/prechod.png) top left no-repeat;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 15px;
padding-right: 5px;
font-weight: bold;
#width: 190px;
_width: 200px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/prechod.png', sizingMethod='image');
_background: transparent;
}
.left_sidebar ul li span em{
visibility: hidden;
padding: 3px;
}
.left_sidebar ul li a {
position: absolute;
top: 0px;
left: 0px;
text-decoration: none;
padding-left: 15px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
color: #666;
font-weight: bold;
}
.left_sidebar ul li a:hover {
text-decoration: underline;
}
h4 {
margin: 0px;
font-size: 14px;
margin-top: 10px;
color: #3a8476;
}
h3.kotva {
margin: 0px;
font-size: 14px;
margin-top: 10px;
color: #3a8476;
}
.inner_content p {
margin: 2px 25px 10px 0px;
}
a {
color: #3a8476;
}
.inner_content h4 a {
text-decoration: none;
}
.inner_content h4 a:hover {
text-decoration: underline;
}
.footer_small {
height: 100px;
width: 948px;
background: white url(../gfx/footer.png) top left no-repeat;
}
.footer {
position: absolute;
width: 901px;
bottom: 0px;
left: 24px;
height: 50px;
background: white;
border-bottom: 5px solid #3a8476;
}
.footer p {
margin: 0px;
position: absolute;
bottom: 3px;
left: 5px;
}
.footer p.f2 {
left: 250px;
}
.footer p.f3 {
left: auto;
right: 5px;
text-align: right;
}
.footer p.f3 a {
color: #666;
text-decoration: none;
}
.footer p.f3 a:hover {
text-decoration: underline;
}
.prod, .prod_detail {
width: 44%;
padding: 5px;
margin-right:5px;
float: left;
border: 1px solid #999;
height: 150px;
margin-bottom: 5px;
overflow: hidden;
background: white;
}
.prod_detail {
width: 95%;
margin: 0px;
margin-bottom: 10px;
padding: 10px;
clear:both;
}
.inner_content p, .inner_content h3, .inner_content h4, .inner_content ul{
clear: both;
}
.inner_content img {
margin-right: 4px;
}
.inner_content #slider img {
margin-right: 2px;
}
.prod h4, .prod_detail h4 {
margin-top: 0px;
}
.img {
margin: 0px 5px 5px 0px;
padding: 2px;

float: left;
}
.prod_text {
width: 150px;
float: right;
}
.prod_text p {
font-size: 11px;
}
#slider {
border: 1px solid #999;
width: 95%;
padding: 10px 10px 8px 10px;
background: white;
position: relative;
overflow: hidden;
clear:both;
float:left;
border-top:0px;
margin-bottom: 10px;
}
#slider ul {
list-style: none;
padding: 0px;
margin: 0px;
width: 700px;
}
#slider ul  img {
border: 0px;
margin-right: 5px;
}
#slider ul li {
overflow:hidden;
}
span#prevBtn a{ color: #666;}
span#nextBtn a{ color: #666;}	
.rychla_navigace2 ul{
clear: both;
list-style: none;
margin: 0px;
padding: 0px;
}
.rychla_navigace2 ul{
margin-left: 30px;
height: 30px;
width: 883px;
background: #787a7c;
margin-bottom: 5px;
font-size: 11px;
}
.rychla_navigace2 ul li {
float: left;
}
.rychla_navigace2 ul li a {
display: block;
margin: 2px;
margin-top: 4px;
padding: 4px 10px 2px 8px;
color: #787a7c;
text-decoration: none;
color: white;
border-right: 1px solid #9c9ea0;
}
.rychla_navigace2 ul li a:hover {
color: white;
text-decoration: underline;
}
a.kotva_up {
text-decoration: none;
float:right;
margin-right: 10px;
}
a.kotva_up:hover {
text-decoration: underline;
}
#overlay {
width: 100%;
height: 100%;
background: white;
position: absolute;
top: 0px;
left: 0px;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity = 80);
}
#overlayHeader {
position: absolute;
top: 0px;
padding: 10px 0px 10px 0px;
text-align: right;
border-bottom: 1px solid #ccc;
background: white;
width: 100%;
font-size: 140%;
font-weight: bold;
}
#overlayHeader a {
position: relative;
left: -10px;
}
#pozvanka {
position: absolute;
top: 15%;
width: 100%;
text-align: center;
left: 0px;
}
#pozvanka img {
border: 1px solid #ccc;
}
#pozvankaWrapper {
z-index: 10000;
}