/*

	Title: Montelektro screen styles
	Author: kOALA Web Studio

*/

html, body, * {
	margin: 0;
	padding: 0;
}
body {
	background: #fff url(../assets/bkg_site.gif) repeat-y 50% 0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
#wrapper {
	margin: 10px auto;
	width: 630px;
	background: #fff url(../assets/bkg_body.gif) no-repeat top right;
}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
p.access {
	display: none;
}
.image_left {
	float: left;
}
.image_right {
	float: left;
}

/* 	H E A D E R 	*/

#header {
	padding: 5px 5px 15px 10px;
}
#header ul {
	margin: 8px 0 0 0;
	float: right;
	list-style-type: none;
	font-size: 1em;
}
#header ul li {
	display: inline;
	padding: 0 14px 0 16px;
	background: #fff url(../assets/arrow_sidebar.gif) no-repeat 0 50%;
}
#header ul li a {
	color: #666;
	text-decoration: none;
}
#header ul li a:hover {
	color: #999;
}
#graphic {
	clear: both;
	width: 630px;
	height: 120px;
	background: #8bc4f1 url(../assets/graphic.jpg) no-repeat;
}
#graphic_hr {
	clear: both;
	width: 630px;
	height: 120px;
	background: #8bc4f1 url(../assets/graphic_hr.jpg) no-repeat;
}

/*     M A I N   C O N T E N T     */

#main_content {
	float: left;
	background: transparent url(../assets/bkg_main_content.jpg) no-repeat top left;
	width: 420px;
	margin: 10px 10px 10px 0;
	padding: 0 0 15px 0;
	line-height: 1.5em;
	font-size: 1.2em;
	color: #333;
}
#main_content img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 10px 5px 10px;
}
#main_content h1 {
	font-size: 1.5em;
	margin: 0 0 20px 0;
	padding: 5px 0 5px 10px;
	height: 1em;
}
#main_content h1, #sidebar h1 {
	background-color: #666;
	color: #fff;
	font-weight: bold;
}
#main_content h2 {
	color: #666;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 10px 1em 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}
#main_content h3 { 
	color: #666; 
	font-size: 1em; 
	margin: 0 10px 1em 10px;
	display: block;
}
#main_content p {
	margin: 10px;
}
#main_content a, #location dd a, #location_hr dd a {
	color: #6BB6F2;
	text-decoration: none;
}
#main_content a:hover, #location dd a:hover, #location_hr dd a:hover {
	color: #aaa;
	border-bottom: 1px solid #ccc;
}
#main_content ul, #main_content ol {
	font-size: 0.9em;
	color: #999;
	margin: 0 15px 15px 40px;	
}
#main_content ul {
	list-style-type: none;
	list-style-image: url(../assets/arrow.gif);
}

#main_content a.reference_list {
	display: block;
	color: #fff;
	background: #8BC4F1 url(../assets/pdf.gif) no-repeat 10px 50%;
	padding: 8px 5px 8px 40px;
	margin: 0 0 20px 0;
}

#main_content a.reference_list:hover {
	color: #fff;
	border: none;
	background-color: #ccc;
}

/*     S I D E B A R     */

#sidebar {
	float: right;
	width: 200px;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	line-height: 1.8em;
	background: #fff url(../assets/bkg_sidebar.jpg) no-repeat bottom right;
}
#sidebar h1 {
	font-size: 1.8em;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	height: 1em;
}
#sidebar ul {
	margin: 0 0 20px 0;
	padding: 4px 0 0 0;
	list-style-type: none;
	font-size: 1.2em;
}
#sidebar ul li {
	padding: 2px 0 2px 0;
}
#sidebar ul li a {
	padding: 5px 20px 5px 25px;
	display: block;
	text-decoration: none;
	color: #000;
	background: transparent url(../assets/dotted_line.gif) no-repeat 50% 85%;
}
#sidebar ul li a:hover {
	background: #8BC4F1;
	color: #fff;
}

/*     S U B   M E N U     */

#sidebar ul li ul {
	font-size: 0.8em;
	color: #666;
	margin: 5px 0 5px 15px;
	padding: 0;
}
#sidebar ul li ul li {
	padding: 2px 0px;
	margin: 0;
}
#sidebar ul li ul li a {
	background: transparent;
	margin: 0;
	padding: 0 0 0 25px;
}
#sidebar ul li ul li a:hover {
	color: #999;
	background: url(../assets/arrow_sidebar.gif) no-repeat 10px 50%;
}

/*     N E W S     */

#sidebar dl {
	margin: 0 0 20px 0;
	padding: 5px 10px 0 10px;
	font-size: 1em;
	line-height: 1.5em;
}
#sidebar dl dt {
	color: #8BC4F1;
}
#sidebar dl dd {
	margin: 0 0 10px 0;
}

/*     L O C A T I O N     */

