@charset "utf-8";
/*  
	CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,/* dl, dt, dd, ol, ul, li
*/                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}



/* -------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'PFDinDisplayProBold';
	src: url('../fonts/pfdindisplaypro-bold-webfont.eot');
	src: local('☺'), url('../fonts/pfdindisplaypro-bold-webfont.woff') format('woff'), url('../fonts/pfdindisplaypro-bold-webfont.ttf') format('truetype'), url('../fonts/pfdindisplaypro-bold-webfont.svg#webfontIOEFk5DX') format('svg');
	font-weight: normal;
	font-style: normal;
}




html {
	margin: 0;
	padding: 0;
	width: 100%; 
	background: #000000 url(../img/2011/interface/sustanje.jpg) center center repeat;
}
body {
/*	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;*/
margin:0;
padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ccc;
	background: #000000 url(../img/2011/interface/headbgrd_hor.jpg) top center repeat-x;
	
	
	
}
/*html, body, img, div, .nav, .nav li a:link, .nav li a:visited, .toplink, #footercontent h3 {
	behavior: url(../iepngfix/iepngfix.htc);
}
*/

/*::selection {
background: #FFF;
color:#000;
}
::-moz-selection {
background: #FFF;
color:#000;
}*/
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}


.videogaf{
	margin:-20px 0 0 0;}
/*======================================================================================== TEXT ======*/

h1 {
	margin: 0 0 7px -2px;
	padding:5px 15px 3px 0px;
	font-family: "PFDinDisplayProBold",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size: 43px;
	font-weight: normal;
	line-height:90%;
	color: #BE1132;
	display:block;
	border-bottom: #cccccc dotted 0px;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #000;
}

h1 span.subt{
	text-transform:none;
	font-size:26px;
	}

.loka h1{
	margin:2px 3px 46px -2px;
	padding:0px;
	text-transform:none;	
	float:left;
	font-size:26px;
	}
	
	
	
.loka h2{
	clear:both;}

.prijava h1{
	margin:2px 3px 3px 0px;
	padding:0px;
	text-transform:none;	
	font-size:26px;
	}

.obavijest{
	margin:-8px 20px 0 0;
	padding:14px;
	border:#333 dotted 0px;
	background:#BE1132;
	color:#FFF;
	font-size:11px;	
	}
	
.obavijest h1{
	font-size:26px;
	margin:0 0 3px 0;
	padding:0;
	color:#FFF;
	}
	
.obavijestin{
	margin:-8px 0px 0 0;
	padding:14px;
	border:#333 dotted 0px;
	background:#BE1132;
	color:#FFF;
	font-size:12px;	
	}
	
.obavijest h2 a{
	background:#FFF;
	border:#000 solid 1px;
	padding:3px 6px;}
	
