@charset "utf-8";

/****************/
/* Reset rules */
/****************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
img{ border:none; }
a { color: #959137; text-decoration: underline; }
a:hover { text-decoration: none; }

/****************/
/* General rules */
/****************/
body{ background:url(../design/body_background.jpg) top center no-repeat #010100; font-family:Arial, Helvetica, sans-serif;  }
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; }
.fl_right{ float:right; display:inline; }
.message_error{ color:#ee2f15; font-size: 12px; margin-bottom: 10px; }
.message_ok{ color:#218c00; font-size: 12px; margin-bottom: 10px; }

/****************/
/* Header rules */
/****************/
#header{ margin:0 auto; padding:0; width:955px; height:auto; position:relative; }

/********/
/* Logo */
/********/
#header h1{ margin:0px 0 0 50px; width:356px; height:180px; float:left; display:inline; background:url(../design/auto_best_logo.jpg); position:absolute; z-index:0; }
#header h1 a{ width:356px; height:180px;  outline:none; display:block; }
#header h1 a span{ display:none; } 

/* Meni */
#header ul{ margin:63px 74px 0 0; width:480px; height:35px; float:right; display:inline; background:#363023; font-size:12px; font-weight:bold; line-height:26px; 
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; z-index:1; position:relative;	 }
#header ul li{ margin:5px 0 0 5px;; float:left; display:inline; text-align:center; }
#header ul li a{ color:#fff; text-decoration:none; display:block; background:#959137; text-transform:uppercase; width:113px; }
#header ul li a:hover, #header ul li a:active{ background:#d7d56d; color:#fff; }
#header ul li a.selected{ color:#000; background:#d7d56d; }

/***********/
/* Content */
/***********/
#content{ margin:0 auto; width:955px; clear:both; height:580px; }

#izdvojeno{ margin:47px 83px 0 0; width:390px; height:200px; float:right; display:inline; position:relative;
			background:url(../design/body_content_izdvojeno_background.jpg) no-repeat; }

#izdvojeno a#sljedeci span, #izdvojeno a#prethodni span{ display:none; }
#izdvojeno a#sljedeci{ width:46px; height:46px; position:absolute; top:5px; right:5px; background:url(../design/body_content_izdvojeno_strelicanaprijed.jpg); }
#izdvojeno a:hover#sljedeci{ background:url(../design/body_content_izdvojeno_strelicanaprijed_hover.jpg); }
#izdvojeno a#prethodni{ width:46px; height:46px; position:absolute; top:5px; left:5px; background:url(../design/body_content_izdvojeno_strelicanatrag.jpg); }
#izdvojeno a:hover#prethodni{ background:url(../design/body_content_izdvojeno_strelicanatrag_hover.jpg); }

#izdvojeno h4{ margin:5px 0 0 0; text-transform:uppercase; text-align:center; line-height:46px; }
#izdvojeno p{ margin:8px 0 0 35px ; float:left; display:inline; width:160px; font-size:13px; font-weight:bold; font-style:italic; }
#izdvojeno img{ margin:8px 15px 0 0; float:right; display:inline; border:1px solid #a8a64d; }
#izdvojeno a{ color: #000000; text-decoration:none; }
#izdvojeno a:hover{ text-decoration: underline; }
#izdvojeno #random_car{ position:relative; width:380px; height:150px; overflow:hidden; margin-left:5px; }
#izdvojeno #random_car .auto{ width:380px; position:absolute; margin-left:5px; }
#izdvojeno #random_car .noscript{ margin:20px 0 0 0; display:block; font-size:14px; font-weight:bold; }
#all_cars{ display:none; }
#all_extracted_cars{ display:none; }

#box { float:left; margin: 19px 0 0 77px; padding: 35px 30px 30px 0; width: 800px; height: 275px; background:url(../design/content_back.jpg) no-repeat; display: inline; }
#box .left { float: left; width: 130px; margin-left:10px; text-align: center; }
#box .right { float: left; width: 570px; margin-left: 40px;}
#box h2 { font-weight: normal; font-size: 24px; color: #364b40; }
#box p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 25px; }

#box_big { float:left; margin: 52px 0 0 77px; padding: 35px 30px 30px 0; width: 800px; height: 489px; background:url(../design/big_content_back.jpg) no-repeat; z-index: 1; position: relative; display: inline; }
#box_big .left { float: left; width: 130px; margin-left:10px; text-align: center; }
#box_big .ponuda_right { float: left; width: 570px; margin-left: 15px;}
#box_big .kontakt_first { float: left; width: 250px; margin-left: 50px; }
#box_big .kontakt_second { float: left; width: 290px; margin-left: 45px; padding: 15px 0; }
#box_big h2 { font-weight: normal; font-size: 24px; color: #364b40; }
#box_big p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 25px; }

#map{ width:600px; height:415px; margin-left: 28px; float: left; border: 1px solid #959137; }

/**********/
/* Footer */
/**********/
#footer{ width:100%; height:150px; margin:0 auto; background:url(../design/body_footer_background.jpg) top center no-repeat; padding-top: 20px; }
#footer .inner { width: 780px; margin: auto; height: 30px; }
#footer .left { float: left; margin-left: 515px; display: inline; }
#footer p { color: #f1f1f1; font-size: 12px; font-weight: bold; }
#footer a { color: #a4c521; text-decoration: none; font-style: italic; }
#footer a:hover { text-decoration: underline; }

form{ margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
form .cont { width: 240px; }
form label { font-size: 13px; color: #000000; font-weight: bold; padding: 0 0 0 10px; }
form input{ padding: 4px; width:230px; height: 19px; border: 1px solid #cac699; background-color: #d7d56d; }
form .small{ width:100px; }
form textarea{ padding:5px; width:230px; height:130px; border: 1px solid #cac699; background-color: #d7d56d; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
form .submit{ width:81px; height:27px; display:block;font-weight:bold; margin-left: 160px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}