@charset "utf-8";

/* Stilovi za Bridgestone Hrvatska - Osnovni (prilagođen korporativnim stranicama) v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridrana, ožujak 2008. */

body, html { padding:0; margin:0; background:#e5e5e5; font: 11px Arial, Verdana,Helvetica, sans-serif; color:#333;}

h1, h2 { color:#cc0033; margin:10px 0; padding:0 }
h2, h3 { font-size:11px; font-weight:bold }
h3, p { color:#333 }
h1 { font-size:24px; font-style:italic; margin:10px 0; font-weight:normal }
h2 { text-decoration:underline; margin:10px 0; clear:left }
p, ul li { line-height:18px}

img { border:none }

#kontejner { position:relative; width:860px; margin:0 auto; background:#fff; padding:0 50px 20px 50px;
		border-left:1px #ccc solid; border-right:1px #ccc solid }

/* ZAGLAVLJE */

#zaglavlje { position:relative; width:inherit; z-index:1000 }

#zaglavlje a#pocetna { position:absolute; left:0; top:20px; width:215px; height:50px; 
		background:url(/grafika/logo.gif) no-repeat; z-index:2000 }
#zaglavlje ul#nav_top { position:relative; width:auto; float:right; margin:20px 0 0 10px; list-style:none }
#zaglavlje ul#nav_top li { float:left; margin:0 0 0 5px }
#zaglavlje ul#nav_top li a { color:#333; text-decoration:none; font-weight:bold; line-height:22px; }
#zaglavlje ul#nav_top li a:hover { color:#cc0033; text-decoration:underline; }
#zaglavlje #naslov { position:relative; font-size:16px; text-align:right; clear:both; padding:10px 0 }
#zaglavlje #nasl_slike { position:relative; width:inherit; height:150px }
#zaglavlje #nasl_slike img { display:none; position:absolute; left:0; top:0 }

#zaglavlje #nav	{ width:859px; height:25px; border:1px solid #ccc; 
		background:url("/grafika/bg_navig.gif") bottom left repeat-x; margin:0; padding:0;
		position:relative; line-height:25px }
#zaglavlje #nav ul { width:848px; list-style:none; margin:0; padding:0; }
#zaglavlje #nav ul li { float:left; display:inline; background:none; line-height:25px; height:25px; margin:0; padding:0; }
#zaglavlje #nav ul li a	{ color:#333; font-size:12px; text-decoration:none; font-weight:bold; display:block;
		border-right:1px solid #ccc; height:25px; padding:0 20px }
#zaglavlje #nav a:hover, #nav a.selected { color:#cc0033; background:none #e1e1e1; }
#zaglavlje #nav ul li #Corporate { position:absolute; visibility:hidden; background:none; border-top:1px solid #ccc;
		padding:0; margin:0; z-index:999; }
#zaglavlje #nav ul li #Corporate ul	{ position:absolute; list-style:none; width:150px; margin:0; padding:0; }
#zaglavlje #nav ul li #Corporate ul li	{ margin:0; padding:0; }
#zaglavlje #nav ul li #Corporate ul li a { font-size:11px; text-decoration:none; text-align:left; font-weight:normal;
		width:170px; padding-left:20px; padding-top:0px; padding-bottom:0px; display:block;
		background:url("/grafika/arrow_rog.gif") 5px no-repeat; background-color:#e1e1e1; 
		border-top:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#zaglavlje #nav ul li #Corporate ul li a#bottom	{ width:172px; 
		background:url("/grafika/nav_corp_bottom.gif") bottom left no-repeat; border-bottom:none;
		border-left:none; border-right:none; }
#zaglavlje #nav ul li #Corporate ul li a:hover { background: url("/grafika/arrow_row.gif") #fff 5px no-repeat }
#zaglavlje #nav ul li #Corporate ul li a#bottom:hover { 
		background:url("/grafika/nav_corp_bottom_on.gif") bottom left no-repeat; }
#zaglavlje img.nasl { margin:10px 0 }


/* SADRŽAJ */

#sadrzaj { position:relative; width:inherit; margin:10px 0; padding-left:10px }

#sadrzaj #glavnina { width:650px }

/* #sadrzaj #sporedni { width:225px }
#sadrzaj #sporedni h2 { border-bottom:solid #D5D5D5 1px; font-size:10px; font-weight:bold; padding:0 20px 0 10px;
		height:16px; background: transparent url("/grafika/headerBG.gif") no-repeat bottom left; margin-left:10px }
#sadrzaj #sporedni p { font-size:10px; line-height:12px; margin-left:10px } */

