/************************************************ Reset *******************************************************************************/
*{
	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;}
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;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* images and linked images without border */
img, a img {border: 0;}


/* ----------- globals --------- */

body {
    font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 100%;  /          /* reduces the body text from the 16px default (common to most browsers and OS set-ups) down to the 12px. */
	width: 100%; 				 /* This rule is primarily there for Internet Explorer 6 and below on Windows */
	margin:0;
	padding:0;
	background:url(../images/FooterLoop.jpg) repeat;
	}

html>body {	font-size: 16px;  /* sets the text size specifically and is ignored by IE6, but used by Firefox, Safari, IE7, Opera */	}

a         { text-decoration: none; 	}

a:hover   { text-decoration:none;	}

.clear    {	clear:both;}

img       {	vertical-align:bottom;}

/******************************************************** END OF RESET *******************************************************/

body            { margin:0px auto;   }


#ho1{ background:#fff; height:200px; background:url(../images/wtile2.jpg) repeat;}
#ho2{ background:#fff url(../images/ho2bck.png) repeat-x;  height:50px; border-top:6px solid #613214; border-bottom:6px solid #c0967c; }
#ho3{background:#bda398;  }
#ho4{background:#fff; height:185px;  background:url(../images/wtile2.jpg) repeat; border-top:6px solid #613214;}

#vo1{background:#fff; height:203px; margin:0 auto; width:1024px; background: url(../images/header10.jpg) no-repeat; border-left:5px solid #613214; border-right:5px solid #613214; }
#vo2{background:#fff; height:50px; margin:0 auto; width:1024px; }
#vo3{background:#c4bcb2;  margin:0 auto; width:1004px; padding:10px; color:#000; padding-bottom:30px; min-height:480px; }
#vo4{background:#4a2b0f; height:160px; margin:0 auto; width:1004px;  padding:10px 10px; border-left:5px solid #613214; border-right:5px solid #613214; border-bottom:5px solid #613214;  }

#baneri      { padding-left:50px;}
#baneri img { margin:1%;  }

#navigacija {list-style:none;  background:#fff url(../images/ho2bck.png) repeat-x; width:984px; margin:0 auto; height:35px;  padding-top:15px;  padding-left:40px;  }
#navigacija li { display:inline; font-family: Arial; font-size:16px; margin-right:20px; height:50px; color:#000; font-weight:bold; text-shadow:1px 1px #fff;   }
#navigacija li a { text-decoration:none; color:#ccc; font-weight:bold; text-shadow:1px 1px #000;  padding:5px 10px 5px 10px;  }

#navigacija li a:hover { text-decoration:none; color:#ccc; font-weight:bold; text-shadow:1px 1px #000; background:#613214; border-radius:5px 5px 5px 5px; border-top:2px solid #DDC1A8;  border-bottom:2px solid #DDC1A8;}

#logo a img { margin-top:70px; margin-left:50px;}
#logo       { width:472px; float:left; margin-right:3px;  height:200px; }
#slram                { width:531px; float:left;  height:182px; margin-top:13px; overflow:hidden; background: url(../images/sliderbck.jpg) no-repeat; }
#slider               {  }

