body
{
	margin:0px;
	padding:0px;
	background:none transparent;
}
#TportalPromoBox
{
	position: relative;
	margin:0px;
	padding:0px;
	xwidth:300px; /* remove for responsive */
	height:244px;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#TportalPromoBox:before, #TportalPromoBox:after {
	position: absolute;
	top: 100%;
	left: 3px;
	right: 3px;
	height: 2px;
	content: "";
	background: #fff;
	border: 1px solid #ddd;
}

#TportalPromoBox:after {
	left: 6px;
	right: 6px;
	margin: 3px 0 0 0;
}

#TportalPromoBox h1
{
	margin:0px;
	padding:0px 8px;
	background:#019cbb;
	height:30px;
	overflow: hidden;
}

#TportalPromoBox h1 a.left
{
	background:url('http://www.tportal.hr/WebResources/tportal201009/Img/promoBox/tportalBOX_logo.png') no-repeat top left;
	font:normal normal bold 15px Arial;
	color:#efefef;
	text-decoration:none;
	text-align:center;
	margin:7px 0px 0px 0px;
	padding:0px;
	float:right;
	width:74px;
	height:18px;
}

#TportalPromoBox.tportal h1 a.left,
#TportalPromoBox.orV1 h1 a.left {
	float: left;
	margin-left: 0;
}

#TportalPromoBox h1 a.left span
{
	visibility:hidden;	
}

#TportalPromoBox h1 a.right
{
	font: 700 17px/30px 'Roboto Condensed', Arial, sans-serif;
	color:#efefef;
	text-transform:uppercase;
	margin:0px 10px 0px 0px;
	padding:0px;
	float:left;
	text-decoration:none;
}

/* Start different pages definitions */

#TportalPromoBox.tportal h1 { background:#019cbb; }
#TportalPromoBox.tportal li a:hover { background:#019cbb; }
#TportalPromoBox.tportal p a span { color:#019cbb; }

#TportalPromoBox.vijesti h1 { background:#ce1e01; }
#TportalPromoBox.vijesti li a:hover { background:#ce1e01; }
#TportalPromoBox.vijesti p a span { color:#ce1e01; }

#TportalPromoBox.lifestyle h1 { background:#f2aa00; }
#TportalPromoBox.lifestyle li a:hover { background:#f2aa00; }
#TportalPromoBox.lifestyle p a span { color:#f2aa00; }

#TportalPromoBox.sport h1 { background:#0c7e00; }
#TportalPromoBox.sport li a:hover { background:#0c7e00; }
#TportalPromoBox.sport p a span { color:#0c7e00; }

#TportalPromoBox.showtime h1 { background:#c670da; }
#TportalPromoBox.showtime li a:hover { background:#c670da; }
#TportalPromoBox.showtime p a span { color:#c670da; }

#TportalPromoBox.kultura h1 { background:#541e73; }
#TportalPromoBox.kultura li a:hover { background:#541e73; }
#TportalPromoBox.kultura p a span { color:#541e73; }

#TportalPromoBox.biznis h1 { background:#b41900; }
#TportalPromoBox.biznis li a:hover { background:#b41900; }
#TportalPromoBox.biznis p a span { color:#b41900; }

#TportalPromoBox.gamereport h1 { background:#2ea8cc; }
#TportalPromoBox.gamereport li a:hover { background:#2ea8cc; }
#TportalPromoBox.gamereport p a span { color:#2ea8cc; }

#TportalPromoBox.orV1 h1 { background:#ff9900; }
#TportalPromoBox.orV1 li a:hover { background:#ff9900; }
#TportalPromoBox.orV1 p a span { color:#ff9900; }

#TportalPromoBox.webmail h1 { background:#1b1b1b; }
#TportalPromoBox.webmail li a:hover { background:#1b1b1b; }
#TportalPromoBox.webmail p a span { color:#1b1b1b; }

#TportalPromoBox.magazin h1 { background:#AD72BB; }
#TportalPromoBox.magazin li a:hover { background:#AD72BB; }
#TportalPromoBox.magazin p a span { color:#AD72BB; }

#TportalPromoBox.gadgeterija h1 { background:#2EA8CC; }
#TportalPromoBox.gadgeterija li a:hover { background:#2EA8CC; }
#TportalPromoBox.gadgeterija p a span { color:#2EA8CC; }

#PromoCarousel
{
	padding:1px 0px 0px 0px;
	xpadding:0px;
	margin: 0;
	height:190px;
	overflow:hidden;
	list-style:none;
	background:#f0f0f0;
}

#PromoCarousel li
{
	margin:0px;
	padding:0;
	width: 100%;
	height:63px;
	border-bottom:solid 1px #ddd;
}

#PromoCarousel li a
{
	display: block;
	position: relative;
	padding: 3px 8px 0px 92px;
	height:60px;
}

#PromoCarousel li a img
{
	position: absolute;
	top: 5px;
	left: 6px;
	width:77px;
	height:51px;
	border: 1px solid #fff;	
}

#PromoCarousel li h3
{
	font: 500 10px/12px 'Roboto', Arial, sans-serif;
	color:#222;
	opacity: 0.5;
	text-decoration:none;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	float:left;
	height:14px;
	overflow:hidden;
	width:193px;
	margin-top: 2px;
}


#PromoCarousel li h2
{
	font: 700 12px/13px 'Roboto Slab', serif;
	color:#222;
	text-decoration:none;
	margin:0px;
	padding:0px;
	float:left;
	height: 40px;
	overflow:hidden;
}

#TportalPromoBox li a:hover h3,
#TportalPromoBox li a:hover h2 { color:#fff; }

#TportalPromoBox p
{
	margin:0px;
	padding:3px 10px 3px 10px;
	background:#efefef;
	font: 400 11px/13px 'Roboto Condensed', Arial, sans-serif;
	color:#4f4f4f;
	text-decoration:none;
	text-align: right;
	background: #fff;
}

#TportalPromoBox p a
{
	display: inline-block;
	margin-left: 3px;
	padding:0px;
	text-decoration:none;
}

#TportalPromoBox p a span
{
	font:normal normal normal 11px/11px Arial;
	color:#019cbb;	
}



/* Tportal PromoBox Carousel */
.jcarousel-skin-promobox
{
	margin:1px 0px 0px 0px;
	padding:0px;
	height:190px;
	overflow:hidden;
	list-style:none;
	background:#f0f0f0;
}

.jcarousel-skin-promobox .jcarousel-container,
.jcarousel-skin-promobox .jcarousel-container-horizontal 
{
	margin:0px;
	padding:0px;
}

.jcarousel-skin-promobox .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-promobox .jcarousel-container-vertical,
.jcarousel-skin-promobox .jcarousel-clip-vertical 
{
    height:192px;
    margin:0px;
    padding:0px;
}

.jcarousel-skin-promobox .jcarousel-clip 
{
    overflow: hidden;
}

.jcarousel-skin-promobox .jcarousel-clip-horizontal,
.jcarousel-skin-promobox .jcarousel-item
{
    height: 60px;
}