body {
	background-image: url("../images/default/pattern.gif");
	color: #444;
	background-color: #6c7360;
	font-family: verdana, arial, helvetica, sans-serif;
}
body
{
	padding: 0;
	margin: 0;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}
#pageWrapper
{
	background-color: #fff;
	border-right: solid 1px #555;
	border-left: solid 1px #555;
	border-width: 0 1px;
	min-width: 40em;	/* IE doens't understand this property. EMs are used
					   so that as the font size increases, the proportional
					   limitations (min-width) increase with it, rather
					   than creating a middle column that can only fit
					   3 or 4 characters in it. */
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	
	min-height: 800px;
}
* html #pageWrapper
{
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#leaderboard_banner {
	width: 728px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5em;
	margin-top: 0.5em;
}
#leaderboard_banner div {
	width: 100%;
	height: 10px;
	text-align: right;
}
#masthead
{
	padding: 0.5em;
	background-color: #fff;
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 160px #fff;
	border-right: solid 270px #fff;
}
#innerColumnContainer
{
	margin: 0;		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
	background-color: #fff;
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
	background-color: #fff;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
	padding-bottom: 20px;
	background-color: #fff;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -160px;
	width: 160px;
	z-index: 4;
	background-color: #fff;
}
#rightColumn
{
	float: right;
	width: 270px;
	margin: 0 -270px 0 1px;
	z-index: 2;
	background-color: #fff;
}
#footer
{
	padding: 0.5em;
}
.footer {
	text-align: right;
	margin-bottom: 10px;
}
.footer .copy {
	margin-top: 3px;
}
@import "tooltips.css";
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
	line-height: 0; font-size: 0;
}
.hide
{
	display: none !important;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 10px;
}
.insidel {
	padding: 0 7px;
}
.insideMid {
	padding: 0 10px 0 10px;
}	
.inner 
{
	padding: 0 0px 15px 15px;
}
.center {
	text-align: center;
}
.normal {
	line-height: 150%;
}
br.smallbreak {
	margin: 0; padding: 0; line-height: 12px; font-size: 0;
}
/* margin values and font sizes for headings */
a, a:link, a:active, a:visited, .new_tyre a, .new_tyre a:visited, a.deflink , a.deflink:visited {
	color: #0066CC; text-decoration: none;
}
a:hover, .new_tyre a:hover, a.deflink:hover  {
	text-decoration: underline;
}
 ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0;
}
p, li { 
	line-height: 150%;
}
li 	{ 
	margin-top: 5px;
}
form { 
	margin: 0;
}
h1 { 
	font-size: 195%;
	letter-spacing: -1px;
}
h2
{
	font-size: 115%; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #777;
	clear: both;
	line-height: 150%;
}
h3
{
	font-size: 110%; 
	font-family: Tahoma, Helvetica, sans-serif;
	clear:both;
	line-height: 120%;
}
h4
{
	font-size: 120%;
}
h5
{
	font-size: 110%;
}
h6
{
	font-size: 70%;
}
dt
{	
	font-weight: bold;
	line-height: 3em;
	font-family: Tahoma, Arial, Helvetica;
} 
/* General */
.radio {
	margin-bottom: -2px;	
}
.redstar {
	color: red; font-weight: bold;
}
.leaderboard {
	margin-bottom: 10px;
	width: 935px;
	height: 106px;
}
.logo {
	float: left;
	margin-top: 2px;
	text-align: center;
	width: 134px;
	height: 106px;
}
.toppic {
	margin-top: 2px;
	float: left;
	width: 801px;
	height: 106px;
	background-image: url("../images/default/front/front_02.jpg");
	text-align: right;
}
#google_cse {
	margin-right: 5px;
	margin-top: 4px;
}
.bullet {
	border: 0;
	margin-bottom: -1px;	
	margin-right: 2px;
	display: inline;
}
.std_img {
	border: 3px solid #eee;
	margin: 6px;
}
img.thumb {
	margin-top: 4px;
	margin-right: 5px;
	margin-left: -1px;
	border: 1px solid #ccc;
}
img.noborder {
	border: 0; margin: 0;
}	

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */
 
.nav  {
	width: 100%;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
	color: #999999;
}
.nav a, .nav a:visited {
	color: #999999;
	text-decoration:underline;
}
/* Navigacija na levoj strani. */
#navcontainer
{ 
	width: 150px; 
	margin-left: 0px; 
	padding: 0; 
	background-color: #eee;
	margin-left: 5px;
	margin-bottom: 100px;
	border-bottom: #ccc 1px solid;
}
#navlist li
{
	display: inline; 		/* for IE5 and IE6 */
}
#navcontainer ul
{
	padding-left: 0;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
	font-size: 11px;
}
#navcontainer a.top, span.top
{
	display: block;
	padding:3px 3px 3px 6px;;
	width: 141px;
	background-color: #B2D357;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-image: url("../images/default/under.gif");
}
#navcontainer span.top {
	cursor: default;
}
#navcontainer a.top:hover {
	text-decoration:underline;
}
#navcontainer a:link, #navlist a:visited, #navlist span
{
	color: #336600;
	text-decoration: none;
}
#navcontainer a:hover {
	color: #FFFFFF;
}
#navcontainer .sub {
	margin-left: 5px;
} 
#navcontainer .sub a, #navcontainer .sub a:visited {
	font-family: Tahoma, sans-serif;
	color: #555;
	display: block;
	padding: 3px;
	background-color: #eee;
}
#navcontainer .sub a:hover {
	background-color: #999;
	color: #fff;
}
/* Novosti na prvoj */
table.news {
	width: 100%; border: 0;
}
td.news_col {
	vertical-align: top;
}
td.news_col:hover {
	background-color: #f0f0f0;
}
td.news_col p { margin: 10px; }

