#top .logo:hover
{
    background:#000; /* kolor tła */
}
    
    #topLogo
    {
        margin-left:0;
    }
    
    #top .przyciskFirmaSzukaj
    {
        padding:17px 30px 10px;
        font-size:14pt;
    }
    
    #topNapis
    {
        padding:2px 0 0 0;
    }
    
#stronaTop
{
    margin-bottom:0;
    background: url(tlo.jpg) no-repeat top center; /* foto */
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding-top:18rem;
    padding-bottom:18rem; /* rozmiar obrazu */
    text-align:center; /* pozycja nazwy */
}

    #stronaTop h1 /* nazwa firmy */
    {
    color: #fff;
    /* kolor fontu */
    margin-bottom: 1rem;
    padding: 0;
    font-weight: bold;
    font-size: 3rem;
    font-family: 'Roboto', sans-serif;
}

#stronaTop h2{
    color: #fff;
    font-weight: normal;
    margin bottom: 2.5rem;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    }
    
    #stronaTopFacebookLike /* przycisk FB */
    {
        width:120px;
        height:25px;
        float:none;
        display:none;
    }
    
    #stronaTopTagi /* inteligentne branże */
    { 
        width:700px;
        float:left;
        color:#CCB872; /* kolor fontu */
        padding-top:2px;
        display:none; /* widoczność */
    }
    
        #stronaTopTagi a
        {
            color:#fff;
        }

#stronaMenuOdstep /* pasek */
{
    margin:0; 
    padding:0; 
    float:left; 
    overflow: visible;
    height:px;
    background:#;
    position:relative;
}

#stronaMenu /* pasek */
{
    float:left;
    z-index:10000;
    text-align:center;
    background:#005200;

}

    #stronaMenuKontener
    {
        width:auto;
        padding-top:100;
        padding-bottom:0;
        display: inline-block;        
    }

    #stronaMenu.stuck 
    {
        position:fixed;
        top:0;
    }
    
    #stronaMenu ul /* lista menu ale brak jakiejkolwiek zmiany */
    {
        width:auto;
        background:#fff;
        margin:0 auto;
        padding:0;
        list-style-type:none;
        color:#000;        
    }
    
    #stronaMenu ul li
    {
        font-size:18pt;
       	font-family: 'Open Sans', sans-serif;
        font-weight:300;
        float:left;
        color:#000;
    }
    
        #stronaMenu .stronaMenuPrzyciskMenu {  display: none; width:100%; } 
        #stronaMenu .stronaMenuPrzyciskStart {  } 
        #stronaMenu .stronaMenuPrzyciskOferta {  } 
        #stronaMenu .stronaMenuPrzyciskPodstrona {  } 
        #stronaMenu .stronaMenuPrzyciskGaleria {  } 
        #stronaMenu .stronaMenuPrzyciskOpinie {  } 
        #stronaMenu .stronaMenuPrzyciskKontakt {  } 
        
        #stronaMenu ul li a, #stronaMenu ul li span.pokazMenu
        {
            padding:18px; /* pozycja napisów */
            display:inline-block;
            color:#fff; /* kolor fontu */
            text-decoration:none;
            overflow: hidden;
            width:100px;
            font-family: 'Open Sans', sans-serif;
            font-weight:bold;            
        }
        
        #stronaMenu ul li a:hover, #stronaMenu ul li span.pokazMenu:hover
        {
            background-color: #fff;
            color: #005200;
          
        }
        
        #stronaMenu ul li a.aktywny
        {
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;            
        }
        
        #stronaMenu ul li span.pokazMenu:hover .stronaMenuPrzycisk
        {
            display:block; 
        }

