/***************************************************
    CSS file for Stipic Interart
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

*               { margin: 0; padding: 0; }
html            { overflow-y: scroll; }
body	        { font: 11px/15px Arial, Verdana, sans-serif; color: #fff; background: #000; }
:root           { overflow-y: scroll; }
h1, h2, h3      { font-weight: bold; color: #c6c7c8; }

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

a:hover,
a:active,
a:focus         {  }

fieldset,
a img       { border: 0; }

table       { text-align: left; border-collapse: collapse; border-spacing: 0; }

td,
th          { vertical-align: top; text-align: left; }

/*p, li, dd, dt, label, legend, td, th, caption    { font-size: 11px; line-height: 15px; }*/

legend      { white-space: normal; }

select, input, textarea { outline: 0; font: 1.1em/1.5 Arial, sans-serif; }


/* LAYOUT */
#layout			    { width: 846px; padding: 0 57px; margin: 0 auto; position: relative; }
#content                    { clear: both; }
#main-content               { clear: both; min-height: 200px; height: auto !important; height: 200px; padding-bottom: 20px !important; }


/* HEADER */
#header                 { position: relative; padding: 48px 0 0; height: 106px; z-index: 20; background: url(../images/css/header-bkg.gif) repeat-x 0 0; }

#logo                   { background: url(../images/interface/logo.gif) no-repeat 0 0; margin: 0 0 30px 0; }

#logo,
#logo a                 { display: block; width: 160px; height: 41px; overflow: hidden; }

#logo a                 { text-indent: -9999px; }

#languages-container        { width: 846px; position: absolute; top: 0; right: 0; }

#languages-container ul     { float: right; list-style: none; padding: 7px 186px 5px 0; }
#languages-container li     { float: left; font-size: 10px; text-transform: uppercase; margin-left: 17px; display: inline; }
#languages-container li a   { color: #fff; }

#login                      { font-size: 10px; text-transform: uppercase; position: absolute; top: 7px; right: 20px; }
#login a                    { color: #fff; }

#login a:hover,
#login a:active,
#login a:focus,
#languages-container li.on a,
#languages-container li a:hover,
#languages-container li a:active,
#languages-container li a:focus     { color: #000; }


/* MAIN NAVIGATION */
#navigation                 { clear: both; min-height: 35px; height: auto !important; height: 35px; position: relative; background: url(../images/css/navigation-bkg.png) no-repeat 0 0; }
#navigation ul              { list-style: none; position: relative; z-index: 10; background: url(../images/css/navigation-button.gif) no-repeat 0 0; }
#navigation.has-active ul   { }
#navigation li              { float: left; width: 207px; display: inline; margin: 0 0 6px 6px; display: inline; font-size: 14px; position: relative; }
#navigation li.first-child  { margin-left: 0; }
#navigation a               { display: block; text-align: center; padding: 7px 0; color: #c6c7c8; outline: none; }
#navigation li.active a     { color: #fff; /*background: url(../images/css/navigation-button.gif) no-repeat 0 0;*/ }
#navigation li.active li a  { color: #c6c7c8; }

#navigation li li               { float: none; display: block; width: auto; margin: 0; font-size: 12px; line-height: 14px; position: static; }
#navigation li li a             { display: block; text-align: left; padding: 7px 0 6px; background: 0 !important; }
#navigation li li a.active      { font-weight: bold; color: #fff; }

#navigation li li a:hover,
#navigation li li a:active,
#navigation li li a:focus       { color: #fff; }

/* subnavigation */
#navigation li ul           { position: absolute; top: 29px; left: -9999px; width: 213px; padding: 12px 6px 33px 0; background: 0 !important; }

#nav-bkg                    { position: absolute; top: 29px; left: 0; width: 846px; margin-top: 6px; padding: 6px 0 33px 0; background: url(../images/css/nav-item-bkg.png) !important; }


/* SECONDARY NAVIGATION */
#supplementary-navigation       { position: absolute; top: 43px; right: 20px; float: left; }
#supplementary-navigation ul    { float: left; list-style: none; }
#supplementary-navigation li    { float: left; margin-left: 48px; display: inline; text-transform: lowercase; }

#supplementary-navigation li.active a,
#supplementary-navigation a:hover,
#supplementary-navigation a:active,
#supplementary-navigation a:focus   { color: #ab1c2b; }

