html, body { height:100%;}
    body, h1, header, html, nav, ul, h2, h4, div
    {
        font-family: 'Raleway', sans-serif;
        background: transparent;
        border: 0 none;
	    margin: 0;
	    padding: 0;
	    border: 0;
	    outline: 0; 
    }
    .footerLong
    {
        background-color:#eaeaea; 
        width:100%; 
        padding:0px;
        z-index:0;
        position:relative;
    }
    .footerDiv
    {
	    margin-left: auto;
	    margin-right: auto;
	    width:1000px;
	    padding-top:30px;
	    padding-bottom:30px;
    }
    .divHlavickaLong
    {
        background-color:#0024a3; 
        width:100%; 
        z-index:0;
        position:relative;
        height:60%;
        min-height:500px;
    }   
    .divHlavickaDiv
    {
	    margin-left: auto;
	    margin-right: auto;
	    /*width:1000px;*/
	    height:100%;
	    padding-top:30px;
	    background-image:url(/images/main-foto-oilrig.png);
	    background-position: right bottom;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*border:1px solid #ccc;*/
    }
    .lblLogo
    {
        width:100px;
        float:left;
        margin-left:10%;
    }
    .lblMenu
    {
        width:auto;
        float:right;
        margin-right:10%;
    }
    .lblTextSlideCelyLabel
    {
        width:600px;
        margin-top:80px;
        margin-left:10%;
        /*border:1px solid #ccc;*/
    }
    .lblTextSlideInfoHla
    {
        text-align:center;
        color:#fff;
        font-size:2.0em;
        font-weight:bold;
    }        
    .lblMenu ul li
    {
        float:left;
        width:auto;
        margin-right:40px;
        list-style-type:none;
    }
    .lblMenu ul li a
    {
        color:#fff;
        text-transform:uppercase;
        text-decoration:none;
        font-size:1.0em;
        font-weight:bold;
        transition: 0.3s cubic-bezier; /* Время изменения */

    }
    .lblMenu ul li a:hover
    {
        color:#bbf0ff;
        /*box-shadow: 0 5px 15px rgba(255, 255, 255, 0.4);*/

    }
    
    .divObsahPageLong
    {
        background-color:#fff; 
        width:100%;
        z-index:0;
        position:relative;      
    }   
    .divObsahPageMezera
    {
        background-color:#fff; 
        width:100%; 
        height:30px;
        z-index:0;
        position:relative;
        background: -webkit-linear-gradient(#8a96cd, #cacfe8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a96cd', endColorstr='#cacfe8',GradientType=0);    
        margin-bottom:40px;    
    }      
    .divPageDivBlokk
    {
	    margin-left: auto;
	    margin-right: auto;
	    width:90%;
	    /*padding-top:30px;*/
	    height:auto;
    }
    .btnMore
    {
        padding:7px 30px 7px 30px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        color:#fff;
        text-decoration:none;
        text-transform:uppercase;
        background: -webkit-linear-gradient(#166ce4, #16ace4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#166ce4', endColorstr='#16ace4',GradientType=0);
        font-weight:bold;
        /*border:#166ce4 1px solid;*/
        transition: 0.3s linear;
    }
    .btnMore:hover
    {
        /*border-color:#1684e4;
        background:#fff;
        color:#1684e4;*/
        color: rgba(255, 255, 255, 1);
        box-shadow: 0 5px 15px rgba(74, 83, 255, .7);
    }    
    .divObsahPageDivPageRamecek
    {
        padding:40px;
        background: -webkit-linear-gradient(#2c12dd, #2187f4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c12dd', endColorstr='#2187f4',GradientType=0);
        width:100%;
        /*height: 110px;*/
        color:#fff;
        font-size:2.0em;
        position: absolute;
        z-index: 11;
        margin-left: -70px;
        margin-top: -80px;
        -webkit-box-shadow: 63px 50px 0px -23px rgba(41,117,216,1);
        -moz-box-shadow: 63px 50px 0px -23px rgba(41,117,216,1);
        box-shadow: 63px 50px 0px -23px rgba(41,117,216,1);
    }
    .divObsahPageDivPageRamecek2
    {
        padding:40px;
        background: -webkit-linear-gradient(#2c12dd, #2187f4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c12dd', endColorstr='#2187f4',GradientType=0);
        width:100%;
        /*height: 70px;*/
        color:#fff;
        font-size:2.0em;
        position: absolute;
        z-index: 11;
        margin-left: 40px;
        margin-top: -20px;
        -webkit-box-shadow: -63px 50px 0px -23px rgba(41,117,216,1);
        -moz-box-shadow: -63px 50px 0px -23px rgba(41,117,216,1);
        box-shadow: -63px 50px 0px -23px rgba(41,117,216,1);        
    }
    .divObsahPageDivPage1
    {
        margin-left:465px;
        position:absolute;
        margin-top: -200px;
        width:58%;
    }
    .divObsahPageDivPage2
    {
        margin-right:500px;
        position:absolute;
        margin-top: 60px;
        width:58%;
    }
    .lblBtnMoreTop
    {    
        margin-left: auto;
	    margin-right: auto;
	    margin-top:40px;
        width: 165px;
    } 	   
    .bg4Ramecek
    {
        background-color:#eee;
        margin-bottom:90px;
    } 
    .footer1SloupecNadpis
    {
        text-transform:uppercase;
    }
    .footer1Sloupec
    {
	    width:25%;
	    float:left;
    }    
    .footer1SloupecText
    {
	    color:#666;
	    margin-top:20px;
	    line-height:25px;
    }     
    .footer1SloupecText a
    {
	    color:#666;
	    text-decoration:none;
    }    
    .footer1SloupecText a:hover
    {
	    color:#333;
    }      
    .footer1SloupecText img {width:20px;  vertical-align: middle;margin-right:10px;}
    
    .lblTextSlideCelyLabelServices
    {
        
        margin-top:80px;
        /*margin-left:10%;*/
        /*border:1px solid #ccc;*/
    }
    .lblTextSlideInfoHlaServices
    {
        width:40%;
        text-align:center;
        color:#fff;
        font-size:1.6em;
        margin-left: auto;
	    margin-right: auto;
    }        
     .lblTextSlideInfoHlaServices h1
     {
         margin-bottom:40px;
    }    
    
    /*SERVICES*/
    

    .divHlavickaDivServices
    {
	    margin-left: auto;
	    margin-right: auto;
	    /*width:1000px;*/
	    height:100%;
	    padding-top:30px;
	    background-image:url(/images/services-page_01.png);
	    background-position: right bottom;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*border:1px solid #ccc;*/
    }
    .divObsahDivService1
    {
	    /*margin-left: auto;
	    margin-right: auto;
	    width:1000px;*/
	    height:300px;
	    /*padding-top:30px;*/
	    background-position: right bottom;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;        
        margin-bottom:40px;
    }
    .divObsahDivService1Text
    {
        color:#fff;
        margin-left:80px;
        padding-top:80px;
        width:60%;
        font-size:1.3em;
    }
    .divObsahDivService1Text h2
    {
        margin-bottom:30px;
    }
    .divObsahDivService0
    {
	    /*margin-left: auto;
	    margin-right: auto;
	    width:1000px;*/
	    height:300px;
	    /*padding-top:30px;*/
	    background-position: right bottom;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;        
        margin-bottom:40px;
        -moz-box-shadow: 0 0px 4px 8px rgba(120, 120, 120, 0.4);
        -webkit-box-shadow: 0 0px 4px 8px rgba(120, 120, 120, 0.4);
        box-shadow: 0 0px 10px 8px rgba(120, 120, 120, 0.4);
    }    
    .divObsahDivService0Text
    {
        color:#000;
        width:100%;
        font-size:1.3em;
        text-align:center;
        padding-top:80px;
    }    
    .divObsahDivService0Text h2
    {
        margin-bottom:30px;
        
    }    
    .divObsahServiceJedenBlok
    {
        width:25%;
        float:left;    
        margin-right:80px;
        padding-top: 20px;
        text-align:center;
        -moz-box-shadow: 0 0px 4px 8px rgba(199, 199, 199, 0.4);
        -webkit-box-shadow: 0 0px 4px 8px rgba(199, 199, 199, 0.4);
        box-shadow: 0 0px 10px 8px rgba(199, 199, 199, 0.4);    
        cursor:pointer;
    }
    .divObsahServiceJedenBlokPozadiShadow1:hover
    {
        -moz-box-shadow: 0 0px 4px 8px rgba(0, 102, 204, 0.4);
        -webkit-box-shadow: 0 0px 4px 8px rgba(0, 102, 204, 0.4);
        box-shadow: 0 0px 10px 8px rgba(0, 102, 204, 0.4);    
    }   
    .divObsahServiceJedenBlokPozadiShadow2:hover
    {
        -moz-box-shadow: 0 0px 4px 8px rgba(0, 153, 204, 0.4);
        -webkit-box-shadow: 0 0px 4px 8px rgba(0, 153, 204, 0.4);
        box-shadow: 0 0px 10px 8px rgba(0, 153, 204, 0.4);    
    }   
    .divObsahServiceJedenBlokPozadiShadow3:hover
    {
        -moz-box-shadow: 0 0px 4px 8px rgba(51, 0, 204, 0.4);
        -webkit-box-shadow: 0 0px 4px 8px rgba(51, 0, 204, 0.4);
        box-shadow: 0 0px 10px 8px rgba(51, 0, 204, 0.4);    
    }            
    .divObsahDivService4
    {
        margin-top:50px;
        margin-bottom:50px;
        width:50%;
        margin-left:auto;
        margin-right:auto;
    }
    /*SERVICES --- END*/
    
    /*CONTACT*/
    .divHlavickaDivContact
    {
	    margin-left: auto;
	    margin-right: auto;
	    /*width:1000px;*/
	    height:100%;
	    padding-top:30px;
	    background-image:url(/images/contact-pagev3_01.png);
	    background-position: right bottom;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*border:1px solid #ccc;*/
    }
    .divObsahDivContact
    {
        margin-top:50px;
        margin-bottom:50px;
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }    
    .divObsahContactJedenBlok
    {
        width:47%;
        -moz-box-shadow: 0 0px 4px 8px rgba(120, 120, 120, 0.4);
        -webkit-box-shadow: 0 0px 4px 8px rgba(120, 120, 120, 0.4);
        box-shadow: 0 0px 10px 8px rgba(120, 120, 120, 0.4);    
        float:left;    
        margin-right:80px;
    }
    .lblBtnMoreSendMessage
    {    
        margin-left: auto;
	    margin-right: auto;
	    margin-top:40px;
        width: 265px;
    } 	     
    .lblNadpisContact1{
        background-color:#1669e4;
        text-align:center;
        padding:10px;
        color:#fff;
        font-weight:bold;
        font-size:1.4em;
    }
    .inpTxt
    {
        font-family: 'Raleway', sans-serif;
        padding:5px;
        width:40%;
        margin-right:20px;
        font-size:1.0em;
        border:1px solid #ccc;
    }
    .inpTxtArea
    {
        font-family: 'Raleway', sans-serif;
        padding:5px;
        width:89%;
        margin-right:20px;
        font-size:1.0em;
        border:1px solid #ccc;
    }
    /*CONTACT --- END*/
    
    /* DOPLNUJICI --- START*/
    .imgHlaBl{width:650px;}
    .imgHlaBl2{width:650px;margin-right:100px;float:right;}   
    .txtHlaBl2{text-align:right;}
    .lblBtnMoreReadMargin1
    {
        margin-top:170px;
    }
    .lblBtnMoreReadMargin2
    {
        margin-top:200px;
    }       
    .lblShowMob{display:none;}
    .lblBlokContact2{margin-right:0px;float:right;}
    /* DOPLNUJICI --- END*/
    
 @media (max-width:768px)
        {
            .divHlavickaLong
            {
                height:30%;
            }
            .footerDiv
            {
	            width:100%;
            }
            .lblTextSlideCelyLabel
            {
                width:100%;
                margin-top:80px;
                margin-left:0%;
                /*border:1px solid #ccc;*/
            }
            .lblTextSlideInfoHla
            {
                font-size:1.7em;
            }   
            .footer1Sloupec
            {
	            width:44%;
	            float:left;
	            margin-bottom:50px;
	            margin-left:20px;
            }  
            .footer1SloupecText
            {
	           font-size:0.9em;
            }              
            .lblMenu
            {
	            margin-top:20px;
            }         
            .divObsahPageDivPage1
            {
                margin-left:0px;
                position:relative;
                margin-top:0px;
                width:auto;
                padding-bottom:40px;
            }
            .divObsahPageDivPage2
            {
                margin-left:0px;
                position:relative;
                margin-top:0px;
                width:100%;
                padding-bottom:40px;
            }     
            .imgHlaBl{width:100%;} 
            .imgHlaBl2{width:100%;margin-right:0px;float:none;}   
            .divObsahPageDivPageRamecek
            {
                width:auto;
                position: relative;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                margin-left: 0px;
                margin-top: 0px;
                font-size:1.5em;
            }
            .divObsahPageDivPageRamecek2
            {
                width:auto;
                position: relative;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                margin-left: 0px;
                margin-top: 0px;
                font-size:1.5em;
            }         
            .txtHlaBl2{text-align:left;}   
            .lblBtnMoreReadMargin1
            {
                margin-top:30px;
            }
            .lblBtnMoreReadMargin2
            {
                margin-top:30px;
            }              
            .divObsahDivService1Text
            {
                font-size:1.0em;
                padding-top:40px;
            }
            .divObsahServiceJedenBlok
            {
                width:31%;
                float:left;    
                margin-right:10px;
                padding-top: 20px;
                text-align:center;
                -moz-box-shadow: 0 0px 4px 8px rgba(199, 199, 199, 0.4);
                -webkit-box-shadow: 0 0px 4px 8px rgba(199, 199, 199, 0.4);
                box-shadow: 0 0px 10px 8px rgba(199, 199, 199, 0.4);    
                cursor:pointer;
            }         
            .divObsahDivService4
            {
                margin-top:50px;
                margin-bottom:50px;
                width:90%;
                margin-left:auto;
                margin-right:auto;
            }         
            .lblShowMob{display:block;}      
            .lblTextSlideInfoHlaServices
            {
                width:90%;
                font-size:1.3em;
            } 
            .divObsahContactJedenBlok
            {
                width:100%;
                float:none;    
                margin-bottom:20px;
            }
            .lblBlokContact2{margin-right:0px;float:none;}
            .inpTxt{
                margin-right:6px;}
            }
        }