* {background-repeat:no-repeat;}
img {border:none;}

body {padding:0 0 20px 0; margin:0; background:#fff url('layout/body.jpg') no-repeat right bottom; font-family:Arial, sans-serif; font-size:10px; color:#232424;}
br.end {clear:both;}
hr {width: 800px; margin: auto}
a {color: #e92f25; font-weight: bold}
a:hover {color: #cc5242}

.photo img {border: 1px solid #ddd; margin: 0 auto 5px auto; padding: 5px; display: block; background: #eee}
.photo:hover img {border: 1px solid #ccc; margin: 0 auto 5px auto; padding: 5px; display: block; background: #ddd}

.sidebar p {margin: 10px 10px 0 10px}
.galerie {}

.promo {padding: 10px 20px; font-size: 1.7em; color: #fff; text-transform: uppercase; background: #e92f25; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; line-height: 1.2em}

/* layout */
div#topline {height:14px; background: url(layout/top.png) repeat-x top; padding: 3px 20px; overflow: hidden}
div#page {width:986px; height:auto; margin:0 auto}
div#head {width:986px; height:197px; border-bottom:7px #ffffff solid; background:#f64e45 url('layout/head.jpg');}
div#menu {width:986px; height:37px; background:#77c12f url(layout/menu-back.png) repeat-x top; -moz-border-radius: 5px; -webkit-border-radius: 5px}
div#shadow {width:986px; height:24px; background:url('layout/shadow.png') no-repeat center top}
div#page_left {width:210px; height:auto; float:left; padding-bottom:20px;}
div#page_center {width:557px; height:auto; float:left; padding-bottom:20px; background: url(layout/page.png); border: 1px solid #f4f4f4; border-top: none; border-bottom: none}
div#page_right {width:217px; height:auto; float:left; padding-bottom:20px;}
div#foot {width:926px; padding:15px 25px; background: url('layout/page.png'); -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #f4f4f4;}
div#content {width:463px; height:auto; overflow:hidden; padding:0 52px 0 44px; font-size:1.1em; line-height:1.4em;}
div#news {width:439px; height:auto; margin-top:20px; padding:22px 12px 0 12px; background:#ebebeb url('layout/news.jpg') no-repeat; border-bottom:1px solid #d1d0d0;}

/* CONTENT */

#content > * + * {margin-top: 15px}
#content > * + h3 {margin-top: 30px}

#content h2, #content h3 {color: #e92f25; background: url(layout/heading.jpg) no-repeat left top; line-height: 22px; padding: 6px 20px 3px 40px; font-size: 1.7em}
#content h3 {font-size: 1.5em; color: #cc5242}
#content strong {font-size: 1.2em}
#content ul {list-style: none; margin: inherit 0; padding: 0}
#content li {font-size: 1.1em; font-weight: bold; padding-left: 20px; background: url(../obrazky/arrow.jpg) no-repeat left center}
#content li + li {margin-top: 3px}
#content table {background: #f4f4f4; border: 1px solid #eee; width: 100%}
#content caption {font-size: 1.3em; color: #cc5242; text-align: center; font-weight: bold; margin-bottom: 5px}
#content th, #content td {text-align: left; padding: 2px 5px; vertical-align: top}
#content th {background: #cc5242; color: #fff}
#content tr + tr td {border-top: 1px solid #ddd}
#content .galerie td {padding: 10px}
#content .galerie .photo img {margin-bottom: 0}

div#content p.main {padding:5px 0 10px 30px; background:#f75047 url('layout/thick.jpg') no-repeat; color:#ffffff; font-size: 14px; margin-bottom: 10px}
div#content p.list {width:463px; height:18px; padding:1px 0 0 30px; background:#f75047 url('layout/thick.jpg') no-repeat; color:#ffffff;}

div#content p.new_short {font-weight:bold;}

div.gallery {background:#f8f3f3; padding:3px; border:1px solid #dbdbdb; padding:1px; margin:0 15px 15px 0; float:left; text-align:center;}

/* topline */
div#topline h1 {font-size:1.1em; font-weight:normal; margin:0; width:400px; float:left;}
div#topline h1 a {text-decoration:none; color:#555;}
div#topline h1 a:hover {text-decoration:underline;}
div#quick {width:400px; height:25px; float:right; text-align:right; font-family:Tahoma;}
div#quick img {margin:0 1px 0 10px;}
div#quick a {color:#555; text-decoration:none;}

/* menu */
div#menu ul {list-style:none; margin:0; padding:4px;}
div#menu ul li {float:left; overflow:hidden; text-align:center; padding:0 5px;}
div#menu ul li.home {background:none;}
div#menu ul li a {display:block; height:20px; font-size:1.1em; padding:7px 20px 0 20px; margin:0; color:#ffffff; font-weight:bold; text-decoration:none; border: 1px solid transparent; text-transform: uppercase}
div#menu ul li a.current {background: url(layout/menu-hover.png) repeat-x top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #588f23}
div#menu ul li a:hover {background: url(layout/menu-hover.png) repeat-x top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #588f23}

div#menu ul li ul {padding:0; z-index:10; margin:0 0 0 -1px; width:150px; position:absolute; float:none; display:none;}
div#menu ul li:hover ul {display:block;}
div#menu ul li ul li {float:none; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; width:150px; text-align:left; background:#9bf170; padding:0;}
div#menu ul li ul li.top {border:1px solid #000000;}
div#menu ul li ul li a {display:block; height:20px; font-size:1.1em; padding:6px 5px 0 5px; margin:0; color:#ffffff; text-decoration:none;}
div#menu ul li ul li a:hover {background:#f64e45;}

* html div#menu ul li {width:130px;}
* html div#menu ul li a {padding:13px 10px 0 10px;}
* html div#menu ul li ul {margin:0 0 0 -57px;}

/* news */
div#news p.date {font-weight:bold;}
div#news p.date a {color:#232424; text-decoration:none;}
div#news p.date a:hover {text-decoration:underline;}
div#news div.new {padding-bottom:10px;}

/* page_left */

.sidebar {width: 210px; height: 100%; padding-bottom: 40px; background: url(layout/sidebar.jpg) no-repeat bottom right; margin-bottom: 25px; overflow: hidden}
div#page_left .galerie {padding: 10px 0}
div#page_left h3 {margin:0 0 2px 0; padding:10px 20px; font-size:1.1em; font-weight:bold; text-align:center; background: url(layout/sidebar-header.jpg) no-repeat right top; color:#ffffff;}


/* page_right */

div#page_right .sidebar {background: url(layout/sidebar-right.jpg) no-repeat bottom left; padding-bottom: 30px}
div#page_right .sidebar p {margin: 10px 10px 0 10px; font-size: 1.1em}
div#page_right h3 {height:20px; margin:0 0 2px 0; padding:10px 20px 0; font-size:1.1em; font-weight:bold; text-align:center; background: url(layout/sidebar-header-right.jpg) no-repeat right top; color:#454545;}

div#newsletter form {margin: 10px 10px 0 10px}
div#newsletter input#email {width: 180px; border:1px solid #888; text-align:center; height:18px; color:#666666; margin-bottom: 10px}
div#newsletter input.submit {width:80px; height:23px; margin:0 31px 0 0; font-weight:bold; background: url(layout/sidebar-header-right.jpg) no-repeat left top; font-size:1.1em; color:#414141; border:0}
div#newsletter p.report {margin:0; padding-top:10px; color:#8fc800; font-weight:bold; font-size:1.1em;}

/* foot */
div#foot a {color:#000000; text-decoration:none;}
div#foot a:hover {text-decoration:underline;}

/* new styles */

.sidebar h3 {text-transform: uppercase}