#supplementary-navigation #featured { float: right; clear: left; padding: 20px 0 0; font-weight: bold; }
#supplementary-navigation #featured a { border: 1px solid #a73238; padding: 3px 10px; text-transform: uppercase; font-size: 21px; }


/* LOCAL NAVIGATION */
#local-navigation               { float: left; padding: 23px 0 0 27px; width: 360px; /*overflow: hidden;*/ }
#local-navigation ul            { list-style: none; }
#local-navigation li            { display: inline; font-size: 32px; line-height: 41px; font-weight: bold; padding-right: 5px; margin:0; }
#local-navigation li a          { color: #3e3d40; }

#local-navigation li.active a,
#local-navigation li a:hover,
#local-navigation li a:active,
#local-navigation li a:focus    { color: #c6c7c8; }

#local-navigation li.inactive,
#local-navigation li.inactive a { color: #7e8285; }

#local-navigation li .menu-dot	{ padding-right: 7px; background: url(../images/css/menu-dot.gif) no-repeat 0 17px; }


/* ARTICLE */
#content #article                { overflow: hidden; font-size: 12px; line-height: 18px; color: #c6c7c8; padding: 28px 0 15px 0; }

#main-content .news-intro        { float: right; width: 365px; padding-left: 30px; overflow: hidden; font-size: 12px; line-height: 18px; color: #c6c7c8; }
#main-content .odd               { float: left; clear: both; }

#content #article .grid          { float: right; width: 365px; padding-left: 30px; }
#content #article .first-child   { float: left; }

/*#main-content .news-intro *,
#content #article *              { font-size: 1em; line-height: 1.429; }*/

#main-content .news-intro a,
#content #article a              { text-decoration: underline; }

#main-content .news-intro p,
#main-content .news-intro ul,
#main-content .news-intro ol,
#main-content .news-intro dl,
#content #article p,
#content #article ul,
#content #article ol,
#content #article dl            { margin-bottom: 20px; }

#main-content .news-intro dt,
#content #article dt            { font-weight: bold; }

#content #article h1             { font-size: 19px; line-height: 22px; margin-bottom: 8px; }
#content #article h2             { font-size: 13px; line-height: 22px; margin-bottom: 8px; }

#main-content .news-intro ul li,
#content #article ul li     { margin-left: 20px; }

#main-content .news-intro ol,
#content #article ol        { margin-left: 20px; }

#main-content .news-intro li ul,
#main-content .news-intro li ol,
#content #article li ul,
#content #article li ol               { margin-top: 15px; }

#content #article table               { width: 365px; margin-bottom: 20px; border-bottom: 1px solid #ededed; }

#content #article table td,
#content #article table th            { padding: 5px 10px; border-top: 1px solid #ededed; font-weight: normal; }

#content #article table th            { color: #c6c7c8; font-weight: bold; }

#content #article table caption      { color: #c6c7c8; padding: 0 10px 5px; font-weight: bold; text-align: left; }

#content #article table.blank        { margin-left: 0; margin-right: 0; border: none; width: auto; }

#content #article table.blank tr     { background: 0; }

#content #article table.blank caption    { padding: 0 0 10px; text-align: center; }

#content #article table.blank th,
#content #article table.blank td         { border: 0; background: none; font-weight: normal; padding: 0; }

#content #article a:hover,
#content #article a:active,
#content #article a:focus        { color: #ab1c2b !important; }

#content #article .left         { float: left; margin: 5px 10px 0 0; clear: left; }
#content #article .right        { float: right; margin: 5px 0 0 10px; clear: right; }

#content #article ul#pdf li { list-style: none; margin: 0; padding: 0; background: 0; }
#content #article ul#pdf a { display: block; padding: 4px 40px 4px 0; border-bottom: 1px solid #a73238; color: #c8c5c7; text-decoration: none; font-weight: bold; background: url(../images/css/pdf.gif) no-repeat 100% 6px; }


/* HOME CONTENT */
#page-home #article                   { padding: 24px 52px 0; font-weight: bold; }
#page-home #article h1                { color: #7b7c7e; font-size: 26px; line-height: 32px; margin-bottom: 25px; }

/* PAGE ARTICLE */
#page-article #article h1             { padding-left: 30px; width: 365px; }

/* PRESS CONTENT */
#page-press #main-content                { padding: 28px 0 0; }

#page-press #main-content h1                    { padding-left: 30px; color: #c6c7c8; font-size: 19px; line-height: 22px; margin-bottom: 20px; }
#page-press #main-content .news-intro h2        { font-size: 14px; line-height: 20px; margin-bottom: 20px; }

