/* CSS Document */



/* -------------- basic styling -------------- */

* { margin: 0; padding: 0; border: 0;}

html
{
  height:100%; /* needed for container min-height */
}

body {
	background-color: #ffffff;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	
}

h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444c5f;
}
.hkockice {
	background-image: url(../img/bg_kockice.gif);
	background-repeat: repeat-x;
}
.vkockice {
	background-image: url(../img/bg_kockice_v.gif);
	background-repeat: repeat-y;
}

/* ----------------- position container elements ----------------- */
#wrapper {
	position: relative; /* needed for footer positioning*/
	width: 775px;
	text-align:left;
	margin: 0 auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-color: #cccccc;
}

#zaglavlje {
	position: relative;
	left: 0px;
	top: 0px;
	height: 422px;
	width: 775px;
	background-color:#e6e6e6;
}

#top {
	position: relative;
	left: 0px;
	top: 0px;
	background:url(../img/bg_top.jpg) repeat-x;
	height: 44px;
	width:775px;
}
#stampanje {
	text-align: center;
	margin-bottom: 25px;
}
#stampanje img {
	margin-bottom: -4px;
	margin-right: 4px;	
}


.homeaddr {
	margin-left:25px;
}

.topmeni {
	padding-top: 25px;
}

.topinput{
	width:150px; 
	font-size: 12px;
	color:#fff;
	background-color:#5e697d;
	border:1px solid #a1a8b2;
}

#z1 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 90px;
}

#z2 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 41px;
}
#z21 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 31px;
	height: 41px;
}
#z2f {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 41px;
}
#z23 {
	position: relative;
	float:right;
	top: 0px;
	left: 0px;
	width: 464px;
	height: 41px;
}
#z3 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 24px;
}

#z4 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 43px;
}

#z5 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 179px;
}

#z51 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 424px;
	height: 179px;
	background-color:#e6e6e6;
}

#z51t {
	padding: 10px 69px 10px 31px;
}

#z52 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 351px;
	height: 179px;
}

#z6 {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 1px;
	background-color:#cccccc;
}

#footer2 {
	position:relative;
	bottom:0; /* stick to bottom */
	background:#ddd;
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	}


/* ------------- ostala podesavanja --------------*/

.clear {
	clear:both;
}

.fleft
{
	float: left;
}

.fright
{
	float: right;
}


#z51 p {
	font-size:12px;
	color:#000000;
	padding: 10px 69px 10px 31px;
	text-align:left;
}

#footer2 p {
	padding:0 0 5px 0;
	font-size:10px;
	color:#333;
}

/* --------------- linkovi -------------------*/

#sadrzaj a:link, #sadrzaj a:visited, #sadrzaj a:active {
	color:#B80308;
}
#sadrzaj a:hover{
	color:#446eb6;
	text-decoration:none;
}
#top a:link, #top a:visited, #top a:active {
	color: #fefcfd;
	text-decoration:none;
}
#top a:hover{
	color: #bfc2c7;
	text-decoration:none;
}

/* --------------- forma -------------------*/

.formaElement240 {
	width:300px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	background-color:#fff;
	border:1px solid #555;
}

.formaElement75 {
	width:75px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	background-color:#fff;
	border:1px solid #555;
}

.dugmeSubmit {
	color: #420020;
	background-color: #C1DAD7;
	font-size: 11px;
	border: 1px solid #555;
	padding: 1px;
}

.markedFields {
	font-size: 12px;
	color: #C00;
}

textarea {
	width:300px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	background-color: #fff;
	border:1px solid #555;
}


#zaglavlje form {
	margin: 0px;
	padding: 0px;
	width:206px;
}


/* footer */

#footer                 { float: left; width: 775px; padding-top: 10px; background: #CC0000; }

#footer #atipovi        { float: left; width: 755px; padding: 5px 10px;}
#footer #atipovi li     { float: left; width: 140px; padding-left: 25px; list-style: none; }
#footer #atipovi li li  { float: left; width: 140px; padding: 0 10px; font-size: 11px; line-height: 1.4em; background: url(/css/cssimg/bullet.gif) no-repeat 0 6px; }
#footer #atipovi ul     { padding-top: 2px; width: 240px; display: inline;}
#footer #atipovi a      { font-weight: bold; text-transform: uppercase; color: #fff; }
#footer #atipovi ul a   { font-weight: normal; text-transform: uppercase; }
#footer #atipovi li a   { font-weight: normal; text-transform: uppercase; }

#footer #copyright      { float: right; width: 190px; display: inline; margin-right: 20px; padding: 10px 5px; text-align: right; font-size: 10px; color: #fff; }
#footer #counter        { float: left; width: 120px; display: inline; margin-left: 20px; padding: 10px 5px; text-align: left; font-size: 10px; color: #fff; }


/* sadrzaj*/

.datum {font-size: 10px;color: #6F6461;}

.nadnaslov {
	font-size: 11px;
	color: #B80308;
	line-height:16px;
}

.videodatum {font-size: 10px;color: #6F6461; line-height:16px; padding-left:6px;}
.videonaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444c5f;
	font-weight:bold;
	width:425px;
}

#sadrzaj {
	position: relative;
	left: 0px;
	top: 0px;
	text-align:justify;
}

#sadrzaj p {
	padding:10px 0 0 6px;
	
}

#sadrzaj ul {
	margin:0 0 0 25px;
	padding: 15px 0 0 0;
}

#sadrzaj ul li {
	padding:6px 0;
	list-style-type:square;
}

#galerija {
	text-align:justify;
}
#galerija h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	display: block;
	padding-bottom:14px;
	padding-left:20px;
}

.galerijaopis {	padding: 4px 8px;}
.galerijanaslov { color:#fff; font-size: 11px; 	display: block;	padding-bottom:8px; padding-top:4px;}
/* paging*/

.tekstPAGING {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C10C05;
}

a.linkPAGING:link, a.linkPAGING:active, a.linkPAGING:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #33669B;
	text-decoration:underline;
	}

a.linkPAGING:hover, a.linkPAGING:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E4855;
	text-decoration:none;
}

a.bcrumbslink:link, a.bcrumbslink:active, a.bcrumbslink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C10C05;
	font-weight: bold;
	text-decoration:none;
	}

a.bcrumbslink:hover, a.bcrumbslink:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E4855;
	font-weight: bold;
	text-decoration:none;
}

.bokovinaslov {
	background-image: url(../img/bg_bokovi.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 28px;
	width: 196px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-left: 12px;
}
.prazno5 {
	height:5px;
}

.prazno20 {
	height:20px;
}