@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial;
	color: #505050;
	font-size: 12px;
}

a {
	color: #4E8ADB;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #660066;
	margin:0;
}

a:hover {
	color: red;
	text-decoration: underline;
}


p {
	margin-top: 3px;
	margin-bottom: 0;
}

#scores td {
	padding: 5px 0 5px 0
}

#review-stats {
	vertical-align: top
}

#review-stats h2 {
	margin: 0 !important;
}

#market_marki {
	width: 100%;
	margin: 10px 0 10px 0;
	font-size: 15px;
}

#right_block {
	width: 15%;
	vertical-align: top;
	text-align:center;
	background: #e6e6e8; 
	border: 1px solid #bfbfbf;
}

#right_block ul li {
	text-align:left
}

.author {
	float: right;
	color: #999
}

.reviewlist {
	width: 95%;
	margin:10px auto 10px auto;
	background: #F3F3F3;
}


.pluses {
	vertical-align: top;
	width: 300px !important;
}

.minuses {
	vertical-align: top
}


.pluses ul {
	margin: 0;
	padding: 0;
	
}

.minuses ul {
	margin: 0;
	padding: 0;
	
}

.pluses li {
	list-style-type: none;
	background: url(img/plus.png) no-repeat 0 50%;
	padding: 5px 0 5px 20px;
	font-weight: bold;
}

.minuses li {
	list-style-type: none;
	background: url(img/minus.png) no-repeat 0 50%;
	padding: 5px 0 5px 20px;
	font-weight: bold
}


.button {
	background: url(img/add-review.png) no-repeat;
	height: 27px;
	width: 186px;
}

.button:hover {
	background: url(img/add-review-hover.png) no-repeat;
}

.button a {
	color: #fff;
	display: block;
	height: 21px;
	padding: 6px 0 0 40px;
	width: 100%
}

.button a:hover {
	color: #fff;
	text-decoration:none
}


.button a:visited {
	color: #fff;
}


.img-wrapper {
	margin: 15px 15px 0 0;
	background: url(img/border.png) no-repeat bottom right;
	line-height:0;
	float: left;
}

.img-wrapper img {
	float:none;
	margin:0;
	background:#fff;
	padding:4px;
	border:1px solid #c5bdbd;
	position: relative;
	left: -5px;
	top: -5px;
}

.arrow-menu {
	margin:0; 
	padding:0;
	list-style-type: none
}

.arrow-menu li {
	background: url(img/arrow.gif) no-repeat 0 50%; 
	padding-left: 15px
}

h1 {
	font-size: 18px
}

h2 {
	font-size: 15px
}
h3 {
	font-size: 14px;
	margin:0 0 5px 0;
}

table.real {
	background-color: #c0c0c0; 
	margin: auto
}

table.real td {
	background-color: #fff;
}

ul.dropdown                         { position: relative; background: #000; height: 40px }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; margin-top: 7px; list-style-type: none; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { font-size: 14px; display: block; padding: 4px 15px; border-right: 1px solid #fff;
	 								  color: #fff; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

/* LEVEL TWO */
ul.dropdown ul 						{ width: 220px; padding:0; background: #f6f6f6; visibility: hidden; position: absolute; top: 100%; left: 0; border: 1px solid #ccc }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; margin-top: 0 }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

.data {
	background: black;
	color: #fff;
	padding: 1px;
}

.head {
	font-size:14px
}

.logo {
	background: url(img/logo.gif) no-repeat; 
	height: 61px; 
	width: 360px
}

.slogan {
	background: url(img/line.gif) no-repeat;
	padding-left: 20px; 
	font-size: 14px;
}

#marki {
	width: 100%;
	text-align:center;
	font-size: 14px;
}

.grad {
	margin: auto; 
	background:url(img/grad.gif) repeat-x; 
	height: 185px
}

.face {
	background: url(img/face.jpg) no-repeat; 
	width: 371px
}

.head_title {
	color: #000; 
	margin: 20px; 
	font-size: 18px
}

.head_list {
	margin-left: 200px; 
	font-size: 15px; 
	color: #dad8d9
}

#proizvod {
	width:100%;
	height: 47px; 
	background: url(img/grad2.gif) repeat-x; 
	border: 1px solid #bfbfbf; 
	margin: 8px 0 8px 0;
}

#proizvod td {
	padding: 0 5px 0 5px
}

#proizvod img {
	border: none;
	vertical-align: middle
}
.zebra {
	margin: 0 12px 0 12px
}