#stronaMenuPodmenu
{
    padding:0;
    background:black; /* nic sie nie dzieje*/
    text-align: center;
}

    #stronaMenuPodmenuKontener
    {
        margin:0 auto;
        overflow: hidden;
        width:auto;
        display:inline-block;
    }

    #stronaMenuPodmenu ul
    {
        width:auto;
        float:none;
        margin:0 auto;
        padding:0;
        list-style-type:none;
        display:block;
    }
    
        #stronaMenuPodmenu ul li
        {
            float:left;
            font-size:14pt;
            font-family: 'Open Sans', sans-serif;
            font-weight:300;
        }
        
            #stronaMenuPodmenu ul li a 
            {
                padding:18px 35px 10px 0;
                display:inline-block;
                color:#000;
                text-decoration:none;
                overflow: hidden;
                width:100%;
            }

            #stronaMenuPodmenu ul li a:hover
            {
                color:#000;
            }

            #stronaMenuPodmenu ul li a.aktywny
            {
                font-weight: bold;
            }
        
#stronaAdresy
{	
	background:#fff; /* kolor paska adresu */
    padding-bottom:0;
    color:#000;
    
}

    #stronaAdresy ul
    {
        float:left;
        margin:25px 0 0;
        padding:0;
        list-style-type:none;
       
    }

    #stronaAdresy ul li
    {
        width:400px;
        float:left;
        font-size:14pt;
        font-family: 'Open Sans', sans-serif;
        font-weight:300;
        line-height:25pt;
        margin-bottom:20px;
        
            }
    
    #stronaAdresy ul li a
        {
            color:#000;
        }

        #stronaAdresy ul li a.przycisk
        {
            background:#e3a819;; /* #742bb5 */ /*kolor przycisku */
            margin-bottom:5px;
            line-height:normal;
            color:#fff;
            font-family: 'Open Sans', sans-serif;
        }
    
        #stronaAdresy ul li span.naglowek
        {
            font-weight:bold;
             color:#000;
        }
        
        #stronaAdresy ul li span.opis
        {
            font-size:9pt;
            color:#000;
            
        }

#stronaGaleria
{
    width:100%;
    margin:0 auto;
    padding:0;
    overflow: hidden;
}
        #stronaGaleria.elementKontener img
        {
            width:auto;
            height:300px;
        }
        
    #stronaGaleriaZdjecia .cytat p
    {
        padding:80px 120px 30px 80px;
        font-family: Georgia;
        font-style:italic;
        font-size:16pt;
        color:#fff;
        font-weight:normal;
        line-height:25pt;
        text-shadow: 1px 1px 1px #FDD03D;
    }
    

#stronaGaleriaMiniatury /* podstrona */
{
    padding:30px 0;
    width:100%;   
    text-align: center;
}

    #stronaGaleriaMiniatury img 
    {
        height:220px;
        width:220px;
        margin:10px;
    }
    
#stronaTresc
{
    padding-top: 30px;
    padding-bottom: 30px;
}
    #stronaTrescPrawa
    {
        float:right;
        width:100%;
    }
    
        #stronaTrescPrawaZawartosc
        {
            padding:30px;
        }
    
    #stronaTrescLewa
    {
        float:left;
        width:100%;
        overflow: hidden;
    }
    
        #stronaTrescLewaKontener
        {
            float:left;
            width:100%;
        }
    
    #stronaTresc h1
    {
        margin:0 0 15px 0;
        padding:0 0 0 0;
    }
    
    #stronaTresc h2
    {
        font-size:25pt;
        margin:0 0 15px 0;
        padding:0 0 0 0;
    }
    
    #stronaTresc h3
    {
        font-size:17pt;
        font-weight:300;
        margin:0 0 15px 0;
        padding:0 0 0 0;
    }
    
    .stronaTrescMenu /* co to? */
    {
        background:#005200;
        color:#fff;
    }
    
        .stronaTrescMenu a
        {
            color:#fff;
        }
        
        .stronaTrescMenu ul
        {
            list-style-type:none;
            margin:0 0 0 0;
            padding:0;
        }
        
        .stronaTrescMenu li
        {
            padding:0 0 15px;
        }
        
        .stronaTrescMenu li:last-child
        {
            padding:0 0 0;
        }
        
            .stronaTrescMenu .nazwa
            {
                font-size:11pt;
                font-family: 'Roboto', sans-serif;
                font-weight:300;
            }

                .stronaTrescMenu li.aktywny .nazwa
                {
                    font-weight:bold;
                }
            
            .stronaTrescMenu .czas
            {
                font-size:9pt;
                font-family: 'Roboto', sans-serif;
                font-weight:300;
                color:#005200;
            }
        
    /*
     * WIDOKI 
     */
        
        
    #stronaTresc div.potrojny
    {
        width:30%;
        float:left;
        margin-right:3%;
    }
        #stronaTresc div.potrojny .zdjecie
        {
            width:100%;
            clear:left;
            float:left;
        }

        #stronaTresc div.potrojny .tekst
        {
            width:100%;
            clear:left;
            float:left;
        }

    #stronaTresc div.podwojny
    {
        width:48%;
        float:left;
        margin-right:2%;
    }            
            
    
    
    
    
    #tresc
    {
        
    }
    
        #tresc h1
        {
            font-size:40pt;
        }
    
        #tresc ul
        {
            margin:15px;
            padding:0;
        }
        
        #tresc ul li
        {
            padding:5px 0;
        }
        
        
        
        
        
