html {font-size: 100%;}
body {
font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;
font-size: 0.7em;
padding: 0px;
margin: 0px;
text-align: center;
color: #000000;
background: #333333 url('/images/body-bg.png') center top repeat-y;
}
table {font-size: 1em;}
form {margin: 0px;}
input, textarea {
border: 1px solid #000000;
font-size: 1.2em;
background-color: #ffffff;
font-family: verdana, tahoma, arial, lucida, sans-serif;
}
a {text-decoration: underline; color: #CC0000;}
a:hover {text-decoration: none;}
a img {border: 0px;}
ul {text-align: left;}
ul li a{text-decoration: none;}
ul li a:hover{text-decoration: underline;}
p {color: #000000;}
h1 {
font-size: 1.6em;
margin: 0px;
padding: 15px 0px 5px 0px;
border-bottom: 5px solid #FF9900
}
#head {
width: 980px;
margin: 0px auto 0px auto;
height: 153px;
background: #98E4F7 url('/images/head-right.jpg') right top no-repeat;
}
#head img {float: left;}
#menu {
width: 980px;
height: 40px;
margin: 0px auto 0px auto;
background: #060708 url('/images/menu-bg.png') left top repeat-x;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
width: 600px;
height: 40px;
float: left;
}
#menu ul li {float: left;}
#menu ul li a {
float: left;
height: 35px;
display: block;
color: #FFFFFF;
padding: 0px 15px;
margin-top: 5px;
text-decoration: underline;
font-size: 1.3em;
line-height: 30px;
font-weight: bold;
}
#menu ul li a:hover {text-decoration: none;}
#menu li.active a {
color: #000000;
text-decoration: none;
background: #FF9E00 url('/images/menu-li-a.png') center top no-repeat;
}
#menu form {
height: 40px;
float: right;
background: url('/images/menu-form-bg.png') right top no-repeat;
}
#menu form label {font-weight: bold; font-size: 1.1em; color: #FFFFFF;}
#menu form input.input {width: 158px; margin: 0px 10px 0px 5px; background: url('/images/menu-form-inp.png') left top repeat-x;}
#menu form input.btn {border: 0px; position: relative; top: 6px; right: 4px;}
#main {
width: 980px;
margin: 1px auto 0px auto;
padding-top: 6px;
background: #FFFFFF url('/images/main-bg.png') left top repeat-x;
}
#content {
width: 940px;
text-align: left;
margin: 0px auto 0px auto;
}
#left {
width: 620px;
margin-left: 23px;
float: left;
display: inline;
text-align: left;
}
#left h2, #right h2, #main #content h2.black {
height: 40px;
border: 0px solid #000000;
font-size: 1.3em;
color: #FFFFFF;
line-height: 40px;
padding-left: 15px;
margin: 0px;
position: relative;
background: #060708 url('/images/menu-bg.png') left top repeat-x;
}
h3 { font-size: 1.4em; color: #980D00; padding: 0px; margin: 0px; }
#left #cLeft, #cLeft2 {
width: 400px;
padding-bottom: 10px;
border: 1px solid #CCCCCC;
border-top: 0px;
}
#left #cLeft h2, #cLeft2 h2 {
position: relative;
left: -1px;
margin-right: -2px;
}
#left #cLeft h2 span, #cLeft2 h2 span, #main #content h2 span{
width: 80px;
display: block;
position: absolute;
right: 0px;
top: 0px;
height: 40px;
background: url('/images/h2-bg-left.jpg') right top no-repeat;
}
#left #cLeft p, #left #cRight p, #category p {
width: 190px;
height: 45px;
float: left;
margin: 8px 0px;
font-weight: bold;
}
#category p {
margin-right:30px;
}
#left #cLeft p img, #left #cRight p img, #category p img {float: left;}
#left #cRight h2 {
position: relative;
left: -1px;
margin-right: -2px;
}
#left #cRight {
float: right;
width: 200px;
padding-bottom: 10px;
border: 1px solid #CCCCCC;
border-top: 0px;
}
#left #cRight h2 span{
width: 40px;
display: block;
position: absolute;
right: 0px;
top: 0px;
height: 40px;
background: url('/images/h2-bg-right.jpg') right top no-repeat;
}
#right {
width: 300px;
margin: 14px 0px 0px 23px;
float: left;
display: inline;
}
#right h2 {
text-align: right;
padding-right: 20px;
position: relative;
border-bottom: 1px solid #CCCCCC;
}
#right h2#action span, #right h2#tip span {
position: absolute;
bottom: 0px;
left: 0px;
width: 84px;
height: 53px;
display: block;
background: url('/images/h2-akce.jpg') right top no-repeat;
}
#right h2#tip span {background: url('/images/h2-tip.jpg') right top no-repeat;}
#right p {
background: #FFFFFF;
margin: 0px;
padding: 10px 10px 10px 10px;
text-align: left;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
#right p img {
float: left;
margin: 2px 10px 5px 0px;
}
#right p a {font-weight: bold; font-size: 1.1em; margin-bottom: 4px;}
#footer {
width: 960px;
margin: 15px auto 0px auto;
clear: both;
padding-top: 4px;
border-top: 5px solid #AAADB0;
}
#footer p {
float: left;
width: 500px;
color: #000000;
font-weight: bold;
font-size: 1.1em;
text-align: left;
margin: 0px;
}
#footer ul {
float: right;
width: 300px;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#footer ul li {float: right;}
#footer ul li a {
float: left;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
text-decoration: underline;
}
#footer ul li span {float: left;}
.bold {font-weight: bold;}
.cleaner {clear: both; font-size: 5px;}
div.item {
border: 1px solid #cccccc;
background-color: #ffffff;
padding:10px;
margin:0px 10px 10px 0px;
float:left;
display: block;
width:430px;
height:130px;
}
div.item h2 { margin: 0px; padding: 0px; font-size: 1.3em; }
div.item img { float: left; margin: 0px 10px 5px 0px; }
.button { color: #000000; font-size: 1.2em; font-weight: bold; border: outset 2px #FFCC00; background-color: #FFCC00; }
.button:hover { border: inset 2px #FFCC00; cursor: pointer; }
.tLeft {float:left; width:400px;}
#partneri {margin:0px 10px 0px 10px;}
p.now { background: #060708 url('/images/menu-bg.png') left top repeat-x;
color:#ffffff;
padding:8px;
font-weight:bold;
text-align:center;
}
p.now a img {position:relative; top:3px;}