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

body {background-color:#000; padding:0px; margin:0px; background-image:url(images/back.jpg); background-repeat:no-repeat; background-position:top center; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {color:#da84e8; text-decoration:none;}
img {display:block;}
a.disabled {visibility: hidden !important;}
p {margin:10px 0px; padding:0; line-height:18px;}
b {color:#8c8b8c; font-weight:normal; width:40px; float:left; text-align:right; margin-right:20px; text-transform:uppercase; font-size:10px;}
.rounded {-moz-border-top-left-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
.rounded2 {-moz-border-top-left-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
input, textarea {font-family: 'Advent Pro', sans-serif; font-size:14px; outline: none;}
::-moz-selection{background: #da84e8; color: #fff; text-shadow: none;}
::selection {background: #da84e8; color: #fff; text-shadow: none;} 
span {display:block; color:#8c8b8c; margin:0px; padding:0px; font-size:9px; text-transform:uppercase;}

.left {float:left;}
.right {float:right;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px;color:#da84e8;font-size:24px; display:block; margin:0px;font-family: 'Advent Pro', sans-serif; font-style:normal; font-weight:400; }

#site {display:block;  background-image:url(images/pattern.gif); background-repeat:repeat;}
#logo {  background-image: url("images/logo.gif");  background-position: center top;  background-repeat: no-repeat;  height: 70px;  margin: 50px auto auto;  text-indent: -9999px;  width: 200px;}
footer {margin:auto; padding:10px 0px; text-align:center;font-size:10px; color:#7f7580;}
.box {display:block; background:url(images/box-bg.png) repeat; padding:15px; margin-bottom:10px;}
/* Elementi */
.wrap {width:700px; margin:auto;margin-top:25px;}
.content {display:block;width:450px; }
aside.column {width:240px; margin-left:10px;}
.detaljnije {display:none;}
.detaljnije p:first-child { margin-top:0px; padding-top:0px;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border:1px solid #666;}

.scrollable {width:420px; height:200px; position:relative; margin-top:10px;overflow:hidden;}
.items {position:absolute; width:20000em;}
.items div {float:left; width:420px; height:200px; position:relative;}
span.about {position:absolute; top:105px; width:400px; display:block; color:#FFF; background:url(images/box-bg2.png) repeat; font-size:12px; text-transform:none; padding:10px; line-height:16px;}
span.about a:hover {color:#fff;}
.browse {width:24px; height:24px; line-height:24px; background-image:url(images/slider-nav.gif); text-indent:-9999px; margin-top:5px;background-color:#1f1f1f;}
.browse:hover { background-color:#7d286c;}
.browse-r { background-position:24px 0px;}

.button {display:block; width:100%; height:24px; background-color:#1f1f1f; background-image:url(images/btn-arrow.jpg); background-repeat:no-repeat;background-position: 0px 0px; font-size:11px;}
.button a {display:block; padding-left:35px; line-height:24px; color:#FFF; text-transform:uppercase; }
.button:hover {background-position: 0px -24px; background-color:#6f4479; background-image:url(images/btn-arrow.jpg); }
/* Form */
.frm {display:none; margin:10px 0px;}
.message {width:398px; height:60px; background:#1f1f1f; border:0px; padding:10px;border:1px solid #000; color:#fff; margin-bottom:5px;outline:none; resize:none;font-weight:500;}
.field {width:398px; height:30px;  background-color:#1f1f1f; border:0px; padding:0px 10px; color:#FFF; margin-bottom:5px; font-weight:500; border:1px solid #000;}
.field:hover, .message:hover { border:1px solid #666;}
.btn {width:80px; height:30px; margin:0; padding:0px; background-image:url(images/btn.jpg); background-repeat:repeat-x; border:0px; color:#FFF; cursor:pointer;}
.btn:hover {background-position: 0px -30px; /* -moz-box-shadow: 0px 0px 3px #da84e8;  -webkit-box-shadow: 0px 0px 3px #da84e8;  box-shadow: 0px 0px 3px #da84e8; */}