H1 { background:#bda398; width:535px;  padding:5px 40px ; margin-bottom:15px; color:#fff; text-shadow:1px 1px #000; height:25px;  background:url(../images/h1bck.png) repeat-x; border-radius:10px 10px 0px 0px; border-top:5px solid #555; font-weight:bold; font-size:16px;}

.gltext {  width:580px; text-align:justify; padding:0px 15px 0px 15px; font-family: Arial, Helvetica, sans-serif;   }
.gltext a  { text-decoration:none; color:#33C;}

#h3 { text-align:center; margin:0 auto; width:500px;}
#hlines2 { font-weight:bold; color:#333; background:url(../images/main_bck.png) no-repeat; min-height:285px; padding-top:50px; padding-left:0px; text-align:left; padding-left:155px; font-size:16px; margin-left:5px;}
#h2 { font-weight:bold; color:#333; font-size:16px;}

.bold { font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; width:575px; text-align:justify; color:#444;}
.bold3 {font-weight:bold; }
.curent {  text-decoration:none; color:#fff; font-weight:bold; text-shadow:1px 1px #000; background:#613214;  border-radius:5px 5px 5px 5px; border-top:2px solid #DDC1A8;  border-bottom:2px solid #DDC1A8;  }
.bold4 { color:#900; font-size:14px; font-weight:bold;  }
#levo  { float:left;  width:614px;   margin-right:40px; background:#ebdacc; border-radius:10px 10px 10px 10px; margin-left:25px; margin-top:10px;}
#desno { float:left;  width:280px; background:#ebdacc; margin-top:10px;  border-top:5px solid #555; border-radius:10px 10px 10px 10px; padding-bottom:10px; padding-top:10px; border-bottom:5px solid #555; padding-right:6px; margin-bottom:10px;}
#desno2 { float:left;  width:280px; background:#fff; margin-top:10px;  border-top:5px solid #555; border-radius:10px 10px 10px 10px; padding-bottom:10px; padding-top:10px; border-bottom:5px solid #555; padding-right:6px; margin-bottom:10px;}

#desno #slika a img  {border:1px solid gray; padding:3px;}

#ustlevo  { float:left; height:60px; width:450px; vertical-align:middle; text-align:left; padding-top:25px; font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding-left:5px; color:#333; }
#ustlevo2 { text-align:center; font-size:16px; font-weight:bold;  color:#333;}
#ustdesno { float:left; height:105px; width:60px; text-align:right;  }


#slika  { width:200px; margin:0 auto;}

#slika2 { width:200px; margin:0 auto;}
#slika2  a img { padding-left:10px; margin-top:50px; border:1px solid grey; padding:5px 5px 5px 5px; margin-left:10px;} 

#tab1          { width:200px; margin:0 auto; padding:10px 10px; padding-bottom:165px; padding-top:50px;}
.ministrong2   { font-weight:bold; width:180px; background:#ccc; border-radius:5px 5px 5px 5px; padding:2px 6px; text-shadow:1px 1px #fff;; border-top:2px solid #555; border-bottom:2px solid #555;}

#ft_gore {  width:1004px; height:110px; }
#ft_dole {  width:1004px; height:20px; color:#CCC; text-align:center; font-size:11px; padding-top:5px;}
#ft_dole a{  color:#09C;  font-size:11px; text-shadow:1px 1px #000; }
#dugo { background:#3e2512; width:957px; height:25px; padding-left:40px; color:#fff; text-shadow:1px 1px #000; padding-top:5px; font-weight:bold; border-radius:5px 5px 5px 5px; border:1px inset #000;}
#dugo a { color:#fff; text-shadow:1px 1px #000; }
.ministrong { font-weight:bold; color:#fff; font-size:14px;}

#prvo  { width:190px; height:90px; float:left; margin-right:61px; margin-left:0px;  color:#fff; font-size:26px; text-align:center; text-shadow:1px 1px #000;  }
#drugo { width:190px; height:90px; float:left; margin-right:61px; ; color:#fff; font-size:12px; text-align:left; padding-top:20px; padding-left:20px; text-shadow:1px 1px #000;}
#trece { width:190px; height:90px; float:left; color:#fff;  font-size:12px; text-align:left; padding-top:20px; text-shadow:1px 1px #000;}
#podvuceno { height:80px; overflow:hidden;}
 { text-decoration:none; color:#33C;}
#podvuceno2 { height:40px; overflow:hidden; padding-top:10px;}

#contact_form { background:#ddc1a8; width:540px;  padding:20px 20px; border-radius:8px 8px 8px 8px; border-bottom:5px solid #555; border-top:5px solid #555;}
#contact { color:#000; }

.text-input  { width:380px; height:25px; border-radius:5px 5px 5px 5px; margin-bottom:10px; margin-top:5px;}
.text-input2 { min-width:380px; max-width:380px; height:125px; max-height:155px; border-radius:5px 5px 5px 5px; margin-top:5px;}

label        { font-size:14px;   }
.error { font-size:12px; }

#atelogos {  height:100px; text-align:center;}
#atelogos a img{  border:2px solid #333; margin-right:20px;}

#message { font-size:18px; color:#fff; text-shadow:1px 1px #000; font-weight:bold; background:#613214; border-radius:5px 5px 5px 5px;}
h2       {}
.but {
	-moz-box-shadow:inset 0px -8px 0px 0px #fffcff;
	-webkit-box-shadow:inset 0px -8px 0px 0px #fffcff;
	box-shadow:inset 0px -8px 0px 0px #fffcff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #615e61), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #615e61 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#615e61', endColorstr='#ffffff');
	background-color:#615e61;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #878287;
	display:inline-block;
	color:#fcf7fc;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 34px;
	text-decoration:none;
	text-shadow:1px 1px 0px #615f61;
	margin-top:20px;
}

.but:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #615e61) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #615e61 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#615e61');
	background-color:#ffffff;
}.but:active {
	position:relative;
	top:1px;
}

.col { background:#957058; margin:0 auto; width:940px; padding-left:50px; min-height:730px; padding-top:20px;  border-bottom:5px solid #555; border-top:5px solid #555; border-radius:8px 8px 8px 8px;} 

p.horizontal { background:#fff; width:150px; padding:2px 2px; float:left; margin-right:30px; margin-bottom:15px;}

p.horizontal:hover { background:#000;}

#linija { width:900px; height:2px; background:#555; margin:0 auto; margin-top:15px; margin-bottom:10px; margin-left:-10px;}



#odjava { background:#bda398; width:605px;  padding:5px 5px; margin-top:35px; color:#fff; text-shadow:1px 1px #000; height:25px;  background:url(../images/h1bck3.png) repeat-x; border-radius:0px 0px 10px 10px; border-bottom:5px solid #555;}





/*////////////////////*/

.qitem {
	width:531px;
	height:182px;	

	margin:0px 0px 4px 0px;
	background: url(../images/bg.gif) no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}