/********************************************************/
/*******POUZIVAM*************************************************/
/********************************************************/
/*nastavenie obraykov ako backgrounds
    A-Domov
    B-Obsah vycviku...
*/
#winSize {
    position: fixed;
    z-index: 100;
    left: 0%;
    top: 20%;
}

/*Hamburger*/
/*Mobilne rozlisenie - zobrazujem hamburger*/
.topnav {
    overflow: hidden;
    background-color: rgb(176, 235, 245);
    position: relative;
    z-index: 100;
    height: auto;
}

.topnav #myLinks {
    display: none;
    
}
    .topnav a {
        color: white;
        padding: 10px 10px; /*top right bottom left*/
        text-decoration: none;
        font-size: 16px;
        display: block;
        background-color: #d90707;
    }

    .topnav a.icon { /*ikona hamburgera*/
        background: #000;
        padding: 0px 5px 0px 5px; /*top right bottom left*/
        color: #fff;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
    .topnav img { /*logo autoskoly*/

        float: left;
        padding: 5px 5px 5px 5px; /*top right bottom left*/
        width: 3em;
        height: auto;
    }
    .topnav a:hover {
        background-color: #ddd;
        color: black;
    }

.topnav .active {
    background-color: #d90707;
    color: white;
}
/*Koniec hamburgera*/

@media screen and (max-width: 600px) /*600px background*/
/*pre mobil su bacgroundy siroke 600px ale dlzka je 1080 px. Oznacene Ax600 ... Povodny A600 ma height umerny sirke 600 teda asi 400px*/ 
{
    #logo {
        display: none;
    }
    .predely {
        color:white;
    }
    .fp-controlArrow {/*sipka vlavo vpravo musi byt vyssie na mobile*/
        top: 60%;
    }
    #sectionDomov {
        background-image: url(../I/PoD/Ax600.jpg);
        text-align:left;
    }

    #sectionObsahVycviku {
        background-image: url(../I/PoD/Bx600.jpg);
        text-align: left;
    }

    #sectionCennikPrihlaska {
        background-image: url(../I/PoD/Cx600.jpg);
        text-align: left;
    }

    #sectionObjednavkaJazdy {
        background-image: url(../I/PoD/Dx600.jpg);
        text-align: left;
    }

    #sectionVozidla {
        background-image: url(../I/PoD/Ex600.gif); /*animovany gif*/
        text-align: left;
    }

    #sectionDopravneSluzby {
        background-image: url(../I/PoD/Fx600.jpg);
        text-align: left;
    }

    #sectionKontakty {
        background-image: url(../I/PoD/Gx600.jpg);
        text-align: left;
    }
    .column-container .section7div {/*Kontakt davam dolava*/
        text-align: left;
        
    }

    .znacka {
        width: 2em;
        height: auto;
        padding: 0px 0px 0px 0px; /*top right bottom left*/
        float: right;
        /*border: 1px solid red;*/
    }

    .column-container p {
        font-size: 13px;
        line-height: 1.2;
    }
    /*zatvaram menu fullscreen*/
    #menu li {
        display: none;
    }

   

    /*upravujem sirku divov s textami pre mobil*/

    .slide .column-container {
        padding-left: 0em;
        padding-right: 0em;
        position: absolute;
        top: 0px;
    }
    .column-container .sectionPredel { /*Predely*/
        display: block;
        background: inherit;
        width: 100%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
    }
    .column-container .section1div { /*Domov*/
        display: block;
        width: 100%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
        background-color: rgba(176, 235, 245,0.7);
    }

    .column-container .section2div { /*Obsah vycviku*/
        display: block;
        width: 100%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
        background-color: rgba(176, 235, 245,0.7);
    }
    .column-container .section3div { /*Cennik a prihlaska*/
        display: block;
        width: 100%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
        background-color: rgba(176, 235, 245,0.7);
    }
    .column-container .section4div { /*ONLINE objednavka*/
        display: block;
        width: 100%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
        background-color: rgba(176, 235, 245,0.7);
    }
    .column-container .section5div { /*Vozidla*/
        display: block;
        width: 4.34%;/*POZOR mam 1+9 sirok obrazovky, t.j. width dam 1/10.Ak by som mal 1+4 tak bude width 20% teraz mam 23 sirok*/
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
        background-color: rgba(176, 235, 245,0.7);
    }
    .column-container .section6div { /*Dopravne sluzby*/
        display: block;
        width: 9.09%; /*POZOR mam 1+4 sirok obrazovky, t.j. width dam 1/10.Ak by som mal 1+4 tak bude width 20% 11 sirok*/
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
        background-color: rgba(176, 235, 245,0.7);
    }
    .column-container .section7div { /*Kontakt*/
        display: block;
        width: 100%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 5px;
        background-color: rgba(176, 235, 245,0.7);
    }

    /*a este slids do Vozidla a Doprava*/
    #slide61 {
        background-image: url(../I/Gallery/Bus5_600.jpg);
    }

    #slide62 {
        background-image: url(../I/Gallery/Bus3_600.jpg);
    }

    #slide63 {
        background-image: url(../I/Gallery/Bus6_600.jpg);
    }

    #slide64 {
        background-image: url(../I/Gallery/Bus1_600.jpg);
    }

    #slide65 {
        background-image: url(../I/Gallery/Bus4_600.jpg);
    }

    #slide66 {
        background-image: url(../I/Gallery/Bus2_600.jpg);
    }

    #slide67 {
        background-image: url(../I/Gallery/Bus7_600.jpg);
    }

    #slide68 {
        background-image: url(../I/Gallery/Truck1_600.jpg);
    }

    #slide69 {
        background-image: url(../I/Gallery/Truck2_600.jpg);
    }

    #slide70 {
        background-image: url(../I/Gallery/Truck3_600.jpg);
    }

    #slide501 {
        background-image: url(../I/Gallery/Auto3_600.jpg);
    }

    #slide502 {
        background-image: url(../I/Gallery/Auto2_600.jpg);
    }

    #slide503 {
        background-image: url(../I/Gallery/Auto1_600.jpg);
    }

    #slide504 {
        background-image: url(../I/Gallery/Auto4_600.jpg);
    }

    #slide505 {
        background-image: url(../I/Gallery/Auto5_600.jpg);
    }

    #slide506 {
        background-image: url(../I/Gallery/Auto6_600.jpg);
    }

    #slide507 {
        background-image: url(../I/Gallery/Auto7_600.jpg);
    }

    #slide508 {
        background-image: url(../I/Gallery/Auto8_600.jpg);
    }

    #slide509 {
        background-image: url(../I/Gallery/Auto9_600.jpg);
    }

    #slide510 {
        background-image: url(../I/Gallery/Auto10_600.jpg);
    }

    #slide511 {
        background-image: url(../I/Gallery/Auto11_600.jpg);
    }

    #slide512 {
        background-image: url(../I/Gallery/Motorka1_600.jpg);
    }

    #slide513 {
        background-image: url(../I/Gallery/Motorka2_600.jpg);
    }

    #slide514 {
        background-image: url(../I/Gallery/Motorka3_600.jpg);
    }

    #slide515 {
        background-image: url(../I/Gallery/Motorka4_600.jpg);
    }

    #slide516 {
        background-image: url(../I/Gallery/Motorka5_600.jpg);
    }

    #slide517 {
        background-image: url(../I/Gallery/Motorka6_600.jpg);
    }

    #slide518 {
        background-image: url(../I/Gallery/Motorka7_600.jpg);
    }

    #slide519 {
        background-image: url(../I/Gallery/Motorka8_600.jpg);
    }

    #slide520 {
        background-image: url(../I/Gallery/Motorka9_600.jpg);
    }

    #slide521 {
        background-image: url(../I/Gallery/Traktor1_600.jpg);
    }

    #slide522 {
        background-image: url(../I/Gallery/Traktor2_600.jpg);
    }

    #slide523 {
        background-image: url(../I/Gallery/Traktor3_600.jpg);
    }
}

