/*  [Master Stylesheet]
    --------------------------------------------------------------------
    Project:        Swisspor
    Last change:    06 marzec 2012 - 12:58:13
    Autor:          evoStudio.pl => Karol Rycio


    [Color codes]
    --------------------------------------------------------------------
    #fff    (white)
    

    [Table of contents]
    --------------------------------------------------------------------
    . Layout General Styles
    

    ------------------------------------------------------------------*/
    
    
    
    @import "reset.css";   
    @import "ui.css";
    @import "jqtransform.css";
    
    @font-face {
      font-family: 'Humnst777PLBold';
      src: url('../fonts/0859pl__-swisspor.eot');
      src: url('../fonts/0859pl__-swisspor.eot?#iefix') format('embedded-opentype'),
           url('../fonts/0859pl__-swisspor.woff') format('woff'),
           url('../fonts/0859pl__-swisspor.ttf') format('truetype'),
           url('../fonts/0859pl__-swisspor.svg#Humnst777PLBold') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    
/*  . Layout General Styles
    ------------------------------------------------------------------*/

    body { background: url(../img/bg.gif) center 122px repeat-x; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 12px;}  
    #layout { width: 1000px; margin: 0 auto; background: #fff; }
    #main-content { width: 790px; float: right;}
    #layout > aside { width: 210px; float: left; position: relative; left: 1px;}
    a { color: #003179;}
    
    strong { font-weight: bold;}

    .button { background: #003179; display: inline-block; color: #fff; text-decoration: none; padding: 7px 10px; border-radius: 4px; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url(pie.htc); }
    .button:hover { background: #1a4f9c;}
    .button:active { background: #003179; color: #7797c7; padding: 8px 10px 6px 10px; } 
    
    sub, sup { font-size: .83em }
    sub { vertical-align: sub }
    sup { vertical-align: super }
    
/*  . Tools
    ------------------------------------------------------------------*/

    .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
    .clearfix:after { clear: both; }  
    .clearfix { zoom: 1; }  
    
/*  . Header
    ------------------------------------------------------------------*/
    
    #layout > header { height: 122px;}
    #layout > header #logo { float: left; display: block;}
    #layout > header #logo a { display: block; text-indent: -9999em; width: 210px; height: 122px; background: url(../img/logo.gif) center no-repeat;} 
    nav#top-links { float: right; clear: right; margin: 4px 0 5px 0;}
    nav#top-links a { display: inline-block; margin: 0 0 0 12px;}
    nav#top-links a:hover { text-decoration: none; color: #8caad5;}
    nav#top-links a:active { background: #edf1f7;  color: #8caad5; }
    aside#top-banner { width: 790px; height: 94px; float: right; background: url(../img/banner.jpg) no-repeat; position: relative;}
    aside#top-banner span { position: absolute; display: none; z-index: 999; }
    aside#top-banner .next { right: 15px; top: 30px;}
    aside#top-banner .prev { left: 15px; top: 30px;}
    aside#top-banner ul { margin: 37px 0 0 20px; width: 100%;}
    aside#top-banner li { color: #fff;  font-family: 'Humnst777BlkPLRegular', sans-serif; font-weight: bold; font-size: 24px; text-shadow: 1px 1px 0 #800707;  
    display: block; width: 100%; }
  
/*  . Navigation
    ------------------------------------------------------------------*/
    
    #main-nav { float: right; background: #f8b10b; width: 790px; margin-bottom: 8px;}
    #main-nav ul { float: left; margin-left: 5px;}
    #main-nav ul li { display: inline; float: left;}
    #main-nav ul li a { display: block; float: left; color: #000; /*text-shadow: 1px 1px 0 #c06308;*/ text-decoration: none; font-weight: bold; 
    font-size: 14px; padding: 8px 13px;}  
    #main-nav ul li a:hover { color: #fff;}
    #main-nav ul li a:active { color: #f7dc9c; text-shadow: 0 0; padding: 9px 13px 7px 13px;}
    #main-nav ul li.active a { padding: 6px 13px; margin-top: 4px; background: #fff !important; color: #003179; text-shadow: 0 0 0; 
    border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; behavior: url(pie.htc);}
    
    #main-nav-nested { width: 170px; background: #003179; border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; -moz-border-radius: 0 0 6px 0; 
    behavior: url(pie.htc); overflow: auto; padding: 5px 0;}
    #main-nav-nested > ul > li { display: block; float: left; clear: both; padding: 2px 5px 2px 0; border-bottom: 1px solid #1a4687; width: 150px; }
    #main-nav-nested > ul > li img { vertical-align: middle; margin-left: 5px;}
    #main-nav-nested > ul > li > a { padding-left: 10px !important; font-size: 11px;}
    #main-nav-nested > ul > li a { padding: 5px 5px 5px 0; color: #fff; display: inline-block; text-decoration: none;}
    #main-nav-nested > ul > li a:hover { color: #9ebeec}
    #main-nav-nested > ul > li.active, #main-nav-nested > ul > li.current { background: #fff; border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; 
    -moz-border-radius: 0 6px 6px 0; behavior: url(pie.htc); }
    #main-nav-nested > ul > li.active a, #main-nav-nested > ul > li.current a { color: #003179; font-weight: bold;}
    #main-nav-nested > ul > li:last-child { border-bottom: 0} 
    #main-nav-nested .nested { background: #fff; padding: 2px 5px 2px 10px; }
    #main-nav-nested .nested li { padding: 4px 0; border-bottom: 1px solid #eee;}
    #main-nav-nested .nested li:last-child { border-bottom: 0;}
    #main-nav-nested .nested li a { color: #003179; line-height: 1.1em; display: block; font-size: 10px;}    
    #main-nav-nested .nested li a:hover {  color: #9ebeec}
    #main-nav-nested .nested li.active a { font-weight: bold; font-size: 11px; color: #aaa;}
    
    .product-aplication-nav li { display: block; padding: 0px 0 0px 5px;}
    .product-aplication-nav li img { vertical-align: middle; margin-left: 5px;}
    .product-aplication-nav li a { color: #fff; text-decoration: none; line-height: 1.2em; display: inline-block;}
    .product-aplication-nav li a:hover { color: #9ebeec}
    .product-aplication-nav li.current { background: #fff; padding: 0px 0 0px 5px; margin-bottom: 3px; border-radius: 6px 0 0 6px; 
    -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; behavior: url(pie.htc);}
    .product-aplication-nav li.current > a { color: #003179; font-weight: bold; }
    .product-aplication-nav .nested { background: #fff; padding: 2px 5px 2px 10px;}
    .product-aplication-nav .nested li { padding: 4px 0; border-bottom: 1px solid #eee;}
    .product-aplication-nav .nested li:last-child { border-bottom: 0;}
    .product-aplication-nav .nested li a { color: #003179; line-height: 1.1em; display: block; font-size: 10px;}    
    .product-aplication-nav .nested li a:hover {  color: #9ebeec}
    .product-aplication-nav .nested li.active a { font-weight: bold; font-size: 11px; color: #aaa;}
    
    #footer-nav { width: 1000px; margin: 0 auto;}
    #footer-nav li { display: inline; padding: 9px 0 11px 0; float: left;}
    #footer-nav li a { text-decoration: none; color: #000; }
    #footer-nav li span { display: inline-block; margin: 0 10px;}
    #footer-nav li a:hover { color: #fff;}
    
    
/*  . Breadcrumbs
    ------------------------------------------------------------------*/    
    
    #breadcrumbs { background: #f5f5f5; float: left; clear: both; padding: 0 10px 7px 15px; width: 765px; font-size: 11px; color: #aaa;
    margin-left: 1px;}
    #breadcrumbs a { color: #888; font-weight: bold; text-decoration: none;}
    #breadcrumbs a:hover { color: #444; text-decoration: underline;}
    #breadcrumbs span.bullet { display: inline-block; padding: 0 5px;}
    
/*  . Aside
    ------------------------------------------------------------------*/    
 
    #product-aplication-tabs { width: 210px; margin-bottom: 20px;}
    #product-aplication-tabs-nav { width: 210px;}
    #product-aplication-tabs-nav a { display: inline-block; background: #fff; text-decoration: none; float: left; border: 1px solid #003179; 
    font-size: 14px; font-weight: bold; padding: 7px 0px; width: 103px; text-align: center;}
    #product-aplication-tabs-nav a.active { background: #003179; color: #fff;}
    #product-aplication-tab-content { background: #003179; overflow: auto; width: 100%; border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; 
    -moz-border-radius: 0 0 0 6px; behavior: url(pie.htc); float: left;}
        .product-tab { border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; behavior: url(pie.htc);}
        .product-aplication-tab { background: #003179; color: #fff; padding: 20px 0 20px 10px; clear: both; border-radius: 0 0 0 6px; 
        -webkit-border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; behavior: url(pie.htc);}
        .product-aplication-tab h2 { font-size: 14px; font-weight: bold; display: block; padding: 0.75em 0;}    
    
    #search-box { background: #e5e5e5; padding: 10px; width: 190px; overflow: auto; border-radius: 6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; 
    -moz-border-radius: 6px 0 0 6px; behavior: url(pie.htc); margin: 20px 0;}
    #search-box label { font-weight: bold; margin-bottom: 5px; display: block;}
    #search-box span input[type="text"] { border: 0; background: #fff; padding: 6px; width: 150px; float: left; }
    #search-box span input[type="submit"] { float: left; background: url(../img/ico-search.gif) no-repeat #fff; display: inline-block; width: 28px; 
    height: 28px; border: 0; cursor: pointer;}
    #search-box span input[type="submit"]:hover { background-position: bottom;}
    
/*  . Main content
    ------------------------------------------------------------------*/
    
    #columns { border-left: 1px dotted #003179; width: 100%; float: left; clear: both; min-height: 600px;}
    #column-left { width: 559px; padding: 20px 30px 20px 30px; float: left; border-right: 1px dotted #003179; min-height: 550px;}
    #column-right { float: right; width: 170px; }
    .extended { width: 759px !important; padding: 0 0 0 30px !important; border-right: 0 !important;}
    
    /* typography */ 
    #column-left h1, #column-left h2, #column-left h3, #column-left h4 { display: block; clear: both;}
    #column-left h1 { color: #003179; font-size: 26px; font-weight: bold; display: block; padding: 1em 0; font-family: 'Humnst777PLBold', sans-serif;
    letter-spacing: -1px; line-height: 1.1em;}
    #column-left h2 { color: #003179; font-weight: bold; font-size: 20px; display: block; padding: 1em 0 0.5em 0; font-family: 'Humnst777PLBold', sans-serif;
    letter-spacing: -1px;}
    #column-left h3 { color: #003179; font-weight: bold; font-size: 16px; display: block; padding: 1em 0 0.5em 0; }
    #column-left h4 { color: #003179; font-weight: bold; font-size: 12px; display: block; padding: 1em 0 0.5em 0;}
    #column-left p { padding: 0.5em 0; color: #464646; text-align: justify; font-size: 12px; line-height: 1.7em;} 
    #column-left strong { font-weight: bold;}
    #column-left ul { margin: 10px 0 10px 10px;}
    #column-left ul li { font-size: 11px; color: #464646; display: block; padding: 1px 0 1px 15px; background: url(../img/list-bullet.gif) 0 8px no-repeat;}
    #column-left h1.heading { padding-bottom: 0.7em;}
    
    .photo_left, .photo_right { max-width: 300px; max-height: 300px; padding: 2px; border: 1px solid #ddd ;}
    .photo_left { float: left; margin: 10px 15px 5px 0;}
    .photo_right { float: right; margin: 10px 0px 10px 25px;}
    .photo_center { width: 600px; text-align: center; }   
    .photo_center img { max-width: 600px; vertical-align: middle; padding: 5px; border: 1px solid #000;}
    .data { border-collapse: collapse; margin: 10px 0; font-size: 12px; width: 100%; border-top: 1px solid #e5e5e5;}
    .data td { padding: 0.5em 0; border-bottom: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.3em;}
    .data .data_param { font-weight: bold; border-right: 1px solid #e5e5e5; width: 50%;}
    .data .data_value { padding-left: 0.75em;}
    .file { font-weight: bold; display: block; background: url(../img/ico-file.png) left 4px no-repeat; text-decoration: none; 
    padding: 4px 0 4px 25px; font-size: 13px;}
    .file:hover { color: #9ebeec}
    
    .gallery { width: 559px; float: left; clear: both; border-top: 2px solid #003179; border-bottom: 2px solid #003179; padding-top: 10px; 
    margin: 15px 0; }
    .gallery ul { margin: 0 !important; }
    .gallery ul li { padding: 0 !important; background: 0 !important; display: block; float: left; margin: 0 0 15px 24px;
    width: 170px; height: 170px; }
    .gallery ul li.first-child { margin-left: 0;}
    .gallery ul li a { display: inline-block; width: 170px; height: 170px; position: relative;}
    .gallery ul li a > img { width: 170px; height: 170px; vertical-align: middle; }
    .gallery a span { position: absolute; background: none; border: 10px solid #fff; width: 150px; height: 150px; display: block;} 
    
    .video { width: 559px; height: 315px; float: left; margin: 15px 0; text-align: center;}
    
    #side-links li { margin-bottom: 10px; }
    #side-links a { display: block; width: 170px; height: 90px; position: relative; background: url(../img/side-links.jpg) no-repeat;}
    #side-links a span { position: absolute; bottom: 4px; left: 9px; font-size: 14px; font-weight: bold; color: #fff;}
    #side-links a:hover span { color: #7bafe7;}
    #side-links .sl-spider a { background-position: 0 0 ;}
    #side-links .sl-kalkulatory a { background-position: 0 -90px;}
    #side-links .sl-projektanci a { background-position: 0 -180px;}
    #side-links .sl-wykonawcy a { background-position: 0 -270px;}
    #side-links .sl-inwestorzy a { background-position: 0 -360px;}
    #side-links .sl-domki a { background: url('../img/side-houses.jpg') top left no-repeat; }
    #side-links .sl-domki a span, #side-links .sl-lambda a span { line-height: 1.2; }
    #side-links .sl-lambda a { background: url('../img/side-lambda.jpg') top left no-repeat; border-bottom: 3px #df0924 solid;}
    #side-links .sl-lambda a span {padding-right: 30px;}
    #side-links .sl-lambda a span::after { content: url(../img/fa-arrow-circle.png); position: absolute; top: 0px; bottom: 0; right: 10px; margin: auto; width: 15px; height: 15px; -webkit-animation: pulsate 1s ease-in-out infinite;}
    
    @-webkit-keyframes pulsate {
        0% { opacity: 0.3}
        50% { opacity: 1.0}
        100% { opacity: 0.3}
     }




    #product-category .col { width: 250px; float: left;}
    #product-category nav { width: 559px; display: block; float: left; clear: both; padding-top: 10px; margin-top: 10px; border-top: 1px dotted #ccc;}
    #product-category nav span, #product-category nav a { display: inline-block; margin: 5px 0;}
    #product-category nav a { font-weight: bold; font-size: 11px;}
    #product-category nav a:hover { text-decoration: none; opacity: 0.8;}
    #product-category nav span { margin: 0 10px;}
    #product-category-benefits {margin-left: 50px;}
    #product-category-benefits ul { margin-left: 0 !important;}
    
    #product-page { width: 100%; overflow: auto;}
    #product-page h3 { font-size: 14px;} 
    #product-page aside { width: 230px; float: left; padding: 20px 30px 20px 0;}
    #product-page aside img { max-width: 240px; vertical-align: top;}     
    #product-page aside .aplication-image { border: 1px solid #ddd; text-align: center; padding: 20px 0;}
    #product-page aside h3 { margin-top: 10px; }
    #product-page aside .warning { margin-top: 15px;}
    #product-page aside .warning h3 { color: #e2001a; font-size: 14px; padding-bottom: 0;}
    #product-page aside .warning p { padding-top: 0; padding-bottom:10px;}
    #product-page aside .product-files .file { font-size: 11px; padding: 1px 0 1px 15px; background: url(../img/ico-file2.png) left 6px no-repeat;}
    #product-page section { border-left: 1px dotted #003179; float: left; padding: 20px 0 20px 29px; width: 460px; min-height: 560px;}
    #product-page section .product-code { padding: 15px 0;}
    #product-page section .product-code h3 small { font-size: 11px; font-style: italic; }
    #product-page section .product-code span { font-size: 12px; padding: 0.5em 0; display: block; font-weight: bold; }
    #product-page .aplication-data { width: 460px; border-collapse: collapse; margin: 15px 0;}
    #product-page .aplication-data thead { color: #fff; font-weight: normal;}
    #product-page .aplication-data thead th, #product-page .aplication-data tbody td { padding: 5px; text-align: center;} 
    #product-page .aplication-data tbody tr:nth-child(even) { background: #eee}
    #product-page .aplication-data .app-name { text-align: left; padding-left: 10px;}
    .ad-blue { border-bottom: 2px solid #003179;}
    .ad-blue thead { background: #003179;}
    .ad-red { border-bottom: 2px solid #e10313;}
    .ad-red thead { background: #e10313;}
    .ad-black { border-bottom: 2px solid #111;}
    .ad-black thead { background: #111;}
    .ad-green { border-bottom: 2px solid #03e113;}
    .ad-green thead { background: #23a100;}
    .ad-grey { border-bottom: 2px solid #888;}
    .ad-grey thead { background: #888;}
    
    .aplication-gallery { width: 559px; margin: 15px 0; }
    .aplication-gallery a { display: inline-block; width: 170px; height: 220px; text-decoration: none; margin-left: 20px; margin-bottom: 15px; 
    float: left; }
    .aplication-gallery a:hover { color: #9ebeec;}
    .aplication-gallery a:hover img { border: 1px solid #9ebeec;}
    .aplication-gallery a.first-child { margin-left: 0;}
    .aplication-gallery a img { width: 160px; height: 160px; border: 1px solid #ccc; padding: 5px; }
    .aplication-gallery a span { font-weight: bold; font-size: 12px; display: block; line-height: 1.4em;}
    
    #heading-breadcrumbs { border-top: 2px solid #003179; color: #999; padding: 5px 0 20px 0; font-size: 14px; }
    #heading-breadcrumbs a { font-weight: bold; }
    #heading-breadcrumbs a { text-decoration: none;}
    
    .multi-files { width: 279px !important;}
    .multi-files h4 { margin-top: 10px;}
    .multi-files a.file { font-weight: normal; font-size: 12px; margin-left: 5px;}
    
    #contact-map { width: 758px; float: left; margin-top: 20px; }
    #contact-map-flash { width: 400px; float: right;}
    #contact-map-title { position: relative; right: 5px;}
    #contact-map-details { float: left;}
    #contact-map-details address { margin-bottom: 15px;}
    #contact-map-details address p { padding: 0.05em 0;}
    #contact-map-details address p strong { color: #003179}
    #contact-map-details .areas { width: 350px; padding-bottom: 15px; }     
    #contact-map-details .areas .col { width: 150px !important; float: left; padding: 0 12px 15px 0;}
    #contact-map-details .areas p { padding: 0.05em 0; padding-bottom: 15px;}
    #contact-map-details .areas span { display: block;} 

    #product-features-tabs { margin-top: 20px;}
        #product-features-tabs-nav { border-bottom: 1px solid #003179;}
        #product-features-tabs-nav a { text-decoration: none; display: inline-block; background: #e5e5e5; color: #444; padding: 7px 15px 3px 15px;
        border-bottom: 2px solid #dfdddd; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; 
        behavior: url(pie.htc);}
        #product-features-tabs-nav a.active { background: #003179; color: #fff; font-weight: bold; border-color: #002862;}
        #product-features-tabs-content { width: 540px; height: 430px;}
        .product-features-tab { width: 540px; height: 430px; position: relative; padding-top: 10px;}
        #house-tab { background: url(../img/house.jpg) center no-repeat;}
        #warehouse-tab { background: url(../img/warehouse.jpg) center no-repeat;}
        .product-features-tab .point { display: block; width: 15px; height: 15px; text-indent: -999em; background: url(../img/point.png) top no-repeat;
        position: absolute;}
        .product-features-tab .point:hover { background-position: bottom;}
        .product-features-tab .pft-list { position: absolute; width: 170px; display: none; }
        .product-features-tab .pft-list ul { margin: 0 !important; background: #003179; padding: 5px 8px; border-radius: 6px; -webkit-border-radius: 6px; 
        -moz-border-radius: 6px; behavior: url(pie.htc); position: relative; }
        .product-features-tab .pft-list ul li { padding: 0 !important; background: none !important; color: #899fbf !important; font-size: 12px !important;}
        .product-features-tab .pft-list ul li a { color: #fff; text-decoration: none; font-size: 12px; }
        .product-features-tab .pft-list ul li a:hover { color: #7da3da;}
        .product-features-tab .pft-list img { position: absolute; }
        .product-features-tab p { line-height: 1.4em !important;}
        #house-tab #h1 { left: 430px; top: 90px;} 
        #house-tab #h2 { left: 130px; top: 145px;} 
        #house-tab #h3 { left: 400px; top: 165px;} 
        #house-tab #h4 { left: 95px; top: 210px;} 
        #house-tab #h5 { left: 360px; top: 250px;} 
        #house-tab #h6 { left: 340px; top: 320px;} 
        #house-tab #h7 { left: 310px; top: 330px;}
        #house-tab .h1 { left: 225px; top: 71px;} 
        #house-tab .h2 { left: 179px; top: 127px;} 
        #house-tab .h3 { left: 197px; top: 146px;} 
        #house-tab .h4 { left: 143px; top: 191px;} 
        #house-tab .h5 { left: 155px; top: 231px;} 
        #house-tab .h6 { left: 135px; top: 301px;} 
        #house-tab .h7 { left: 106px; top: 310px;} 
        #warehouse-tab #w1 { left: 60px; top: 110px;} 
        #warehouse-tab #w2 { left: 120px; top: 112px;} 
        #warehouse-tab #w3 { left: 180px; top: 106px;} 
        #warehouse-tab #w4 { left: 320px; top: 160px;} 
        #warehouse-tab #w5 { left: 170px; top: 190px;} 
        #warehouse-tab #w6 { left: 245px; top: 220px;}  
        #warehouse-tab .w1 { left: 108px; top: 91px;} 
        #warehouse-tab .w2 { left: 168px; top: 93px;} 
        #warehouse-tab .w3 { left: 230px; top: 88px;} 
        #warehouse-tab .w4 { left: 368px; top: 142px;} 
        #warehouse-tab .w5 { left: 218px; top: 172px;}
        #warehouse-tab .w6 { left: 295px; top: 201px;}  
        .tl img { top: 25px; left: -35px;}
        .tr img { top: 25px; right: -35px;}
    
    #history { padding: 40px 0; float: left;}
        .history-item { width: 750px; background: url(../img/history-bg.gif) center repeat-y #f5f5f5; border-radius: 10px; -webkit-border-radius: 10px; 
        -moz-border-radius: 10px; behavior: url(pie.htc); padding: 30px 5px; position: relative; margin: 8px 0; float: left; clear: both; 
        -moz-box-shadow: inset 0 0 10px #ddd; -webkit-box-shadow: inset 0 0 10px #ddd; box-shadow: inset 0 0 10px #ddd;}
        .history-item time { font-size: 19px; color: #333; font-weight: bold; display: inline-block; font-family: 'Humnst777PLBold', sans-serif; 
        letter-spacing: -1px; background: url(../img/year.png) no-repeat; width: 58px; text-align: center; padding: 20px 0; position: absolute; top: -38px;
        left: 50%; margin-left: -29px;}
        .history-item-event { width: 750px; text-align: center; position: relative; height: 40px; }
        .history-item-event span { width: 320px; display: inline-block; padding: 8px 10px; font-size: 11px; line-height: 1.4em; background: #fff; 
        border: 1px solid #dfdfdf; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; behavior: url(pie.htc); 
        position: absolute; top: 0; -moz-box-shadow: inset 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd;}
        .h-left span { left: 0px; text-align: left;} 
        .h-right span { right: 0px; text-align: right;} 
        .history-button { cursor:pointer; display: inline-block; width: 30px; height: 30px; background: url(../img/history-button.png) no-repeat;}
        .history-button:hover { background-position: center;}
        #history-photo { padding: 5px; background: #003179; position: absolute; z-index: 99; display: none;}
        #history-photo img.photo { vertical-align: middle;}
        #history-photo img.arrow { position: absolute; top: 35px; }
        .h-left .arrow { left: -8px;}
        .h-right .arrow { right: -8px;}
        .h-left #history-photo { left: 400px; top: -30px;}
        .h-right #history-photo { left: 100px; top: -30px;}
    
    .calculator { background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
    behavior: url(pie.htc); padding: 10px 15px; width: 509px; float: left; clear: both; margin-bottom: 20px;}
    .calculator h2 { padding: 10px 0 25px 0 !important;}
    .calculator .fields { padding: 5px 0; float: left; clear: both; width: 480px; }
    .calculator .label { display: inline-block; width: 210px; text-shadow: 1px 1px 0px #fff; font-weight: bold;
    float: left; padding-top: 5px; padding-left: 5px; }
    .calculator select { padding: 5px; width: 223px; }    
    .calculator input { padding: 5px; border: 1px solid #ccc; border-top: 1px solid #888; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    behavior: url(pie.htc); width: 211px; }
    .calculator .button { float: right; clear: both; margin-top: 8px; padding-left: 25px; padding-right: 25px; margin-right: 43px;}
    .calculator sup { position: relative; bottom: 5px; font-size: 10px;}
    #wall_custom div, #elev_custom div {  padding: 5px 0; float: left; clear: both;}
    .field-result .label { padding-top: 5px; font-size: 13px; color: #003179; width: 300px;}
    .field-result #result, .field-result #covResult { font-size: 22px; padding-top: 5px; display: inline-block; font-weight: bold; color: #003179; padding-left: 5px; 
    text-shadow: 2px 2px 0px #fff}
    .result-pack { margin-top: 13px;}
    .result-pack .label { width: 100px;}
/*  . Footer
    ------------------------------------------------------------------*/    
    
    #adresses-wrap { width: 100%; float: left; clear: both; padding-top: 10px; border-top: 1px dotted #003179; padding-bottom: 15px;}
    #addresses { width: 1000px; margin: 0 auto;} 
    #addresses address { float: left; width: 160px; margin-left: 50px; }
    #addresses address.first-child { margin-left: 0;}
    #addresses address p { line-height: 1.2em; font-size: 11px; color: #444;}
    #addresses address p strong { font-weight: bold; line-height: 1.3em; margin-bottom: 5px; display: block; font-size: 12px;}
    
    #footer-wrap { width: 100%; float: left; clear: both; background: url(../img/bg-footer.gif) repeat-x #f8b10b;}
    footer { clear: both; width: 1000px; margin: 6px auto; padding: 5px 10px; overflow: auto;}
    footer span { float: left;}
    footer p { float: right;}
    footer p a { text-indent: -9999em; display: inline-block; width: 85px; height: 14px; background: url(../img/evo.gif) top no-repeat; 
    margin-left: 10px; position: relative; top: 2px;}
    footer p a:hover { background-position: bottom;}
    
    
/*  . ie fix
    ------------------------------------------------------------------*/  
    
    body.ie #top-banner { }      

    .side-contact-details p { font-size: 11px; line-height: 1.4em; }
    .side-contact-details strong {
        color: #003179; 
        line-height: 1.4em; 
    }
	
	
	.dane-firmowe strong { line-height: 11px !important; }
	.dane-firmowe span { line-height: 11px !important; }
	.dane-firmowe p { line-height: 11px !important; }
    
    
/*  . Artykuły na SG
    ------------------------------------------------------------------*/  
    
    #main-article {
        width: 525px;
        display: block;
        background: rgb(204, 204, 204) !important;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 12px;
        padding: 14px !important;
        margin-bottom: 15px;
    }
    #main-article img {
        float: right; margin: 0 0 0 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }
	#main-article div.big_foto {
		text-align: center;
		margin-top: 6px;
	}
	#main-article div.big_foto img {
		float: none !important;
		margin: 0 auto !important;
	}
    #main-article p {
        padding-top: 0 !important;
    }
    #main-article h3 { display: inline-block; margin-top: 0 !important; padding-top: 0 !important; }

    #main-articles {
        display: block;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #main-articles li:first-child {
        margin: 0px !important;
    }
    
    #main-articles li {
        width: 155px;
        background: rgb(204, 204, 204) !important;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 12px;
        float: left;
        padding: 10px !important;
        margin: 0 0 0 15px;
        list-style: none !important;
    }
    
    #main-articles li.first {
        margin-left: 0px !important;
    }
    
    #main-articles li h3 {
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        color: #000;
        padding: 0;
        line-height: 1;
        margin-bottom: 16px !important;
    }
    
    #main-articles div.image {
        text-align: center;
        margin: 8px 0 5px 0;
    }
    
    #main-articles div.image img {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }
    
    #main-articles div.link {
        font-size: 12px;
        color: #003179;
    }
    
    #main-articles div.link span { font-weight: bold; }
    
    #main-articles div.link a { font-size: 12px; font-weight: normal; }
    
    #main-articles p {
        color: #000;
        font-size: 11px;
        line-height: 1;
        text-align: left;
    }
    
    #top-banners { margin: 17px 0 0 0px !important; }
    #top-banners li { text-align: center; line-height: 1.2; }

	
	
	#main-banner {
		margin-top: 20px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 12px;
	}