/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-01-20, 11:33:13
    Author     : Kamil

*/

body { font-family: "open-sans",sans-serif;}
//.container { width: 960px; padding: 0px 0px!important; position: relative; }
@media (min-width: 1200px) {
    .container {
        width: 960px;
        padding: 0px 0px!important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        padding: 0px 0px!important;
    }
    .row { width: 990px; }
    .col-sm-12 { width: 990px; float: left; }
    .col-sm-9 { width: 742px; float: left; }
    .col-sm-8 { width: 660px; float: left; } 
    .col-sm-4 { width: 330px; float: left; }
    .col-sm-3 { width: 248px; float: left; }
    
    #footer_container { min-width: 990px };
    #opinie_container { min-width: 990px; }
    #kontakt_container { min-width: 990px; }
    #moduly_container {min-width: 990px; }
    #wyprobuj-container{ min-width: 990px; }
    
}
@media (min-width: 992px) {
    /*#menu .navbar-nav { margin-top: 0px; }*/
}
@media (max-width: 767px) {   
    #navbar li{ display: none; }
    #navbar li.collapse_show{ display: block; }
    .nav > li { margin: 15px 0px; }
    #menu .nav > li a { padding: 0px!important; }
    #menu .nav > li a.house-button { background: none; width: auto; height: auto; }
    body #footer_container .left{ border: none; }
    .prices span.info_cennik{ margin: 0px 10px; }
}
@media (max-width: 768px) {
    #menu .navbar-nav{ background: #fff; margin-top: 0px; padding-right: 15px; }
    #menu .navbar-collapse { overflow: hidden; margin-left: -15px; margin-right: -15px; }
}
@media (min-width: 768px) and (max-width: 992px) {
    .container {
        width: 990px;
    }
}
.navbar .icon-bar{ background-color: #585858; }

a, img {
    border:none;
    outline:none!important;
}

#menu { position: fixed; top: 0; z-index: 1000; }
.navbar { height: 80px; background-color: #fff }
#menu .navbar-toggle { margin-top: 15px; }
.navbar-nav{ float: right; margin-top: 15px; }
.navbar-nav>li>a { color: #585858; font-weight: 400; padding-top: 0; padding-bottom: 0px; }
.nav>li {  }
.nav>li:last-child>a{ padding: 10px 10px; margin-left: 15px; margin-top: 5px;  }
.nav>li>a{ padding: 10px 12px; margin-left: 13px; margin-top: 5px }
.nav>li>a.house-button { 
    display: block; width:16px; height:15px; background:url('../../images/menu-button-house.png') 0px 0px no-repeat; overflow:hidden; padding: 0 17px; margin-top: 17px;
} 
#logo { padding-top: 10px; }
#zamow { }
.rabaty { border: 1px solid #ffda40; padding: 3px 10px 3px 29px!important; margin-top: 12px!important; }

.opis_modul { display: none; }
.extra_paragraf { font-size: 13px; }
#wyprobuj-container{ background-color: #3d8e89; margin-top: 80px; }
#wyprobuj-container h1 { font-size: 32px; text-align: center; font-weight: bold; color: #fff; padding-top: 24px; padding-bottom: 18px; }
#wyprobuj-container h2 { font-size: 22px; text-align: left; font-weight: bold; color: #fff; padding-bottom: 9px; }
#wyprobuj-container .lista-glowna { font-size: 16px; color: #dafffd; padding-left: 15px; line-height: 24px; padding-top: 40px; }
#wyprobuj-container .lista-glowna strong { color: #fff; }

#pobierz_slide{ display: none; margin-bottom: 20px; text-align: center; padding: 0px 5px; }
#pobierz_iframe{ width: 300px; height: 450px; overflow: hidden; border: none; }


#wyprobuj-container p.yellow_info { text-align: right; font-size: 17px; color: #ffda40; padding-top: 15px; }
/*#wyprobuj-container a.button_yellow { display: block; float: right; width: 300px; height: 80px; background-color: #ffda40; color: #1b5c58; cursor: pointer; text-align: center; font-size: 36px; font-weight: bold; text-decoration: none; line-height: 2.2 }
#wyprobuj-container a.button_yellow:hover { background-color: #1b5c58; color: #ffda40; }*/
#wyprobuj-container .video-container { text-align: center; font-family: "felt-tip-roman"; color: #fff; position: relative; margin-top: 35px; margin-bottom: 40px; font-size: 32px; }
#wyprobuj-container .video-container .title { font-size: 28px; }
#wyprobuj-container .video-container .open_wideo{ width: 482px; height: 301px; display: block; margin: 0 auto; background: url('../../images/landing_page/video.png') no-repeat;  }
#wyprobuj-container .video-container .open_wideo:hover { background: url('../../images/landing_page/video-hover.png')left 1px top 1px no-repeat;  }
#wyprobuj-container .video-container .title-left{ position: absolute; display: block; width: 100px; height: 100px; top: 121px; left: 100px; display: none; }

#moduly_container { background-color: #fff; margin-bottom: 40px; }
#moduly_container h2 { font-size: 30px; font-weight: bold; color: #1b5c58; margin-top: 40px; margin-bottom: 35px; text-align: center; }
#moduly_container .left { position: relative; text-align: center; width: 100%; height: 390px; }
#moduly_container .left a { position: absolute; width: 168px; height: 40px; text-decoration: none; font-size: 14px; font-weight: bold; color: #1b5c58; }
#moduly_container .left p{ position: absolute; top: -10px; left: 150px; }

#moduly_container .left a.start { top: 115px; left: 195px; width: 250px; height: 100px; border: 1px solid #1b5c58; border-radius: 15px; padding-top: 15px; }

#moduly_container .left a.podatek_vat { top: 30px; left: 120px; background:  url('../../images/landing_page/podatek.png') no-repeat;  }
#moduly_container .left a.podatek_vat:hover { background: url('../../images/landing_page/podatek.png') 0px -40px no-repeat;  }
#moduly_container .left a.podatek_vat.active { background: url('../../images/landing_page/podatek.png') 0px -40px no-repeat;  }

#moduly_container .left a.mini_magazyn { top: 30px; left: 350px; background:  url('../../images/landing_page/magazyn.png') no-repeat;  }
#moduly_container .left a.mini_magazyn:hover { background: url('../../images/landing_page/magazyn.png') 0px -40px no-repeat; }
#moduly_container .left a.mini_magazyn.active { background: url('../../images/landing_page/magazyn.png') 0px -40px no-repeat; }

#moduly_container .left a.fakturowanie { top: 140px; left: 0px; background:  url('../../images/landing_page/fakturowanie.png') no-repeat;  }
#moduly_container .left a.fakturowanie:hover { background: url('../../images/landing_page/fakturowanie.png') 0px -40px no-repeat; }
#moduly_container .left a.fakturowanie.active { background: url('../../images/landing_page/fakturowanie.png') 0px -40px no-repeat; }

#moduly_container .left a.srodki_trwale { top: 140px; left: 470px; background:  url('../../images/landing_page/srodki.png') no-repeat;  }
#moduly_container .left a.srodki_trwale:hover { background: url('../../images/landing_page/srodki.png') 0px -40px no-repeat; }
#moduly_container .left a.srodki_trwale.active { background: url('../../images/landing_page/srodki.png') 0px -40px no-repeat; }

#moduly_container .left a.delegacje { top: 245px; left: 40px; background:  url('../../images/landing_page/delegacje.png') no-repeat;  }
#moduly_container .left a.delegacje:hover { background: url('../../images/landing_page/delegacje.png') 0px -40px no-repeat; }
#moduly_container .left a.delegacje.active { background: url('../../images/landing_page/delegacje.png') 0px -40px no-repeat; }

#moduly_container .left a.przejazdy { top: 245px; left: 430px; background:  url('../../images/landing_page/przejazdy.png') no-repeat;  }
#moduly_container .left a.przejazdy:hover { background: url('../../images/landing_page/przejazdy.png') 0px -40px no-repeat; }
#moduly_container .left a.przejazdy.active { background: url('../../images/landing_page/przejazdy.png') 0px -40px no-repeat; }

#moduly_container .left a.place_i_zus { top: 315px; left: 230px; background:  url('../../images/landing_page/place.png') no-repeat;  }
#moduly_container .left a.place_i_zus:hover { background: url('../../images/landing_page/place.png') 0px -40px no-repeat; }
#moduly_container .left a.place_i_zus.active { background: url('../../images/landing_page/place.png') 0px -40px no-repeat; }

#moduly_container .cont_mobile .left { height: 100%; }
#moduly_container .cont_mobile .left a { display: block; left: 0; position: relative; top: 0; margin: 20px auto; }
#moduly_container .opis_modul_mob{ display: none; }
#moduly_container .opis_modul_mob p{ position: static; width: 100%; }
#contact_email_phone{ width: 280px; margin: 0 auto; }
#kontakt_container #contact_email_phone a, #kontakt_container #contact_email_phone p{  font-size: 14px; }
#kontakt_container #contact_email_phone img{  height: 50px; padding: 0px 0px 10px 0px; }
#contact_email{ float: right; width: 130px; }
#contact_phone{ float: left; width: 130px; }

#opis_modulu { display: block; float: right; width: 300px; height: 390px; border: 1px solid #dadada; padding: 10px; }

#opinie_container { border-top: 1px solid #dadada; padding-top: 40px; padding-bottom: 30px; }
#opinie_container h3 { text-align: center; font-weight: bold; font-size: 30px; color: #1b5c58; margin-bottom: 40px; }
#opinie_container .opinia-1, .podpis { padding-right: 15px; }
#opinie_container .opinia-2, .podpis { padding-left: 15px; padding-right: 15px; }
#opinie_container .opinia-3, .podpis { padding-left: 15px; }
#opinie_container .podpis { font-size: 14px; color: #898989; }
#opinie_container .opinia_content { padding: 15px 15px 1px 15px; background-color: #eeeeee; color: #4b4b4b; border-radius: 10px; }

#kontakt_container { background-color: #79bcb8; padding-top: 40px; padding-bottom: 40px; text-align: center;}
#kontakt_container h4 { font-size: 30px; font-weight: bold; color: #fff; padding-bottom: 40px; text-align: center; }
#kontakt_container p,#kontakt_container a { color: #fff; font-size: 20px; }
#kontakt_container a { text-decoration: none; }
#kontakt_container a:hover { color: #fff; }

#footer_container { background-color: #fff; padding-bottom: 40px; padding-top: 40px; font-size: 14px; }
#footer_container .left { border-right: 1px solid #7bbdb9; }
#footer_container .left img{ padding-top: 10px; }
#footer_container .left strong { color: #1b5c58; }
#footer_container .right{ text-align: justify; }


#wyprobuj-container a.button_yellow { width: 302px; height:103px; display: block; background: url('../../images/landing_page/wyprobuj.png') no-repeat; text-indent: -9000px; }
#wyprobuj-container .cont_mobile a.button_yellow { margin: 20px auto 20px; }
#wyprobuj-container a.button_yellow:hover { background: url('../../images/landing_page/wyprobuj.png') 0px -103px no-repeat; } 

#wyprobuj-container .button_yellow.pobierz { background: url('../../images/landing_page/pobierz.png') no-repeat;  }
#wyprobuj-container .button_yellow.pobierz:hover { background: url('../../images/landing_page/pobierz.png') 0px -103px  no-repeat;  }


@media (max-width: 768px) {
    .navbar-brand{ width: 80% }
    #logo{ width: 90%; max-width: 242px; }
    
    #wyprobuj-container h1{ font-size: 7vw; }
    #wyprobuj-container #button_yellow_mob{ width: 240px; height: 80px; background-size: 100% 200%; background-position: center top; }
    #wyprobuj-container #button_yellow_mob:hover{ background-position: center -81px; }
    
    #wyprobuj-container .video-container{ margin: 20px 0px; padding: 0px 5px; }
    #wyprobuj-container .lista-glowna{ padding: 0px 0px 10px 0px; margin: 0px; }
    #footer_container{ font-size: 11px; }
}