/*
 *  Zenn Web Agency (C) 2012 http://www.zenn.pt
 */

/******************************************************************
 RESET CSS
******************************************************************/
body, img, input, p, h1, h2, h3, input, fieldset, textarea { margin: 0; padding: 0; border: 0; resize: none; }
a { text-decoration: none; }
input[type=submit] { cursor: pointer; }
*:focus { outline: none; }
::selection { background: #333; color: #fafafa; /* Safari */ }
::-moz-selection { background: #333; color: #fafafa; /* Firefox */ }
/******************************************************************
    General Html
******************************************************************/
html, body { height: 100%; }
body { background: url('/Content/Images/background.png') 0 0 repeat; font-size: 0.8em; font-family: Arial; }

#ZCmsContent { z-index: 1; }
.wrapper { position: relative; margin: auto; max-width: 980px; }
a { }
    a:hover { color: #F27021; }
    a:active { color: #FFFFFF; }

.text-upper { text-transform: uppercase; }
._block { display: inline-block; }
._clear { display: block; clear: both; height: 1px; }
#ZENN { position: absolute; right: 0; bottom: -20px; display: inline-block; padding: 0; width: 37px; height: 10px; background: url('/Content/Images/sprites.png') -197px -100px no-repeat; }

.wrapper .no-results { display: block; margin-top: 25px; text-align: center; font-style: italic; }

#SearchResults { display: none; position: absolute; top: 24px; left: 0; right: 0; height: auto; margin: auto; z-index: 101; font-size: 14px; }
#SearchResults-Effect { position: absolute; top: 0; right: 0; height: 135px; width: 300px; z-index: 100; background: #0075c2; opacity: 0.90; filter: Alpha(opacity=90); }
#SearchResults .wrapper { text-align: right; position: relative; }
#SearchResults-Products { position: absolute; top: 0; right: 0; height: 135px; width: 300px; z-index: 101; }
    #SearchResults-Products a { font-size: 12px; text-align: left; color: #FFF; height: 33.50px; line-height: 33.50px; padding: 0 15px; display: block; position: relative; overflow: hidden; text-transform: uppercase; }
        #SearchResults-Products a:hover { background-color: #CFCFCF; text-decoration: none; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
    #SearchResults-Products p { color: #FFF; }
#Search .input-search { background: none; border: none; color: #CFCFCF; margin-left: 15px; margin-top: 15px; }

/******************************************************************
    Master Page
******************************************************************/

/* header */
header { height: 133px; background: url('/Content/Images/top-background.png') 0 0 repeat-x #fff; z-index: 999; }
    header .wrapper { position: relative; height: 135px; z-index: 998; }
.logo { position: absolute; top: 35px; left: 0; display: inline-block; width: 200px; height: 66px; background: url('/Content/Images/sprites.png') 0 0 no-repeat; }
header nav.main { position: absolute; top: 0px; right: -1px; }
    header nav.main a { position: relative; display: inline-block; overflow: hidden; margin: 0; padding: 0 8px; height: 135px; color: #333; text-decoration: overline; text-transform: uppercase; -webkit-text-shadow: 1px 1px white; text-shadow: 1px 1px white; font-size: 1.0em; font-family: 'Mako', Tahoma; line-height: 135px; }
        /* on / hover */
        header nav.main a.on { background: url('/Content/Images/nav-on-rep-back.png') 0 0 repeat-x; color: #fff; -webkit-text-shadow: none; text-shadow: none; }
        header nav.main a > i { position: absolute; top: 0px; right: 0px; display: none; width: 79px; height: 38px; background: url('/Content/Images/nav-on-rep.png'); }
        header nav.main a.on > i { display: inline-block; }
        header nav.main a:hover > i { display: none; }
    header nav.main .multi-link:hover > a, header nav.main > a:hover { background: #a7a7a7; background: -moz-linear-gradient(top, #a7a7a7 0%, #7b7b7b 100%); background: -ms-linear-gradient(top, #a7a7a7 0%,#7b7b7b 100%); background: -o-linear-gradient(top, #a7a7a7 0%,#7b7b7b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7a7a7), color-stop(100%,#7b7b7b)); background: -webkit-linear-gradient(top, #a7a7a7 0%,#7b7b7b 100%); background: linear-gradient(to bottom, #a7a7a7 0%,#7b7b7b 100%); color: #FFF; -webkit-text-shadow: none; text-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#7b7b7b',GradientType=0 ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* IE6-9 */ /* Old browsers */ /* Opera 11.10+ */ /* W3C */ }
    /*header nav.main a.on:hover { background: url('/Content/Images/nav-on-rep.png') 0 0 repeat-x; color: #fff; -webkit-text-shadow: none; text-shadow: none; }*/
    header nav.main .multi-link { position: relative; display: inline-block; margin-right: -4px; }
        header nav.main .multi-link:hover .sub-links { display: inline-block; }
        header nav.main .multi-link .sub-links { position: absolute; top: 133px; left: 0px; z-index: 999; display: none; padding: 0px; min-width: 100%; background-color: #7b7b7b; z-index: 990; }
            header nav.main .multi-link .sub-links a { display: block; margin: 10px 0px; height: auto; border: none; color: #FFF; vertical-align: middle; text-decoration: none; text-transform: none; -webkit-text-shadow: none; text-shadow: none; font-size: 0.95em; line-height: normal; cursor: pointer; }
                header nav.main .multi-link .sub-links a:hover { background: none; text-decoration: underline; }

header nav.lang { position: absolute; top: 15px; right: 0; }
    header nav.lang a { margin: 0 3px; color: #333; font-family: 'Mako', Tahoma; opacity: 0.5; filter: alpha(opacity=50); }
        /* on / hover */
        header nav.lang a:hover { text-decoration: underline; opacity: 1; filter: alpha(opacity=100); }
        header nav.lang a.on { color: #0077BD; text-decoration: underline; opacity: 1; filter: alpha(opacity=100); }

header .wrapper .catalogue-download { position: absolute; right: 0; bottom: 2px; padding: 4px; width: 145px; background: #0d4892; background: -moz-linear-gradient(left, #0d4892 0%, #0083c7 100%); background: -ms-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -o-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d4892), color-stop(100%,#0083c7)); background: -webkit-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: linear-gradient(to right, #0d4892 0%,#0083c7 100%); color: #fff; text-align: center; font-family: 'Mako', Tahoma; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4892', endColorstr='#0083c7',GradientType=1 ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* IE6-9 */ /* Old browsers */ /* Opera 11.10+ */ /* W3C */ }

#Main-Search { position: absolute; top: 13px; right: 169px; }
    #Main-Search .value { padding-right: 25px; width: 122px; height: 24px; border: 0; border-bottom: 1px solid #fff; box-shadow: 0 1px 5px -3px #000; }
    #Main-Search .submit { position: absolute; top: 6px; right: 8px; width: 11px; height: 12px; background: url('/Content/Images/sprites.png') -260px -52px no-repeat; }
        #Main-Search .submit:hover { background: url('/Content/Images/sprites.png') -271px -52px no-repeat; }

/* Main */
#Main { margin: 0 auto -305px; min-height: 100%; height: 100%; height: auto !important; }
    #Main .push { height: 305px; }
    #Main .wrapper .zcmsdoor { position: absolute; top: 15px; right: 15px; line-height: normal; }

/* footer */
footer { height: 305px; }
    footer .top { padding: 25px 0; height: 25px; background: url('/Content/Images/footer-black-background.png') 0 0 repeat; }
        footer .top a { display: inline-block; width: 97px; height: 25px; background: url('/Content/Images/sprites.png') -200px -27px repeat; color: #fff; text-align: center; text-indent: 0px; text-transform: uppercase; font-size: 0.9em; font-family: 'Mako', Tahoma; line-height: 23px; }
            footer .top a.a-right { background: url('/Content/Images/sprites.png') -200px -90px repeat; text-indent: 10px; }
            footer .top a:hover { opacity: 0.8; filter: alpha(opacity=80); }
            footer .top a:active { opacity: 1; filter: alpha(opacity=100); }

    footer .middle { padding-bottom: 15px; min-height: 190px; background: url('/Content/Images/footer-black-background.png') 0 0 repeat; }
            footer .middle .column.social a span { display: block; margin-top: 2px; }
        footer .middle .column.news { }
        footer .middle .column { float: left; padding-left: 20px; width: 20%; }
        footer .middle .column.social { padding-left:0; width: 115px; }
            footer .middle .column h2 { margin-bottom: 8px; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 1.2em; font-family: 'Mako', Tahoma; }
            footer .middle .column a { display: block; margin: 2px 0; color: #ccc; }
                footer .middle .column a:hover { color: #fff; text-decoration: underline; }
                footer .middle .column a.video { display: block; margin-bottom: 10px; }
                    footer .middle .column a.video > * { display: inline-block; vertical-align: middle; }
                    footer .middle .column a.video > img { margin-right: 5px; }
            footer .middle .column.last { margin-right: 0; }
            footer .middle .column ul { padding-left: 10px; }
                footer .middle .column ul li { list-style-image: url('/Content/images/list-image.png'); }

    footer .bottom { height: 40px; background: url('/Content/Images/footer-blue-background.png') 0 0 repeat-x; }
        footer .bottom .wrapper { position: relative; height: 40px; }
        footer .bottom .backoffice { position: absolute; top: 13px; left: 0; color: #B9D7EA; font-size: 0.85em; }
        footer .bottom .backoffice a { color: #B9D7EA; font-size: 0.85em; }
        footer .bottom .pull-right { position: absolute; top: 13px; right: 0; color: #B9D7EA; font-size: 0.85em; }

/******************************************************************
    Pages
******************************************************************/

/* Start */
#Start { padding-top: 75px; text-align: center; }
    #Start .logo { position: relative; top: auto; left: auto; }
#LanguageMenu { margin-top: 60px; text-align: left; }
    #LanguageMenu .column { display: inline-block; margin: 0 6px; padding-bottom: 0px; width: 180px; background: #fff; vertical-align: top; font-family: 'Mako', Tahoma; }
        #LanguageMenu .column .top { position: relative; height: 55px; background: -moz-linear-gradient(left, rgba(0,131,200,1) 0%, rgba(8,71,147,1) 100%); background: -ms-linear-gradient(left, rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); background: -o-linear-gradient(left, rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,131,200,1)), color-stop(100%,rgba(8,71,147,1))); background: -webkit-linear-gradient(left, rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); background: linear-gradient(to right, rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); background: rgb(0,131,200); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083c8', endColorstr='#084793',GradientType=1 ); }
            #LanguageMenu .column .top small { position: absolute; top: 5px; left: 10px; text-transform: uppercase; letter-spacing: -0.5px; font-size: 0.9em; }
            #LanguageMenu .column .top h2 { position: absolute; top: 20px; left: 15px; text-transform: uppercase; font-weight: normal; font-size: 1.9em; }
            #LanguageMenu .column .top .flag { position: absolute; top: 6px; right: 6px; }
        #LanguageMenu .column .bottom { display: none; }
        #LanguageMenu .column ul { padding-left: 15px; color: #8c8c8c; list-style: none; text-transform: uppercase; font-size: 1.3em; }
            #LanguageMenu .column ul li { margin: 5px 0; }
        /* hover */
        #LanguageMenu .column:hover { border-bottom: 2px solid #1D6AAE; color: #1D6AAE; }
            #LanguageMenu .column:hover li { color: #1D6AAE; }

/* Home */
#Home { padding-bottom: 60px; }
    #Home .banner { width: 100%; height: 281px; background: url('/Content/Images/banner-background.jpg') top center no-repeat; }
        #Home .banner .wrapper { position: relative; }
        #Home .banner h1 { position: absolute; top: 50px; left: 0; width: 400px; color: #1D6AAE; text-transform: uppercase; font-weight: normal; font-size: 2.3em; font-family: 'Mako', Tahoma; }

#Home-Categories { padding-top: 50px; }
    #Home-Categories .category { display: inline-block; margin: 0px 10px 0 0; width: 262px; box-shadow: 0 3px 10px -4px #000; vertical-align: top; }
    #Home-Categories .category.category-notice { display: inline-block; margin: 0px 10px 0 0; width: 262px;  vertical-align: top; box-shadow:unset !important; }
        #Home-Categories .category.large { margin-right: 0; width: 428px; }
            #Home-Categories .category.large .description { padding-top: 8px; height: 79px; }
            #Home-Categories .category.large small { display: block; margin-top: 2px; width: 100%; }
            #Home-Categories .category.large .see-more { }
        #Home-Categories .category .image { min-height: 238px; background: #fff; text-align: center; }
        #Home-Categories .category .description { position: relative; margin-top: -4px; padding: 15px; height: 70px; background: #0d4892; background: -moz-linear-gradient(left, #0d4892 0%, #0083c7 100%); background: -ms-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -o-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d4892), color-stop(100%,#0083c7)); background: -webkit-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: linear-gradient(to right, #0d4892 0%,#0083c7 100%); color: #fff; font-weight: normal; font-size: 1.4em; font-family: 'Mako', Tahoma; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4892', endColorstr='#0083c7',GradientType=1 ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* IE6-9 */ /* Old browsers */ /* Opera 11.10+ */ /* W3C */ }
            #Home-Categories .category .description .sub-title { font-size: 0.8em; }
        #Home-Categories .category .see-more { position: absolute; right: 10px; bottom: 10px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -71px repeat; color: #fff; text-align: center; font-size: 0.6em; line-height: 14px; line-height: 19px; }
            #Home-Categories .category .see-more:hover { opacity: 0.8; filter: alpha(opacity==80); }
            #Home-Categories .category .see-more:active { opacity: 1; filter: alpha(opacity==100); }
        #Home-Categories .category .small .image {     min-height: 64px !important;
    max-height: 64px;
    background: #fff;
    text-align: center;
    overflow: hidden; }
            #Home-Categories .category .small .image img { max-width:100%;}
             #Home-Categories .category .small small{    font-size: 13px;}


        #Home-Categories .category .small a{ display:block;}
        #Home-Categories .category .small{}


#Home-Notices { padding: 25px 0; }
    #Home-Notices .notice { position: relative; display: block; min-height: 125px; border: 1px solid #ccc; background: #fff; box-shadow: 0 3px 10px -4px #000; }
        #Home-Notices .notice .image { float: left; width: 264px; }
        #Home-Notices .notice .description { float: right; width: 700px; }
    #Home-Notices .description .title { display: block; margin-bottom: 5px; height: 25px; color: #1D6AAE; text-transform: uppercase; font-size: 1.3em; font-family: 'Mako', Tahoma; }
        #Home-Notices .description .title:hover { text-decoration: underline; }
    #Home-Notices .description label { position: absolute; top: 10px; right: 10px; display: block; width: 113px; height: 27px; background: url('/Content/Images/sprites.png') -200px 0 repeat; color: #666; text-align: center; text-transform: uppercase; font-size: 1.2em; font-family: Arial; line-height: 27px; }
    #Home-Notices .description .date { margin-top: 8px; margin-bottom: 5px; color: #3E83C5; opacity: 0.7; }
    #Home-Notices .description .text { color: #333; font-size: 0.9em; }

    #Home-Notices .blue-see-more { position: absolute; right: 10px; bottom: 10px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -52px repeat; color: #fff; text-align: center; text-transform: uppercase; font-size: 0.8em; line-height: 19px; }
        #Home-Notices .blue-see-more:hover { opacity: 0.8; filter: alpha(opacity=80); }
        #Home-Notices .blue-see-more:active { opacity: 1; filter: alpha(opacity=100); }
/*#Home-Notices .notice { width: 220px; min-height: 277px; border: 1px solid #ccc; background: #fff; float: left; text-align: center; margin-right: -1px; padding: 25px; padding-bottom: 50px; position: relative; }
                #Home-Notices .notice .image { margin-bottom: 10px; display: inline-block; }
                #Home-Notices .notice .description { text-align: left; }
                    #Home-Notices .description a.title { color: #1D6AAE; height: 45px; font-size: 1.3em; text-transform: uppercase; font-family: 'Mako', Tahoma; margin-bottom: 5px; display: block; }
                        #Home-Notices .description a.title:hover { text-decoration: underline; }
                    #Home-Notices .description label { width: 113px; height: 27px; line-height: 27px; font-family: Arial; color: #666; text-align: center; margin: 8px 0; text-transform: uppercase; font-size: 1.2em; background:url('/Content/Images/sprites.png') -200px 0 repeat; display: block; }
                    #Home-Notices .description .date { color: #3E83C5; margin-bottom: 5px; opacity: 0.7; }
                    #Home-Notices .description .text { font-size: 0.9em; color: #333; }
                #Home-Notices .blue-see-more { width: 60px; height: 19px; background:url('/Content/Images/sprites.png') -200px -52px repeat; position: absolute; left: -1px; bottom: 15px; line-height: 19px; display: block; color: #fff; text-transform: uppercase; font-size: 0.8em; }
                    #Home-Notices .blue-see-more:hover { opacity: 0.8; filter: alpha(opacity=80); }
                    #Home-Notices .blue-see-more:active { opacity: 1; filter: alpha(opacity=100); }
                    
            #Home-Notices .featured-notice { width: 390px; display: block; float: right; padding: 25px; margin-right: -2px; padding-bottom: 50px; position: relative; z-index: 1; background: rgb(0,131,200); background: -moz-linear-gradient(left,  rgba(0,131,200,1) 0%, rgba(8,71,147,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,131,200,1)), color-stop(100%,rgba(8,71,147,1))); background: -webkit-linear-gradient(left,  rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); background: -o-linear-gradient(left,  rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); background: -ms-linear-gradient(left,  rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); background: linear-gradient(to right,  rgba(0,131,200,1) 0%,rgba(8,71,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083c8', endColorstr='#084793',GradientType=1 ); }
                #Home-Notices .featured-notice .image { margin-bottom: 10px; display: inline-block; }
                #Home-Notices .featured-notice .description { text-align: left; }
                    #Home-Notices .featured-notice .description a.title { color: #fff; font-size: 2em; text-transform: uppercase; font-family: 'Mako', Tahoma; margin-bottom: 15px; margin-top: 5px; display: block; }
                        #Home-Notices .featured-notice .description a.title:hover { text-decoration: underline; }
                    #Home-Notices .featured-notice .description label { width: 113px; height: 27px; line-height: 27px; font-family: Arial; color: #fff; text-align: center; margin: 8px 0; text-transform: uppercase; font-size: 1.2em; background:url('/Content/Images/sprites.png') -200px 0 repeat; display: block; }
                    #Home-Notices .featured-notice .description .date { color: #fff; margin-bottom: 5px; opacity: 0.7; }
                    #Home-Notices .featured-notice .description .text { font-size: 0.9em; color: #fff; }
                #Home-Notices .featured-notice .grey-see-more { width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -71px repeat; position: absolute; text-align: center; left: 0; bottom: 15px; line-height: 19px; display: block; color: #fff; text-transform: uppercase; font-size: 0.8em; }
                    #Home-Notices .featured-notice .grey-see-more:hover { opacity: 0.9; filter: alpha(opacity=80); }
                    #Home-Notices .featured-notice .grey-see-more:active { opacity: 1; filter: alpha(opacity=100); }*/

.products-sub { position: relative; float: right; min-height: 410px; width: 700px; padding-left:3px; border-top: 1px solid #ccc;   text-align: left; }

/* Content */
#Content { margin-bottom: 0; color: #333; }
#Breadcrumb { height: 50px; font-size: 0.9em; line-height: 47px; }
    #Breadcrumb h1 { display: inline-block; float: left; height: 25px; color: #333; vertical-align: middle; text-transform: uppercase; font-weight: normal; font-size: 1.3em; font-family: 'Mako', Tahoma; }
    #Breadcrumb .sep { margin: 0 7px 0 9px; color: #666; vertical-align: middle; }
    #Breadcrumb .on a { color: #0084C7; font-weight: bold; }
        #Breadcrumb .on a:hover { text-decoration: underline; }
    #Breadcrumb .on { position: relative; color: #0084C7; vertical-align: middle; font-weight: bold; }
        #Breadcrumb .on .zcmsdoor { position: absolute; top: -4px; right: -80px; width: 65px; color: #333; }
    #Breadcrumb .search-value { display: inline-block; margin-top: -2px; color: #1D6AAE; vertical-align: middle; font-size: 1.3em; font-family: 'Mako', Arial; }

#Content .content { margin-bottom: 40px; padding: 40px 0; min-height: 640px; }
#Content .download { display: inline-block; }
    #Content .download:hover { opacity: 0.7; filter: alpha(opacity=70); }
    #Content .download span { vertical-align: middle; margin-left: 10px; color: #0084C7; }

#Side-Bar { float: left; padding: 10px 0; width: 230px; background: #fff; box-shadow: 0 2px 4px -3px #000; }
    /* Market Sections */
    #Side-Bar h2 { margin: 10px 0; padding-left: 5px; color: #2B468C; text-transform: uppercase; font-weight: normal; font-size: 1.2em; font-family: 'Mako', Tahoma; }
    #Side-Bar .section { }
        #Side-Bar .section .top { cursor: pointer; }
        #Side-Bar .section .bottom { display: none; }
        #Side-Bar .section.on .bottom { display: block; }

    #Side-Bar a, #Side-Bar span { display: block; padding: 5px 10px; background: none; color: #333; font-size: 1.1em; font-family: 'Mako', Tahoma; }
    #Side-Bar > *:nth-child(2n+1):not(h2) { background-color: #f4f4f4; }
    #Side-Bar a.on, #Side-Bar a:hover { background-color: #0084C7; color: #FFF; }
    #Side-Bar a.disabled { cursor: default; }
        #Side-Bar a.disabled :hover { background-color: none; cursor: default; }
    #Side-Bar > *.disabled:nth-child(2n+1):not(h2):hover { background-color: #f4f4f4; color: #333; }
    #Side-Bar a.sub-cat { padding-left: 20px; font-size: 0.9em; }

    #Side-Bar ul { margin: 0; padding: 0; border-bottom: 2px solid #fff; color: #333; list-style: none; font-family: 'Mako', Tahoma; }
        #Side-Bar ul span { border-bottom: 1px solid #ccc; }
    #Side-Bar > ul { padding: 5px 0; padding-left: 5px; font-size: 1.1em; }
        /* hover */
        #Side-Bar > ul:hover, #Side-Bar > ul.on, #Side-Bar > ul.selected { border-bottom: 2px solid #0084C7; background: #f4f4f4; }
    #Side-Bar ul li { position: relative; margin: 0; }
        #Side-Bar ul li.main-sub { display: none; }
    #Side-Bar ul.on > li:first-child, #Side-Bar > ul:hover > li:first-child, #Side-Bar ul.selected > li:first-child { margin-bottom: 0px; width: 215px; color: #0084C7; }
    #Side-Bar ul.on li.main-sub, #Side-Bar ul:hover li.main-sub { display: block; }
    #Side-Bar ul .top-sub { position: absolute; top: -20px; right: -235px; z-index: 1; padding-bottom: 25px; border-bottom: none; background: rgba(237,237,237,0.9); font-size: 0.9em; }
        #Side-Bar ul .top-sub .head { height: 25px; border-bottom: 2px solid #0084C7; }
        #Side-Bar ul .top-sub > li { padding-left: 20px; }
        #Side-Bar ul .top-sub li > a { border-bottom: 1px solid #ccc; background: none; }
            #Side-Bar ul .top-sub li > a:hover { border-bottom: 1px solid #999; color: #000; }
        /* bottom sub */
        #Side-Bar ul .top-sub ul:first-child { width: 215px; border-bottom: none; }
            /*{ display: block; }  */
            #Side-Bar ul .top-sub ul:first-child.on .sub { display: none; }
            #Side-Bar ul .top-sub ul:first-child.on > li:first-child, #Side-Bar ul .top-sub ul:first-child:hover > li:first-child { padding-bottom: 0; border-bottom: none; }
            #Side-Bar ul .top-sub ul:first-child.on > li a, #Side-Bar ul .top-sub ul:first-child:hover > li a { border-bottom: 1px solid #ccc; color: #666; }
                #Side-Bar ul .top-sub ul:first-child.on > li a:hover, #Side-Bar ul .top-sub ul:first-child:hover > li a:hover { border-bottom: 1px solid #0084C7; color: #0084C7; }
            #Side-Bar ul .top-sub ul:first-child.on > li:first-child span, #Side-Bar ul .top-sub ul:first-child:hover > li:first-child span { border-bottom: 1px solid #ccc; color: #0084C7; }
            #Side-Bar ul .top-sub ul:first-child > li li:first-child, #Side-Bar ul .top-sub ul:first-child:hover > li li:first-child { border-bottom: none; }

        #Side-Bar ul .top-sub .sub { display: block; padding-left: 0px; border-bottom: none; }
            #Side-Bar ul .top-sub .sub li:first-child { border-bottom: none; }
            #Side-Bar ul .top-sub .sub li { margin: 0; }
            #Side-Bar ul .top-sub .sub a { padding: 3px 3px 5px; padding-left: 20px; width: 184px; border-bottom: 1px solid #ccc; color: #666; font-size: 0.9em; }

#ContentSlider { float: right; margin-left: 10px; width: 220px; height: 195px; }
    #ContentSlider .zItem { display: none; }
        #ContentSlider .zItem a { display: inline-block; width: 220px; height: 165px; text-align: center; line-height: 165px; }
    #ContentSlider .zNavigation { background: #fff; }

#Content .thumbails-pics { display: block; margin-bottom: 20px; }
    #Content .thumbails-pics a:hover { opacity: 0.7; filter: alpha(opacity=70); }

#Content .portefolio-item { position: relative; display: block; overflow: hidden; margin: 15px 0px; box-shadow: 0 3px 10px -4px #000; vertical-align: top; }
    #Content .portefolio-item:hover { opacity: 0.7; filter: alpha(opacity=70); }
    #Content .portefolio-item .image { display: inline-block; float: left; margin-right: 10px; width: 220px; height: 165px; background: #fff; text-align: center; }
    #Content .portefolio-item .description { margin-top: 20px; padding-right: 10px; }
        #Content .portefolio-item .description p { display: block; margin-bottom: 10px; color: #1D6AAE; font-size: 1.3em; font-family: 'Mako', Tahoma; }
            #Content .portefolio-item .description p small { color: #333; font-size: 0.7em; }
    #Content .portefolio-item .see-more { position: absolute; right: 10px; bottom: 10px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -71px repeat; color: #fff; text-align: center; font-size: 0.9em; line-height: 14px; line-height: 19px; }
        #Content .portefolio-item .see-more:hover { opacity: 0.8; filter: alpha(opacity==80); }
        #Content .portefolio-item .see-more:active { opacity: 1; filter: alpha(opacity==100); }

#Content .text { position: relative; float: right; padding: 20px; padding-bottom: 50px; width: 670px; background: #fff; box-shadow: 0 2px 5px -2px #000; }
    #Content .text.large { width: 940px; }
#Content .status { display: block; margin-bottom: 8px; border-radius: 3px; }
    #Content .status p { padding: 5px; }
    #Content .status.error { background: #FCEBEB; color: #cc0000; }
    #Content .status.success { background: #E2EADB; color: #448235; }
#Content strong label { color: #0084C7; }
#Content .text h2 { margin-bottom: 25px; color: #0084C7; font-weight: normal; font-size: 2.2em; font-family: 'Mako', Tahoma; }
    #Content .text h2 form.pull-right { display: inline-block; float: right; }
#Content .text h3 { margin-bottom: 15px; margin-left: -2px; color: #333; letter-spacing: -1px; font-weight: normal; font-size: 1.6em; font-family: 'Mako', Tahoma; }
#Content .text .back { position: absolute; right: 0; bottom: 14px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -115px repeat; color: #fff; text-align: center; text-indent: 4px; text-transform: uppercase; font-size: 0.8em; line-height: 18px; }
    #Content .text .back:hover { opacity: 0.9; filter: alpha(opacity=80); }
    #Content .text .back:active { opacity: 1; filter: alpha(opacity=100); }

/* Contacts */
#Contacts { margin-bottom: 40px; }

    #Contacts .content { padding: 40px 0 10px; min-height: 640px; }

    #Contacts .text { position: relative; float: right; padding: 20px; padding-bottom: 50px; width: 670px; background: #fff; box-shadow: 0 2px 5px -2px #000; color: #333; }
        #Contacts .text .left, #Contacts .text .right { display: inline-block; width: 50%; }
        #Contacts .text .right { margin-left: -4px; vertical-align: bottom; }
        #Contacts .text h2 { margin-bottom: 40px; color: #0084C7; font-weight: normal; font-size: 2.2em; font-family: 'Mako', Tahoma; }
        #Contacts .text strong { color: #0084C7; }

#Map { margin-top: 20px; height: 300px; background: #ededed; }
#MapWrapper { overflow: hidden; margin-top: 15px; width: 667px; height: 300px; border: 1px solid #CDDDE7; border: none; box-shadow: 0 2px #fff; }

#Contacts .text .back { position: absolute; right: 0; bottom: 14px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -115px repeat; color: #fff; text-align: center; text-indent: 4px; text-transform: uppercase; font-size: 0.8em; line-height: 18px; }
    #Contacts .text .back:hover { opacity: 0.9; filter: alpha(opacity=80); }
    #Contacts .text .back:active { opacity: 1; filter: alpha(opacity=100); }

/* Order */
#Order { display: inline-block; float: left; margin-top: 25px; }
#OrderForm { }
    #OrderForm label.error { display: inline-block; margin-left: 4px; color: #cc0000; }
#Order div.span { float: left; clear: none; max-width: 430px; }
#Order div { clear: left; }
    #Order div span { display: inline-block; float: left; margin-right: 10px; }
    #Order div.span h3 { margin-bottom: 0; }
    #Order div label { display: block; margin-bottom: 5px; color: #555; }
    #Order div input, #Order div textarea { margin-bottom: 10px; }
#Order td.des { }
    #Order td.des select { min-width: 150px; }
#Order td.ref div { position: relative; }
#Order div input.little-plus { width: 115px; text-align: left; }
#Order div button[type="submit"].remove { position: absolute; top: 4px; left: -25px; width: 18px; height: 18px; border: none; background: url('/Content/Images/sprites.png') 0px -102px repeat; cursor: pointer; margin: 0px; }
#Order div button[type="submit"] { cursor: pointer; margin-left: 10px; background: none; border: 0px; }
    #Order div button[type="submit"] i { margin-right: 5px; display: inline-block; vertical-align: middle; width: 19px; height: 18px; border: none; background: url('/Content/Images/sprites.png') -18px -102px repeat; }
    #Order div button[type="submit"] span { display: inline-block; vertical-align: middle; color: #07529A; float: none; }
#Order div input.large, #Order div textarea.large { width: 387px; }
#Order div input.error, #Order div textarea.error { border: 1px solid #cc0000; }
#Order div textarea.large { height: 55px; font-size: 0.9em; line-height: 18px; }

#Order div.order-products { margin-left: 34px; }
#Order-Products-Table td { vertical-align: middle; }
#Order-Products-Table .ref { width: 98px; position: relative; }
    #Order-Products-Table .ref input[type="text"] { width: 95px; }
#Order-Products-Table .des { width: 178px; }
    #Order-Products-Table .des select { min-width: 0px; max-width: 170px; }
#Order-Products-Table .col { width: 98px; }
    #Order-Products-Table .col select { min-width: 0px; max-width: 90px; }
#Order-Products-Table .qua { width: 50px; }
#Order-Products-Table thead { color: #555; }
#Order #Order-Products-Table input { margin-bottom: 0; }

#OrderForm .actions { display: inline-block; clear: both; margin-top: 11px; min-height: 30px; width: 100%; }
    #OrderForm .actions .status { float: right; margin-bottom: 0; width: 86.5%; }

/* Product */
/* Product-Home */
#Product-Home { margin-bottom: 40px; }
    #Product-Home .content { margin-bottom: 40px; padding: 40px 0 10px; min-height: 640px; }
    #Product-Home .category { position: relative; display: inline-block; float: left; width: 245px; height: 205px; background: #fff; text-align: center; }
    #Product-Home.sub .category { width: 33.33333%; overflow:hidden;}
        #Product-Home .category .home.big { width: 490px; height: 410px; }
        #Product-Home .category.big { width: 490px; height: 410px; }
        #Product-Home .category h2 { position: absolute; bottom: 5px; left: 5px; z-index: 1; color: #fff; text-align: left; text-transform: uppercase; font-weight: normal; font-family: 'Mako', Tahoma; }
            #Product-Home .category h2 p { display: inline-block; padding: 4px 8px; width: 215px; background: #0d4892; background: -moz-linear-gradient(left, #0d4892 0%, #0083c7 100%); background: -ms-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -o-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d4892), color-stop(100%,#0083c7)); background: -webkit-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: linear-gradient(to right, #0d4892 0%,#0083c7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4892', endColorstr='#0083c7',GradientType=1 ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* IE6-9 */ /* Old browsers */ /* Opera 11.10+ */ /* W3C */ }
           #Product-Home.sub .category h2{left:0;}
             #Product-Home.sub .category h2 p { display: inline-block; padding: 4px 8px; font-size:14px;     height: 36px;  display:block; background: #0d4892; background: -moz-linear-gradient(left, #0d4892 0%, #0083c7 100%); background: -ms-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -o-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d4892), color-stop(100%,#0083c7)); background: -webkit-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: linear-gradient(to right, #0d4892 0%,#0083c7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4892', endColorstr='#0083c7',GradientType=1 ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* IE6-9 */ /* Old browsers */ /* Opera 11.10+ */ /* W3C */ }
            #Product-Home .category.big h2 p { width: 300px; }
        #Product-Home .category:hover { opacity: 0.9; filter: alpha(opacity==90); }
        #Product-Home .category:active { opacity: 1; filter: alpha(opacity==100); }
        #Product-Home .category:hover h2 p { background: #0083c7; }


/* Market-Home */
#Market-Home { margin-bottom: 40px; }
    #Market-Home .content { }
    #Market-Home .market .home { display: inline-block; width: 490px; height: 315px; }
    #Market-Home .market { position: relative; display: inline-block; float: left; overflow: hidden; width: 490px; height: 315px; background: #fff; text-align: center; line-height: 315px; }
        #Market-Home .market h2, #Market-Home .portfolio h2 { position: absolute; bottom: 5px; left: 5px; z-index: 1; color: #fff; text-transform: uppercase; font-weight: normal; font-family: 'Mako', Tahoma; line-height: normal; }
        #Market-Home .market h2, #Market-Home .portfolio h2 { display: inline-block; padding: 4px 8px; background: #0d4892; background: -moz-linear-gradient(left, #0d4892 0%, #0083c7 100%); background: -ms-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -o-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d4892), color-stop(100%,#0083c7)); background: -webkit-linear-gradient(left, #0d4892 0%,#0083c7 100%); background: linear-gradient(to right, #0d4892 0%,#0083c7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4892', endColorstr='#0083c7',GradientType=1 ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* IE6-9 */ /* Old browsers */ /* Opera 11.10+ */ /* W3C */ }
    #Market-Home img { vertical-align: middle; }
    #Market-Home .market:hover, #Market-Home .portfolio:hover { opacity: 0.9; filter: alpha(opacity==90); }
    #Market-Home .market:active, #Market-Home .portfolio:active { opacity: 1; filter: alpha(opacity==100); }
    #Market-Home .market:hover h2, #Market-Home .portfolio:hover h2 { background: #0083c7; }
    #Market-Home .portfolio { display: block; width: 980px; height: 210px; background: url('/Content/Images/mancha_portfolio.jpg') no-repeat; }

/* Product-Index */
#Product-Index { }
    #Product-Index .content { margin-bottom: 40px; padding: 40px 0 10px; min-height: 640px; }
    #Product-Index .products { position: relative; float: right; min-height: 543px; width: 708px; border-top: 1px solid #ccc; background: #fff; box-shadow: 0 2px 4px -3px #000; text-align: left; }
    #Product-Index.full .products { display: block; float: none; width: 945px; }
    #Product-Index.full .content .wrapper { text-align: center; }
    #Product-Index .products h2 { margin-bottom: 40px; color: #0084C7; font-weight: normal; font-size: 2.2em; font-family: 'Mako', Tahoma; }
    #Product-Index .products .back { position: absolute; right: 0; bottom: 14px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -115px repeat; color: #fff; text-align: center; text-indent: 4px; text-transform: uppercase; font-size: 0.8em; line-height: 18px; }
        #Product-Index .products .back:hover { opacity: 0.9; filter: alpha(opacity=80); }
        #Product-Index .products .back:active { opacity: 1; filter: alpha(opacity=100); }

    /* Product */
    #Product-Index .product { display: inline-block; margin-right: -5px; width: 235px; border: 1px solid #ccc; border-top: none; vertical-align: top; }
        #Product-Index .product .image { width: 235px; height: 125px; vertical-align: middle; text-align: center; line-height: 121px; }
            #Product-Index .product .image img { margin-left: 4px; vertical-align: middle; }
        #Product-Index .product .description { position: relative; padding: 5px; height: 57px; background: #F0EFEF; }
        #Product-Index .product .reference { color: #006AB2; font-family: Arial; }
        #Product-Index .product .dimensions { margin-top: -1px; color: #666; font-size: 0.8em; }
        #Product-Index .product .name { height: 32px; color: #333; text-align: right; font-size: 0.9em; }
        #Product-Index .product .label { position: absolute; top: -9px; right: 5px; display: inline-block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -71px repeat; color: #fff; text-indent: 8px; font-size: 0.8em; line-height: 19px; cursor: pointer; }
            #Product-Index .product .label:hover { opacity: 0.8; filter: alpha(opacity==80); }
            #Product-Index .product .label:active { opacity: 1; filter: alpha(opacity==100); }

/* Navigation */
#Navigation { width: 100%; text-align: center; }
    #Navigation .pagination { height: 50px; line-height: 50px; }
    #Navigation ul { margin: 0; padding: 0; }
        #Navigation ul li { display: inline-block; }
    #Navigation .prev a { width: 50px; }
    #Navigation .next a { width: 50px; }

    #Navigation a { display: inline-block; width: 20px; height: 20px; background: #fff; color: #666; vertical-align: middle; font-weight: bold; font-size: 0.8em; line-height: 18px; }
    #Navigation li.active a { background: #ededed; }
    #Navigation a.on { background: #006AB2; color: #fff; }


/* Product-Detail */
#Product-Detail { margin-bottom: 40px; }
    #Product-Detail .content { padding: 40px 0 10px; }
#Product { position: relative; float: right; width: 708px; border-top: 1px solid #ccc; background: #fff; box-shadow: 0 2px 4px -3px #000; }
    #Product .top { height: 50px; line-height: 50px; }
        #Product .top .back-btn { position: absolute; top: 15px; left: 15px; display: block; width: 74px; height: 19px; background: url('/Content/Images/sprites.png') -392px -25px repeat; color: #fff; text-align: center; text-transform: uppercase; font-size: 0.8em; line-height: 19px; cursor: pointer; }
        #Product .top .right { float: right; }
        #Product .top .right { position: absolute; top: 0; right: 15px; }
            #Product .top .right .prev-btn { display: inline-block; width: 74px; height: 19px; background: url('/Content/Images/sprites.png') -392px -63px repeat; color: #fff; text-align: center; text-transform: uppercase; font-size: 0.8em; line-height: 19px; }
            #Product .top .right .next-btn { display: inline-block; margin-left: 2px; width: 74px; height: 19px; background: url('/Content/Images/sprites.png') -392px -44px repeat; color: #fff; text-align: center; text-transform: uppercase; font-size: 0.8em; line-height: 19px; }
                #Product .top .right .prev-btn:hover, #Product .top .right .next-btn:hover { opacity: 0.8; filter: alpha(opacity==80); }
                #Product .top .right .prev-btn:active, #Product .top .right .next-btn:active { opacity: 1; filter: alpha(opacity==100); }

    #Product .middle { padding: 15px; padding-top: 0; }
        #Product .middle .images { position: relative; display: inline-block; width: 245px; height: 195px; vertical-align: middle; text-align: center; line-height: 195px; }
#Detail-Slider { width: 245px; height: 195px; }
    #Detail-Slider .zItem { display: inline-block; width: 245px; height: 195px; }
#Product .middle .images img { vertical-align: middle; }
#Product .middle .images a.see-more { position: absolute; right: 0; bottom: 0; display: block; width: 54px; height: 14px; background: url('/Content/Images/sprites.png') -392px -82px repeat; color: #fff; text-align: center; font-size: 0.7em; line-height: 14px; }
    #Product .middle .images a.see-more:hover { opacity: 0.8; filter: alpha(opacity==80); }
    #Product .middle .images a.see-more:active { opacity: 1; filter: alpha(opacity==100); }

#Product .middle .description { display: inline-block; float: right; width: 410px; vertical-align: top; }
#Product .description h2 { border-bottom: 1px solid #666; color: #006BB3; font-weight: normal; font-size: 2em; font-family: Tahoma; }
#Product .description h1 { margin-bottom: 10px; padding: 5px 0; border-bottom: 1px solid #666; color: #111; font-weight: normal; font-size: 1.1em; font-family: 'Mako', Tahoma; }
#Product .description .text { color: #333; font-size: 0.9em; }

#Product .middle .dimensions-image { display: inline-block; width: 245px; vertical-align: top; text-align: center; }
#Product .middle .images.tec { height:auto !important; }
    #Product .middle .dimensions-image > img { display: inline-block; }

#Product .middle .dimensions { display: inline-block; float: right; width: 410px; vertical-align: top; }
#Dimensions-Table { width: 100%; }
    #Dimensions-Table td, #Dimensions-Table th { padding: 2px 10px; font-size: 1.1em; }
    #Dimensions-Table .colors { width: 80px; text-align: center; }
        #Dimensions-Table .colors .color { display: inline-block; margin: 1px 0; width: 15px; height: 15px; }

    #Dimensions-Table thead { height: 25px; background: #F0EFEF; color: #333; text-align: left; text-transform: uppercase; letter-spacing: -0.5px; font-size: 0.80em; font-family: 'Mako', Tahoma; line-height: 25px; }
        #Dimensions-Table thead th { font-weight: normal; }
    #Dimensions-Table tbody { font-size: 0.85em; }
#Product .middle .dimensions-image2 { display: inline-block; margin-left: 15px; width: 100px; height: 100px; }

#Product .bottom { margin-top: 5px; }
    #Product .bottom label.related { display: block; width: 225px; height: 25px; background: url('/Content/Images/sprites.png') -392px 0px repeat; color: #fff; text-align: center; text-transform: uppercase; font-family: 'Mako', Tahoma; line-height: 22px; }
    #Product .bottom .bottom-shadow { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: #303030; background: -moz-linear-gradient(left, #303030 0%, #666666 100%); background: -ms-linear-gradient(left, #303030 0%,#666666 100%); background: -o-linear-gradient(left, #303030 0%,#666666 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#303030), color-stop(100%,#666666)); background: -webkit-linear-gradient(left, #303030 0%,#666666 100%); background: linear-gradient(to right, #303030 0%,#666666 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#666666',GradientType=1 ); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ /* IE6-9 */ /* Old browsers */ /* Opera 11.10+ */ /* W3C */ }
#Related-Slider { margin-top: 15px; margin-left: 4px; width: 99%; height: 150px; text-align: center; }
    #Related-Slider .zItem { display: inline-block; margin-right: -1px; }
        #Related-Slider .zItem .rel-product { display: inline-block; margin-left: -4px; width: 177px; }
            #Related-Slider .zItem .rel-product:hover { opacity: 0.7; filter: alpha(opacity=70); }
            #Related-Slider .zItem .rel-product .image { height: 100px; border-right: 1px solid #ccc; text-align: center; line-height: 100px; }
            #Related-Slider .zItem .rel-product .description { position: relative; height: 50px; border-right: 1px solid #999; color: #fff; }
        #Related-Slider .zItem:nth-child(4n) .rel-product .image { border-right: 0; }
        #Related-Slider .zItem:nth-child(4n) .rel-product .description { border-right: 0; }
        #Related-Slider .zItem .description .reference { position: absolute; top: 3px; left: 10px; font-family: 'Mako', Tahoma; }
        #Related-Slider .zItem .description .name { position: absolute; top: 3px; right: 6px; overflow: hidden; width: 121px; height: 17px; text-align: right; line-height: 15px; }
        #Related-Slider .zItem .description .dimensions { position: absolute; right: 5px; bottom: 5px; width: 100%; text-align: right; font-size: 0.8em; }
            #Related-Slider .zItem .description .dimensions p { margin-top: -2px; }

    #Related-Slider .zNavigation { position: absolute; bottom: 85px; left: 0; display: block; height: 25px; }
        #Related-Slider .zNavigation .zNavPrev { position: absolute; top: 0; left: 5px; width: 18px; height: 25px; background: url('/Content/Images/sprites.png') -164px -66px repeat; }
        #Related-Slider .zNavigation .zNavNext { position: absolute; top: 0; right: 5px; width: 18px; height: 25px; background: url('/Content/Images/sprites.png') -182px -66px repeat; }
            #Related-Slider .zNavigation .zNavNext:hover, #Related-Slider .zNavigation .zNavPrev:hover { opacity: 0.8; filter: alpha(opacity==80); }
            #Related-Slider .zNavigation .zNavNext:active, #Related-Slider .zNavigation .zNavPrev:active { opacity: 1; filter: alpha(opacity==100); }


/* Notices */
#Notices { }

    #Notices .content { margin-bottom: 40px; padding: 40px 0; min-height: 640px; }
    #Notices .featured { position: relative; float: right; padding: 20px; width: 668px; border-top: 1px solid #ccc; background: #fff; box-shadow: 0 2px 4px -3px #000; }

#Featured-Notices { position: relative; margin-top: 15px; padding-top: 55px; }
#Notices .featured .label-main { position: absolute; top: 0; left: -20px; display: block; width: 576px; height: 25px; background: url('/Content/Images/sprites.png') -392px -96px repeat; color: #fff; text-indent: 28px; text-transform: uppercase; font-weight: normal; font-family: 'Mako', Tahoma; line-height: 23px; }
#Notice-Detail .notice.detail-video .label-main { display: block; margin-bottom: 15px; color: #0A4B95; font-weight: normal; font-size: 1.6em; font-family: 'Mako', Tahoma;}

#Featured-Expos { position: relative; margin-top: 20px; padding-top: 55px; }

/* notice */
#Notices .feat-notice { position: relative; display: inline-block; margin-right: 9px; margin-bottom: 8px; margin-left: 8px; width: 260px; border: 1px solid #ccc; vertical-align: top; }
    #Notices .feat-notice:hover { border: 1px solid #007BC0; }
    #Notices .feat-notice .date { position: absolute; top: 30px; left: -1px; display: block; width: 97px; height: 25px; background: url('/Content/Images/sprites.png') -200px -27px repeat; color: #fff; text-indent: 15px; font-family: 'Mako', Tahoma; line-height: 22px; }

    #Notices .feat-notice.noimage .image { height: 70px; }

    #Notices .feat-notice .image { overflow: hidden; height: 160px; vertical-align: middle; text-align: center; line-height: 160px; }
        #Notices .feat-notice .image img { margin-left: 4px; vertical-align: middle; }
    #Notices .feat-notice .description { position: relative; padding: 0 17px 17px 17px; color: #333; }
        #Notices .feat-notice .description h2 { margin-bottom: 5px; color: #2093D0; font-weight: normal; font-size: 1.20em; font-family: 'Mako', Tahoma; }
    #Notices .feat-notice:hover h2 { color: #007BC0; }
    #Notices .feat-notice:hover .description { color: #007BC0; }


#Notices .featured .back { position: absolute; right: 0; bottom: 14px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -115px repeat; color: #fff; text-align: center; text-indent: 4px; text-transform: uppercase; font-size: 0.8em; line-height: 18px; }
    #Notices .featured .back:hover { opacity: 0.9; filter: alpha(opacity=80); }
    #Notices .featured .back:active { opacity: 1; filter: alpha(opacity=100); }

/* Notice-Detail */
#Notice-Detail { margin-bottom: 40px; }

    #Notice-Detail .content { padding: 40px 0; }
    #Notice-Detail .notice { position: relative; float: right; padding: 20px; width: 668px; border-top: 1px solid #ccc; background: #fff; box-shadow: 0 2px 4px -3px #000; }

/* notice */
#Notice { position: relative; display: inline-block; width: 100%; vertical-align: top; }
    /* notice noimage */
    #Notice.noimage .image { margin-top: 8px; height: 25px; background: #ededed; }
    #Notice.noimage .date { top: 41px; }
    #Notice.noimage .description { padding-top: 10px; }

    #Notice .label-main { display: block; margin-bottom: 15px; color: #0A4B95; font-weight: normal; font-size: 1.6em; font-family: 'Mako', Tahoma; }
    #Notice .date { position: absolute; top: 55px; left: 0px; display: block; width: 97px; height: 25px; background: url('/Content/Images/sprites.png') -200px -27px repeat; color: #fff; text-indent: 15px; font-family: 'Mako', Tahoma; line-height: 22px; }
    #Notice .image { height: 255px; vertical-align: middle; text-align: center; line-height: 160px; }
        #Notice .image img { vertical-align: middle; }
    #Notice .description { position: relative; padding: 17px 0; color: #333; }

#Notice-Detail .back { position: absolute; right: 0; bottom: 14px; display: block; width: 60px; height: 19px; background: url('/Content/Images/sprites.png') -200px -115px repeat; color: #fff; text-align: center; text-indent: 4px; text-transform: uppercase; font-size: 0.8em; line-height: 18px; }
    #Notice-Detail .back:hover { opacity: 0.9; filter: alpha(opacity=80); }
    #Notice-Detail .back:active { opacity: 1; filter: alpha(opacity=100); }



/******************************************************************
    Elements
/*****************************************************************/

input[type="text"], input[type="password"], textarea { padding-left: 5px; height: 25px; border: 1px solid #E8E8E8; border-top: 1px solid #ccc; border-radius: 2px; background: #fcfcfc; background: -moz-linear-gradient(top, #ededed 0%, #fcfcfc 10%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(10%,#fcfcfc)); background: -webkit-linear-gradient(top, #ededed 0%,#fcfcfc 10%); color: #666; font-family: Arial; line-height: 25px; /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* Old browsers */ }
    input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-top: 1px solid #999; background: #fdfdfd; box-shadow: 0px 1px 2px rgba(50,50,50, 0.2) inset; color: #000; }
    input[type="text"].little, input[type="password"].little, textarea.little { padding-left: 0; width: 45px; text-align: center; }
    input[type="text"].little-plus, input[type="password"].little-plus, textarea.little-plus { width: 95px; text-align: center; }
    input[type="text"].small, input[type="password"].small, textarea.small { width: 120px; }
    input[type="text"].small-plus, input[type="password"].small-plus, textarea.small-plus { width: 215px; }
    input[type="text"].medium, input[type="password"].medium, textarea.medium { width: 250px; }
    input[type="text"].large, input[type="password"].large, textarea.large { width: 305px; }
        input[type="text"].large textarea { height: 100px; font-size: 0.9em; }

.btn, a.btn { display: inline-block; padding: 0 8px; padding-bottom: 1px; height: 25px; border: 1px solid #aaa; border-radius: 3px; background: #ededed; box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset; color: #666; text-align: center; -webkit-text-shadow: 1px 1px #fff; text-shadow: 1px 1px #fff; line-height: 25px; cursor: pointer; }
    .btn.green { border: 1px solid #448235; background: #549E41; box-shadow: 0 1px 0 #59AB45 inset; color: #fff; -webkit-text-shadow: 1px 1px #448235; text-shadow: 1px 1px #448235; /* Old browsers */ }
    .btn:hover, a.btn:hover { box-shadow: 0px 10px 10px rgba(255, 255, 255, 0.2) inset; }
    .btn:active, a.btn:active { box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) inset; }

.icon-nav-start { display: inline-block; width: 20px; height: 20px; background: url('/Content/Images/sprites.png') -40px -66px repeat; vertical-align: middle; }
.icon-nav-end { display: inline-block; width: 20px; height: 20px; background: url('/Content/Images/sprites.png') -60px -66px repeat; vertical-align: middle; }
.icon-pdf { display: inline-block; width: 25px; height: 25px; background: url('/Content/Images/sprites.png') -59px -102px repeat; vertical-align: middle; }
.icon-nav-prev { display: inline-block; width: 20px; height: 20px; background: url('/Content/Images/sprites.png') 0px -66px repeat; vertical-align: middle; }
.icon-nav-next { display: inline-block; width: 20px; height: 20px; background: url('/Content/Images/sprites.png') -20px -66px repeat; vertical-align: middle; }
    .icon-nav-end:hover, .icon-nav-start:hover, .icon-nav-prev:hover, .icon-nav-next:hover { opacity: 0.8; filter: alpha(opacity==80); }
    .icon-nav-end:active, .icon-nav-start:active, .icon-nav-prev:active, .icon-nav-next:active { opacity: 1; filter: alpha(opacity==100); }
.icon-youtube { display: inline-block; width: 22px; height: 22px; background: url('/Content/Images/sprites.png') -37px -102px repeat; vertical-align: middle; }
.icon-flag-pt { display: inline-block; width: 22px; height: 16px; background: url('/Content/Images/sprites.png') 0px -86px repeat; vertical-align: middle; }
.icon-flag-es { display: inline-block; width: 22px; height: 16px; background: url('/Content/Images/sprites.png') -22px -86px repeat; vertical-align: middle; }
.icon-flag-en { display: inline-block; width: 22px; height: 16px; background: url('/Content/Images/sprites.png') -44px -86px repeat; vertical-align: middle; }
.icon-flag-fr { display: inline-block; width: 22px; height: 16px; background: url('/Content/Images/sprites.png') -66px -86px repeat; vertical-align: middle; }
.icon-flag-de { display: inline-block; width: 22px; height: 16px; background: url('/Content/Images/sprites.png') -88px -86px repeat; vertical-align: middle; }