@media screen and (min-width: 601px) /*1024px background*/
{
    .predely{display:none;}
    .topnav {display: none;}/*ak by to bolo v Default, je problem v prvom riadku, plati pre vsety rozlisenia nad 600*/
    #sectionDomov {background-image: url(../I/PoD/A1024.jpg);}
    #sectionObsahVycviku {background-image: url(../I/PoD/B1024.jpg);}
    #sectionCennikPrihlaska {background-image: url(../I/PoD/C1024.jpg);}
    #sectionObjednavkaJazdy {background-image: url(../I/PoD/D1024.jpg);}
    #sectionVozidla {background-image: url(../I/PoD/E1024.gif);}/*animovany gif*/
    #sectionDopravneSluzby {background-image: url(../I/PoD/F1024.jpg);}
    #sectionKontakty {background-image: url(../I/PoD/G1024.jpg);}

    #slide61 {
        background-image: url(../I/Gallery/Bus5_1024.jpg);
    }

    #slide62 {
        background-image: url(../I/Gallery/Bus3_1024.jpg);
    }

    #slide63 {
        background-image: url(../I/Gallery/Bus6_1024.jpg);
    }

    #slide64 {
        background-image: url(../I/Gallery/Bus1_1024.jpg);
    }

    #slide65 {
        background-image: url(../I/Gallery/Bus4_1024.jpg);
    }

    #slide66 {
        background-image: url(../I/Gallery/Bus2_1024.jpg);
    }

    #slide67 {
        background-image: url(../I/Gallery/Bus7_1024.jpg);
    }

    #slide68 {
        background-image: url(../I/Gallery/Truck1_1024.jpg);
    }

    #slide69 {
        background-image: url(../I/Gallery/Truck2_1024.jpg);
    }

    #slide70 {
        background-image: url(../I/Gallery/Truck3_1024.jpg);
    }

    #slide501 {
        background-image: url(../I/Gallery/Auto3_1024.jpg);
    }

    #slide502 {
        background-image: url(../I/Gallery/Auto2_1024.jpg);
    }

    #slide503 {
        background-image: url(../I/Gallery/Auto1_1024.jpg);
    }

    #slide504 {
        background-image: url(../I/Gallery/Auto4_1024.jpg);
    }

    #slide505 {
        background-image: url(../I/Gallery/Auto5_1024.jpg);
    }

    #slide506 {
        background-image: url(../I/Gallery/Auto6_1024.jpg);
    }

    #slide507 {
        background-image: url(../I/Gallery/Auto7_1024.jpg);
    }

    #slide508 {
        background-image: url(../I/Gallery/Auto8_1024.jpg);
    }

    #slide509 {
        background-image: url(../I/Gallery/Auto9_1024.jpg);
    }

    #slide510 {
        background-image: url(../I/Gallery/Auto10_1024.jpg);
    }

    #slide511 {
        background-image: url(../I/Gallery/Auto11_1024.jpg);
    }

    #slide512 {
        background-image: url(../I/Gallery/Motorka1_1024.jpg);
    }

    #slide513 {
        background-image: url(../I/Gallery/Motorka2_1024.jpg);
    }

    #slide514 {
        background-image: url(../I/Gallery/Motorka3_1024.jpg);
    }

    #slide515 {
        background-image: url(../I/Gallery/Motorka4_1024.jpg);
    }

    #slide516 {
        background-image: url(../I/Gallery/Motorka5_1024.jpg);
    }

    #slide517 {
        background-image: url(../I/Gallery/Motorka6_1024.jpg);
    }

    #slide518 {
        background-image: url(../I/Gallery/Motorka7_1024.jpg);
    }

    #slide519 {
        background-image: url(../I/Gallery/Motorka8_1024.jpg);
    }

    #slide520 {
        background-image: url(../I/Gallery/Motorka9_1024.jpg);
    }

    #slide521 {
        background-image: url(../I/Gallery/Traktor1_1024.jpg);
    }

    #slide522 {
        background-image: url(../I/Gallery/Traktor2_1024.jpg);
    }

    #slide523 {
        background-image: url(../I/Gallery/Traktor3_1024.jpg);
    }
}

