
html {
font-size:81.25%;
color:#cecece;
background:#323232;
width:100%;
background-image:url(../g/bg.png);
background-repeat:repeat-y;
background-position:center;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote {
margin:0;
padding:0;
}

img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:inherit;
font-weight:inherit;
}

li {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
line-height:1;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
font-variant:normal;
}

legend {
color:#000;
}

input,button,textarea,select,optgroup,option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}

input,button,textarea,select {
font-size:100%;
}

html body {
font-family:Trebuchet MS,Verdana,Arial,sans-serif;
width:891px;
position:relative;
margin:0 auto;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}

.hid {
position:absolute;
left:-9999px;
}

.left {
float:left;
}

.right {
float:right;
}

label {
padding-right:15px;
}

div.hr hr {
display:none;
}

div#header {
background-image:url(../g/horizline.png);
background-repeat:no-repeat;
background-position:bottom;
height:67px;
position:relative;
z-index:5;
}

div#header a#logo {
position:relative;
top:13px;
left:12px;
float:left;
}

div#header ul {
float:right;
margin-right:17px;
line-height:5.154em;
font-weight:700;
}

div#header ul li {
float:left;
margin-left:27px;
}

div#header ul li a {
color:#fff;
text-decoration:none;
}

div#header ul li a:hover {
text-decoration:underline;
}

div#bird {
display:block;
width:265px;
height:122px;
background-image:url(../g/bird.png);
position:absolute;
right:54px;
z-index:0;
}

div#main {
line-height:1.615em;
text-align:justify;
padding:20px 17px 7px 17px;
}

div#main p {
margin-bottom:1.385em;
}

div#main em {
color:#fff;
font-style:normal;
font-weight:700;
}

div#main img {
border:1px solid #a8001a;
margin:6px 0 10px 20px;
}

div#main div#slideshow {
position:relative;
float:right;
text-align:center;
width:350px;
height:400px;
margin:6px 0 0 20px;
}

div#main div#slideshow div {
position:absolute;
top:0;
z-index:8;
opacity:0.0;
display:none;
}

div#main div#slideshow img {
margin:0;
}

div#main div#slideshow div.active {
z-index:10;
opacity:1.0;
display:block;
}

div#main div#slideshow div.last-active {
z-index:9;
}

div#main div#slideshow p {
margin-bottom:0;
margin-top:8px;
}

div#main blockquote p {
padding-left:38px;
background-image:url(../g/quotes.png);
background-repeat:no-repeat;
background-position:0 .385em;
}

div#main ul,div#main ol {
margin-bottom:1.385em;
margin-left:38px;
}

div#main ul li {
list-style-type:disc;
}

div#main ol li {
list-style-type:decimal;
}

div#main li p {
margin-bottom:0;
}

div#main h2 {
font-size:150%;
margin-bottom:10px;
font-weight:700;
color:#fff;
}

div#main h3 {
font-size:125%;
margin-bottom:15px;
font-weight:700;
color:#fff;
}

div#main h4 {
font-weight:700;
margin-bottom:6px;
}

div#main ul#breadcrumbs {
font-size:90%;
margin-left:0;
padding-bottom:12px;
}

div#main ul#breadcrumbs li {
float:left;
list-style-type:none;
margin-right:10px;
}

div#main ul#breadcrumbs li + li {
background-image:url(../g/breadcrumbs-li.png);
background-repeat:no-repeat;
background-position:0 8px;
padding-left:13px;
}

div#main ul#flashes, div#main ul.error {
clear:both;
margin-left:0;
width:500px;
}

div#main ul#flashes li, div#main ul.error li {
display:block;
line-height:30px;
font-weight:700;
margin:0 0 5px;
padding:0 10px;
}

div#main ul#flashes li.info {
border:1px solid #009715;
background-color:#e3ffe7;
color:#006c0f;
}

div#main ul#flashes li.error, div#main ul.error li {
border:1px solid #b60000;
background-color:#ffc5c5;
color:#6c0000;
}

div#main ul#flashes li.warning {
border:1px solid #a09e00;
background-color:#ffffd9;
color:#626100;
}

del,ins,div#main a:hover {
text-decoration:none;
}

sup,sub {
vertical-align:baseline;
}

.cl,div.hr {
clear:both;
display: block;
}

div#header ul li strong,div#main strong {
color:#da0020;
}

div#main a,div#main blockquote {
color:#fff;
}

span.logo-text {
position: relative;
left: 31px;
top: 22px;
font-weight: bold;
font-size: 16px;
}

div#main .photo {
width: 261px;
float: left;
text-align: center;
margin-bottom: 17px;
margin-left: 11px;
margin-right: 11px;
}

div#main .photo a {
text-decoration: none;
}

div#main .photo img {
margin: 0;
}

div#main .photo a.image {
display: inline-block;
height: 195px;
text-align: center;
}

div#main a.gallery {
display: block;
width: 425px;
height: 328px;
padding-top: 7px;
background-color: #ffffff;
background-image: url('../g/gallery-bg.jpg');
float: left;
margin-bottom: 7px;
text-align: center;
color: #0c0c0c;
text-decoration: none;
}

div#main a.gallery.lt {
background-image: url('../g/gallery-bg-lt.jpg');
}

div#main a.gallery.rt, a.gallery.rb {
margin-left: 7px;
}

div#main a.gallery span.img {
display: block;
width: 406px;
height: 270px;
margin: 0 auto;
border:1px solid #a8001a;
cursor: pointer;
}

div#main a.gallery:hover span.img {
background-position: -406px 0px;
}

div#main a.gallery.lt span.img {
background-image: url('../g/flora.jpg');
}

div#main a.gallery.rt span.img {
background-image: url('../g/fauna.jpg');
}

div#main a.gallery.lb span.img {
background-image: url('../g/lide.jpg');
}

div#main a.gallery.rb span.img {
background-image: url('../g/ostatni.jpg');
}

div#main a.gallery span.label {
display: block;
margin: 0 auto;
text-indent: -9999px;
cursor: pointer;
}

div#main a.gallery.lt span.label, div#main a.gallery.rt span.label {
margin-top: 14px;
}

div#main a.gallery.lb span.label, div#main a.gallery.rb span.label {
margin-top: 9px;
margin-bottom: 14px;
}

div#main a.gallery.lt span.label {
background-image: url('../g/flora-label.png');
width: 60px;
height: 25px;
}

div#main a.gallery.rt span.label {
background-image: url('../g/fauna-label.png');
width: 66px;
height: 25px;
}

div#main a.gallery.lb span.label {
background-image: url('../g/lide-label.png');
width: 48px;
height: 25px;
}

div#main a.gallery.rb span.label {
background-image: url('../g/ostatni-label.png');
width: 86px;
height: 27px;
margin-top: 8px;
margin-bottom: 13px;
}