@font-face
{
font-family: mySegoePrint;
src:url(segoepr.ttf);
}

@font-face
{
font-family: mySegoeScript;
src:url(segoesc.ttf);
}

#docTitle{
position:absolute;
top:120px;
width:100%;
height:100px;
font-family:mySegoeScript,"Comic Sans MS", cursive, sans-serif;
color:#556B2F;
font-size:4em;
text-align:center;
text-shadow: 3px 3px 3px #808000;
border-bottom:2px solid olive;
border-top:2px solid olive;
line-height:100px;
}

#velikaslika{
position:fixed;
display:none;
z-index:999;
width:600px;
height:800px;
border-left: 6px double olive;
border-right:6px double olive;
top:50%;
left:50%;
margin-left:-301px;
margin-top:-401px;
background-image:url("galerija_images/drvo 2_full.jpg");
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
}

#velikaslika button{
position:absolute;
left:602px;
top:0px;
font-size:1.2em;
}

#velikaslikahor{
position:fixed;
display:none;
z-index:999;
width:800px;
height:600px;
border-left: 6px double olive;
border-right:6px double olive;
top:50%;
left:50%;
margin-left:-401px;
margin-top:-301px;
background-image:url("galerija_images/drvo 2_full.jpg");
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
}
#velikaslikahor button{
position:absolute;
left:802px;
top:0px;
font-size:1.2em;
}

#glavnideo{
width:1200px;
margin-left:auto;
margin-right:auto;
font-size:1em;
}

#lang{
float:right;
margin-right:10px;
padding:5px;
font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
}

#lang a{
text-decoration:none;
color:#556B2F;
}

#langFontList{
clear:both;
list-style:none;
font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
color:#556B2F;
height:50px;
}

#langFontList li{
float:right;
}

#smallFont,#bigFont{
margin-right:10px;
padding:5px;
}

#smallFont:hover,#bigFont:hover{
border:1px solid #556B2F;
border-radius:5px;
box-shadow:1px 1px 1px 1px #808000;
cursor:pointer;
}

#linkList{
margin-top:120px;
list-style:none;
font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
color:#556B2F;
height:50px;
}

#linkList li{
color:black;
font-size:1.2em;
float:right;
width:25%;
text-align:center;
}
#linkList a:link{
color:black;
}
#linkList a:visited{
color:#003300;
}
#linkList a:hover{
color:maroon;
}

#pictures a,#author a{
color:black;
}

#selektor{
height:40px;
font-family:mySegoePrint,"Comic Sans MS", cursive, sans-serif;
}

#selektor div{
float:left;
font-size:1.1em;
color:#556B2F;
font-family:inherit;
margin:10px;
}
#selektor select{
font-family:inherit;
}

#selektor option{
color:black;
font-family:inherit;
}

#klik{
float:right;
color:#556B2F;
font-family:mySegoePrint,"Comic Sans MS", cursive, sans-serif;
font-size:1.2em;
margin-right:5px;
margin-bottom:10px;
}

#galerijaslika1{
margin-top:30px;
height:3240px;
border-left: 6px double olive;
border-right:6px double olive;
}

#galerijaslika1 div{
width:223px;
height:310px;
border:1px solid olive;
float:left;
margin-left:10px;
margin-top:10px;
display:block;
}

#galerijaslika1 img {
width:100%;
height:100%;
}

#galerijaslika1 img:hover {
cursor:pointer;
}