td.news_col a.deflink, td.news_col a.deflink:visited {
	color: #000;
}
/* Desna strana */
div.new_tyre {
	overflow: visible;
	background-color: #f8f8f8;
	color: #000;
	border: 1px solid #ddd;
	font-family: Tahoma, Arial, Helvetica;
	width: 234px; margin-left: auto; margin-right: auto;
}
div.inner5 {
	padding-left: 7px; padding-right: 5px;
}
.new_tyre_img {
	float: right; margin-left: 2px; margin-right: -2px;
}
.new_tyre_p {
	line-height: 120%;
	margin: 0; padding: 0;
	margin-bottom: 10px;
}	
table.generic, table.wftemp, table.wfdays, table.novosti {
	width: 100%; margin: 0; padding: 0; 
}
table.generic td, table.wftemp td, table.wfdays td {
	padding: 0; margin: 0;
}

table.wftemp td {
	background-color: white;
}
table.wftemp th {
	font-size: 9px; text-align: center; padding: 0; color:#666666;
	border: 1px solid #fff;
}
table.wfdays td {
	text-align: center; border: 1px solid #F4F8DA; background-image: url("../images/default/wf_days_bg.gif");
	background-repeat: repeat-x;
}
div.banner_r {
	margin-bottom: 10px; margin-top: 10px;
	text-align: center;
}
div#michelin {
	margin-bottom: 10px; 
}
div.banner_l {
	margin-bottom: 10px; text-align: center;
}
a.banner_back img {
	border: 1px solid #ddd;
}	

a.banner_back:hover img{
	border: 1px solid #333;
}
h2.right_title {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Make Roads Safe */
img.mrs { border: 1px solid #ccc; }
div.slika_levo  { float: left; margin-right: 10px; }
div.slika_desno { float: right; margin-left: 10px;  }
span.slogan 	{ font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;  }
.newsflash 		{ line-height: 120%; font-family: Tahoma, Arial, Helvetica; margin-bottom: 3px; margin-top: 6px; }
.separator 		{ background-image: url("../images/default/separator.gif"); background-repeat: repeat-x; width: 100%; height: 3px; }
/* Rounded corners */
b.bt, b.bt b, b.bb, b.bb b {  
     display: block; height: 10px;font-size: 1px;  
     background:url("/images/default/rounded.gif") no-repeat;  
     position:relative}  
b.bt {top: -1px; left: -1px}  
b.bt b {background-position:100% -10px; left: 2px}  
b.bb {background-position:0 -20px; top:1px; left: -1px}  
b.bb b {background-position:100% -30px; left: 2px} 
/* Pronadjite gumu */
.Tsel {
	background-color: #F8F8EC;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	border: 1px solid #E0E7B8;
}
.Tsel td {
	padding: 6px;
}
.Tsel th {
	padding: 6px;
	font-weight: bold;
	text-align: left;
	width: 30%;
}
.Tsel select, .Tsel textarea{
	font-size: 11px;
	margin-left: 10px;
}
.Tsel input {
	margin-left: 10px;
	font-size: 10px;
}
.Tsel .buttoncell {
	text-align: center;
	padding-top: 10px;
}
.Tsel .sel {
	width: 180px;
}
.Tsel .klasifikacija {
	width: 100px;
}
div.Tsel {
	padding: 10px;
}
.pages {
	margin-top: 5px;
	margin-bttom: 5px;
	font-size: 11px;
	width: 100%;
}
.pages table {
	margin: 0; padding: 0; width: 100%;
}
.pages .page_nums {
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
}
.pages .okvir {
	border: 1px solid #e7e7e7;
	padding: 3px;
	text-align: center;
}
form.fizbor_mesta {
	padding: 10px;
}
/* Vulkanizeri */
.vulk {
	width: 100%;
	font-family: Tahoma;
	border-collapse: collapse;
}
.vulk td {
	padding: 10px;
	background-color:#F8F8F8;
	border: 1px solid white;
}
.vulk tr.bgc td {
	background-color: #F5F5F5;
}
.vulk th {
	background-image: url("../images/default/tblback.gif");
	color: white;
	padding: 5px;
}
.vulk a {
	color: #0066CC; text-decoration: none;
}
.vulk a:visited {
	color: #0066CC;
}
.vulk a:hover {
	text-decoration: underline;
}
.vulk a:active {
	color: #0066CC;
}
.brandimg img {
	margin-bottom: 15px;
}
/* Pojedinacne rubrike */
#cols_wrap {
	width: 100%;
}
#cols_wrap1 {
	width: 100%;
	margin-top: 20px;
}
#col1 {
	float: left;
	width: 49%;
}
#col2 {
	float: left;
	width: 49%;
}
#col3 {
	float: right;
	width: 35%;
}
/* Detaljnije */
p.back {
	text-align: right;
	margin-bottom: 0;
}
#col1_detail {
	float: left;
	width: 320px;
}
#img_detail {
	float: right;
	width: 150px;
}
.s1 {
	border-bottom: 1px dotted #ddd;
	padding: 5px;
	line-height: 130%;
}
.s2 {
	border-bottom: 1px dotted #E0E7B8;
	padding: 5px;
	line-height: 140%;
}
.emph {
	font-weight: bold;
	font-family: Tahoma, Verdana, Helvetica;
}
a.emph:visited {
	color: #0066CC;
}
#3cols {
	width: 100%;
}
.3cols_1 {
	width: 200px;
	float: left;
	border-right: 1px dotted #eee;
}
.arrow {
	margin-bottom:-1px;
	margin-right: 5px;
}
.new_nav {
	border-bottom: 1px solid #E0EFFE;
	border-left: 1px solid #E0EFFE;
}
.navtop {
	background-image: url("../images/default/nav_topbg.gif");
	background-repeat: repeat-y;
	padding: 5px 5px 5px 20px;
	color: #fff;
}

