@charset "utf-8";
/* CSS Document */
html {height:100%;}
body {background-color:#333333; background-image:url(images/body.png); background-position:top left; background-repeat:repeat-x; margin:0; padding:0; text-align:center; color:#CCCCCC; height:100%;}
#bodic {position:relative; min-height:100%;}
#whole { width:960px; text-align:center; margin:0; margin-right:auto; margin-left:auto;  padding-bottom:80px;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#695c5c; font-weight: normal;font-size: 36px; height:100px;
margin:0;  padding:0; width:100%;
}
h1 img {margin-top:15px; position:absolute;}

div.slike { margin-left:35px; padding-top:25px; padding-bottom:25px;}
div.slike img {padding:2px; margin:10px; margin-left:0; border:1px solid #fff; }

div#nav {width:500px;background-image:url(images/nav.png); background-repeat:no-repeat; background-position:top left; height:50px; padding-top:9px; padding-left:15px; webkit-text-shadow: 1px 1px 1px #fff; /* Safari */text-shadow: 1px 1px 1px #fff;}
div#nav ul {list-style:none; margin:0; padding:0; }
div#nav ul li {float:left; padding-right:10px; padding-left:5px; border-right-color:#999999; border-right-style:solid; border-right-width:thin; }
div#nav ul li a {color: #333333; text-decoration:none; font-size:20px;}
div#nav ul li a:hover,div#nav ul li a.active  { color:#847c7c;}
.footer { bottom:0; width:100%; padding-top:20px; padding-bottom:10px; background-color:#636060; color:#9a9393; height:50px; position:absolute;  }
.footer a { color:#b4b1b1; text-decoration:none;}
div.forma { margin-left:10px; width:100%; min-height:510px;}
.forma a {color:#CCCCCC; font-size:18px;}
.polje {background-image:url(images/polje.jpg); color:#CCCCCC;}
.polje2 {background-image:url(images/polje2.jpg); color:#CCCCCC;}
.polje3 {margin-top:10px; background-color: #CCCCCC;}
.unos {margin-top:15px;}
h3 {font-weight:normal;}
#naslov img { position:relative; margin:0;}
#logo { margin-left:10px; }
#face { margin-top:15px;}