#page-press #main-content .news-intro h2 a      { color: #c6c7c8; text-decoration: none; }

#page-press #main-content .news-intro a:hover,
#page-press #main-content .news-intro a:active,
#page-press #main-content .news-intro a:focus     { text-decoration: none; }

#page-press #main-content .news-intro h2 a:hover,
#page-press #main-content .news-intro h2 a:active,
#page-press #main-content .news-intro h2 a:focus    { color: #ab1c2b; }

#page-press #main-content .news-intro .photo    { float: left; margin: 5px 10px 0 0; }

#page-press #main-content .news-intro .more a   { color: #ab1c2b; text-decoration: none; }

#page-press #main-content .news-intro .more a:hover,
#page-press #main-content .news-intro .more a:active,
#page-press #main-content .news-intro .more a:focus     { color: #c6c7c8; }



/* PAGE CATEGORY-ITEM */
#page-subarticle #article,
#page-category-item #article     { float: right; width: 365px; padding: 39px 0 0 30px; }

#page-subarticle #article .grid         { padding-left: 0; clear: both; float: left; }
#page-subarticle #article .first-child  { padding-bottom: 20px; }

#content #article p.external a   { font-size: 18px; font-weight: bold; color: #c6c7c8; display: block; text-decoration: none; }


/* PAGE CONTACT */
#page-contact #article h1             { margin-bottom: 20px; }
#page-contact #article p              { font-weight: bold; }


/* PAGE NEWS */
#page-news #article h1             { margin-bottom: 20px; padding-left: 30px; width: 365px; }
#page-news #article .grid          { padding-top: 32px; }
#page-news #article .first-child   { padding-top: 0; }

/* PHOTO SLIDESHOW   */
#photo-slideshow                { clear: both; float: left; position: relative; z-index: 10; width: 846px; height: 435px; overflow: hidden; margin-top: -35px; }
#photo-slideshow li             { position: absolute; top: 0; left: 0; width: 846px; height: 435px; display: block; }
#photo-slideshow ul             { list-style: none; }


/* PHOTO GALLERY   */
#photo-gallery                { clear: both; float: left; position: relative; z-index: 10; width: 846px; height: 435px; overflow: hidden; margin-top: -35px; }
#photo-gallery ul             { list-style: none; }

