/*** Reset ***/
* { margin: 0; padding: 0; border: 0; }

/*** General settings ***/
body { font-size: 62.5%; background-image: url(../images/body_tile.jpg); background-repeat: repeat-x; background-color: #dadada; font-family: Arial, Helvetica, sans-serif; }
p { font-size: 1.3em; line-height: 1.6em; }
a { text-decoration: none; font-size: 1em; line-height: 1.6em; color: #000; }
h1 { font-size: 2em }
h2 { font-size: 1.8em }
h3 { font-size: 1.7em }
h4 { font-size: 1.6em }
h5 { font-size: 1.5em }
h6 { font-size: 1.4em }
ul { list-style: none; }

/*** Custum classes & Span hooks ***/
.clear { clear: both; }
.bold { font-weight: 800; }
.italic { font-style: italic; }

/*** Wrapper ***/
#wrapper { width: 978px; margin: auto; }

/*** Header ***/
#header { width: 978px; height: 130px; background-image: url(../images/header_background.jpg); background-repeat: no-repeat; }
#logo { background-image:url(../images/logo.jpg); background-repeat: no-repeat; float: left; }
#language { width: 104px; height: 21px; margin-right: 5px; margin-top: 3px; float: right; display: inline; }
#hr { width: 26px; height: 21px; background-image: url(../images/cro.jpg); background-repeat: no-repeat; float: left;}
#hr:hover { background-position: right; }
#en { width: 26px; height: 21px; background-image: url(../images/eng.jpg); background-repeat: no-repeat; float: left;}
#en:hover { background-position: right; }
#de { width: 26px; height: 21px; background-image: url(../images/ger.jpg); background-repeat: no-repeat; float: left;}
#de:hover { background-position: right; }
#it { width: 26px; height: 21px; background-image: url(../images/ita.jpg); background-repeat: no-repeat; float: left;}
#it:hover { background-position: right; }
#banner { float: right; margin-right: 10px; margin-top: 14px; }

/*** Current language underline ***/
.hr #hr { background-position: right; }
.en #en { background-position: right; }
.de #de { background-position: right; }
.it #it { background-position: right; }

/*** Sidebar-left ***/
#sidebar-left { width: 220px; height: 490px; margin-top: 25px; background-image:url(../images/sidebar_left.png); background-repeat: no-repeat; float: left; }

/*** Navigation ***/
#navigation { margin-left: 20px; margin-top: 20px; }
#navigation ul li a { width: 163px; height: 37px; background-image: url(../images/navigation_button.jpg); background-repeat: no-repeat; display: block; line-height: 2.8em; color: #FFF; padding-left: 12px; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; }
#navigation ul li a:hover { background-position: right; }

/*** Current active link ***/
#services .services { background-position: right; }
#services-3rd .services { background-position: right; }
#services-carinsko .services { background-position: right; }
#services-cestovni .services { background-position: right; }
#services-granicni .services { background-position: right; }
#services-kurirska .services { background-position: right; }
#services-pomorski .services { background-position: right; }
#services-prodaja .services { background-position: right; }
#services-zeljeznicki .services { background-position: right; }
#services-zracni .services { background-position: right; }
#about-us .about-us { background-position: right; }
#contact .contact { background-position: right; }
#careers .careers { background-position: right; }
#references .references { background-position: right; }
#quality-management .quality-management { background-position: right; }
#environment-protection .environment-protection { background-position: right; }

/*** Webmail **/
#webmail p { font-weight: 800; color: #FFF; margin-bottom: 10px; }
#webmail-form { margin-top: 45px; margin-left: 35px; }
#webmail-mail { width: 130px; height: 16px; padding: 3px; background-image: url(../images/webmail_input.jpg); background-repeat: no-repeat; margin-bottom: 12px;}
#webmail-pass { width: 130px; height: 16px; padding: 3px; background-image: url(../images/webmail_input.jpg); background-repeat: no-repeat; float: left; margin-bottom: 10px;}
#webmail-submit { width: 70px; height: 29px; background-image: url(../images/webmail_submit.jpg); background-repeat: no-repeat; float: left; margin-left: 68px; font-size: 1em; }
#webmail label { color: #FFF; }

/*** Content ***/
#content { width: 538px; background-repeat: no-repeat; float: left; margin-top: 25px; }

/*** Services ***/
#about-box-1 .holder { width: 160px; height: 140px; float: left; margin-left: 14px; display: inline;}
#about-box-2 .holder { width: 160px; height: 140px; float: left; margin-left: 14px; margin-top: 20px; display: inline;}
#about-box-3 .holder { width: 160px; height: 140px; float: left; margin-left: 14px; margin-top: 20px; display: inline; }
.holder p { text-align: center; font-size: 1.2em; font-weight: 800; margin-top: 3px;}
.holder .it p{ line-height: 1.3; font-size:1.1em;  }
.holder .it .title{ line-height:1.6em; }
#services #content img { width: 160px; height: 118px; }
#about-box-1 { width: 538px; height: 150px;  margin-top: 4px; }
#about-box-2 { width: 538px; height: 169px; background-image: url(../images/services_box.png); background-repeat: no-repeat; }
#about-box-3 { width: 538px; height: 169px; }
.holder { overflow: hidden; position: relative; }
.slider { width: 160px; height: 100px; position: relative; z-index: 1000; }


/*** Services Carinsko Zastupanje ***/
#services-carinsko-top { width: 538px; height: 180px; background-image: url(../images/services_carinsko_top.png); background-repeat: no-repeat; }
#services-carinsko-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-carinsko-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-carinsko-content ul { list-style: disc; margin-left: 90px; margin-top: 10px; }
#services-carinsko-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services Cestovni Transport ***/
#services-cestovni-top { width: 538px; height: 180px; background-image: url(../images/services_cestovni_top.png); background-repeat: no-repeat; }
#services-cestovni-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-cestovni-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-cestovni-content ul { list-style: disc; margin-left: 90px; margin-top: 10px; }
#services-cestovni-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services Zracni Transport ***/
#services-zracni-top { width: 538px; height: 180px; background-image: url(../images/services_zracni_top.png); background-repeat: no-repeat; }
#services-zracni-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-zracni-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-zracni-content ul { list-style: disc; margin-left: 90px; margin-right: 60px; margin-top: 10px; }
#services-zracni-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services Pomorski Transport ***/
#services-pomorski-top { width: 538px; height: 180px; background-image: url(../images/services_pomorski_top.png); background-repeat: no-repeat; }
#services-pomorski-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-pomorski-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-pomorski-content ul { list-style: disc; margin-left: 90px; margin-right: 60px; margin-top: 10px; }
#services-pomorski-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services Zeljeznicki Zastupanje ***/
#services-zeljeznicki-top { width: 538px; height: 180px; background-image: url(../images/services_zeljeznicki_top.png); background-repeat: no-repeat; }
#services-zeljeznicki-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-zeljeznicki-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-zeljeznicki-content ul { list-style: disc; margin-left: 90px; margin-right: 60px; margin-top: 10px; }
#services-zeljeznicki-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services 3rd party logistika ***/
#services-3rd-top { width: 538px; height: 180px; background-image: url(../images/services_3rd_top.png); background-repeat: no-repeat; }
#services-3rd-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-3rd-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-3rd-content ul { list-style: disc; margin-left: 90px; margin-right: 60px; margin-top: 10px; }
#services-3d-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services granicni prijelazi ***/
#services-granicni-top { width: 538px; height: 180px; background-image: url(../images/services_granicni_top.png); background-repeat: no-repeat; }
#services-granicni-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-granicni-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-granicni-content ul { list-style: disc; margin-left: 90px; margin-right: 60px; margin-top: 10px; }
#services-granicni-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services kurirska sluzba ***/
#services-kurirska-top { width: 538px; height: 180px; background-image: url(../images/services_kurirska_top.png); background-repeat: no-repeat; }
#services-kurirska-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-kurirska-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-kurirska-content ul { list-style: disc; margin-left: 90px; margin-right: 60px; margin-top: 10px; }
#services-kurirska-content ul li { font-size: 1.2em; line-height: 1.6em; }

/*** Services prodaja vozila ***/
#services-prodaja-top { width: 538px; height: 180px; background-image: url(../images/services_prodaja_top.png); background-repeat: no-repeat; }
#services-prodaja-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 30px;}
#services-prodaja-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px; }
#services-prodaja-content ul { list-style: disc; margin-left: 90px; margin-right: 60px; margin-top: 10px; }
#services-prodaja-content ul li { font-size: 1.2em; line-height: 1.6em; }
#services-prodaja-content a { margin-left: 60px; font-size: 1.5em; color: #243959; font-weight: 800; padding-top: 20px; line-height: 3.5em }
    
/*** Services bottom navigation ***/
#services-bottom-navigation { width: 538px; height: 125px; background-image:url(../images/services_bottom_nav.png); background-repeat: no-repeat; }
#services-bottom-navigation p { font-size: 1.2em; width: 40px; float: left; font-weight: 800; line-height: 1.2em; padding-left: 60px; padding-top: 20px; padding-bottom:40px; }
#services-bottom-navigation p.de{ padding-left:40px; }
#services-bottom-navigation-links { padding-top: 27px; margin-right: 25px; }
#services-bottom-navigation-links a { font-size: 1.1em; float: right; width: 110px; margin-right: 0px; background-image: url(../images/services_arrow.jpg); background-repeat: no-repeat; background-position: left; padding-left: 15px; }
#services-bottom-navigation-links a:hover { text-decoration: underline; }

/*** Services bottom navigation hover changer ***/
#services-carinsko .nav-carinsko { text-decoration: underline; }
#services-cestovni .nav-cestovni { text-decoration: underline; }
#services-zracni .nav-zracni { text-decoration: underline; }
#services-pomorski .nav-pomorski { text-decoration: underline; }
#services-zeljeznicki .nav-zeljeznicki { text-decoration: underline; }
#services-kurirska .nav-kurirska { text-decoration: underline; }
#services-granicni .nav-granicni { text-decoration: underline; }
#services-3rd .nav-3rd { text-decoration: underline; }
#services-prodaja .nav-prodaja { text-decoration: underline; }    

/*** About Us ***/
#about-top { width: 538px; height: 180px; background-image: url(../images/about_us_top.png); background-repeat: no-repeat; }
#about-bottom { width: 538px; height: 11px; background-image: url(../images/content_bottom.png); background-repeat: no-repeat; }
#about-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 60px;}
#about-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px;}

/*** References ***/
#reference-top { width: 538px; height: 180px; background-image: url(../images/references_top.png); background-repeat: no-repeat; }
#reference-bottom { width: 538px; height: 11px; background-image: url(../images/content_bottom.png); background-repeat: no-repeat; }
#reference-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 60px;}
#reference-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px;}
#reference-content img { margin-left: 60px; margin-top: 20px; }

/*** Careers ***/
#careers-top { width: 538px; height: 180px; background-image: url(../images/careers_top.png); background-repeat: no-repeat; }
#careers-bottom { width: 538px; height: 11px; background-image: url(../images/content_bottom.png); background-repeat: no-repeat; }
#careers-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 60px;}
#careers-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px;}

/*** Environment protection ***/
#environment-top { width: 538px; height: 180px; background-image:url(../images/environment_top.png); background-repeat: no-repeat; }
#environment-bottom { width: 538px; height: 11px; background-image: url(../images/content_bottom.png); background-repeat: no-repeat; }
#environment-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 60px;}
#environment-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px;}

/*** Quality management ***/
#quality-top { width: 538px; height: 180px; background-image: url(../images/quality_top.png); background-repeat: no-repeat; }
#quality-bottom { width: 538px; height: 11px; background-image: url(../images/content_bottom.png); background-repeat: no-repeat; }
#quality-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 60px;}
#quality-content p { margin-left: 60px; margin-right: 60px; padding-top: 20px;}
#quality-content img { margin-left: 50px; margin-top: 20px; }

/*** Contact ***/
#contact-top { width: 538px; height: 180px; background-image: url(../images/contact_top.png); background-repeat: no-repeat; }
#contact-bottom { width: 538px; height: 11px; background-image: url(../images/content_bottom.png); background-repeat: no-repeat; }
#contact-content { width: 538px; background-image: url(../images/content_tile.png); background-repeat: repeat-y; padding-bottom: 60px; }
.contact-box-first {width: 488px; height: 162px; background-image: url(../images/contact_box_first.jpg); background-repeat: no-repeat; margin-left: 20px; }
.contact-box-normal {width: 488px; height: 162px; background-image: url(../images/contact_box_normal.jpg); background-repeat: no-repeat; margin-left: 20px; }
.contact-box-big {width: 488px; height: 262px; background-image: url(../images/contact_box_normal.jpg); background-repeat: no-repeat; margin-left: 20px; }
.contact-box-map {width: 488px; height: 295px; background-image: url(../images/contact_box_map.jpg); background-repeat: no-repeat; margin-left: 20px; }
.contact-left { float: left; width: 220px; height: 140px; margin-left: 20px; margin-top: 20px; display: inline; }
.contact-right { float: right; width: 220px; height: 140px; margin-left: 20px; margin-top: 20px; display: inline; }
#contact-content h6 { font-size: 1.3em; display: inline; }
#contact a { font-size: 1.2em; color: #508bbe; }
#contact-content a:hover { text-decoration: underline; }
#primaco-map { padding-top: 30px; margin-left: 40px; }
#contact-form { margin-top: 30px; }
#contact-left { float: left; margin-left: 50px; display: inline; }
#contact-right {float: right; margin-right: 50px; display: inline; }
#contact-form input { margin-bottom: 13px; padding-left: 10px; padding-right: 10px;}
#contact-name { width: 176px; height: 32px; background-image: url(../images/contact_input.jpg); background-repeat: no-repeat; }
#contact-email { width: 176px; height: 32px; background-image: url(../images/contact_input.jpg); background-repeat: no-repeat; }
#contact-phone { width: 176px; height: 32px; background-image: url(../images/contact_input.jpg); background-repeat: no-repeat; ;}
#contact-form textarea { width: 176px; height: 128px; background-image: url(../images/contact_message.jpg); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 10px; }
#contact-form-submit { width: 73px; height: 31px; background-image: url(../images/contact_submit.jpg); background-repeat: no-repeat; clear: both; margin-top: 15px; margin-left: 125px; font-size: 1em; color: #FFF;}
.mail-success { margin-left: 60px; margin-right: 60px; padding-top: 5px;}
.content-header { font-size: 1.5em; color: #243959; font-weight: 800; background-repeat: no-repeat; margin-left: 59px; padding-top: 148px; }

/*** Sidebar-right ***/
#sidebar-right { width: 220px; float: left; margin-top: 22px; }

/*** Aramex ***/
#aramex img { margin-top: 14px; padding-left: 43px;}
#aramex { width: 220px; height: 255px; background-image: url(../images/aramex.png); background-repeat: no-repeat; }
#aramex-header { font-weight: 800; padding-left: 36px; padding-right: 24px; padding-top: 10px; color: #FFF; margin-bottom: 3px; font-size: 1.1em;}
#aramex-desc { font-family: Verdana, Geneva, sans-serif; font-size: 1em; padding-left: 36px; padding-right: 30px; line-height: 1.5em; color: #FFF; letter-spacing:-1px; }
#aramex textarea { width: 146px; height: 49px; background-image: url(../images/aramex_input.jpg); background-repeat: no-repeat; margin-left: 35px; margin-top: 8px; padding: 3px; }
#aramex-submit { width: 76px; height: 33px; background-image: url(../images/aramex_submit.jpg); background-repeat: no-repeat; margin-left: 116px; margin-top: 8px; color: #da281e; font-size: 1em; }
#aramex.de #aramex-header{ line-height:1em; }
#aramex.de #aramex-desc{ line-height:1.1em; }

/*** Webeye ***/
#webeye img { margin-left: 53px; margin-top: 11px; }
#webeye { width: 220px; height: 245px; background-image: url(../images/webeye.png); background-repeat: no-repeat; }
#webeye p { font-size: 1.1em; color: #FFF; font-weight: 800; padding-left: 36px; padding-right: 24px; padding-bottom: 5px;  }
#webeye-username { width: 139px; height: 16px; background-image: url(../images/webeye_input.jpg); background-repeat: no-repeat; padding: 3px; margin-left: 36px; margin-bottom: 5px; }
#webeye-password {width: 139px; height: 16px; background-image: url(../images/webeye_input.jpg); background-repeat: no-repeat; padding: 3px; margin-left: 36px; }
#webeye label { color: #FFF; margin-left: 36px; font-size: 1em; }
#webeye-submit { width: 78px; height: 34px; background-image: url(../images/webeye_submit.jpg); background-repeat: no-repeat;  margin-top: 7px; margin-left: 109px; font-size: 1em; }
#webeye.de p{ line-height:1em; }

/*** Footer ***/
#footer { width: 978px; height: 100px; background-image: url(../images/footer.jpg); background-repeat: no-repeat; clear: both;}
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #656565; text-align: center; padding-top: 28px;}
#footer a { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #656565; background-image: url(../images/footer_logo.jpg); background-repeat: no-repeat; background-position: 0% 50%; padding-left: 12px; }

/*http://www.matijabozic.com/primaco/css/jquery.lightbox-0.5.css*/