/*
	Name: Aktivni.si 5 ready
	Date: 2009.29.01
	Description: Aktivni.si CSS
	Version: 0.80
	Author: Davorin Pavlica, Gregor Zalaznik et al
	Autor URI: http://www.em3r10.com
*/

/* IMPORTS */

@import url(nav-zanj.css);
@import url(layout-zanj.css);

/* LOGO */

.header h1 {
	width: 168px;
	height: 102px;
	margin: 60px 0 15px 0;
	text-indent: -9999px;
	float: left;
	}
	
.header h1 a, div.header h1 a {
	width: 192px;
	height: 102px;
	display: block;
	overflow: hidden;
	font-size: 1px;
	background: url("../img/bg-h1-zanj.png") 0 0 no-repeat;
	}

/* DIFOLT STAJLI */


h2 a {
	color: #01559e;
	text-decoration: underline;
}


a {
	color: #01559e;
}

/* FEATURED TABS */

.featuredTabs li h2, .videos li.firstItem div h2, .article h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
}

.featuredTabs li h2 a, .videos li.firstItem div h2 a, ul.sections li.firstItem h2 a, .raffle li.firstItem h2 a {
	color: #fff;
/* 	text-shadow: 0 0 1px #000; */
	text-decoration: none;
}

.featuredTabs li h2 a:hover, .videos li.firstItem div h2 a:hover, ul.sections li.firstItem h2 a:hover, .raffle li.firstItem h2 a:hover {
	color: #fff;
	text-decoration: underline;
}


.featuredTabs li h3, .videos li.firstItem div h3, .article h3 {
	padding: 0;
}

.featuredTabs li h3 a, .featuredTabs li abbr, .featuredTabs li span.published, .videos li.firstItem div h3 a, .videos li.firstItem div abbr, .videos li.firstItem div span.published {
	color: #ffae00;
}

/* SEKCIJE POD GLAVNO NOVICO */



ul.sections li li, .dietSelect li, .experts li, .moreNews li {
	background: url("../img/bg-li-zanj.gif") 0 14px no-repeat;
}


/* VIDEOTI */

ul.videos {
	display: block;
	width: 595px;
	height: auto;
	float: left;
}

ul.videos li.firstItem { 
	width: 595px;
	margin: 0 0 10px 0;
	position: relative;
}



ul.videos div p {
	color: #fff;
	margin-top: 5px;
}

ul.videos li {
	width: 110px;
	display: block;
	float: left;
	margin-right: 11px;
	position: relative;
	z-index: 1;
}

ul.videos li.nomargin {
	margin: 0;	
}

ul.videos a.player, ul.videos li a.playerMini {
	cursor:pointer;
	opacity:0.7;
	position:absolute;
	z-index:120;
	left:0;
	top:0;
	width: 595px;
	background:url("../img/bg-video-play.png") no-repeat scroll 33% 50% transparent;
}

ul.videos li a.playerMini {
	width: 110px;
	height: 62px;
	background:url("../img/bg-video-playMini.png") no-repeat scroll 50% 50% transparent;
}

ul.videos a.player:hover, ul.videos li a.playerMini:hover {
	opacity: 0.8;
	}

ul.videos li h2 {
	padding: 0;
}

/* ZANJO ZANJ */

.zanjo p, .zanj p {
	color: #ffffff;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	text-align: center;
	display:none;
}




.zanjo, .zanj {
	width: 177px;
	height: 73px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

.zanjo {
	background-image: url(../img/btn_zanjo.gif);
	width:77px;
}

.zanj {
	background-image: url(../img/btn_zanj_active.gif);
	width:193px;
}
.zanj:hover {
	background-image: url(../img/btn_zanj_active.gif);
}

.zanj p.active {
	display:block;
	}
	
.zanjo h1 {
	width:auto;
	margin-top:22px;
	margin-left:17px;
	}
	

.zanj h1 {
	width: 47px;
	height: 26px;
	margin:17px 0 4px 73px;
	text-indent: -9999px;
	}
	

/* ARTICLE STAJL, h2 definiran ze zgoraj */
.article h4, .article h5, .article h6 {
	color: #01559e;
	margin: 20px 0 5px 0;
	font-size: 15px;
	font-weight: bold;	
}

.article h4 a , .article h5 a, .article h6 a {
	color: #01559e;
	text-decoration: underline;
}



/* LOGIN FORMA */

input[type="submit"] {
	border: 1px solid #02569f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	height: 25px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
	box-shadow: 3px 3px 1px #b2b2b2;
	-webkit-box-shadow: 3px 3px 1px #b2b2b2;
	-moz-box-shadow: 3px 3px 1px #b2b2b2;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#b2b2b2, offX=3, offY=3, positive=true);
	background: #0357a0 url("../img/bg-submit-zanj.gif") 0 0 repeat-x;
}

input.bigInput {
	font-size: 18px;
	line-height: 38px;
	height: 38px;
	background: #0357a0 url("../img/bg-submit-velik-zanj.gif") 0 0 repeat-x;
	padding: 10px 20px;
	margin: 20px 25px;
}

.input[type="submit"] {
	border: 1px solid #02569f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	height: 25px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
	box-shadow: 3px 3px 1px #b2b2b2;
	-webkit-box-shadow: 3px 3px 1px #b2b2b2;
	-moz-box-shadow: 3px 3px 1px #b2b2b2;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#b2b2b2, offX=3, offY=3, positive=true);
	background: #0357a0 url("../img/bg-submit-zanj.gif") 0 0 repeat-x;
}

input.bigInput {
	font-size: 18px;
	line-height: 38px;
	height: 38px;
	background: #0357a0 url("../img/bg-submit-velik-zanj.gif") 0 0 repeat-x;
	padding: 10px 20px;
	margin: 20px 25px;
}

/* SOCIAL */

a.socialauth {
	line-height: 30px;
	margin-right: 5px;
	padding: 5px 0 2px 18px;
	vertical-align: bottom;
}

#twitter.socialauth {
	background:transparent url(../img/twitter_16.png) no-repeat scroll 0 50%;
}

#facebook.socialauth {
	background:transparent url(../img/facebook_16.png) no-repeat scroll 0 50%;
}

/* SECTION */

.mainArticle  {
	
	position:relative;
	width:595px;	


}

.mainArticle h2 a {
	color: #ffffff;
	font: normal 16px/18px Helvetica, Arial,Tahoma,Lucida Grande,Verdana,sans-serif;
	text-decoration: none;
	position:absolute; 
	padding:10px;
	top:0;
	left:375px; 
	width:200px;
	height: 245px;
	list-style:none;
	background: rgb(91, 91, 91); /* The Fallback */
	background: rgba(91, 91, 91, 0.6);


}

.mainArticle abbr {
	color: #ffae00;
	font: normal 11px/12px Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	font-style: italic;
	position:absolute; 
	padding:10px;
	top:40px;
	left:375px; 
	width:200px;
	list-style:none;
	

}

.mainArticle p {
	color: #ffffff;
	font: normal 13px/15px Helvetica, Arial,Tahoma,Lucida Grande,Verdana,sans-serif;
	text-decoration: none;
	position:absolute; 
	padding:10px;
	top:60px;
	left:375px; 
	width:200px;
	list-style:none;
	

}



.articleList li {
	margin-bottom: 30px;
	
}	


.articleList img {
	display: block;
	float: left;
	padding-right: 10px;
}


}

.articleList h3 {
	padding: 0;
}