#location, #location_hr {
	width: 570px;
	float: left;
	background: #ECF4FD url(../assets/bkg_location.gif) no-repeat bottom left;
	padding: 10px 20px 20px 40px;
	margin: 0 0 10px 0;
}
#location {
	background: #ECF4FD url(../assets/bkg_location.gif) no-repeat bottom left;
}
#location_hr {
	background: #ECF4FD url(../assets/bkg_location_hr.gif) no-repeat bottom left;
}
#location img, #location_hr img {
	padding: 6px;
	margin: 0 10px 5px 0;
	border: 0;
	float: left;
	background: transparent url(../assets/bkg_location_img.gif) no-repeat 50% 50%;
}
#location img:hover, #location_hr img:hover {
	background: transparent url(../assets/bkg_location_img_over.gif) no-repeat 50% 50%;
}
#location dt, #location_hr dt {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#location dd, ##location_hr dd {
	font-size: 1em;
}

#office_ri {
	float: left;
	padding: 0 45px 0 0;
	background: transparent url(../assets/bkg_office_left.gif) repeat-y bottom right;
}
#office_zg {
	float: right;
}

/*     F O O T E R     */

#footer {
	width: 610px;
	clear: both;
	margin: 0px 0 10px 0;
	padding: 7px 10px 7px 10px;
	font-size: 1em;
	color: #fff;
	background-color: #666;
	height: 1.5em;
}
#footer a {
	color: #bbb;
	text-decoration: none;
}
#footer a:hover {
	color: #ccc;
}

/*     P H A R K   I M A G E   R E P L A C E M E N T     */

#logo, #h1-about_us, #h1-activities, #h1-beer_and_beverage, #h1-cement_and_lime, #h1-contact, 
#h1-find_us, #h1-food_and_drugs, #h1-news, #h1-other, #h1-sitemap, #h1-steel, #h1-tobacco, 
#h1-cement_i_vapno, #h1-djelatnosti, #h1-duhan, #h1-prehrana_i_farmacija, #h1-kontakt, #h1-mapa_weba, 
#h1-o_nama, #h1-ostalo, #h1-pivo_i_napitci, #h1-vijesti, #h1-celicane {
	text-indent: -9000px;
}
#logo {
	float: left;
	clear: both;
	width: 174px;
	height: 30px;
	margin: 0 0 15px 0;
	font-size: 2em;
}
#logo a {
	display: block;
	width: 174px;
	height: 30px;
	background: transparent url(../assets/headings/logo.gif) no-repeat bottom left;
	text-decoration: none;
}
#logo a:hover {
	background: transparent url(../assets/headings/logo.gif) no-repeat top left;
}
#h1-about_us {
	background: #666 url(../assets/headings/about_us.gif) no-repeat 10px 50%;
}
#h1-activities {
	background: #666 url(../assets/headings/activities.gif) no-repeat 10px 50%;
}
#h1-beer_and_beverage {
	background: #666 url(../assets/headings/beer_and_beverage.gif) no-repeat 10px 50%;
}
#h1-cement_and_lime {
	background: #666 url(../assets/headings/cement_and_lime.gif) no-repeat 10px 50%;
}
#h1-contact {
	background: #666 url(../assets/headings/contact.gif) no-repeat 10px 50%;
}
#h1-find_us {
	font-size: 1%;
}
#h1-food_and_drugs {
	background: #666 url(../assets/headings/food_and_drugs.gif) no-repeat 10px 50%;
}
#h1-news {
	background: #666 url(../assets/headings/news.gif) no-repeat 10px 50%;
}
#h1-other {
	background: #666 url(../assets/headings/other.gif) no-repeat 10px 50%;
}
#h1-sitemap {
	background: #666 url(../assets/headings/sitemap.gif) no-repeat 10px 50%;
}
#h1-steel {
	background: #666 url(../assets/headings/steel.gif) no-repeat 10px 50%;
}
#h1-tobacco {
	background: #666 url(../assets/headings/tobacco.gif) no-repeat 10px 50%;
}

/* Hrvatski */

#h1-cement_i_vapno {
	background: #666 url(../assets/headings/hr/cement_i_vapno.gif) no-repeat 10px 50%;
}
#h1-djelatnosti {
	background: #666 url(../assets/headings/hr/djelatnosti.gif) no-repeat 10px 50%;
}
#h1-duhan {
	background: #666 url(../assets/headings/hr/duhan.gif) no-repeat 10px 50%;
}
#h1-prehrana_i_farmacija {
	background: #666 url(../assets/headings/hr/prehrana_i_farmacija.gif) no-repeat 10px 50%;
}
#h1-kontakt {
	background: #666 url(../assets/headings/hr/kontakt.gif) no-repeat 10px 50%;
}
#h1-mapa_weba {
	background: #666 url(../assets/headings/hr/mapa_weba.gif) no-repeat 10px 50%;
}
#h1-o_nama {
	background: #666 url(../assets/headings/hr/o_nama.gif) no-repeat 10px 50%;
}
#h1-ostalo {
	background: #666 url(../assets/headings/hr/ostalo.gif) no-repeat 10px 50%;
}
#h1-pivo_i_napitci {
	background: #666 url(../assets/headings/hr/pivo_i_napitci.gif) no-repeat 10px 50%;
}
#h1-vijesti {
	background: #666 url(../assets/headings/hr/vijesti.gif) no-repeat 10px 50%;
}
#h1-celicane {
	background: #666 url(../assets/headings/hr/celicane.gif) no-repeat 10px 50%;
}

