body {
font: .8em/1.8em verdana, arial, sans-serif;
background-color: #FFFFFF;
margin-left: 50px;
margin-right: 100px;
background: url(podloga_01.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 170px 40px;
}

body a {
	color: #8b4513;
	text-decoration: underline;
}

body a:hover {
	text-decoration: none;
}

h1, h2 {
	font-family: serif;
	color: #8b4513;
}
p {
	padding: 10px 5px 6px 250px; 
	text-align: justify;
}
#content {
border-left: 1px solid #8b4513;
border-right: 3px solid #8b4513;
border-bottom: 3px solid #8b4513;
padding: 10px 5px 6px 5px;
}
#content h1 {
font-size: 1.2em;
color: #8b4513;
background-color: transparent;
}
ul#tabnav {
list-style-type: none;
margin: 0;
padding-left: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #8b4513;
font: bold 11px verdana, arial, sans-serif;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #8B4513;
color: #FFFFFF;
margin: 2px 2px 0 2px;
border: 1px solid #8b4513;
}
ul#tabnav a:link, ul#tabnav a:visited {
display: block;
color: #FFFFFF;
background-color: transparent;
text-decoration: none;
padding: 4px;
}
ul#tabnav a:hover {
background-color: #ffdead;
color: black;
}
body#home li.home, body#contens li.contens,
body#galleries li.galleries, body#contacts li.contacts,
body#links li.links {
border-bottom: 1px solid #fff;
color: #000000;
background-color: #FFFFFF;
}
body#home li.home a:link, body#home li.home a:visited,
body#contens li.contens a:link, body#contens li.contens a:visited,
body#galleries li.galleries a:link,body#galleries li.galleries a:visited, 
body#contacts li.contacts a:link,body#contacts li.contacts a:visited, 
body#links li.links a:link, body#links li.links a:visited
{
color: #000000;
background-color: #FFFFFF;
}
#navigation {
padding-left: 250px;
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
margin-right: 2px;
color: #8b4513;
text-decoration: underline;

}
#navigation a:hover {
text-decoration: none;
}
.showstate{ /*Definition for state toggling image */
cursor: pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}

.headers{
width: 600px;
padding-left: 10px;
font-size: 120%;
font-weight: normal;
color: black;
border: none;
background-color: #ffe4b5;
}

.switchcontent{
width: 600px;
border: none;
border-top-width: 0;
}

.switchcontent a{
color: #8b4513;
text-decoration: underline;
}

.switchcontent a:hover{
color: #ffe4b5;
text-decoration: underline;
}

#foot {
padding: 0px 5px 0px 250px;
font-size: 80%;
}

#foot a {
color: #711515;
text-decoration: underline;
}

#foot a:hover {
text-decoration: none;
}

#copyright {
padding: 0px 5px 0px 250px;
font-size: 80%;
color: #711515;
}

#webmaster {
padding: 10px 5px 6px 0px;
color: #711515;
}

#webmaster a {
text-decoration: underline;
color: #711515;
}

#webmaster a:hover {
text-decoration: none;
}

img {
	border: none;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail:hover img{
border: none;
}


.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffe0;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

div#news h2{
	padding: 10px 5px 6px 250px; 
	font-size: 120%;
	font-weight: bold;
	color: #8b4513;
}

div#news p{
	padding: 10px 5px 6px 250px; 
	font-size: 100%;
	color: #8b4513;
	font-style: italic;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}