* {margin: 0; padding: 0;}
body { 
	font-family: Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
	background: #f7f5dc url(../images/bg.jpg) top center no-repeat; 
	color: #4d120e;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}  
.invisible, .hidden { display: none; overflow: hidden; }
h1, h2, h3, legend { margin: 0.5em 0 0; padding: 10px 0 0 0; line-height: 30px; }
h1, h2, h4, legend { clear: both; }
h1 { font-size: 180%; line-height: 37px; }
h2, legend { font-size: 130%; color: #4d120e; }
h3 { font-size: 120%; color: #4d120e; }
h4, dt { font-size: 110%; margin: 1em 0 2px; padding-top: 10px; border-top: 1px dotted #4d120e; }
p { padding: 6px 0; }
a {	color: #620001; }
a img { border: none; }
hr { display: none; clear: both; }
abbr { cursor: help; }
strong { color: #4d120e; }
.clear {clear: both;}
li.menu-item a { cursor: default; }
ul li li a {cursor: pointer !important;}
table { padding: 15px 0; } 
th {  font-size: 13px; background-color: #cec2ab; }
th, td {padding: 3px 6px; }
td {text-align: center;  border: 1px solid #cec2ab; }
dl {margin: 25px 0; }
/*......................LAYOUT.....................................*/



/*..................header................*/
#wraper { width: 976px; margin: 0 auto; }
#header { background: url(../images/photo-uvod.jpg) top center no-repeat; height: 278px;  }
div#logo,div#slogan { position: relative; z-index:1; }
div#logo a { position: absolute; z-index: 100; left: 45px; top: 87px; }
div#slogan img { position: absolute; z-index: 100; left: -35px; top: 3px; }
/*..............end of header.............*/



/*....................mutacie...................*/
ul#mutacie { float: left; height: 32px; line-height: 32px; list-style-type: none; padding-left: 15px; color: white; }
ul#mutacie li { display: inline; margin: 0; padding: 0 0 0 5px; float: left; list-style-type: none; }
ul#mutacie li, ul#mutacie strong { color: #6ab218; }
ul#mutacie li a {color: white; text-decoration: none; }
ul#mutacie li a:hover { border-bottom: 1px dotted white; }
/*.............end of mutacie...................*/



/*.............................. fisheye ...............................*/
#fisheye { text-align: center; height: 78px; position: relative; width: 200px; float: left; }
a.fisheyeItem {
	text-align: center; text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
	position: absolute; top: 0; width: 47px;
}
.fisheyeItem img { border: none; margin: 0 auto 5px auto; width: 100%; }
.fisheyeItem span { display: none; position: absolute; }
.fisheyeContainer { height: 65px; width: 200px; left: 500px; top: 3px; position: absolute; }
/*............................ end fisheye .............................*/

#left { width: 210px; padding: 5px 0 0 15px; float: left; }
#content {width: 710px; float: right; }
.zvyrazni { font-size: 13px; color: black; width: 370px; }/*zvyrazneny text na uvode, v historii*/
.zvyrazni strong { font-weight: normal; }
.podpis { text-align: right; display: block; font-style: italic; font-size: 11px; color: black; }
#content ul { margin: 10px 0; padding: 10px 15px; list-style-type: square; }
#content a:hover { text-decoration: none; border-bottom: 1px dotted #620001;}





/*..................images..................*/
img.left-border { float: left; margin: 5px 16px 5px 0; border: 1px solid #a0896a; padding: 10px; }
a img.left-border, a img.right-border {border: 1px solid #a0896a; background-color: #f7f5dc; }
a:hover img.left-border { background-color: white; border: 1px solid #ccc; }
img.right-border { float: right; margin: 5px 0 5px 16px; border: 1px solid #a0896a; padding: 10px; }
a:hover img.right-border {background-color: white; border: 1px solid #ccc; }

/*rezervacia fotky*/
img.left-border-rezervacia { float: left; margin: 5px 5px 0 0; border: 1px solid #a0896a; padding: 7px; }
a img.left-border-rezervacia {border: 1px solid #a0896a; background-color: #f7f5dc; }
a:hover img.left-border-rezervacia { background-color: white; border: 1px solid #ccc; }
/*koniec*/

img.left { float: left; margin: 5px 14px 5px 0; }
img.right { float: right; margin: 5px 0 5px 14px; }
/*..............end of images...............*/



/*................footer.....................*/
#footer {
	float: right;
	margin: 50px 0 0 0;
	padding: 2px;
	text-align: right;
	border-top: 1px solid #6ab218;
}
#footer img, #footer p { float: right;}
#footer img { padding-top: 3px;}
#footer a:hover { color: #333; }
/*.............end of footer.................*/


/*.............END OF LAYOUT....................................*/