* { margin: 0; padding: 0; }

body { font-family: Arial; font-size: 11px; color: #535353; background: #19537d url(images/bg.jpg) repeat-x; }

a { font-weight: bold; text-decoration: none; color: #0165ab; }
a:hover { text-decoration: underline; }

h2 { font-size: 18px; font-weight: normal; padding: 0 0 5px 0; margin: -10px 0 10px 0; color: #0165ab; border-bottom: #b3b3b3 1px solid; }
h3 { font-size: 14px; font-weight: bold; padding: 7px 0; color: #0165ab; }
h4 { font-size: 12px; font-weight: bold; margin: 0 0 3px 0; }

hr { clear: both; height: 1px; border-width: 1px 0 0 0; border-top: #0165ab 1px dotted; }

ul { list-style: none; }
ul.text { clear: left; list-style: disc; margin: 0 0 0 10px; }
ul.text li { padding: 3px 0; margin: 0 0 0 10px; }

p { line-height: 17px; }

form { margin: 0 8px 0 0; line-height: 8px; }
form .text { width: 100%; padding: 2px 3px; font-family: Arial; font-size: 11px; color: #a09f9f; background-color: #fff; border: #bcbcbc 1px solid; }
form .button { float: right; width: 50px; margin: 10px -8px 0 0; padding: 0 0 2px 15px; height: 16px; line-height: 14px; background: transparent url(images/more-bg.gif) top left no-repeat; }
form .button input { font-size: 11px; float: right; color: #fff; border-style: none; padding: 1px 15px 2px 0; color: #fff; background: transparent url(images/more-bg.gif) top right no-repeat; }

input.dob { display: none; }

*:first-child+html form .button { margin-right: 2px; } * html form .button { margin-right: 2šx; }

#main { width: 880px; margin: 0 -10px 0 0; padding: 0 0 0 13px; background: transparent url(images/main.jpg) no-repeat; }

#content { padding: 8px 0 0 0; }

#news { width: 350px; }
#news hr { margin: 0 0 20px 0; }
#news .more { margin: 15px 0 1px 0; }

#welcome { width: 350px; }
#welcome hr { margin: 13px 0 8px 0; }

#brands { width: 150px; }
#brands img { border-width: 0; padding: 0; margin: 0 0 10px 0; }

#brand_list { width: 155px; }
#brand_list .content { padding: 13px 14px; }

#brand_info { width: 703px; }
#brand_info .description h3 { padding: 0; }
#brand_info .description p { text-align: justify; padding-bottom: 15px; }
#brand_info .description .lead { text-align: left; padding: 3px 0; }
#brand_info .description .first { clear: left; }
#brand_info .info { margin: 0 0 0 20px; width: 225px; float: left; display: inline; }
#brand_info .info h3 { text-align: center; border-bottom: #b3b3b3 1px solid; }
#brand_info .info ul { overflow: hidden; }
#brand_info .info li { padding: 10px 0; border-bottom: #0165ab 1px dotted; margin-bottom: -1px; min-height: 60px; }
#brand_info .info li.single { border-bottom-width: 0px; }
#brand_info .info li img { float: left; margin: 0 10px 0 0; }
#brand_info .info li.cover { text-align: center; }
#brand_info .info li.cover img { float: none; }
#brand_info .logo { float: left; border-width: 0; margin: 10px 20px 15px 0; }

#about_info { width: 708px; }
#about_info .description { width: 675px; float: left; display: inline; text-align: justify; }
#about_info .description img { float: left; margin: 0 10px 10px 0; }
#about_info .description h3 { padding: 0; }
#about_info .description p { text-align: justify; padding-bottom: 15px; }
#about_info .description .lead { text-align: left; padding: 3px 0; }
#about_info .description .first { clear: left; }
#about_info .info { margin: 0 0 0 20px; width: 155px; float: left; display: inline; }
#about_info .info ul { margin: 0 -20px 0 0; }
#about_info .info li { width: 70px; float: left; margin: 0 16px 10px 0; }

#news_content { width: 155px; }
#news_content .content { padding: 13px 14px; }

#news_content_info { width: 703px; }
#news_content_info .description { width: 492px; float: left; display: inline; }
#news_content_info .description img { float: left; margin: 0 10px 10px 0; }
#news_content_info .description h3 { padding: 0; }
#news_content_info .description p { text-align: justify; padding-bottom: 15px; }
#news_content_info .description .lead { text-align: left; padding: 3px 0; }
#news_content_info .description .first { clear: left; }
#news_content_info .info { margin: 0 0 0 20px; width: 155px; float: left; display: inline; }
#news_content_info .info ul { margin: 0 -20px 0 0; }
#news_content_info .info li { width: 70px; float: left; margin: 0 16px 10px 0; }

#marketing_info { width: 868px; }
#marketing_info .description { width: 656px; float: left; display: inline; }
#marketing_info .description img { float: left; margin: 0 10px 10px 0; }
#marketing_info .description h3 { padding: 0; }
#marketing_info .description p { text-align: justify; padding-bottom: 15px; }
#marketing_info .description .lead { text-align: left; padding: 3px 0; }
#marketing_info .description .first { clear: left; }
#marketing_info .info { margin: 0 0 0 20px; width: 158px; text-align: justify; float: left; display: inline; }
#marketing_info .info .warning { text-align: left; font-size: 10px; color: #0165ab; padding: 8px 0 0 0; line-height: 14px; }

#jobs_info { width: 868px; }
#jobs_info .description {  }
#jobs_info .description img { float: left; margin: 0 10px 10px 0; }
#jobs_info .description h3 { padding: 0; }
#jobs_info .description p { text-align: justify; padding-bottom: 15px; }
#jobs_info .description .lead { text-align: left; padding: 3px 0; }
#jobs_info .description .first { clear: left; }
#jobs_info .info { margin: 0 0 0 20px; width: 155px; float: left; display: inline; }

#contact { width: 663px; }
#contact .content { padding: 13px 14px; }

#contact_form { width: 196px; }
#contact_form hr { clear: both; margin: 10px 0; }
#contact_form .contact { text-align: center; line-height: 20px; margin: 0 0 -10px 0; }

.box { position: relative; float: left; margin: 10px 10px 50px 0; padding: 0 0 20px 0; background-color: #fff; }
.box .icon { position: absolute; top: -3px; right: 13px; width: 30px; height: 30px; z-index: 2; }
.box .tl, .box .tr, .box .bl, .box .br { position: absolute; z-index: 1; background: transparent url(images/box.png); }
.box .tl { top: -10px; left: 0; height: 70px; width: 60%; }
.box .tr { top: -10px; right: 0; height: 70px; width: 60%; background-position: right top; }
.box .bl { bottom: -10px; left: 0; height: 10px; width: 60%; background-position: left bottom; }
.box .br { bottom: -10px; right: 0; height: 10px; width: 60%; background-position: right bottom; }
.box .content { position: relative; z-index: 3; padding: 13px 16px; }
.box img { padding: 1px; border: #b3b3b3 1px solid; background-color: #fff; }

.links { list-style: none; }
.links li { background: transparent url(images/arrow.gif) right center no-repeat; border-bottom: #0165ab 1px dotted; }
.links a { display: block; padding: 4px 20px 4px 0; }

.more { float: right; padding: 2px 0 2px 8px; height: 14px; line-height: 14px; background: transparent url(images/more-bg.gif) top left no-repeat; }
.more a { font-weight: normal; padding: 2px 8px 2px 0; color: #fff; background: transparent url(images/more-bg.gif) top right no-repeat; }

.preuzmi { float: right; padding: 2px 0 2px 8px; height: 14px; line-height: 14px; background: transparent url(images/more-bg.gif) top left no-repeat; }
.preuzmi a { font-weight: normal; padding: 2px 8px 2px 0; color: #fff; background: transparent url(images/more-bg.gif) top right no-repeat; }

.lead { font-weight: bold; color: #0165ab; }

.message { color: #c00; padding: 0 0 5px 0; }
.message span { font-weight: bold; color: #0165ab; }

div.arrow { background: transparent url(images/icons/arrow.jpg) }
div.plus { background: transparent url(images/icons/plus.jpg) }
div.tick { background: transparent url(images/icons/tick.jpg) }

.extend:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.extend {display:inline-block;}
html[xmlns] .extend {display:block;}
* html .extend {height:1%;}

* html .box .tl, * html .box .tr, * html .box .bl, * html .box .br { background-image: url(images/box.gif); }
* html #marketing_info .info { margin-left: 10px; }
* html #contact_form { width: 186px; }
* html #contact_form .content { padding-right: 6px; }
* html #jobs_info { width: 855px; }
* html .box .tr, * html .box .br { right: -1px; }
* html #news .tr, * html #news .br, * html #welcome .tr, * html #welcome .br, * html #brands .tr, * html #brands .br, * html #marketing_info .tr, * html #marketing_info .br, * html #about_info .tr, * html #about_info .br, * html #contact_form .tr, * html #contact_form .br { right: 0; }