.cars {
	width: 100%;
	margin: auto; 
	background: #e6e6e8; 
	border: 1px solid #bfbfbf;
	text-align: center;
}
.cars img {
	border: 0;
}

.frame {
	border-left: 1px dotted #A7A7A9
}

.gray_block {
	background: #e6e6e8; 
	border: 1px solid #bfbfbf;
}

#bottom {
	height: 47px; 
	background: url(img/grad2.gif) repeat-x; 
	border: 1px solid #bfbfbf; 
	margin: auto; 
	margin-top: 8px;
	width: 100%;
}

#bottom_menu {
	width: 60%;
	vertical-align: top
}

#bottom_menu a, #bottom_menu a:visited {
	color: #505050;
	text-decoration: none;
	margin:0 7px 0 7px;
	font-size: 12px
}

#bottom_menu a:hover {
	color: red;
	text-decoration: underline;
}

#main  {
	padding: 0 10px 0 10px;
}

#main p {
	margin:10px 0 10px 0;
	text-align: justify;
}

#main h1 {
	margin: 0 0 20px 0;
}

#main h2 {
	margin: 20px 0 0 0;
}

.bigger {
	font-size: 16px;
	font-weight: bold;
}

.bigger2 {
	font-size: 14px;
	font-weight: bold;
}

#tnav {
	font-size: 15px;
}

#tnav a {
	color: #4E8ADB;
	text-decoration: none;
	font-size: 15px;
}

#tnav a:visited {
	text-decoration: none;
	color: #660066;
	margin:0;
	font-size: 15px;
}

#tnav a:hover {
	color: red;
	text-decoration: underline;
	font-size: 15px;
}

#claim {
	background: #eeecb7; 
	width: 90%; 
	margin: auto; 
	margin-bottom: 30px; 
	padding: 40px; 
	font-weight: bold;
	border: 2px dashed #d56a6a;
	color: #505050;
	font-size: 13px;
	text-align: left;
	min-height: 30px;
}

#claim img {
	float: left;
	margin-right: 30px
}

#forma_contact {
	border: 1px solid grey; 
	padding: 10px
	}


.yellow_block {
	width: 95%; 
	margin: auto; 
	border: 1px dashed #d4d4d4; 
	background: #f7f6e0; 
	padding: 5px;
	margin-bottom: 15px;
}

div.box{
	width:301px;
	background:url(/img/box-bg.gif) repeat-y 0 0;
	margin:10px 0 8px 7px;
	display:inline;
}

#result {
	background: #DBD9DA;
}

#result td {
	background: white;
}

#result th {
	background: url(img/grad2.gif) repeat-x;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

#width {
	width:100%;
	max-width: 1280px;
	margin: auto;
}

#last {
	padding: 4px;
	background: white; 
	border: 1px solid gray;
	text-align:center
}

#last div {
	min-height: 100px;
	text-align:center
}

#main-rama {
	width: 100%
}

.copy {
	font-size: x-small;
	text-align:center
}

.rat_star {
	width: 310px;
	background: #fff
}

.rat_star td {
	padding: 0 7px 4px 0;
}

#main_review  {
	width: 100%;
}

#main_review p {
	margin:10px 0 10px 0;
	text-align: justify;
}

#review {
	background: #E6E6E8;
	padding: 15px;
}

.top-left {
	background: url(img/frame-top-left.jpg) top left no-repeat;
	padding-top: 10px !important
}

.top-right {
	background: url(img/frame-top-right.jpg) top right no-repeat;
	padding-top: 10px !important
}

.bot-right {
	background: url(img/frame-bot-right.jpg) bottom right no-repeat;
	padding-bottom: 10px !important
}

.bot-left {
	background: url(img/frame-bot-left.jpg) bottom left no-repeat;
	padding-left: 10px !important;
	padding-bottom: 10px !important
}

.submit {
	height: 50px; 
	width: 200px; 
	font-size: 16px; 
	font-weight: bold; 
	color: #fff; 
	background: url(img/submit.gif) repeat-x; 
	border: 1px solid #fff;
	margin: 20px 0 20px 0
}

.submit:hover {
	background: #900;
	background-image: none;
	cursor: pointer
}

.hint {
	font-size: 11px; 
	font-weight: normal; 
	color: #666
}

/* Begin of Shadowbox style */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;cursor:pointer}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(img/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(img/close.png);}
#sb-nav-next{background-image:url(img/next.png);}
#sb-nav-previous{background-image:url(img/previous.png);}
#sb-nav-play{background-image:url(img/play.png);}
#sb-nav-pause{background-image:url(img/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* End of Shadowbox style */

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(img/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(img/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