.obavijest h2 a:hover{
	color:#FFF;
	background:#000;}
	
.obavijestin h1{
	font-size:17px;
	margin:0 0 3px 0;
	padding:0;
	color:#FFF;
	line-height:90%;
	}

h2 {
	/*font-family: "PFDinDisplayProBold", Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: normal;
	padding:3px 5px 10px 0;
	margin:0;
	color:#FFF;
	display:block;
	text-transform:uppercase;	
	line-height:110%;
}
h3 {
	
	font-size:15px;
	font-weight:bold;
	padding:2px 4px 6px 0;
	margin:5px 0 0 0;
	line-height:100%;
	border-top: #CCCCCC dashed 0px;
	color:#ccc;
	display:block;
}
h4 {
	font-size:10px;
	font-weight:normal;
	padding:0px 4px 0 0;
	margin:4px 0 0px 0;
	line-height:110%;
	color:#e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
	
}
h5 {

	font-size:13px;
	font-weight:normal;
	padding:4px 4px 0 0;
	margin:0px 0 0px 0;
	line-height:14 0%;
	color:#e5e5e5;
}
h6 {

	font-size:0px;
	padding:0px;
	margin:0;
	line-height:0;
	color:#e5e5e5;
}
p {
	
	font-size:13px;
	line-height:130%;
	padding:0 8px 10px 0;
	color:#FFF;
/*	display:block;*/
	margin:0;
	
}

a {
	color: #BE1132;
	text-decoration:none;
}

a:hover {
	color: #FFF;
	background:#BE1132;
}

.vest {
	margin:0px 0 10px 15px;
}


.program{
	display:block;
	border-top:#333 dotted 1px;
	margin:10px 10px 10px 0;
	padding:13px 10px 0 0px;
	font-size:11px;
	}


.progkat{
	font-family: "PFDinDisplayProBold",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #BE1132;
	border-bottom:#333 dotted 1px;
	width:16%;
	padding:0 0 5px 0;
	margin:0;
	}

.prog{
	padding:5px 8px 0 0;
	font-size:12px;
	line-height:120%;
}

.daybox h1{
	border-bottom:#333 dotted 1px;
	}

/*=========================================================================================  TOP HEDER  ============*/


#headertop {
	position:relative;
	width: 100%;
	margin:0 auto;
	padding:0;
	z-index:1000;
	background:url(../img/2011/interface/sustanje.jpg) center center repeat;
	
	/*height:32px;*/
}
.headertopcontent {
	width:1000px;
	margin:0 auto;
	padding:4px 0 0px 0;
	color:#999;
	/*height:30px;*/
	font-size:9px;
	/*display:block;*/
	position:relative;
	height:26px;
	/*background:#CC0;*/
	
}

.datebox{
	color:#7f7f7f;
	font-size:9px;
	float:left;
	padding:6px 0 0 15px;
	width: 250px;
	}

/*=========================================================================================  HEDER  ============*/



#header {
	position:relative;
	top:0px;
	z-index:500;
	width: 100%;
	height: 300px;
	margin:0 auto;
	padding:0;
	background:  url(../img/2011/interface/headbgrd_en.jpg) center top no-repeat;
	
}

#header_sr {
	position:relative;
	top:0px;
	z-index:500;
	width: 100%;
	height: 300px;
	margin:0 auto;
	padding:0;
	background:  url(../img/2011/interface/headbgrd_sr.jpg) center top no-repeat;
	
}
.headercontent {
	width:1000px;
	margin:0 auto;
	color:#FFF;
	padding:0;
	height: 300px;
	display:block;
	position:relative;
}

.logo {
	margin:0;
	padding:0;
	display:block;
	height:103px;
	width:380px;
	float:left;}


#headerslide{
	height:330px;
	overflow:hidden;
	float:right;
	}
#smoothmenu1{
	width:190px;
	float:left;
	margin:0 0 0 210px;
	}

.erste{
	margin:0 0 2px 0;
	padding:0;
	display:block;
	height:39px;
	width:180px;
	}

.mic{
	margin:-40px 0 0px 15px;
	padding:0;
	display:block;
	height:39px;
	width:40px;
	float:left;
	}
.beograd{
	margin:-40px 0 0px 60px;
	padding:0;
	display:block;
	height:39px;
	width:40px;
	float:left;
	}
	

/*-----------------------------------------------------------------         WRAPPER   =====*/


#wrapper {
	position:relative;
	z-index:300;
	width: 100%;
	margin:0;
	padding:0;
	background:none;
}
/* ------------------------------------ */

#outer_right {
	float:right;
	width:245px;
	padding:0px 15px 5px 15px;
	margin:0px 0 0 0;
}
/* ------------------------------------ */


#outer_middle {
	margin:0px 275px 0px 0px;
}
#page {
	width: 100%;
	margin:0;
	padding:10px 0 20px 0;
	position:relative;
	background:none;
	
	
}
.pagecontent {
	width:1000px;
	margin:0 auto;
	padding:0px 0 0 0;
	position:relative;
	background: none;
}
/* ===== MAIN CONTENT ================================================================================*/


#maincontent {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
/* ===== RIGHT MAINCONTENT ================================================================================*/

#rightmaincontent {
	float:right;
	width:205px;
	padding:15px 0px 15px 15px;
	border-right: #333333 dotted 0px;
}
/* ===== LEFT MAINCONTENT ================================================================================*/

