a { color: #00C7FF; }
a:hover { color: #00A7D7; }
body { background-color: #2C2920; color: #575755; font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0px auto; position: relative; text-align: center; width: 778px; }
h1 { color: #00C7FF; font-size: 140%; margin: 0px; padding: 0px; padding-top: 20px; text-decoration: none; }
td {color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 80%}

/* NADPISY */
h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 120%; }
h2 { color: #ffffff; font-size: 120%; font-weight: bold; padding: 10px; padding-left: 55px; text-decoration: none; }
h3 { font-size: 120%; padding-left: 55px; color: #00C7FF; font-weight: bold; }
h4 { font-size: 100%; }
img.left { float: left; margin: 20px 20px 20px 0px; }
.box { background: url(img/boxtop.gif) repeat-x top; padding-top: 20px; }
.box1 { background-color: #FFFFFF; padding: 10px; }
.box1 h3 { color: #000000; }
.box2 { background: #4ABBDB url(img/mapa.jpg) no-repeat top; height: 100%; padding: 10px; }
.box2 h3 { color: white; margin-top: 0px; padding-bottom: 100px; padding-top: 0px; }
.pad { padding: 20px 20px 0px 20px; }
.pad2 { padding: 0px 20px 20px 20px; }
#content { background: #797C73 url(img/pic01.jpg) no-repeat top; color: #ffffff; float: left; line-height: 110%; position: relative; width: 585px; }
#content .pad { background: url(img/contenttop.gif) 0px 225px repeat-x; padding-top: 225px; }
#content .pad2 { background: url(img/boxtop.gif) 0px 0px repeat-x; padding-top: 20px; }
#footer { background: url(img/footer.gif) repeat-x; clear: both; float: none; height: 51px; }
#footer p { color: #ffffff; font-size: 90%; padding: 10px 30px; text-align: center; }
#footer a { color: #ffffff; font-size: 90%; text-decoration: none; }

/* PAGE LAYOUT */
#head { background: url(img/header1.jpg) no-repeat; font-size: 12px; height: 83px; position: relative; width: 778px; z-index: 5; }
#head a { left: 0px; position: absolute; top: 0px; }
#head a span { background: url(img/tvorba-www-stranek-logo.gif) no-repeat; cursor: pointer; height: 88px; left: 0px; position: absolute; top: 0px; width: 215px; }
#menu { background: #D7D3D4 url(img/menuback.gif) repeat-x; font-weight: bold; height: 44px; margin: 0px auto; position: absolute; text-align: left; top: 182px; width: 100%; }
#menu a { background: url(img/menutop.gif) no-repeat 50% 0%; border-left: 1px solid #A4A8AB; border-right: 1px solid #A4A8AB; color: #FFFFFF; line-height: 42px; margin: 0px; margin-left: -5px; padding: 10px 20px; }
#menu a:hover { color: #00C7FF; text-decoration: none; }
#menu li { display: inline; list-style: none; margin: 0px; padding: 0px; position: relative; }
#menu ul { height: 37px; list-style: none; margin: 0px; padding: 0px; }
#page { background: #ffffff url(img/layout.gif) repeat-y; margin: 0px auto; position: relative; text-align: left; width: 778px; }
#sideb{ float: right; width: 193px; }
#sideb h3 { font-size: 110%; font-weight: bold; text-align: center; text-decoration: underline; }
/* #sideb strong { text-decoration: underline; } */

.obal {width: 530px; margin-bottom: 30px; }
.obalText {float: right; width: 320px}
.obalText p {text-align: justify; }
.obalText img {border: 1px solid #3b3b3b;}
.obalText ul {margin-top: 0px;}

.obalObr {float: left; width:205px; }
.obalObr  img {border: 1px solid #3b3b3b;}

.beznaCena {font-weight: bold;}
.naseCena {font-weight: bold; color: #ff6600;}

.cistic {clear: both; float: none;}
.rady {padding: 0px;}
#cesta {color: #00C7FF;}