#sadrzaj #quicklink	{ width:166px; height:160px; float:right; padding:0px; margin:0px; }
#sadrzaj #quicklink h3 { color:#333; font-size:11px; font-weight:bold; line-height:30px; display:block;
		background:#e1e1e1; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;
		height:30px; width:149px; padding-left:15px; margin:0; }
#sadrzaj #quicklink ul { margin:0; padding:0; list-style:none; 
		background:url("/grafika/sideblocks_bottom.gif") bottom left no-repeat #efefef; }
#sadrzaj #quicklink ul li { margin:0; padding:0px 0px 0px 15px; display:block; background:none; height:25px;
		width:149px; line-height:25px; border-left:1px solid #cccccc; border-right:1px solid #ccc;
		/*border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;*/ }
#sadrzaj #quicklink ul li img { padding:5px 0 0 0; margin:0 5px 0 0; line-height:25px; vertical-align:text-bottom }
#sadrzaj #quicklink ul li.bottom, #content #quicklink ul#promo li.bottom  { border:none; }
#sadrzaj #quicklink	a { color:#666; text-decoration:none; padding-left:0px; }
#sadrzaj #quicklink a:hover { color:#cc0033; text-decoration:none; }
#sadrzaj #quicklink ul#promo { margin:0; padding:0; list-style:none; }
#sadrzaj #quicklink ul#promo li	{ margin:0; padding:0; background:none; border-left:1px solid #ccc;
		border-right:1px solid #cccccc; /*border-bottom:1px solid #cccccc;*/ width:164px; text-align:center;
		vertical-align:middle; padding:15px 0px 5px 0px; }
#sadrzaj #quicklink ul#promo li.bottom	{ margin:0; padding:0; display:block; /*padding:15px 0px 5px 0px;*/ }
#sadrzaj #quicklink #promo a { text-decoration:none; padding-left:0px; }

#sadrzaj #breadcrumbs { height:16px; width:650px; vertical-align:middle; margin:15px 15px 15px 0px; 
		font-size:9px; color:#a6a6a6; }
#sadrzaj #breadcrumbs a { color:#a6a6a6; text-decoration:none }
#sadrzaj #breadcrumbs a:hover, #sadrzaj #breadcrumbs a.selected	{ text-decoration:underline; }

#sadrzaj #glavnina .galerija_vert { position:relative; clear:both; width:650px; height:740px }
#sadrzaj #glavnina .galerija_hor { position:relative; clear:both; width:650px; height:500px }
#sadrzaj #glavnina ul.galerija { margin:0; padding:0; clear:both }
#sadrzaj #glavnina ul.galerija img { border:1px #ccc solid }

#sadrzaj #glavnina a { color:#cc0033; text-decoration:none }
#sadrzaj #glavnina a:hover { text-decoration:underline }
#sadrzaj #glavnina img.slika_desno { float:right; margin:0 20px }

#sadrzaj #glavnina .artikal { width:100px; height:150px; display:block; float:left; text-align:center; margin-top:20px }
#sadrzaj #glavnina .artikal p { margin:10px 0 0 0; padding:0 }

#sadrzaj #glavnina ul#popis { float:right; width:150px; list-style:none; margin:0; padding:0 }
#sadrzaj #glavnina ul#popis li a { padding:0; margin:0; display:block; height:18px; width:auto }

#totop { width:100%; height:20px; margin:30px 0px 10px 0px; padding:0 0 10px 0; clear:both }
#totop a { color:#cc0033; font-size:10px; display:block; 
		background:url(/grafika/arrow_totop.gif) top left no-repeat; width:100px; height:20px;
		line-height:17px; text-align:left; padding-left:18px; text-decoration:none; float:left }
#totop a:hover { color:#999 }

.obrisi { clear:both }

/* PODNOŽJE */

#podnozje { position:relative; background:#ccc; width:inherit; padding:10px; margin:0; height:16px }
#podnozje p { color:#666; float:left; display:block; width:auto; margin:0; padding:0 }
#podnozje p a { color:#666; text-decoration:none }
#podnozje p a:hover { color:#cc0033; text-decoration:underline }
#footerPage	{ padding:11px; text-align:left }
#footerPage	ul { margin:0; padding:0; list-style:none }
#footerPage	li { padding:1px; list-style: none; display: inline; color:#ccc; background:none; margin:0 }
#footerPage	a, #footerPage a:active, #footerPage a:visited { color:#ccc; text-decoration:underline }
#footerPage	a:hover { color:#cc0033; text-decoration:underline }