#stronaMapa
{
    padding:0;
    width:100%;
}

#formularzKontaktowy
{
    padding:0;
    overflow: hidden;
    margin:0 auto;
    color:#e3a819;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    width:100%;
    background-color:#005200;
}

    #formularzKontaktowy .elementKontener
    {
        padding-bottom:30px;
    }

    #formularzKontaktowy .formularzKontaktowyKolumna
    {
        width:50%;
        float:left;
        padding:0;
    }
    
    #formularzKontaktowy input[type="text"]
    {
        background:#fff;
        font-size:15pt;
        font-family: 'Roboto', sans-serif;
        width:90%;
        border:0;
        margin-bottom:10px;
        color:#bbb;
        padding:15px 10px 15px 10px;
    }
	
	a.przycisk.przyciskDodaj { /* dodaj opinie przy ofercie */
    color: #241a2c;
    background: #fff;
}
    
    #formularzKontaktowy textarea
    {
        background:#fff;
        font-size:15pt;
        font-family: 'Roboto', sans-serif;
        width:90%;
        height:164px;
        border:0;
        padding:15px 10px 15px 10px;
        margin-bottom:10px;
        color:#bbb;
        float:right;
        clear:left;
    }
    
    #formularzKontaktowy input[type="submit"] /*przycisk wyślij */
    {
        padding-left:25px;
		background:#e3a819;
        padding-right:25px;
        height:50px;
        font-size:15pt;
        font-family: 'Roboto', sans-serif;
        border:0;
        margin-bottom:10px;
        float:right;
        color: #fff;
    }
    
.stronaOpinie
{
   background-color: #005200;
    /* kolor ramki */
    color: #fff;
}

.stronaOpinieKontener {
    padding: 20;

}

.stronaOpinieKontener ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.stronaOpinieKontener li {
    margin-bottom: 50px;
    text-align: center;
}

.stronaOpinieKontener li h2 {
    font-style: italic;
    text-align: center;   
                }    

#stronaKorzysci
{
    background:#005200;
    color:#fff;
}

.ofertaKorzysci
{
    list-style-type:none;
    margin:20px auto 50px;
    overflow: hidden;
    padding:0;
}

    .ofertaKorzysci li 
    {
        width:30%;
        text-align: center;
        color:#fff;
        float:left;
        height:200px;
        padding:0;
    }
    
    .ofertaKorzysci li h2
    {
        margin:10px 0 10px 0;
    }

#stopkaCopyrights
{
    background:#fff;
    color:#355C7D;
    padding-bottom:10px;
}
    
    #stopkaCopyrights a
    {
        color:#355C7D;
            
    }
    
    .element.zolty 
	{ /* tło formularzu jak dojechać */
		background:#e3a819;
	}
	
	
	
