* {margin: 0; padding: 0;}

body {
	color: #333;
	background: #DBDBDB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
}

/* layout */

#main {background-color: #fff; text-align: left; margin: 0 auto; width: 800px;}
#header {background: url(../graphics/bgHeader.png) bottom right no-repeat; position: relative; height: 152px;}
#content {background: url(../graphics/bgContent.gif) top left repeat-y;}
#leftHolder {float: left; width: 251px;}
#rightHolder {float: right; width: 549px;}
#right {margin: 25px;}
#footer {background: url(../graphics/bgFooter.gif) top left repeat-y; font-size: 85%; padding: 15px 30px;}

/* header */

h1 a, h1 a span {
	background: url(../graphics/Logo.png) top left no-repeat;
	display: block;
	width: 251px; height: 152px;
}

h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0;}

form#vyhledavani {
	background: url(../graphics/bgSearch.png) top left no-repeat;
	text-align: center;
	line-height: 55px;
	position: absolute;
	bottom: 0; right: 0;
	width: 245px; height: 51px;
}

input#najdi {border: 1px solid #000; margin: 0 5px; width: 120px;}

/* horni menu */

#horniMenu {color: #0068B4; background: #A8D5F5; text-transform: uppercase; padding: 10px 0 10px 265px;}
#horniMenu a {color: #0068B4; font-weight: bold; text-decoration: none; margin: 0 13px;}
#horniMenu a:hover {text-decoration: underline;}

/* content */

a:hover {text-decoration: none;}

/* left */

#left h3 {color: #fff; background: #2C86C8; font-size: 100%; text-transform: uppercase; padding: 7px 0 7px 30px;}
#left ul {font-size: 95%; font-weight: bold; list-style: none; margin: 15px 15px 15px 30px;}
#left ul li {margin-bottom: .4em;}
#left ul li a {color: #0068B4; text-decoration: none;}
#left ul li a:hover {text-decoration: underline;}
#left ul li ul {font-size: 100%; font-weight: normal; margin: .8em 0;}
#left ul li ul li {background: url(../graphics/bgMenu.gif) 0px 3px no-repeat; padding-left: 18px;}
#left ul li ul li a {color: #000; text-decoration: underline;}
#left ul li ul li a:hover {color: #f90;}

#left h4, #left p, #left .clanek-anotace, #left .clanek-text {margin: 0 15px 0 30px;}
#left p, #left .clanek-anotace, #left .clanek-text {font-size: 95%; line-height: 1.4em; margin-bottom: 1.33em;}
#left p a, #left .clanek-anotace a, #left .clanek-text a {color: #f90;}
#left h4, #left h4 a {color: #0068B4;}
#left h4 {font-size: 100%; margin-top: 15px; margin-bottom: 5px;}
#left h4 a {text-decoration: none;}
#left h4 a:hover {text-decoration: underline;}

/* right */

#right h2 {color: #FFCA4B; font-size: 140%; text-transform: uppercase; margin-bottom: 12px;}
#right h3, #right h3 a {color: #2C86C8;}
#right h3 {font-size: 110%; margin: 12px 0 10px 0;}
#right h3 a {text-decoration: none;}
#right h3 a:hover {text-decoration: underline;}

#right p, #right .clanek-anotace, #right .clanek-text {font-size: 95%; line-height: 1.5em; margin-bottom: 1.33em;}
#right p a, #right .clanek-anotace a, #right .clanek-text a, #right li a {color: #f90;}
#right ul {list-style: none; margin: .33em 0 1.33em 2em;}
#right li {background: url(../graphics/bgLi.gif) 0px 6px no-repeat; margin-bottom: .4em; padding-left: 12px;}

#right ol {margin-left: 4em;}
#right ol li {background: none; padding: 0;}

/* galerie */

.galerie {margin-top: 15px;}
.galerie .nahled {float: left; margin: 10px 23px; width: 120px;}
.nahled p {font-size: 95%; line-height: 1.3em; text-align: center;}
.nahled a {color: #897A71;}
#right .nahled img {border: 1px solid #A8D5F5; margin-bottom: 5px;}

/* cenik */

table.cenik {margin: 1.33em 0;}
table.cenik th, table.cenik td {background: #E7E7E7; padding: 5px;}

/* footer */

#footer a {color: #333;}

/* obecné třídy */

.clnr {font-size: 0; clear: both; width: 100%;}
.fr {float: right;}
.fl {float: left;}

.obr {border: 4px solid #DBDBDB; margin: 4px 0 5px 0; line-height: 0;}
.obr img {border: 1px solid #fff;}
.ir {margin-left: 15px;}
.il {margin-right: 15px;}