/* ### DOCUMENT STYLES ### */
html, body {
	margin:0px;
	padding:0px;	
}

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #A0A0A0 url(images/bg_image.jpg) repeat-y center top;	
}
h1, h2, h3, h4 {
	margin: 0 auto; 
	padding: 0; 
	font-weight: bold;	
}
h1 {
	font-size:115%;
	line-height:1.3em;
}
h2 {
	font-size:100%;
	line-height:1.1em;
}
h3, h4 {
	font-size:90%;
	line-height:1.1em;
}
form {
	margin:0px;
}
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
a, a:visited {
	text-decoration:underline;
	color:#4F4F4F;	
}
a:hover {
	text-decoration:underline;
	color:#000000;
	
}
a img, a:visited img, a:hover img {
	border:0px;
}
.clearDiv {
	clear:both;
}
p {
	margin:0px;
	padding:0px;
	padding-bottom:11px;
}
/* ### SITE STYLES ### */
#container {
	width:760px;
	background-color:#ffffff;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;	
}
.honda_line 
{
	width:760px;
	height:65px;
	background: #ffffff url(images/honda_line.gif) no-repeat left top;
}
.honda_line img {
	margin-left:15px;
}
.news_line{float: right; width: 380px; height: 65px; font-size: 8pt; /*background-color:Red;*/}
.news_line a, .news_line a:visited{text-decoration: none;}
.news_line a:hover{text-decoration: none;}
.news_line .news_title{color:#3e596e; font-weight: bold; text-decoration: none; padding-bottom: 3px; display: block;}
.news_vise{font-weight: bold; text-decoration: none;}

.first {
	width:760px;
	height:50px;
	background:#C3C3C3 url(images/bg_first.jpg) no-repeat left top;
}
.klobucar_logo a {
	width:205px;
	height:50px;
	background-image:url(images/klobucar_logo.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:10px;
}
.firstMeni {
	float:right;
	padding-right: 15px;
	padding-top:5px;
	text-align:right;
	width:450px;
	/*background-color:green;*/
}
.firstMeni ul {
	/*float:right;*/
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:8px;
	text-align:right;
	/*width:340px;*/
}
.firstMeni li {
	float:right;
}
.firstMeni li a, .firstMeni li a:visited {
	font-size:12px;
	padding-right:6px;
	padding-left:10px;
	padding-top:13px;
	border-right:solid 1px #787878;
	line-height:37px;	
	text-decoration:none;
	
}
.firstMeni li a:hover {
	border-right:solid 1px #E52727;
	color:#383838;
	text-decoration:none;
}
.first select {
	margin-left:10px;
	margin-right:10px;
	margin-top:14px;
	float:right;
	background:#D2D2D2;
	border:solid 1px #737272;
}
#tijelo {
	background-color: #DFD9D2;
	width: 760px;
}
/* ### LIJEVO ### */
#left {
	width: 178px;
	float: left;
}
.meni {
	background-color: #6d6c6c;
	background-image: url(images/meni_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 178px;
	min-height:242px;
	font-size:10pt;
	text-decoration:none;
	/*line-height:20px;*/
	color:#DCDCDC;
}
.meni ul {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:25px;
	padding-left:20px;
	padding-bottom:13px;
	text-transform:uppercase;
}
.meni li {
	line-height:20px;
}
.meni li a, .meni li a:visited,.meni li {
	font-size:9pt;
	text-decoration:none;
	/*line-height:20px;*/
	color:#DCDCDC;
	font-weight:normal;
}
.meni li a:hover {
	color:#BDBDBD;
	text-decoration:underline;
}
.meni li.uvlaka12 a, .meni li.uvlaka12 a:visited
{
    font-size: 7pt;
    font-weight: normal;
    text-decoration: none;
    line-height: 20px;
    color: #c8c8c8; /*color:#F4DDDD;
	color:#ffffff;*/
    margin-left: 5px;
    padding-left: 9px;
    background-image: url(images/bullet01.gif);
    background-position: 3px 4px;
    background-repeat: no-repeat;
}
.meni li.uvlaka12 a:hover {
	color:#BDBDBD;
	text-decoration:underline;
	background-position:0px 4px;
}
.meni_footer {
	height:8px;
	background:#6d6c6c url(images/meni_footer.jpg) no-repeat left top;
}
.info {
	width:178px;
	background-image:url(images/info_reapet.jpg);
	background-repeat:repeat-y;
	min-height:135px;
}
.infoTxt {
	font-size:11px;
	line-height:17px;
	color:#ffffff;
	padding-top:15px;
	padding-left: 10px;
	background-image:url(images/info_bg.jpg);
	background-repeat:no-repeat;
}
.infoTxt a, .infoTxt a:visited {
	font-size:10px;	
	color:#ffffff;
	text-decoration:none;
	border-bottom: solid 1px #A1B6C2;	
}
.infoTxt a:hover {	
	color:#ffffff;
	text-decoration:none;
	border-bottom: solid 1px #ffffff;	
}
.info_footer {
	height:15px;
	background:#6d6c6c url(images/info_footer.jpg) no-repeat left top;
}	
.gdjeSmo a, .gdjeSmo a:visited {
	width:175px;
	height:107px;
	display:block;
	background:#dfd9d2 url(images/gdjesmo.jpg) no-repeat 0px 0px;
}
.gdjeSmo a:hover {
	background:#dfd9d2 url(images/gdjesmo.jpg) no-repeat -178px 0px;
}
/* ### DESNO ### */
#right {
	float: right;
	width: 582px;
	background-color:#DFD9D2;
}
.bigPhoto {	
	float:left;
	
}
.bigPhoto img {	
	float:left;
	
}
.content {
	background: #DFD9D2 url(images/content_bg.jpg) repeat-x top;	
	width: 582px;
	float:left;	
	min-height:146px;
}
.contentProzoriLeft {
	float:left;
	width:175px;
	/*margin-top:24px;
	margin-left:14px;*/
	display:inline;
}
.contentProzor img {
	float:left;
}
.contentProzor a, .contentProzor a:visited {
	width:250px;
	height:115px;	
	display:block;
	padding-top:9px;
	padding-left:10px;
	margin-bottom:33px;
	background-image:url(images/content_prozor.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.contentProzor a:hover {
	background-image:url(images/content_prozor.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.contentBox {
    float:left;
    margin:30px 0px 0px 17px;
    display:inline;
    }
.contentBox img {
	float:left;
	margin-bottom:3px;
}
.contentBox a, .contentBox a:visited {
	width:163px;
	height:94px;	
	display:block;
	padding-top:7px;
	padding-left:7px;
	color:#9C8A6E;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	/*margin-bottom:33px;*/
	background-image:url(images/contentBox.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.contentBox a:hover {
	background-image:url(images/contentBox.gif);
	background-repeat:no-repeat;
	background-position:right top;
	color:#9C8A6E;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}
.contentProzoriLeft .contentBox {
    margin:20px 0px 0px 17px;
}
.akcijskiProzor {
    width:357px;
    height:216px;
	float:right;
	margin-top:20px;
	margin-right:20px;
	background:#E0DBD4 url(images/akcijskiBox.jpg) left top no-repeat;
	display:inline;
}
.akcijski1 a, .akcijski1 a:visited
{
    text-decoration:none;
    display:block;    
    height:45px;
    width:185px;
    background:#2E428B url(images/akcijski1.jpg) left top no-repeat;
}
.akcijski1 a:hover{    
   
    background-position:right top;
}
.akcijski2 a, .akcijski2 a:visited
{
    text-decoration:none;
    display:block;    
    height:45px;
    width:185px;
    background:#2E428B url(images/akcijski2.jpg) left top no-repeat;
}
.akcijski2 a:hover
{    
    
    background-position:right top;
}
.contentSlike {
	float:left;
	width:170px;
	padding-top:32px;
	padding-left:10px;
	/*background-color: Red;*/
}
.contentSlike img {
	padding:3px;
	border:solid 1px #B2A591;
	margin-bottom:15px;
}
.contentSlike a img, .contentSlike a:visited img {
	padding:3px;
	border:solid 1px #B2A591;
}
.contentSlike a:hover img {
	padding:3px;
	border:solid 1px #CEBCA1;
}
.contentKategorije {
	float:right;
	padding:25px;
	padding-left:15px;
	width:360px;
	font-size:10pt;	
	line-height:19px;
	/*background-color:gray;*/}

.contentKategorije a {
	font-weight:bold;
	color:#7A6649;
	text-decoration:none;
	border-bottom:solid 1px #7A6649
}
.contentKategorije a:hover {	
	color:#36506B;
	text-decoration:none;
	border-bottom:solid 1px #36506B
}
.contentKategorije a.LinkNoClass{border-bottom:solid 0px red;text-decoration:none;}

.contentKategorije h1 {	
	padding-top:0px;
	padding-bottom:5px;
	color:#36506B;
}
#naslov
{
    padding-top:5px;
	padding-bottom:5px;
	color:#36506B;
}
/* ### FOOTER ### */
#footer {
	height:25px;
	width:760px;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	font-size:11px;
	color:#BFC2C7;
	text-align:center;
	padding-top:16px;
}
#footer a, #footer a:visited {
	font-size:11px;
	color:#BFC2C7;
	border-bottom:solid 1px #7C91A6;
	text-decoration:none;
}
#footer a:hover {	
	border-bottom:solid 1px #8E4E5A;
	text-decoration:none;
}
#kontaktForma
{
    float:right;
	width:360px;
    padding:25px;
	padding-top:0px;
	font-size:9pt;
	text-align:left;
}
#kontaktForma input, #kontaktForma textarea {
	background-color:#CCC1B2;
	border:1px solid #BCAD98;
	padding:2px;
	font-size:10pt;
	margin-left:5px;
}
	
#kontaktForma p
{
    font-size: 8pt;
    /*width: 400px;*/
}
/*impressum*/
h3
{
   color: #36506B; 
}
.tabs
{
	background-color: #b6ad9e;
	text-decoration: none;
	padding: 5px;
	border-bottom:solid 0px red;
	color:#4F4F4F;
	
}
a.tabs, a.tabs  strong{
	 background-color: #b6ad9e;
	 text-decoration: none;
	 border-bottom:solid 0px red
}
.contentKategorije .tabs:visited, .contentKategorije .tabs:visited strong
{
	 background-color: #b6ad9e;
	 text-decoration: none;	
	 border-bottom:solid 0px red
}
.contentKategorije .tabs:hover{

	 text-decoration: none;	
	 border-bottom:solid 0px red
}
