img.bg {

	/* Set rules to fill background */

	min-height: 100%;

	min-width: 1024px;

	

	/* Set up proportionate scaling */

	width: 100%;

	height: auto;

	

	/* Set up positioning */

	position: fixed;

	top: 0;

	left: 0;

}		

@media screen and (max-width: 1024px) {

	img.bg {

		left: 50%;

		margin-left: -512px; }

}

		





* {

	margin:0;

	padding:0;

}

body {

	margin: 0px;

	height: 100%;

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;

	font-size: 12px;	

	line-height:1.4em;

}	

h1, h2, h3, h4 {

	margin:0;

	color: #000000;

	font:bold 24px Arial,Helvetica,sans-serif;

	text-transform: uppercase;			

}

h1 {

	width: 400px;

	position: absolute;

	left: 360px;

	top: 110px;

}

h2, h3, h4 {

   font-size: 16px;

   margin-bottom:15px;

}

h3, h4 {

	margin-bottom:1px;

}

h4 {

	text-transform:none;

}

p {

	margin:0 0 15px;

}



a:link {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}	

	

 .clearfix:after {

 	content: ".";

 	display: block;

 	height: 0;

	clear: both;

	visibility: hidden;

   }

   

.center {

	height: 570px;

	width: 820px;

	position: absolute;

	z-index: 1;

	top: 50%;

	margin-top: -285px;

	margin-left: -410px;

	left: 50%;

}

.credit {
	position: absolute;
	width: 230px;
	height: 20px;
	margin-top: 539px;
	margin-left: 554px;
	text-align: right;
	font-size: 11px;
	font-style: italic;
	color: #666;
}
.credit a {
	color: #666;
}

.facebook {
display: none;
	position: absolute;
	width: 55px;
	height: 61px;
	margin-top: 485px;
	margin-left: 352px;
}
.facebook2 {
	position: absolute;
	width: 55px;
	height: 61px;
	margin-top: -19px;
	margin-left: 196px;
}
.facebook3 {
	position: absolute;
	width: 55px;
	height: 30px;
	margin-top: -23px;
	margin-left: 284px;
}

#text {

	position: absolute;

	z-index: 20;

	height: 300px;

	width: 400px;

	top: 160px;

	overflow: auto;

	overflow-x:hidden;

	

	color: #333333;

	font-size: 12px;

	padding-right: 15px;

	margin: 0.3em auto;

	left: 360px;

	}





#text a {

	

	color: #8b352b;

	font-size: 12px;

	text-decoration:underline;

}

#text a:hover, #text a:focus {

	color:#c67416;

	text-decoration:none;

}	

.slike {

	border: 1px solid #000000;

	margin-right: 10px;

	margin-bottom: 10px;

/*

	float:left;

	display:inline;

*/

}

/*

.slike a {

	float: left;

	padding-right: 10px;

	padding-bottom: 10px;

	border: 1px solid #000000;

}

.slike a:hover, .slike a:focus {

	border-color:#c67416;

}

*/

.spacer {

	padding-top: 40px;

}



.datum {

	

	font-size: 11px;

	font-weight: bold;

	color: #8b352b;

}



.slike a:hover {

	float: left;

	padding-right: 10px;

	padding-bottom: 10px;

	border-style: none;

}



	

.headline {

	

	font-size: 16px;

	text-transform: uppercase;

	color: #000000;

	font-weight: bold;

	letter-spacing: 0px;

}



.naslov {

	

	font-size: 24px;

	font-weight: bold;

	color: #000000;

	width: 400px;

	position: absolute;

	left: 360px;

	top: 110px;

	text-transform: uppercase;

}





.menutext {

	display: block;

	padding: 7px 14px;

	color: #8b352b;

	font-weight: normal;

}

.menu {

	position: absolute;

	z-index: 200;

	left: 360px;

	top: 40px;

	width: 450px;

}





.fixedwidth {

/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

width: 550px;

height: auto;

position: relative;

color: black;

padding: 1px;

}

a {

	text-decoration: none;

}

.spacebotom {

	background-color: #99CC00

}

.home {

    background-color: #000000;

    height: 22px;

    left: 40px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 4px;

    position: absolute;

    top: -22px;

    z-index: 300;

}

.toplink {

	font-size: 12px;

	color: #FFF;

	text-decoration: none;

	padding-right: 5px;

	padding-left: 5px;

}

a.toplink:hover {

	

	font-size: 12px;

	color: #FFF;

	text-decoration: none;

	background-color: #8b352b;

	padding-right: 5px;

	padding-left: 5px;

}



.footerTxt {

	position:absolute;

	bottom:-20px;

	left:0;

	color:#ddd;

	font-size:11px;

	line-height:1.2em;

	padding:0 10px;

}



#shareBox {

	padding:15px 0 5px 0;

}

.addthis_toolbox.addthis_pill_combo a {

    float:left;

    margin-right:3px;

}

.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,

.addthis_toolbox.addthis_pill_combo a.addthis_counter {

    margin-top:-2px;

    margin-right:1px;

}

.addthis_button_facebook_like {

	margin-top:-1px;

} 

.addthis_button_compact .at15t_compact {

    margin-right: 4px;

    float: left;

} 



.socIkns {

	margin:0 0 25px;

}

.socIkns a {

	background-position:0 0;

	background-repeat:no-repeat;

	padding:10px 0 10px 40px;

	margin-right:0;

}

.socIkns span {

	display:none;

}

.socFB {

	background-image:url(../img/ik_facebook.png);

}

.socTw {

	background-image:url(http://www.balibari.com/villagewithoutwomen/img/ik_twitter.png);

}

.socYT {

	background-image:url(http://www.balibari.com/villagewithoutwomen/img/ik_youtube.png);

}



/* crew */

/* 	width:390px; */

h5 {

	font-size:13px;

}

.itemCrew {

	float:left;

	display:inline;

	width:100%;

	margin:0 0 15px;

}

.itemCrew h4 {

	text-transform:uppercase;

	margin-bottom:10px;

}

.itemCrewImg {

	float:left;

	display:inline;

	width:100px;

}

.itemCrewTxt {

	float:right;

	display:inline;

	width:250px;

}

.frameBrdr {

	border:1px solid #333;

	padding:2px 4px;

}


.award {
	vertical-align: middle;
	margin-top: -4px;
}