@media screen and (min-width: 1025px) /*1600px background*/
{
    #sectionDomov {background-image: url(../I/PoD/A1600.jpg);}
    #sectionObsahVycviku {background-image: url(../I/PoD/B1600.jpg);}
    #sectionCennikPrihlaska {background-image: url(../I/PoD/C1600.jpg);}
    #sectionObjednavkaJazdy {background-image: url(../I/PoD/D1600.jpg);}
    #sectionVozidla {background-image: url(../I/PoD/E1600.gif);} /*animovany gif*/
    #sectionDopravneSluzby {background-image: url(../I/PoD/F1600.jpg);}
    #sectionKontakty {background-image: url(../I/PoD/G1600.jpg);}

    #slide61 {
        background-image: url(../I/Gallery/Bus5_1600.jpg);
    }
    #slide62 {
        background-image: url(../I/Gallery/Bus3_1600.jpg);
    }
    #slide63 {
        background-image: url(../I/Gallery/Bus6_1600.jpg);
    }
    #slide64 {
        background-image: url(../I/Gallery/Bus1_1600.jpg);
    }
    #slide65 {
        background-image: url(../I/Gallery/Bus4_1600.jpg);
    }
    #slide66 {
        background-image: url(../I/Gallery/Bus2_1600.jpg);
    }
    #slide67 {
        background-image: url(../I/Gallery/Bus7_1600.jpg);
    }
    #slide68 {
        background-image: url(../I/Gallery/Truck1_1600.jpg);
    }
    #slide69 {
        background-image: url(../I/Gallery/Truck2_1600.jpg);
    }
    #slide70 {
        background-image: url(../I/Gallery/Truck3_1600.jpg);
    }

    #slide501 {
        background-image: url(../I/Gallery/Auto3_1600.jpg);
    }
    #slide502 {
        background-image: url(../I/Gallery/Auto2_1600.jpg);
    }
    #slide503 {
        background-image: url(../I/Gallery/Auto1_1600.jpg);
    }
    #slide504 {
        background-image: url(../I/Gallery/Auto4_1600.jpg);
    }
    #slide505 {
        background-image: url(../I/Gallery/Auto5_1600.jpg);
    }
    #slide506 {
        background-image: url(../I/Gallery/Auto6_1600.jpg);
    }
    #slide507 {
        background-image: url(../I/Gallery/Auto7_1600.jpg);
    }
    #slide508 {
        background-image: url(../I/Gallery/Auto8_1600.jpg);
    }
    #slide509 {
        background-image: url(../I/Gallery/Auto9_1600.jpg);
    }
    #slide510 {
        background-image: url(../I/Gallery/Auto10_1600.jpg);
    }
    #slide511 {
        background-image: url(../I/Gallery/Auto11_1600.jpg);
    }
    #slide512 {
        background-image: url(../I/Gallery/Motorka1_1600.jpg);
    }
    #slide513 {
        background-image: url(../I/Gallery/Motorka2_1600.jpg);
    }
    #slide514 {
        background-image: url(../I/Gallery/Motorka3_1600.jpg);
    }
    #slide515 {
        background-image: url(../I/Gallery/Motorka4_1600.jpg);
    }
    #slide516 {
        background-image: url(../I/Gallery/Motorka5_1600.jpg);
    }
    #slide517 {
        background-image: url(../I/Gallery/Motorka6_1600.jpg);
    }
    #slide518 {
        background-image: url(../I/Gallery/Motorka7_1600.jpg);
    }
    #slide519 {
        background-image: url(../I/Gallery/Motorka8_1600.jpg);
    }
    #slide520 {
        background-image: url(../I/Gallery/Motorka9_1600.jpg);
    }

    #slide521 {
        background-image: url(../I/Gallery/Traktor1_1600.jpg);
    }
    #slide522 {
        background-image: url(../I/Gallery/Traktor2_1600.jpg);
    }
    #slide523 {
        background-image: url(../I/Gallery/Traktor3_1600.jpg);
    }
}