#wskazowkiDojazdu span.przycisk { /*pokaz jak dojechać */
    padding-left: 30px;
    padding-right: 30px;
	background:#fff;
    height: 41px;
    font-size: 16pt;
    padding-top: 13px;
    margin-top: 2px;
    margin-left: 0;
    font-family: 'Roboto', sans-serif;
    border: 0;
    color:#000;
}
	
	
	
	
	
	
	
	
@media only screen and (min-width: 100px) and (max-width: 480px) and (orientation:portrait)
{
    @-ms-viewport { width: 320px; }
    @-o-viewport { width: 320px; }
    @viewport  { width: 320px; }
    
    h1 { font-size:35pt; }
    h2 { font-size:20pt; }
    
    .element { width:100%; }
    .elementKontener { width:auto; padding-left:20px; padding-right:20px; }
    .elementKontenerPrawa { width:100%; float:left; }
    .elementKontenerLewa { width:100%; float:left; margin:0; }
    
    .ofertaKorzysci li { width:100%; height:185px; }
    
    #stronaTrescPrawa { width:100%; }
    #stronaTrescPrawaZawartosc { padding:30px 0; }
    #stronaTrescLewa { width:100%; }
    #stronaTrescLewaKontener { width:100%; }
    
    #stronaMenu .stronaMenuPrzyciskMenu { display: block; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskStart { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskPodstrona { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskGaleria { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskOpinie { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskKontakt { display: none; width:100%; } 

    #formularzKontaktowy textarea { float:left }
    #formularzKontaktowy input[type="submit"] { float:left }
    #formularzKontaktowy .formularzKontaktowyKolumna { width:100%; }
    
    p.dwaPrawy { width:100%; margin-right:0; }
    p.dwaLewy { width:100%; margin-left:0; }
}

@media only screen and (min-width: 100px) and (max-width: 480px) and (orientation:landscape)
{
    @-ms-viewport  { width: 480px; }
    @-o-viewport { width: 480px; }
    @viewport  { width: 480px; }
    
    .elementKontener { padding-left:20px; padding-right:20px; }
    
    .ofertaKorzysci li { width:100%; height:170px; }
    
    #stronaTrescPrawa { width:100%; }
    #stronaTrescPrawaZawartosc { padding:30px 0; }
    #stronaTrescLewa { width:100%; }
    #stronaTrescLewaKontener { width:100%; }
    
    #stronaMenu .stronaMenuPrzyciskMenu { display: block; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskStart { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskPodstrona { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskGaleria { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskOpinie { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskKontakt { display: none; width:100%; } 

    #formularzKontaktowy textarea { float:left }
    #formularzKontaktowy input[type="submit"] { float:left }
    #formularzKontaktowy .formularzKontaktowyKolumna { width:100%; }
    
    p.dwaPrawy { width:100%; margin-right:0; }
    p.dwaLewy { width:100%; margin-left:0; }
}

@media only screen and (min-width: 481px) and (max-width: 900px)
{
    .elementKontener { padding-left:20px; padding-right:20px; }
    .ofertaKorzysci li { width:50%; height:200px; }
    
    #stronaTrescPrawa { width:100%; }
    #stronaTrescLewa { width:100%; }
    #stronaTrescLewaKontener { width:100%; }    
    
    #stronaMenu .stronaMenuPrzyciskMenu { display: block; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskStart { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskPodstrona { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskGaleria { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskOpinie { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskKontakt { display: none; width:100%; } 
    
    p.dwaPrawy { width:100%; margin-right:0; }
    p.dwaLewy { width:100%; margin-left:0; }
}

@media only screen and (min-width: 901px) and (max-width: 2800px)
{
    .elementKontener { padding-left:20px; padding-right:20px; }
    .ofertaKorzysci li { width:33.33333%; height:200px; }
    
    #stronaGaleria { width:100%; }
    
    #stronaMenu .stronaMenuPrzyciskMenu { display: none; width:100%; } 
    #stronaMenu .stronaMenuPrzyciskStart { display: block; width:auto; } 
    #stronaMenu .stronaMenuPrzyciskPodstrona { display: block; width:auto; } 
    #stronaMenu .stronaMenuPrzyciskGaleria { display: block; width:auto; } 
    #stronaMenu .stronaMenuPrzyciskOpinie { display: block; width:auto; } 
    #stronaMenu .stronaMenuPrzyciskKontakt { display: block; width:auto; } 
}