/********************************************************
*																												*
*   CSS file - http://www.unitrade.ba/									*
*   Copyright (c) Dobbin, 2007.													*
*																												*
********************************************************/

/*---- Base ----*/

body
{
	margin: 0px;
	padding: 16px 0px 16px 0px;
	text-align: center;
/*	background-color: #CCCCCC; */
	background: #c7d9e3 url("../../images/unitrade_winter.jpg") top center repeat-x fixed; 
/*	background: #8caa03 url("../../images/unitrade_spring_2011_bg.jpg") top center repeat-x scroll; */
/*	background: #ffffff url("../../images/banners/goodyear_proljece_2015.jpg") top center no-repeat;*/
	font-size: 62.5%;
}

#bannerBackgroundContainer 
{
	top: 0px;
	left: 0px;
	position: absolute;
}
#bannerBackgroundContent 
{
	z-index: 0;
	position: fixed;
	top: 0px;
	left: 50%;
	width: 1750px;
	height: 950px;
	margin-left: -875px;
}

html
{
	font: normal 1.2em Arial, Verdana, sans-serif;
	color: #6e6865;
	text-decoration: none;
}

p
{
	font: normal 1em Arial, Verdana, sans-serif;
	margin: 0px 0px 10px 0px;
	line-height: 140%;
}

.clear
{
	clear: both;
	font-size: 0.1em;
}

.show
{
	display: block;
}

.hide
{
	display: none;
}

