/*
 * ========================================
 * Autor Alen M.
 * ========================================
 */

body{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image: url('pozadina.jpg');
        background-repeat: repeat-x;
	height: 100%;
        text-align: left; 
	font-family: Arial; }
	color: #000000;	
}

#main{
	position: absolute;
        vertical-align:top;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
        background-color: transparent;
	width: 100%;
	text-align:left;
	height: 100%;
}


#boxes{
	width: 900px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
        padding:0px 0px 0px 0px;
        background-color: transparent;
	height: 100%;
}

.brisi {
	clear:both;
}


/*
 * ========================================
 * GLAVNI LINK
 * ========================================
 */


a:link { 
       color: #000000;
       text-decoration: none ;
}
a:visited { 
       color: #000000;
       text-decoration: none ;
}
a:active { 
       color: #264890;
       text-decoration: underline ;
}
a:hover { 
       color: #264890;
       text-decoration: underline ;
}


a.pocetna:link { color: #ffffff; }
a.pocetna:visited { color: #ffffff;}
a.pocetna:active { color: #ffffff;}
a.pocetna:hover { color: #ffffff;}



/*
 * ========================================
 * STRANICE NA SAJTU
 * ========================================
 */


#baner{
	width: 900px;
	margin: auto;
        padding:0px 0px 0px 0px;
        background: transparent;
	height: 100px;
        border-width:0px;
        border-style:solid;
        border-color:#ffffff;
}


#glavna{
        float: left;
        width: 100%;
        color: #ffffff; 
        font-size: 15px; 
}

#index{
	width: 900px;
	margin: auto;
        padding:0px 0px 0px 0px;
        background: transparent;
}

#ljeva_vijesti{ 
        float: left;
	width: 866px;
	padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        background: #ffffff;
        color: #000000; 
        font-size: 15px; 
}

#ljeva_lige{ 
        float: left;
	width: 870px;
	padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        background: transparent;
        color: #000000; 
        font-size: 15px; 
}

#ljeva{
	float: left;
	width: 470px;
        background: transparent;
        color: #000000; 
        font-size: 15px; 
}

#desna{
	float: right;
	width: 270px;
        background: transparent;
         color: #000000; 
        font-size: 15px; 
}


/*
 * ========================================
 * TEKST
 * ========================================
 */

h1 { 
        color: #000000;
        font-size: 19px;
        font-weight: bold; 
	text-align:center;
}




.bijelo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}


.copyright {
        color: #264890; 
        font-size: 12px; 
        font-family: Verdana, Geneva, sans-serif; 
        font-weight: bold;
}


.desno {
        text-align: right;
        font-size: 12px; 
        font-family: Verdana, Geneva, sans-serif; 
        font-weight: bold;
        color : 000000;
}


/*
 * ========================================
 * SLIKE
 * ========================================
 */

.novosti_slika_velika {
	width:634px;
	height: 313px;
	margin-left: 5px;
	margin-right: 9px;
        text-align:left;
	float:left;
	border:1px solid #666;
}



/*
 * ========================================
 * RAZMACI NA SAJTU
 * ========================================
 */


.razmak {
	width: 10px
}

.razmakv {
	height: 20px;
}


/*
 * ========================================
 * DESNA NAVIGACIJA 
 * ========================================
 */

.desni_menu{
width: 280px; 
margin-left: 15px;
}

.desni_menu .naslovna{
font: bold 14px Arial;
color: white;
background: black url(podatci/reprezentacija_nav_bar.png) repeat-x center left;
margin-bottom: 10px; 
text-transform: uppercase;
padding: 4px 0 4px 10px; 
}

.desni_menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /
}

.desni_menu ul li{
padding-bottom: 2px; 
}

.desni_menu ul li a{
color: #14449c;
background: url(podatci/reprezentacija_strelica.png) no-repeat center left; 
display: block;
padding: 2px 0;
padding-left: 19px; 
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.desni_menu ul li a:visited{
color: #14449c;
}

.desni_menu ul li a:hover{ 
color: #14449c;
background-color: #F3F3F3;
}



/*
 * ========================================
 * INDEX VIJESTI
 * ========================================
 */

#featured{ 
	width:655px; 
	padding-right:250px; 
	position:relative; 
	border:0px solid #ffffff; 
	height:312px; 
	background:#ffffff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:632px; 
	list-style:none; 
	padding:0; margin:0; 
	width:270px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#000;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('vijesti/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:635px; height:312px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:242px; left:0; 
        width:635px;
	height:70px; 
	background: url('vijesti/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*
 * ========================================
 * INDEX VIJESTI
 * ========================================
 */


#novosti{ 
	width:230px; 
	padding-right:60px; 
	position:relative; 
	height:220px; 
	background:#ffffff;
}

#novosti ul.ui-bojan-nav{ 
        position:absolute; 
	top:0; left:1px; 
        width:218px; 
	height:180px; 
        list-style:none; 
}
#novosti ul.ui-bojan-nav li{ 
        padding:1px 0;  
	font-size:12px; 
	color:#666; 
}
#novosti ul.ui-bojan-nav li img{ 
	float:left; 
	background:#fff; 
	
	border:1px solid #eee;
}
#novosti ul.ui-bojan-nav li span{ 
	font-size:11px; 
        font-family:Verdana; 
        text-align:left;
       line-height:18px; 
}
#novosti li.ui-bojan-nav-item a{ 
	display:block; 
        height:60px; 
	color:#000;  background:#fff; 
        line-height:20px; 
}
#novosti li.ui-bojan-nav-item a:hover{ 
	background:#f2f2f2; 
}

/*
 * ========================================
 * ANKETA
 * ========================================
 */

#container{
	width:222px;
        height:360px;
	border:1px solid #eee;
}
#container h1{
	margin:0; padding:5px; 
	font-size:1.4em; font-family:Georgia, serif;
	font-weight:normal; color:#333;
}
#container p{
        color: #264890; 
        font-size: 12px; 
        font-family: Verdana, Geneva, sans-serif; 
        font-weight: bold;
        text-align:left;
}
#pollcontainer{
	margin:5px; 
        border:1px solid #f3f3f3;
	background:#f9f9f9; 
        height:316px;
        padding:5px;
}
#loader{ display:none; text-align:left;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:0.85em; }
.bar{ height:10px; background:#3399cc; }
.yourvote{ background:#113399; }
.alignTopLeft{text-align: left; vertical-align: top;}
