@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: 3em '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.8em 'Museo300', Trebuchet MS, Arial, Helvetica, sans-serif ; margin: 2em 0 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: 1.5em;}
em {color: #b53e84; font-style: normal;}
quote, q { font-style: italic; margin-top: 1em } 

#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.5em 'Museo300', Arial, Helvetica, sans-serif; 
	width: 770px;
	height: 30px; 	
	background-color: #333;
	margin-top: 0px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1)
}

	#menu a { 
		padding: 5px 10px 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;
		}
			
			
#content {
	padding: 1.7em;
	padding-top: 3em;
	font-size: 1.1em;
	text-align: justify;
	line-height: 1.5em;
}
	.cast {
		background-color:#edede8; 
		margin-left: -18px;
		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, .big-link a {
		background-color: #ffc427;
		color: #333;
	}
	
	.left a, .right a, .big-link a { 
		font: 1.4em 'Museo300', Trebuchet MS, Arial, Helvetica, sans-serif ; 
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke: 1px rgba(0,0,0,0.1)
		}

	.left a:hover, .right a:hover, #content a:hover, .big-link a:hover {
		color: #ffc427;
		background-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: 200px; 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; background-color: #edede8; padding: 0 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;

	}