@charset "utf-8";
/* CSS Document */

a img{border:none}

body {background-image:url(image/vespera.jpg); background-size:cover; background-attachment:fixed}

h1 {font-family:"Segoe UI Light"; font-size:25px; font-weight:normal; color:#ffffff}
h2 {font-family:"Segoe UI Light"; font-size:18px; font-weight:normal; color:#ffffff}

p {font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff}

#wrapper-bg {width:100%; height:790px; background-color:rgba(0,0,0,0.50); margin-top:90px}

#header-wrapper {width:100%; height:140px; border-bottom:1px solid #ffffff}

#header {width:960px; height:auto; margin:0px auto 0px auto;}
.logo {width:135px; height:135px; float:left}
.logo a:hover {opacity:0.7}

#main-nav{width:590px; height:auto; float:right; margin-top:60px}
ul#menu {width:590px; list-style-type:none;float:left;}
ul#menu li{float:left; position:relative;}
ul#menu a{display:block; color:#ffffff; line-height:15px; text-decoration:none; font-size:25px; font-weight:normal; font-family:"Segoe UI Light"; margin:0px 20px 0px 5px}
ul#menu li a:hover{border-bottom:1px solid #ffffff; padding-bottom:7px}

#content {width:960px; height:auto; margin:0px auto 0px auto;}
#left {width:450px; height:auto; float:left}
.naslov {width:450px; height:40px; float:left}
.text {width:450px; height:auto; float:left}

#box {width:450px; height:auto; float:left}
.icon {width:25px; height:25px; float:left}
.link {width:200px; height:auto; margin-left:5px; margin-top:2px; float:left; font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link a {font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link a:hover {text-decoration:underline}

#button {width:250px; height:40px; float:left; background-color:#4e4950; opacity:0.6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; margin-top:20px; margin-left:80px; display:inline-block; position:relative; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
#button:hover  {top:-2px; z-index: 1;}
.link1 {width:200px; height:20px; margin-top:5px; float:left; font-family:"Segoe UI Light"; font-size:22px; font-weight:bold; color:#ffffff; text-decoration:none; text-align:center; margin-left:25px}

#right {width:450px; height:auto; float:left; margin-left:50px}
#button1 {width:250px; height:40px; float:left; background-color:#4e4950; opacity:0.6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; margin-top:32px; margin-left:80px; display:inline-block; position:relative; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
#button1:hover  {top:-2px; z-index: 1;}

#bottom {width:960px; height:auto; float:left; margin-top:25px}
.naslov1 {width:960px; height:35px; float:left}
.pic1 {width:150px; height:113px; float:left; margin-top:20px}
.pic2 {width:150px; height:113px; float:left; margin-top:20px; margin-left:12px}

#button2 {width:250px; height:40px; float:left; background-color:#4e4950; opacity:0.7; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; margin-top:32px; margin-left:350px; display:inline-block; position:relative; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
#button2:hover  {top:-2px; z-index: 1;}

#footer {width:960px; height:auto; float:left; margin-top:40px}
.rights {width:450px; height:auto; float:left; font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.design {width:160px; height:auto; float:right; font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff}
.design a {font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; text-decoration:none}
.design a:hover {border-bottom:1px solid #ffffff}

span {font-family:"Segoe UI Light"; font-size:14px; font-weight:bold; color:#d43aaa; text-decoration:none}
span1 {font-family:"Segoe UI Light"; font-size:14px; font-weight:bold; color:#fa853f; text-decoration:none}
span3 {font-family:"Segoe UI Light"; font-size:14px; font-weight:bold; color:#000000; text-decoration:none}

#footer-wrap {width:100%; height:20px; border-top:1px solid #ffffff; margin-top:-60px}

#left1 {width:960px; height:auto; float:left}
.text1 {width:960px; height:auto; float:left}

#footer {width:960px; height:auto; float:left; margin-top:65px}
#footer1 {width:960px; height:auto; float:left; margin-top:300px}
#footer2 {width:960px; height:auto; float:left; margin-top:15px}
#footer3 {width:960px; height:auto; float:left; margin-top:110px}
#footer4 {width:960px; height:auto; float:left; margin-top:145px}
#footer5 {width:960px; height:auto; float:left; margin-top:30px}
#footer6 {width:960px; height:auto; float:left; margin-top:280px}
#footer7 {width:960px; height:auto; float:left; margin-top:45px}
#footer8 {width:960px; height:auto; float:left; margin-top:10px}
#footer9 {width:960px; height:auto; float:left; margin-top:120px}

.link2 {width:200px; height:auto; margin-left:5px; margin-top:10px; float:right; font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link2 a {font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link2 a:hover {text-decoration:underline}

.link3 {width:200px; height:auto; margin-left:5px; margin-top:10px; float:left; font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link3 a {font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link3 a:hover {text-decoration:underline}

.link4 {width:200px; height:auto; margin-right:-40px; margin-top:-35px; float:right; font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link4 a {font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.link4 a:hover {text-decoration:underline}

/*galerija*/
#gallery {width:960px; height:auto; float:left; margin-top:20px;}
#gallery ul { list-style:none; width:960px; height:auto; float:left; margin-left:-40px}
#gallery ul li { display:inline;}
#gallery ul img {border:1px solid #ffffff; margin-left:2px}
#gallery ul a:hover img {border:1px solid #fef200;}
#gallery ul a:hover {color: #fef200;}

.naslov2 {width:960px; height:35px; float:left; margin-top:-20px}

#obrazac {width:300px; height:auto; float:left; margin-top:10px}
.obrazac {width:300px; height:auto; float:left; font-family:"Segoe UI Light"; font-weight:normal; font-size:14px; color:#ffffff; margin-top:10px;}
#contact {width:300px; height:auto;}
input, textarea {width:300px; margin:5px 0 10px 0px; font-size:14px; padding:4px 4px 4px 4px; border:1px solid #ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#ffffff; vertical-align:top; outline:none; font-family:"Segoe UI Light"; color:#ffffff; font-weight:500; background-color:#4e4950; opacity:0.3}
#submit {width:100px; height:35px; background-color:#4e4950; color:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; font-family:"Segoe UI Light"; font-weight:bold; font-size:16px; color:#ffffff}
#submit:hover {background-color:#777379; color:#ffffff; cursor:pointer}
input:focus, textarea:focus {border-color:#ffffff;}
span2 {color:#fef200}

.hvala {width:300px; height:auto; float:left; font-family:"Segoe UI Light"; font-size:14px; color:#999999; margin-left:10px; margin-top:20px}

.info {width:400px; height:auto; float:left; font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.info a {font-family:"Segoe UI Light"; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none}
.info a:hover {text-decoration:underline}

.hvala {width:450px; height:auto; float:left}