/*     A C T I V E   T A B S     */

/* 1st_level_selected */

body#beer #beer_tab a, 
body#cement #cement_tab a, 
body#tobacco #tobacco_tab a, 
body#steel #steel_tab a, 
body#food #food_tab a, 
body#other #other_tab a {
	background: #bbb url(../assets/arrow_sidebar.gif) no-repeat 10px 50%;
	color: #fff;
}
body#beer #beer_tab ul li a,
body#cement #cement_tab ul li a, 
body#tobacco #tobacco_tab ul li a, 
body#steel #steel_tab ul li a, 
body#food #food_tab ul li a, 
body#other #other_tab ul li a {
	background: transparent;
	color: #666;
}
body#beer #beer_tab ul li a:hover, 
body#cement #cement_tab ul li a:hover, 
body#tobacco #tobacco_tab ul li a:hover, 
body#steel #steel_tab ul li a:hover, 
body#food #food_tab ul li a:hover, 
body#other #other_tab ul li a:hover {
	color: #999;
	background: url(../assets/arrow_sidebar.gif) no-repeat 10px 50%;
}

/* 2nd_level_selected */

body#beer.beer-overview .beer-overview, 
body#beer.beer-zagrebacka_pivovara .beer-zagrebacka_pivovara, 
body#beer.beer-karlovacka_pivovara .beer-karlovacka_pivovara, 
body#beer.beer-inbev_rosar_omsk .beer-inbev_rosar_omsk, 
body#beer.beer-inbev_powolzhje .beer-inbev_powolzhje, 
body#beer.beer-inbev_desna .beer-inbev_desna, 
body#beer.beer-bbh_kyiv .beer-bbh_kyiv, 
body#beer.beer-inbev_yantar .beer-inbev_yantar, 
body#beer.beer-inbev_grude .beer-inbev_grude, 
body#beer.beer-zagora .beer-zagora, 
body#cement.cement-overview .cement-overview,
body#cement.cement-koromacno .cement-koromacno,
body#cement.cement-dalmacijacement .cement-dalmacijacement,
body#cement.cement-girk .cement-girk, 
body#tobacco.tobacco-overview .tobacco-overview, 
body#tobacco.tobacco-kanfanar .tobacco-kanfanar, 
body#tobacco.tobacco-garbuio .tobacco-garbuio, 
body#tobacco.tobacco-capljina .tobacco-capljina, 
body#tobacco.tobacco-hrvatski_duhani .tobacco-hrvatski_duhani,
body#steel.steel-overview .steel-overview, 
body#steel.steel-concast .steel-concast, 
body#steel.steel-danielli .steel-danielli, 
body#steel.steel-zeljezara_split .steel-zeljezara_split,
body#food.food-overview .food-overview, 
body#food.food-pliva .food-pliva, 
body#food.food-viro .food-viro, 
body#other.other-drvenjaca .other-drvenjaca,
body#other.other-overview .other-overview, 
body#other.other-dioki .other-dioki
 {
	font-weight: bold;
	background: #fff url(../assets/arrow_sidebar.gif) no-repeat 10px 50%;
}

/*     F O R M   S T Y L E S     */

form {
	margin: 0 0 0 10px;
	font-size: 1em;
}
form div {
	margin: 0;
	padding: 0 0 10px 0;
}
form label {
	display: block;
	font-weight: bold;
	color: #666;
}
form div input {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	width: 250px;
	border : 1px solid #ccc;
	padding : 4px;
}
/*#fm-submit*/ 
.fm-submit{
	margin: 0 0 20px 0;
	text-align: center;
	border: 1px solid #ccc;
	padding: 3px 5px;
	background: #fff;
	color: #666;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
form textarea {
	width: 390px;
	height: 200px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
form ul li{
	color:#FF0033;
}
#marqueecontainer {
	position: relative;
	width: 185px; /*marquee width */
	height: 180px; /*marquee height */
	/*background-color: white;*/
	background: transparent;
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
}
#vmarquee dl {
	margin: 0 0 20px 0;
	padding: 5px 10px 0 10px;
	font-size: 10px;
	line-height: 1.5em;
}
#vmarquee dl dt {
	color: #8BC4F1;
}
#vmarquee dl dd {
	margin: 0 0 10px 0;
}