/*
----------------------------------------------- 
xxx CSS 
Author: nivas
URL: http://www.nivas.hr/
Updated: xx/xx/xxxx         
----------------------------------------------- */

/* =Normalize
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* =General
----------------------------------------------- */
body {

/*small*/
font:62.5%/1.8 "Times New Roman", Times, serif ; 		 

/*medium*/
/*font:72%/1.6 "Times New Roman", Times, serif ;*/   		 

background:url(../images/layout_grid.gif) no-repeat top left;
}



/* za programere obavezno */
.important {
display:none;
}



a:link {}
a:hover {}
a:active {}
a:focus {}
 
 
 
 
 
body{
background:#000 url(../images/bg-main.gif) repeat-x top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
}
a{
text-decoration:underline;
color:#00ccff;
font-weight:bold;
}
a:hover{
color:#00ccff;
text-decoration:none;
}
.logo_nivas {
position:absolute;
left:5px;
top:5px;
}
.logo_vidi {
position:absolute;
right:5px;
top:5px;
}

#wrap{
padding:0px;
width:728px;
margin:0 auto;
}
.roll{
width:100%;
margin:0;
padding:0;
float:left;
font-size:100%;
}
.roll .flash_box{
display:block;
margin:0;
padding:8px;
float:left;
width:100%;
}
.roll ul li{
margin:0 0 9px 8px;
padding:0;
color:#FFFFFF;
}
.gold{
margin:0;
padding:0;
font-weight:bold;
color:#00ccff !important;
}
.roll ul li.langswitch a{
padding: 0 0 0 15px;
background:url(../images/switch-ico.gif) no-repeat left 0.3em;
}
#gutter {
padding:50px 93px 0 327px; 
}
 
 
 /*-- Pager --*/
.pager {
width:100%;
float:left;
}
.pager .gutter {
padding:0 0 0 360px;
}
.pager ul {
width:100%;
border-top:#191919 1px solid;
padding-top:10px;
}
.pager ul li {
float:left;
margin-left:1px;
color:#333;
font-size:1.1em;
}
.pager ul li a {
display:block;
width:22px;
height:21px;
border:#0a0a0a 1px solid;
background-color:#0a0a0a;
color:#666;
text-decoration:none;
text-align:center;
font-weight:normal;
}
.pager ul li a:hover {
border:#fff 1px solid;
background-color:#000;
text-decoration:none;
color:#fff;
}
.pager ul li a.current {
color:#333;
border:#333 1px solid;
background-color:#000;
} 
.pager ul li.first {
margin:0 9px 0 0;
}
.pager ul li.last {
margin:0 0 0 10px;
}
.pager ul li.first a,
.pager ul li.last a {
border:none;
background:none;
display:inline;
}