a
{
	outline: none;
	color: #eb5c06;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}


/* Layout
-----------------------------------------------------*/

#wrapper
{
	width: 902px;
	margin: 0 auto;
	background: url("../../images/bg_wrapper.gif") repeat-y 0px 0px;
	position: relative;
}

#container
{
	text-align: left;
	background: url("../../images/bg_container_bottom.gif") no-repeat 0% 100%;
}

#header-navigation
{
/*	background: url("../../images/bg_header_2.jpg") no-repeat 0px 0px; */
/*	background: url("../../images/bg_header_winter_2013.jpg") no-repeat 0px 0px; */
	background: url("../../images/bg_header_winter1.jpg") no-repeat 0px 0px;
	padding: 0px 10px 0px 10px;
}

#container-content
{
	margin: 15px 0px 0px 0px;
	padding: 0px 10px 20px 10px;
}

#content-navigation
{
	width: 190px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#content
{
	width: 482px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#contentWide
{
	width: 682px;
	float: left;
}

#content-banners
{
	width: 190px;
	float: left;
	margin: 0px;
}




/* Header
-----------------------------------------------------*/

#header-navigation h1
{
	
	text-indent: -9999px;
	margin: 0px;
	padding: 23px 0px 15px 19px;
}

#header-navigation h1 a
{
	background: url("../../images/logo.png") no-repeat 0px 0px;
/*	background: url("../../images/logo_winter.gif") no-repeat 0px 0px; */
	width: 190px;
	height: 61px;
	display: block;
}

#header-navigation ul.main_nav
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 48px;
	background: url("../../images/bg_top_menu.gif") repeat-x 0px 0px;
}

#header-navigation ul.main_nav li
{
	float: left;
}

#header-navigation ul.main_nav li a
{
	background: url("../../images/icon_arrow_yellow.gif") no-repeat 10px 17px;
	font: bold 0.9em Arial, Verdana, sans-serif;
	color: #f6f6f6;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 12px 12px 12px 22px;
}

#header-navigation ul.main_nav li a:hover
{
	color: #ffcd00;
}

#header-navigation ul.main_nav li.active a
{
	background: #3b3b3b url("../../images/icon_arrow_yellow.gif") no-repeat 10px 17px;
	color: #ffcd00;
}

#header-navigation ul.top_nav
{
	float: right;
	width: 95px;
	margin: 14px 0px 0px 0px;
	background: none;
	list-style: none;
}

#header-navigation ul.top_nav li
{
	padding: 0px 0px 2px 2px;
}

#header-navigation ul.top_nav li a
{
	background: url("../../images/icon_bullet_arrow_gray.gif") no-repeat 0px 1px;
	font: normal 0.9em Arial, Verdana, sans-serif;
	color: #50565c;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
}

#header-navigation ul.top_nav li.hr a
{
	background: url("../../images/croatian_ba.gif") no-repeat 0px 1px;
}

#header-navigation ul.top_nav li.en a
{
	background: url("../../images/english.gif") no-repeat 0px 1px;
}



/* Content - container
-----------------------------------------------------*/

#container-content .box
{
	border: 1px solid #e4e4e4;
	background-color: #fff;
	padding: 4px;
	margin: 0px 0px 6px 0px;
}

#content-navigation h1, #content-banners h1
{
	font: bold 0.9em Trebuchet, Arial, Verdana, sans-serif;
	color: #fff;
	background: url("../../images/bg_box_h1.gif") no-repeat 0px 0px;
	margin: 0px;
	padding: 5px 0px 5px 13px;
	text-transform: uppercase;
}

#content-navigation h1.shop, #content-banners h1.shop
{
	background: url("../../images/bg_box_h1_orange.gif") no-repeat 0px 0px;
}


/* Content - content navigation
-----------------------------------------------------*/

#content-navigation .navigation ul
{
	margin: 0px;
	padding: 7px 0px 7px 0px;
	list-style: none;
	background-color: #f6f6f6;
}

#content-navigation .navigation ul li
{
	border-bottom: 1px solid #fff;
}

#content-navigation .navigation ul li a
{
	font: normal 0.9em Trebuchet, Arial, Verdana, sans-serif;
	color: #50565c;
	background: url("../../images/icon_arrow_gray_single.gif") no-repeat 160px 6px;
	display: block;
	padding: 3px 10px 3px 12px;
	text-decoration: none;
}

#content-navigation .navigation ul li.sub1 a
{
	background: #fff url("../../images/icon_arrow_gray.gif") no-repeat 12px 8px;
	padding: 3px 10px 3px 22px;
}

#content-navigation .navigation ul li.sub1 a:hover
{
	background: #edebeb url("../../images/icon_arrow_gray.gif") no-repeat 12px 8px;
}

#content-navigation .navigation ul li.sub2 a
{
	background: #fff url("../../images/icon_arrow_gray.gif") no-repeat 22px 8px;
	padding: 3px 10px 3px 32px;
}

#content-navigation .navigation ul li.sub2 a:hover
{
	background: #edebeb url("../../images/icon_arrow_gray.gif") no-repeat 22px 8px;
}

#content-navigation .navigation ul li a:hover
{
	background: #edebeb url("../../images/icon_arrow_gray_single.gif") no-repeat 160px 6px;
}

#content-navigation .navigation ul li.active a
{
	font: bold 0.9em Trebuchet, Arial, Verdana, sans-serif;
	color: #eb5c06;
	background: #fff url("../../images/icon_arrow_orange_single.gif") no-repeat 160px 6px;
}

#content-navigation .navigation ul li.sub1Active a
{
	font: bold 0.9em Trebuchet, Arial, Verdana, sans-serif;
	color: #eb5c06;
	padding: 3px 10px 3px 22px;
	background: #fff url("../../images/icon_arrow_orange.gif") no-repeat 12px 8px;
}

#content-navigation .navigation ul li.sub2Active a
{
	font: bold 0.9em Trebuchet, Arial, Verdana, sans-serif;
	color: #eb5c06;
	padding: 3px 10px 3px 32px;
	background: #fff url("../../images/icon_arrow_orange.gif") no-repeat 22px 8px;
}



/* Content - shopping bag
-----------------------------------------------------*/

#content-navigation .navigation .shoppingBag
{
	margin: 0px;
	padding: 10px;
	background-color: #f6f6f6;
	font: normal 0.9em Trebuchet, Arial, Verdana, sans-serif;
}




/* Content - content
-----------------------------------------------------*/

#content h1, #contentWide h1
{
	font: bold 1.3em Trebuchet, Arial, Verdana, sans-serif;
	color: #eb5c06;
	background: url("../../images/icon_content_h1.gif") no-repeat 0px 5px;
	margin: 0px 0px 15px 0px;
	padding: 2px 0px 2px 22px;
	text-transform: uppercase;
	position: relative;
}

#contentWide h1
{
	margin: 30px 0px 15px 20px;
}

#content h2
{
	font: normal 1.1em Trebuchet, Arial, Verdana, sans-serif;
	color: #eb5c06;
	margin: 0px 0px 12px 0px;
}

#content img.head
{
	background: url("../../images/bg_image_header.gif") repeat-x 0% 100%;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 5px 0px;
}

#content .padd
{
	padding: 16px 16px 20px 16px;
	background: url("../../images/bg_content_padd.gif") repeat-x 0% 100%;
}

#contentWide .padd
{
	padding: 16px 16px 20px 16px;
}



/* Content - wide
-----------------------------------------------------*/



/* Content - banners
-----------------------------------------------------*/

#content-banners ul.asd_centri, #content-navigation ul.asd_centri
{
	margin: 0px;
	padding: 10px 7px 14px 7px;
	list-style: none;
	background-color: #757574;
	height: 140px;
}

#content-banners ul.asd_centri li, #content-navigation ul.asd_centri li
{
	float: left;
	width: 83px;
	padding: 2px 0px 3px 0px;
}

#content-banners ul.asd_centri li.alternate, #content-navigation ul.asd_centri li.alternate
{
	background-color: #7d7d7c;
}

#content-banners ul.asd_centri li a, #content-navigation ul.asd_centri li a
{
	font: normal 0.9em Arial, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url("../../images/icon_arrow_yellow.gif") no-repeat 7px 5px;
	padding: 0px 0px 0px 18px;
	display: block;
}

#content-banners ul.asd_centri li a:hover, #content-navigation ul.asd_centri li a:hover
{
	color: #ffcd00;
}

#content-banners img
{
	display: block;
}



/* Content - footer
-----------------------------------------------------*/

#container-footer
{
	padding: 0px 10px 10px 10px;
}

#footer
{
	background-color: #444;
	border-bottom: 7px solid #ffd400;
	padding: 0px 25px 25px 30px;
	color: #a2a2a2;
}

#footer ul
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
	list-style: none;
	height: 30px;
	border-bottom: 1px solid #515151;
}

#footer ul li
{
	float: left;
	padding: 10px 0px 0px 0px;
}

#footer ul li.top
{
	padding: 0px;
	float: right;
}

#footer ul li.top a
{
	background: url("../../images/icon_page_top.gif") no-repeat 0px 0px;
	display: block;
	width: 60px;
	height: 25px;
	padding: 0px;
	text-indent: -9999px;
}

#footer ul li.top a:hover
{
	background: url("../../images/icon_page_top_over.gif") no-repeat 0px 0px;
}

#footer ul li a
{
	font: normal 0.9em Arial, Verdana, sans-serif;
	color: #a2a2a2;
	background: url("../../images/icon_arrow_yellow_single.gif") no-repeat 0px 5px;
	padding: 0px 16px 0px 8px;
	text-transform: uppercase;
	text-decoration: none;
}

#footer ul li a:hover
{
	color: #FFD400;
	background: url("../../images/icon_arrow_yellow_single.gif") no-repeat 0px 5px;
}

#footer ul li.active a
{
	color: #fff;
	background: url("../../images/icon_arrow_yellow_single.gif") no-repeat 0px 5px;
}

#footer ul.impressum 
{
	border: none;
	margin: 15px 0px 0px 0px;
	height: 15px;
}

#footer ul.impressum li
{
	font: bold 0.9em Arial, Verdana, sans-serif;
}

#footer ul.impressum li.dobbin
{
	float: right;
}

#footer ul.impressum li a
{
	font: bold 1em Arial, Verdana, sans-serif;
	background: none;
	padding: 0px;
	text-decoration: underline;
	text-transform: none;
}

#footer ul.impressum li a:hover
{
	text-decoration: none;
}


/* POPUP */

#popup
{
	position: absolute;
	margin: 110px 0px 0px 210px;
	background-color: #000;
	width: 100%;
	height: 100%;
}

#popup img
{
	border: 5px solid #fff;
}


/* ANKETA ------------------------------------------------- */

#active-poll {
	font: normal 0.9em Arial, Verdana, sans-serif;
	background-color: #fff;
	padding: 0 10px 5px 10px;
	margin-bottom: 5px;
	border: 1px solid #e4e4e4;
	}

.poll-results-title {
	font: bold 0.9em "Trebuchet MS", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	display: block;
	background-color: #444444;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px 5px 5px 10px;
	}

.anketa-banner {
	cursor: pointer;
	cursor: hand;
	}

#active-poll h3 {
	font: bold 1.2em Arial, Verdana, sans-serif;
	margin-bottom: 10px;
	max-width: 165px
	}

#active-poll input {
	float: left;
	width: 15px;
	margin: 3px 10px 20px 0;
	}

#active-poll input.submit {
	width: 168px;
	float: none;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin-top: 15px;
	padding: 2px;
	background-color: #eb5c06;
	border: none;
	}

#active-poll input.submit:hover {
	width: 168px;
	float: none;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin-top: 15px;
	padding: 2px;
	background-color: #348d9e;
	border: none;
	cursor: pointer;
	cursor: hand;
	}

#active-poll p {
	margin-bottom: 0px;
	}

#poll p.percent {
	padding-right: 50px;
	margin-bottom: 3px;
	}

#active-poll p.percent img {
	display: block;
	margin-top: 3px;
	margin-bottom: 5px;
	}
	
.action-left {
	position: absolute;
	left: -300px;
	}
	
.action-right {
	position: absolute;
	left: 920px
	}