.prodaja_t td, .prodaja_t th  { padding: 5px; }

/* Newsletter */

.nl_textbox {
	width: 150px;
	font-size: 10px;
	padding: 2px;
	font-family: Tahoma, Arial, Helvetica;
	margin-left: 4px; 
	margin-right: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.nl_textbox {
	
}
.nl {
	margin-top: 8px;
}
.nl_button {
	margin-bottom: -5px;
}
/* Novosti */

table.novosti td {
	border-bottom: 1px dotted #ddd;
	border-collapse: collapse;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
}
.podnaslov {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px; font-style: italic;
}

/* Kontakt */

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

/* Sitemap */

ul#sitemap {
	list-style-image: url("../images/default/folder.gif");
}
ul.sub_cat li {
	line-height: 100%;
}

/* Various */

.gray_box {
	background-color: #fdfdfd;
	border: 1px solid #CCCCCC;
	padding: 10px;
}	
.gray_box p { margin: 0; }

/*********************************** STYLE ************************************ */

ul {
	list-style-image: url("../images/default/bullet.png");
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	color: #FF9500;
}

#pageWrapper
{
	font-size: 11px;				/* default font size. */
	background-color: #fff;
}
#masthead
{
	background-color: #fff;
	color: #000;
}

#outerColumnContainer
{
	border-left-color: #fff;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the middle column here */	
}
#navcontainer {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
}
#footer
{
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 9px;
	color: #999;
	text-align: center;
}

/* Google Ads */

.google_ads { width: 100%; text-align: center; margin-bottom: 10px; }
.google_ads_strane { width: 100%; text-align: center; margin-bottom: 5px; margin-top: 10px; }
.google_ads_side { text-align:center; }
.google_ads_links { margin-top: 15px; }
.google_ads_links_home { margin-left: 20px; margin-top: -30px; }

/* Glavna tabela u svim tekstovima */

table.tbl {
	background-color: #F8F8EC;
	border: 1px solid #E0E7B8;
	width: 100%;
}
.tbl td, .tbl th {
	padding: 4px;
	border: 1px solid white;
}
.tbl th { 
	font-weight: bold; 
	background-color: #E5E5CE;
}
.razmena img {
	margin-bottom:10px;
	margin-right: 10px;
}
.srodni {
	margin-top: 10px;
	font-size: 11px;
}
.srodni p a {
	margin-left: 4px;
}
.srodni strong {
	font-size: 12px;
}

.outlink { margin-bottom: -2px; margin-right: 5px; }

/* Pretrazivanje po brendu */
table.brand td {
	padding: 5px;
}
#res  { 
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	padding: 7px;
	margin-bottom: 2em;
}
#cont { width: 100%; }
#res1 { display: none; float: left; width: 50%; }
#res1 strong { margin-bottom: 1em; }
#res1 a:focus { font-weight: bold; }
#res2 { 
display: none;
float: right; width: 45%; border-left: 1px solid #ccc; padding-left: 1em;
background-image: url("../images/default/loading.gif");
background-repeat: no-repeat;
background-position: center; min-height: 200px;
}

#getff {
	width: 350px;
	height: 52px;
	margin-right: 0;
}

#getff img {
	float: left;	
}

#getff div {
	float: left;
	margin-top: 11px;	
}
.loading { z-index: 100; display: inline; position: absolute; left: 220px; margin-top: 7px;}
.chk { margin-bottom:-1px; }
.js #trazi { display: none; }
.naslov-novosti {
	font-size:13px;
	font-family: Tahoma, Geneva, sans-serif;
	margin:0;
	padding: 0;
}