#leftmaincontent {
	margin:0 0px 0 0;
	text-align:left;
}

.content {
	padding: 0px 0px 10px 15px;
}
.content a {
	color: #BE1132;
	font-weight:bold;
	text-decoration:none;
}
.content a:hover {
	color:#FFF;
}

/*-----------------------------------------------------------------         CENTRECONTENT   =====*/

#ucesnici2011{
border-bottom:#999 dotted 0px;
margin:0px 0 0px 0px;
background: none;
}

#ucesnici2011 p{
	margin:0;
	
	}

#ucesnici2011 a.highslide img{
	margin:5px 13px 10px 0;
	float:left;
}
#ucesnici2011 table tr td{
	border-top:#999 dotted 1px;
	padding: 7px 5px 7px 0px;
	}

#ucesnici2011 table tr td a.highslide{
	padding:0;
	margin:0;
	
	text-align:center;
	background:#FFF;
	display:block;
	}
	
	
#ucesnici2011 table tr td a.highslide img{
	margin:0;
	}
a.highslide img{
	padding:0;
	margin:0;
/*	text-align:center;*/
	background:#000;
	/*display:block;*/
	
	border:#BE1132 solid 5px;
	}
#ucesnici2011 ul {
	/*color:#141414;*/
	padding:10px 0 10px 0px;
	margin:0;
}
#ucesnici2011  li {
	/*color:#141414;*/
	padding:5px 10px 7px 30px;
	margin:0 0 0 0;
	border-bottom:#CCCCCC solid 0px;
	list-style: none;
	font-size:12px;
	background: url(../img/icons/listarrow.png) no-repeat 10px center;
}





ul.sideucesnici {
	padding:0;
	margin:10px 0 10px 0;
	display:block;
	clear:both;
	}


ul.sideucesnici li{
	padding:0px 0 0 0;
	margin:0 0 0px 0;
	border-bottom:#333 dotted 1px;
	}

ul.sideucesnici li a{
	font-size:12px;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 3px 5px;
	display:block;
	}


/*=====================================================   FOOTER  ===========================*/

#footer {
	/*width: 100%;*/
	background:url(../img/2011/interface/sustanje.jpg) center center repeat;
	
	padding:40px 0 0 0;
}


#footerprogram{
	width:1000px;
	margin: 0 auto;
	padding:20px 0 20px 0;
	color:#fff;
	/*background: #BE1132;*/
	display:block;
	
	
	}

#footerprogram .daybox{

	font-size:15px;
	padding:10px;
	clear:both;
	}

#footerprogram .daybox ul{
	padding:0px 0 0 0px;
	margin:-8px 0px 0 0;
	font-size:12px;
	line-height:120%;
	border-bottom: #FFF dotted 1px;
	
}

#footerprogram .daybox ul li{
	padding:5px 10px 5px 0;
	list-style:none;
	margin:5px 10px 0 0;
	float:left;
	width:280px;
}

#footerprogram .daybox ul li.prvi{
	width:360px;
}

#footerfriends{
	width:1000px;
	margin:0 auto;
	padding:0px 0 0 0;
	color:#999;
	display:block;
	}

#footerbottom {
	width:100%;
	margin:0 auto;
	padding:10px 0 0 0;
	color:#bbb;
	background: #000000;
}
#footerbottomcontent {
	width:1000px;
	margin:0 auto;
	padding:0;
	position:relative;
	height:25px;
	font-size:13px;
		
}
#footer a {
	padding:2px 4px;
	text-decoration: none;
	font-weight:normal;
	color: #BE1132;
}
#footer a:hover {
	color: #FFFFFF;
}




/*==================================================================================*/

INPUT, TEXTAREA {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	border : 1px solid #7f7f7f;
}
.sendit {
	height : 30px;
	background-color : #FFFFFF;
	text-decoration : none;
	padding : 0px 10px 0px 10px;
}
.sendit:hover {
	background-color: #BE1132;
	color : #FFFFFF;
}
/* ======================================================================== */