@media screen and (min-width: 1601px) /*1920x1080px background*/
{
    #sectionDomov {background-image: url(../I/PoD/A1920.jpg);}
    #sectionObsahVycviku {background-image: url(../I/PoD/B1920.jpg);}
    #sectionCennikPrihlaska {background-image: url(../I/PoD/C1920.jpg);}
    #sectionObjednavkaJazdy {background-image: url(../I/PoD/D1920.jpg);}
    #sectionVozidla {background-image: url(../I/PoD/E1920.gif);}/*animovany gif*/
    #sectionDopravneSluzby {background-image: url(../I/PoD/F1920.jpg);}
    #sectionKontakty {background-image: url(../I/PoD/G1920.jpg);}

    #slide61 {
        background-image: url(../I/Gallery/Bus5_1920.jpg);
    }
    #slide62 {
        background-image: url(../I/Gallery/Bus3_1920.jpg);
    }
    #slide63 {
        background-image: url(../I/Gallery/Bus6_1920.jpg);
    }
    #slide64 {
        background-image: url(../I/Gallery/Bus1_1920.jpg);
    }
    #slide65 {
        background-image: url(../I/Gallery/Bus4_1920.jpg);
    }
    #slide66 {
        background-image: url(../I/Gallery/Bus2_1920.jpg);
    }
    #slide67 {
        background-image: url(../I/Gallery/Bus7_1920.jpg);
    }
    #slide68 {
        background-image: url(../I/Gallery/Truck1_1920.jpg);
    }
    #slide69 {
        background-image: url(../I/Gallery/Truck2_1920.jpg);
    }
    #slide70 {
        background-image: url(../I/Gallery/Truck3_1920.jpg);
    }

    #slide501 {
        background-image: url(../I/Gallery/Auto3_1920.jpg);
    }
    #slide502 {
        background-image: url(../I/Gallery/Auto2_1920.jpg);
    }
    #slide503 {
        background-image: url(../I/Gallery/Auto1_1920.jpg);
    }
    #slide504 {
        background-image: url(../I/Gallery/Auto4_1920.jpg);
    }
    #slide505 {
        background-image: url(../I/Gallery/Auto5_1920.jpg);
    }
    #slide506 {
        background-image: url(../I/Gallery/Auto6_1920.jpg);
    }
    #slide507 {
        background-image: url(../I/Gallery/Auto7_1920.jpg);
    }
    #slide508 {
        background-image: url(../I/Gallery/Auto8_1920.jpg);
    }
    #slide509 {
        background-image: url(../I/Gallery/Auto9_1920.jpg);
    }
    #slide510 {
        background-image: url(../I/Gallery/Auto10_1920.jpg);
    }
    #slide511 {
        background-image: url(../I/Gallery/Auto11_1920.jpg);
    }
    #slide512 {
        background-image: url(../I/Gallery/Motorka1_1920.jpg);
    }
    #slide513 {
        background-image: url(../I/Gallery/Motorka2_1920.jpg);
    }
    #slide514 {
        background-image: url(../I/Gallery/Motorka3_1920.jpg);
    }
    #slide515 {
        background-image: url(../I/Gallery/Motorka4_1920.jpg);
    }
    #slide516 {
        background-image: url(../I/Gallery/Motorka5_1920.jpg);
    }
    #slide517 {
        background-image: url(../I/Gallery/Motorka6_1920.jpg);
    }
    #slide518 {
        background-image: url(../I/Gallery/Motorka7_1920.jpg);
    }
    #slide519 {
        background-image: url(../I/Gallery/Motorka8_1920.jpg);
    }
    #slide520 {
        background-image: url(../I/Gallery/Motorka9_1920.jpg);
    }

    #slide521 {
        background-image: url(../I/Gallery/Traktor1_1920.jpg);
    }
    #slide522 {
        background-image: url(../I/Gallery/Traktor2_1920.jpg);
    }
    #slide523 {
        background-image: url(../I/Gallery/Traktor3_1920.jpg);
    }
}