@charset "windows-1250";
/* CSS Document */

body {
	background-image: url(images/bg_1.gif);
	background-repeat: repeat-x;
	background-color:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
	margin:0;
	padding:0;
}
.tabla_naslov {
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
	background-position: top;
}
.tabla_footer {
	background-image:url(images/top2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.tabla_footerA {
	background-image:url(image/top.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.agro {
	background-image: url(images/top3.png);
	background-position:bottom;
	background-repeat: no-repeat;
}
.siva_slova {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:medium;
	color: #666;
	font-style:italic;
}
.siva_slova_2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:medium;
	color: #666;
}
.crna_slova {
	color:#000;
}
.sitna_slova {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #666;
	font-style:italic;
	font-size: xx-small;
}
.NASLOV {
	font:Verdana, Geneva, sans-serif;
	font-size:xx-large;
	font-style:normal;
	color:#000;
}
a:link {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: medium;
	color:#666;
	text-decoration: none;
}
a:hover {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: medium;
	color:#666;
	text-decoration: overline;
}
a:visited {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: medium;
	color: #666;
	text-decoration:none;
}
.table {
	background-image: url(images/bkg_tabla.png); 
	background-repeat:repeat;
}
.crveno { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 18px; 
color : #000; 
font-style : normal; 
text-align : center; 
vertical-align : middle; 
cursor : text; 
background-image: url(images/crveno.png);
background-repeat:repeat;
}
.pading { 
padding : 5px; 
}
.dobrodosli_logo {
	background-image: url(images/dobrodosli_logo.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#000;
}
.bkg_form {
	background-image:url(images/top2.gif);
	background-repeat:repeat;
}
.bkg_form_2 {
	background-image: url(images/top2.gif);
	background-repeat:repeat;
}
.crveno2 {
	background-image: url(images/crveno.png);
	background-repeat:repeat;
}
.zeleno {
	color:#0F0;
}
.crveno3 {
	color:#F00;
}
#lightbox { 
position : absolute; 
left : 0; 
width : 100%; 
z-index : 100; 
text-align : center; 
line-height : 0; 
} 
#lightbox img { 
width : auto; 
height : auto; 
} 
#lightbox a img { 
border : none; 
} 
#outerImageContainer { 
position : relative; 
background-color : #fff; 
width : 250px; 
height : 250px; 
margin : 0 auto; 
} 
#imageContainer { 
padding : 10px; 
} 
#loading { 
position : absolute; 
top : 40%; 
left : 0%; 
height : 25%; 
width : 100%; 
text-align : center; 
line-height : 0; 
} 
#hoverNav { 
position : absolute; 
top : 0; 
left : 0; 
height : 100%; 
width : 100%; 
z-index : 10; 
} 
#imageContainer > #hoverNav { 
left : 0; 
} 
#hoverNav a { 
outline : none; 
} 
#prevLink, #nextLink { 
width : 49%; 
height : 100%; 
background-image : url(data:images/gif;base64,AAAA); 
display : block; 
} 
#prevLink { 
left : 0; 
float : left; 
} 
#nextLink { 
right : 0; 
float : right; 
} 
#prevLink:hover, #prevLink:visited:hover { 
background : url(images/prevlabel.gif) no-repeat left 15%; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(images/nextlabel.gif) no-repeat right 15%; 
} 
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
overflow : auto; 
width : 100%; 
} 
#imageData { 
padding : 0 10px; 
color : #666; 
} 
#imageData #imageDetails { 
width : 70%; 
float : left; 
text-align : left; 
} 
#imageData #caption { 
font-weight : bold; 
} 
#imageData #numberDisplay { 
display : block; 
clear : left; 
padding-bottom : 1em; 
} 
#imageData #bottomNavClose { 
width : 66px; 
float : right; 
padding-bottom : 0.7em; 
outline : none; 
} 
#overlay {
	position : relative;
	top : 75px;
	left : 0px;
	z-index : 90;
	width : 400px;
	height : 250px;
}
#contents table {
	font-size: 90%;
	border-collapse: collapse;
}

#contents table td {
	border: 1px solid #999;
	width: 20%;
}

#contents p, #contents button {
	margin: 1em;
}
.drop-shadow {
            position:relative;
            float:left;
            width:100%;    
            padding:0em; 
            margin:4em 0px 0em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow_r {
            position:relative;
            float:left;
            width:100%;    
            padding:0em; 
            margin:4em 0px 0em; 
            background:#cc0033;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0),  0 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.container {
            position:relative;
            z-index:1;
            width:800px;
            /*padding:20px;
            margin:0 auto;*/
            background:none;
}
.container_r {
            position:relative;
            z-index:1;
            width:100%;
            /*padding:20px;
            margin:0 auto;
            background:red;*/
			background-image: url(images/crveno.png);
			background-repeat:repeat;
}
.drop-shadow:before,
.drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
}
.drop-shadow_r:before,
.drop-shadow_r:after {
            content:"";
            position:absolute; 
            z-index:-2;
}
.curved:before {
            top:10px;
            bottom:10px;
            left:0px;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
}
.curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
}
.rotated {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
.rotated_r {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(3deg);    
               -moz-transform:rotate(3deg);   
                -ms-transform:rotate(3deg);
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }       
.rotated > :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.0) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.0) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.0) inset;
}