#product-images               { width: 846px; height: 455px; overflow: hidden; margin: 0 0 -55px 0; position: relative; z-index: 1; top: -35px; }
.slide                        { width: 846px; height: 455px; display:block; }
.slide a                      { float: left; margin: 0 6px 6px 0; padding: 0; background: 0; list-style: none; width: 207px; height: 141px; position: relative; }
.slide img                    { float: left; width:207px; height:140px; display: block; position:absolute; top:0; }
.slide a:hover img            { border: 1px solid #000; }


.prev,
.next                         { position: absolute; width: 30px; height: 30px; overflow: hidden; cursor: pointer; top: 200px; z-index: 1000; background-repeat: no-repeat; background-position: 0 0; }
.prev                         { left: 0; background-image: url(../jcarousel/skin/prev-horizontal-ie.png); }
.next                         { right: 0; background-image: url(../jcarousel/skin/next-horizontal-ie.png); }

/* TOOLS */
#to-top                 { position: absolute; bottom: 5px; left: 353px; font-size: 9px; padding-left: 25px; background: url(../images/css/to-top.gif) no-repeat 0 50%; }
#to-top a               { color: #bcbec0; display: block; background: url(../images/css/to-top.gif) no-repeat 100% 50%; padding-right: 25px; }

#to-top a:hover,
#to-top a:active,
#to-top a:focus         { color: #000; }

#breadcrumbs            { position: absolute; float: left; top: 99px; right: 16px; text-align: right; }
#breadcrumbs ul         { float: left; list-style: none; }
#breadcrumbs li         { float: left; font-size: 1.1em; float: left; margin-right: 3px; }
#breadcrumbs a          { padding-right: 7px; background: url(../images/css/breadcrumbs-path.gif) no-repeat 100% 50%; color: #BCBEC0; }
#breadcrumbs .on a      { padding: 0; background: 0; text-decoration: none; color: #fff; }

#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a:focus     { color: #fff; }

/* TOOLS */
#tools              { position: absolute; height: 14px; top: 7px; right: 77px; z-index: 20; width: 61px; }
#tools ul           { list-style: none; float: right; height: 16px; }
#tools li           { float: left; text-transform: uppercase; margin-left: 4px; line-height: 1; display: inline; position: relative; }

#tools li.small     { font-size: 9px; top: 4px; }
#tools li.medium    { font-size: 11px; top: 2px; }
#tools li.large     { font-size: 14px; top: 0px; }
#tools li a         { color: #fff; }

#tools li a:hover,
#tools li a:active,
#tools li a:focus   { color: #000; }

#print-link         { position: static !important; float: left; display: inline; width: 14px; height: 13px; text-indent: -9999px; overflow: hidden; background: url(../images/css/icon-print.gif) no-repeat 0 0; }
#print-link a       { display: block; width: 14px; height: 13px; }

#basic-controls         { clear: both; width: 100%; padding: 25px 0 0; list-style: none; text-align: center; }
#basic-controls li      { display: inline; padding: 0 10px; font-size: 12px; }
#basic-controls li a    { color: #3e3d40; text-decoration: underline; }

#basic-controls li a:hover,
#basic-controls li a:active,
#basic-controls li a:focus  { text-decoration: none; color: #c6c7c8; }

#page-news #basic-controls li.prev,
#page-news #basic-controls li.next { position: static !important; width: auto !important; height: auto !important; background: none !important; }

/* PAGINATION */
.paginator                  { clear: both; padding-top: 20px; }
.paginator ul               { list-style: none; margin-left: 25px; }
.paginator ul li            { float: left; padding: 0; margin-right: 3px; font-size: 12px; }
.paginator a                { float: left; padding: 2px 8px; text-decoration: underline; color: #3e3d40; }

.paginator .on,
.paginator a:hover,
.paginator a:active,
.paginator a:focus           { /*background-color: #356aa0;*/ color: #fff; text-align: center; text-decoration: none; color: #c6c7c8; }

.paginator .firstPage a,
.paginator .lastPage a,                
.paginator .prevPage a,
.paginator .nextPage a       { text-indent: -9999px; width: 20px; height: 20px; padding: 0; background-color: transparent !important; }

.paginator .firstPage a      { background: url(../images/css/pagination-first.gif) no-repeat 50% 50%; }
.paginator .firstPage a.off  { background: url(../images/css/pagination-first-off.gif) no-repeat 50% 50%; }

.paginator .prevPage a          { background: url(../images/css/pagination-prev.gif) no-repeat 50% 50%; }
.paginator .prevPage a.off      { background: url(../images/css/pagination-prev-off.gif) no-repeat 50% 50%; margin-right: 5px; }
.paginator .nextPage a          { background: url(../images/css/pagination-next.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .nextPage a.off      { background: url(../images/css/pagination-next-off.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .lastPage a          { background: url(../images/css/pagination-last.gif) no-repeat 50% 50%; }
.paginator .lastPage a.off   { background: url(../images/css/pagination-last-off.gif) no-repeat 50% 50%; }

/* FOOTER */
#footer                 { width: 796px; clear: both; padding: 7px 25px 5px; background: #414043; text-align: right; }
#footer p               { display: inline; margin-left: 5px; font-size: 9px; }
#footer p.first-child   { margin: 0; position: absolute; left: 82px; }

#footer p,
#footer p a             { color: #bcbec0; }

#footer a:hover,
#footer a:active,
#footer a:focus         { color: #000; }

#cboxCurrent            { font-size: 12px; }
#cboxTitle              { font-size: 12px; }

/* MISC */
.paginator ul:after,
#local-navigation ul:after,
#main-content:after,
#article:after,
#navigation ul:after,
#header:after,
#languages-container:after,
#layout:after,
#content:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

.paginator p,
#logo img,
#tools p,
#breadcrumbs p,
#breadcrumbs span,
#logo img,
#photo-slideshow h2,
#photo-gallery h2,
#local-navigation h2,
#supplementary-navigation h2,
#languages-container p,
.skip-links,
#navigation h2         { position: absolute; top: -9999px; left: -9999px; }

#admin-pages                { position: absolute; top: 5px; right: 5px; width: 100px; padding: 10px; background: #fff; }
#admin-pages ul             { list-style: none; }
#admin-pages li             { padding: 5px 0; text-transform: uppercase; font-size: 10px; line-height: 1; border-top: 1px solid #eee; }
#admin-pages li a           { color: #225992; }
#admin-pages li:first-child { border-top: 0; }
#admin-pages li.active a    { color: #f00; }