@charset "utf-8";
/* CSS Document */
* {margin:0}
body {background-image:url(pictures/background.jpg)}
.okvir {margin-top: 5px; position: absolute; left: 50%; margin-left: -500px;}
.header {height: 150px; margin-bottom: 5px}
.menu{border:none ; border:0px; margin:0px; padding: 0px; font-size:14px; font-weight:bold; width:1000px}
.menu ul{height:35px; list-style: none; margin-left: 113px;padding:0}
.menu li{float:left; padding:0px}
.menu li a{color: #FFF;display:block;font-weight:normal;line-height:35px;margin:0px;padding:0px 25px;text-align:center;text-decoration:none}
.menu li a:hover, .menu ul li:hover a{background: #0071bc url("pictures/strelica.png") bottom center no-repeat; color: #FFFFFF; text-decoration:none; font-weight:bold}
.menu li ul{background-image: url(pictures/background.jpg);display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:150px;z-index:200}
.menu li:hover ul{display:block}
.menu li li {display:block;float:none;margin:0px;padding:0px;width:150px}
.menu li:hover li a{background:none}
.menu li ul a{display:block;height:35px;font-size:14px; font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{background:#0071bc url("pictures/strelica1.png") center left no-repeat;border:0px;color:#FFFFFF;text-decoration:none}
.menu p{clear:left;}	

.kutija {width: 1000px; margin-top: 5px}
.sadrzajo {width:800px;float: left; margin-bottom: 25px}
.gore {height: 12px}
.sadrzaj {background-image:url(pictures/bgsd.png); width:800px; float: right}
.sadrzaj a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF}
.sadrzaj a:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; color:#0071bc}
.sadrzaj p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; margin-left: 10px; margin-right:10px}
.sadrzaj h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFF00; margin-left: 30px; margin-bottom: 10px}
.sadrzaj ol {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; padding-bottom: 20px}
.sadrzaj h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding-top:30px; font-size: 18px}
.dolje {height: 12px}
.sponzor {text-align:center ; width:200px; float:right}
.podatci {background-image:url(pictures/podatci.png); background-repeat:no-repeat; margin-left: 5px; width: 190px; height: 130px; padding-top: 5px}
.podatci p {text-align: justify; font-family:"Trebuchet MS", Arial, Helvetica; font-size:14px; color: #FFF}
.podatci h4 {font-family:"Trebuchet MS", Arial, Helvetica; color: #FFFF00}
.footer {background-image:url(pictures/footer.png); clear:both; width: 1000px; height: 35px; margin-bottom: 10px}
.footer ul{height:35px; list-style: none}
.footer li {float:left; padding: 0px}
.footer li a {float:left; line-height:35px; text-decoration: none; font-size:12px; color:#FFF}
.footer li a:hover {color:#FF0; text-decoration: none}
.footer p {float: right; color:#FFF; margin-top: -30px; margin-right: 10px; font-weight:bold}
.footer p a {text-decoration:none; color:#FFF;}
.footer p a:hover {text-decoration:none; color: #0071bc;}

.contactform{width:460px; padding: 10px 20px 40px 20px}
.contactform form {overflow:hidden; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-size:1.2em}
.contactform label{width:95%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-size:0.8em}
.contactform textarea, .contactform input {width:95%; padding: 5px; background: #0CF; background-image:url(pictures/bgsd.png); border-style:double; border: #FF0 1px solid;  margin-bottom:5px; ; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FF0; font-size:0.8em}
.contactform textarea:focus, .contactform input:focus, .contactform{border: #FFFF00 1px solid; background-color: #ffffff; background-image: url(pictures/bgsd.png); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #FF0; font-size:0.8em}