@charset "utf-8";

@font-face {
    font-family: 'Museo300';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}

body {
	font: 62.5% /*'Museo300',*/ Arial, Helvetica, sans-serif;
	font-size-adjust: 0.5;
	color: #555;
	background: #E7E5DE url(img/bg_main.gif);
}

h1 {font: 2em 'Museo300', Trebuchet MS, Arial, Helvetica, sans-serif ; margin-bottom: 1em; color: #333;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1)
}
h2 {font: 1.4em 'Museo300', Trebuchet MS, Arial, Helvetica, sans-serif ; margin-bottom: 1em; color: #333;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1)
 }
p {margin-bottom: 1em}
ul {list-style-type: none; line-height: 20px;}
em {color: #c6731a; font-style: normal;}
quote { font-style: italic; } 

#container {
	width: 770px;
	margin: 0 auto;
	border: 2px solid #fff;
	background-color: #fff;
}

#header {
	/*height: 257px;*/
	width: 770px;
}

#sponsors {
	position: relative;
	width: 187px;
	height: 39px;
	left: 563px;
	top: -261px;
	text-align: right;
}

#menu {
	font: 1.3em 'Museo300', Arial, Helvetica, sans-serif; 
	width: 770px;
	height: 30px; 	
	background-color: #000;
	margin-top: 0px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1)
}

	#menu a { 
		padding: 5px 7px 0;
		display: block;
		height: 30px;
		color: #fff;
	}
	
	#menu a:hover { 
		color: #000;
		background-color: #fff;
	}

		#menu ul {
			list-style-type: none;
			margin-left: 12px;
		}

		#menu li {
			float: left;
			display: inline;
		}
			
			/* hrvatski menu *//*
			.m1 a {width: 115px; background: transparent url(img/hr/m1.gif) no-repeat}
				.m1 a:hover {background: transparent url(img/hr/m1.gif) no-repeat -115px} 
			.m2 a {width: 102px; background: transparent url(img/hr/m2.gif) no-repeat}
				.m2 a:hover {background: transparent url(img/hr/m2.gif) no-repeat -102px}
			.m3 a {width: 136px; background: transparent url(img/hr/m3.gif) no-repeat}
				.m3 a:hover {background: transparent url(img/hr/m3.gif) no-repeat -136px}
			.m4 a {width: 95px; background: transparent url(img/hr/m4.gif) no-repeat}
				.m4 a:hover {background: transparent url(img/hr/m4.gif) no-repeat -95px}
			.m5 a {width: 40px; background: transparent url(img/hr/m5.gif) no-repeat}
				.m5 a:hover {background: transparent url(img/hr/m5.gif) no-repeat -40px}
			.m6 a {width: 56px; background: transparent url(img/hr/m6.gif) no-repeat}
				.m6 a:hover {background: transparent url(img/hr/m6.gif) no-repeat -56px}
			.m7 a {width: 87px; background: transparent url(img/hr/m7.gif) no-repeat}
				.m7 a:hover {background: transparent url(img/hr/m7.gif) no-repeat -87px}

			/* englenski menu *//*	
			.e1 a {width: 105px; background: transparent url(img/en/m1.gif) no-repeat}
				.e1 a:hover {background: transparent url(img/en/m1.gif) no-repeat -105px} 
			.e2 a {width: 155px; background: transparent url(img/en/m2.gif) no-repeat}
				.e2 a:hover {background: transparent url(img/en/m2.gif) no-repeat -155px}
			.e3 a {width: 188px; background: transparent url(img/en/m3.gif) no-repeat}
				.e3 a:hover {background: transparent url(img/en/m3.gif) no-repeat -188px}
			.e4 a {width: 102px; background: transparent url(img/en/m4.gif) no-repeat}
				.e4 a:hover {background: transparent url(img/en/m4.gif) no-repeat -102px}
			.e5 a {width: 38px; background: transparent url(img/en/m5.gif) no-repeat}
				.e5 a:hover {background: transparent url(img/en/m5.gif) no-repeat -38px}
			.e6 a {width: 66px; background: transparent url(img/en/m6.gif) no-repeat}
				.e6 a:hover {background: transparent url(img/en/m6.gif) no-repeat -66px}
			.e7 a {width: 87px; background: transparent url(img/hr/m7.gif) no-repeat}
				.e7 a:hover {background: transparent url(img/hr/m7.gif) no-repeat -87px}
			*/
			
#content {
	padding: 20px;
	font-size: 1.1em;
	text-align: justify;
	line-height: 1.5em;
}
	.cast {
		background-color:#edede8; 
		margin-left: -20px;
		padding: 10px 20px 5px; 
		width: 730px;
		font-size: 0.95em;
		line-height: 1.3em;
	}

	.cast strong { text-transform: none }

	.left, .left_p {
		float: left; 
		width: 350px; 
		margin-left: 30px; 
		display: inline;
	}

	.right, .right_p {
		float: left; 
		width: 330px; 
		display: inline; 
		clear: right; 
		margin-bottom: 2em; 
		margin-left: 20px
	}

	.left_p {margin: 1em 20px 0 0; width: 180px}

	.right_p {margin-top: 1em; width: 510px}

		.left_p img {
		margin-bottom: 1em;
		}

	.left a, .right a, #content a {
		color: #00a3ee;
		background-color: #333;
	}
	
	.left a, .right a { font-size: 1.1em }

	.left a:hover, .right a:hover, #content a:hover {
		background-color: #00a3ee;
		color: #333;
	}

	#content #gallery a, #content #gallery a:hover, #pokrovitelji a, #pokrovitelji a:hover { background-color: #fff }
	
	#pokrovitelji { color: #c0c0c0 }
	
	#pokrovitelji dl { position: relative; height: 230px; width: 720px; margin:0 auto }
	#pokrovitelji dt, #pokrovitelji dd { position: absolute }

	.sponsor_p {
		width: 100%;
		text-align: right;
	}

	#content .imga a:hover {background-color: #fff}

ul.awards li { margin-bottom: 1em }

ul.awards li a { text-transform: uppercase }

.floater {width: 690px;}

.floater:before { content: "."; clear: both; display: block; width: 100%; height: 1px; visibility: hidden }

#share .stButton .chicklets { font-size:9px !important; color: #666; text-indent: -10000px; }

#footer {
	text-align: center;
	margin: 1em;
}

	#footer a {
		color: #333;

	}

	#footer a:hover {
		color: #fff;
		background-color: #000;

	}