/*-----------------------------------
AC Autocroatia main CSS stylesheet 
-------------------------------------*/

/************************ CSS RESET ***/
@import url("reset.css");

/************************ GLOBAL STYLING ***/
body 		           { padding-bottom:20px; font:62.5%/1 "Tahoma", "Geneva", sans-serif; color:#686868; background:url(../images/bg-body.png) repeat-x 0 0; }
a:link, a:visited  { color:#4a8da1; text-decoration:none; }
a:hover            { text-decoration:underline; }
/* a:active           { outline:0; } */

/************************ CONTAINER ***/
#container { width:980px; margin:0 auto; }

/************************ HEADER ***/
#header { position:relative; min-height:64px; }

#branding-logo { position:absolute; left:5px; top:14px; }
#branding-logo a { display:block; width:369px; height:43px; overflow:hidden; text-indent:-9999px; background:url(../images/branding-logo.png) no-repeat; }

#nav-main     { position:absolute; right:0; top:27px; }
#nav-main li  { float:left; }
#nav-main a               { float:left; font-weight:bold; font-size:1.2em; line-height:28px; color:#fff; text-decoration:none; }
#nav-main a:hover         { color:#a9d0ea; }
#nav-main span            { float:left; padding-left:13px; margin-right:15px; cursor:pointer;  }
#nav-main .active a       { background:url(../images/bg-nav-main-link.png) no-repeat 100% 0; color:#1d72ac; }
#nav-main .active a:hover { color:#1d72ac; }
#nav-main .active span    { background:url(../images/bg-nav-main-link.png) no-repeat 0 0; }

/************************ CONTENT ***/
#content          { position:relative; margin:33px 0 36px; }
#content:after    { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

/************************ Main content ***/
#content-main         { position:relative; float:left; width:622px; min-height:631px; padding:47px 40px 0; background:#fff url(../images/bg-content-main.png) no-repeat 0 0; }

#content-main.alt-01       { width:658px; padding-right:4px; }
#content-main.alt-01 .text { float:left; width:409px; }

#company-logo    { position:absolute; right:25px; top:25px; }
#content-main h1,
#content-main h2 { margin-bottom:20px; font-weight:normal; font-size:2em; line-height:1.4; color:#0f67a1; }
#content-main h1 { padding-right:160px; margin-bottom:35px; }

/************************ >> Editable content via admin interface ***/
.text        { margin-top:15px; font-size:1.2em; line-height:1.5; }
.text p      { margin:0 0 15px; }
.text strong { font-weight:bold; }
.text em     { font-style:italic; }
.text ul     { margin:25px 0; padding-left:30px; list-style-type:disc; }
.text ol     { margin:25px 0; padding-left:30px; list-style-type:decimal; }

/************************ >> Product offer ***/
#product-offer          { float:left; clear:both; width:100%; margin:0 0 40px; }
#product-offer ul       { border-bottom:1px dashed #dedede; }
#product-offer li       { position:relative; min-height:69px; padding:6px 85px 10px 95px; border-top:1px dashed #dedede; font-size:1.2em; line-height:1.5; }
#product-offer h3 a     { font-weight:bold; font-size:1.167em; color:#686868; }
#product-offer .img     { position:absolute; left:0; top:10px; }
#product-offer .img img { vertical-align:top; }
#product-offer .more    { position:absolute; right:0; top:50%; margin-top:-30px; width:50px; height:60px; overflow:hidden; text-indent:-9999px; background:url(../images/icn-arrow-01.png) no-repeat 70% 50%; }

/************************ >> Product gallery ***/
#product-gallery      { float:left; clear:left; width:100%; margin:0 0 40px; }
#product-gallery li   { float:left; margin:0 22px 19px 0; }
#product-gallery a    { display:block; padding:0 2px 3px 0; background:url(../images/bg-product-gallery.png) no-repeat 100% 100%; }
#product-gallery img  { vertical-align:top; }

/************************ >> Product references ***/
#product-references  { clear:both; }
#product-references .inner  { float:left; clear:both; width:620px; height:143px; margin:0 0 40px; position:relative; background:url(../images/bg-product-references.png) no-repeat 0 0; }
#product-references #slide-inner,
#product-references ul    { width:483px; height:102px; position:relative; overflow:hidden; }
#product-references ul    { overflow:auto; margin:22px 0 0 68px; }
#product-references ul li { width:152px; height:102px; float:left; margin:0 9px 0 0; }
#product-references img   { vertical-align:bottom; padding:0 2px 3px 0; background:url(../images/bg-product-references.png) no-repeat -620px 0; }
#product-references .next,
#product-references .prev       { position:absolute; top:0; right:0; width:54px; height:143px; overflow:hidden; cursor:pointer; text-indent:-9999px; background:url(../images/bg-product-references.png) no-repeat -826px 0; }
#product-references .prev       { right:auto; left:0; background-position:-772px 0; }
#product-references .disabled   { opacity:.4; cursor:default; }
.js #product-references #slide-inner  { margin:22px 0 0 68px; }
.js #product-references ul            { margin:0; }

/************************ >> Downloads ***/
#downloads    { float:right; width:181px; padding:6px 14px 0; background:url(../images/bg-downloads.png) no-repeat 0 0; }
#downloads li { position:relative; font-size:1.1em; line-height:1.2; border-bottom:1px dashed #dedede; }
#downloads a  { color:#69c; }
#downloads dt,
#downloads .filetype-size  { margin:17px 0 17px; padding-left:47px; background:url(../images/bg-downloads.png) no-repeat -209px 4px; }
#downloads .filetype-size                 { background-position:-209px -74px; }
#downloads .filetype-size span            { margin-left:5px; padding-left:9px; border-left:1px solid #dedede; }
#downloads dd a { position:absolute; right:3px; bottom:12px; width:32px; height:32px; overflow:hidden; text-indent:-9999px; background:url(../images/bg-downloads.png) no-repeat -209px -156px; }

/************************ Supplementary content ***/
#content-supp           { float:right; width:261px; margin:9px 0 0; background:#1870a9 url(../images/bg-content-supp.png) no-repeat 0 0; }
#content-supp h2        { width:254px; margin-bottom:30px; line-height:49px; text-align:center; font-weight:bold; font-size:1.4em; text-transform:uppercase; color:#bdc9d1; }
#content-supp ul        { padding:0 0 35px; background:url(../images/bg-content-supp.png) no-repeat -261px 100%; }
#content-supp ul li           { margin:0 17px 0 11px; }
#content-supp ul .active      { background:#0b3754 url(../images/bg-content-supp-link.png) repeat-y 0 0; }
#content-supp ul a            { position:relative; display:block; padding:8px 15px 8px 28px; border-top:1px dotted #2e84bd; background:url(../images/bg-content-supp-link.png) no-repeat -466px 7px; font-size:13px; line-height:1.3; text-decoration:none; color:#c3d6e6; }
#content-supp ul span         { font-weight:bold; color:#fff; }
#content-supp ul img          { position:absolute; right:0; top:2px; }
#content-supp ul a:hover,
#content-supp ul a:hover span { color:#8dbae0; }
#content-supp ul .sub-cat a   { background-position:-699px 7px; }
#content-supp ul .first a     { border-top-width:0; }
#content-supp ul .first li a  { border-top-width:1px; }
#content-supp ul ul           { padding:0; background:none; }
#content-supp ul ul li        { margin:0; }
#content-supp ul ul .active   { background-color:#b9d0e4; background-position:-233px 0; }
#content-supp ul ul a         { background:none; }
#content-supp ul ul .active a,
#content-supp ul ul .active a:hover { color:#0b3754; }

#contact-info    { min-height:231px; margin-top:-12px; padding:30px 38px 0; background:#1870a9 url(../images/bg-content-supp.png) no-repeat -522px 100%; }
#contact-info h2 { width:auto; margin:0; line-height:1; text-align:left; font-weight:normal; font-size:2em; text-transform:none; }
#contact-info dl { margin-top:25px; font-size:1.2em; line-height:1.2; color:#c3d6e6; }
#contact-info dt, #contact-info span { font-weight:bold; color:#fff; }
#contact-info a       { text-decoration:underline; color:#c3d6e6; }
#contact-info a:hover { text-decoration:none; }
#contact-info .alt-01 { margin-top:15px; }

/************************ PAGE SPECIFIC ***/
/************************ Home ***/
.home { background-image:url(../images/bg-body-home.png); }
.home #content-main { width:702px; min-height:1%; margin-top:359px; padding:20px 0 0; background:none; }

.box-01       { float:left; width:326px; }
.alt-box-01   { float:right; }
.box-01 h2    { margin:0 !important; padding:0 0 15px; border-bottom:1px dashed #dedede; }

.box-01 li,
.box-01 .text       { border-bottom:1px dashed #dedede; }
.box-01 li a        { display:block; padding:10px 60px 10px 0; font-weight:bold; font-size:1.2em; line-height:1.2; background:url(../images/icn-arrow-01.png) no-repeat 97% 50%; }
.box-01 li a:link,
.box-01 li a:visited   { color:#0b3754; text-decoration:none; }
.box-01 li a:hover     { color:#265d81; }

.box-01 .more  { float:right; display:block; width:63px; padding:5px 0 11px 11px; font-weight:bold; font-size:1.2em; text-transform:lowercase; background:url(../images/bg-more.png) no-repeat 0 0; }
.box-01 .more:link,
.box-01 .more:visited  { text-decoration:none; color:#69c; }

#hl-offer       { position:absolute; left:0; top:0; min-height:359px; }
#hl-offer .alt  { display:none; }

/************************ Contact ***/
.contact #content         { background:#fff url(../images/bg-content.png) no-repeat 0 0; }
.contact #content-main    { background:none; }
.contact #content-main h2 { margin-bottom:0; font-weight:bold; font-size:1.167em; color:#7c7c7c; }
.contact #content-main .text { margin-top:450px; }

.contact #content-supp    { margin-top:114px; background:none; }
.contact #contact-info    { margin-top:0; min-height:1%; padding:0; background:none; }
.contact #contact-info h2 { position:absolute; left:-9999px; top:-9999px; }
.contact #contact-info dl { margin-top:0; }
.contact #contact-info dl,
.contact #contact-info dt,
.contact #contact-info span { color:#686868; }
.contact #contact-info a    { color:#4a8da1; }

#gmap { position:absolute; left:40px; top:114px; width:620px; height:380px; }
#gmap .g-info-window { font-size:1.1em; line-height:1.2; }

/************************ Sitemap ***/
#sitemap,
#sitemap ul { margin-left:20px; }
#sitemap li { margin:12px 0; list-style-type:disc; color:#4a8da1; }
#sitemap a  { font-size:1.2em; color:#4a8da1; }

/************************ FOOTER ***/
#footer { overflow:hidden; background:url(../images/bg-footer.png) no-repeat 0 0; }

#footer ul          { float:left; min-height:65px; margin:22px 0 30px 0; padding-left:32px; }
#footer .first      { padding-right:85px; background:url(../images/bg-sep-01.png) repeat-y 100% 0;  }
#footer ul li       { line-height:1.7em; }
#footer ul .col-02  { margin-left:135px; }
#footer ul .top     { margin-top:-6.8em; }
#footer ul a        { display:-moz-inline-stack; display:inline-block; vertical-align:top; font-size:1.1em; color:#b2b3b5; }
#footer .first a    { width: auto; }
#footer ul span     { font-weight:bold; }

#footer p { float:left; width:100%; font:1em/1.2 "Arial",sans-serif; color:#7c7c7c; }
#footer #siteinfo-credits { float:left; color:#000; text-decoration:none; }
#footer #siteinfo-credits:hover,
#footer #siteinfo-credits span { color:#f00; }
#footer #siteinfo-legal { float:right; }

/************************ MISC. ***/
/************************ Fancybox ***/
#fancy_overlay { position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#000; }
#fancy_loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100; }
#fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../images/fancy_progress.png) no-repeat; }
#fancy_content { position:relative; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96; }
#fancy_frame { position:relative; width:100%; height:100%; display:none; }
#fancy_img { position:relative; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92; }
#fancy_outer { position:absolute; top:0; left:0; z-index:90; padding:10px 10px 70px; margin:0; overflow:hidden; background:#fff; display:none; }
#fancy_outer.fancy-alt-01 { padding-bottom:39px; }
#fancy_inner { position:relative; width:100%; height:100%; padding:0; margin:0; border-width:0; background:#FFF; }
#fancy_holder { position:relative; width:100%; height:45px; z-index:100; display:none; background:#fff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; margin-top:15px; overflow:hidden; }
.fancy-alt-01 #fancy_holder { height:14px; }
#fancy_title { float:left; width:400px; margin-bottom:6px; }
.fancy-alt-01 #fancy_title { display:none; }
#fancy_num { clear:left; width:400px; font-size:10px; color:#656565; font-weight:normal; }
.fancy-alt-01 #fancy_num { display:none; }
#fancy_close { position:absolute; top:0; right:0; width:52px; height:14px; background:url(../images/fancy_closebox.png) no-repeat; cursor:pointer; z-index:100; display:none; }
#fancy_controls { overflow:hidden; position:absolute; top:19px; right:0; margin:0; }
#fancy_controls li { float:left; margin-left:6px; display:inline; list-style:none outside none; }
#fancy_controls li a { display:block; width:17px; height:14px; text-indent:-9999px; overflow:hidden; }
#fancy_controls li a.inactive { opacity:0.5; }
#fancy_controls li #fancy_download { background:url(../images/fancy_controls_download.png) no-repeat; }
#fancy_controls li #fancy_print { background:url(../images/fancy_controls_print.png) no-repeat; }
#fancy_controls li #fancy_left { background:url(../images/fancy_controls_left.png) no-repeat; }
#fancy_controls li #fancy_right { background:url(../images/fancy_controls_right.png) no-repeat; }
#fancy_controls li #fancy_slideshow { background:url(../images/fancy_controls_slideshow.png) no-repeat; }
#fancy_bigIframe,#fancy_freeIframe { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }