/*
Theme Name: LENTEA Presentation 2017 - screen
Version: 2017/1
Author: 2017 lentea.com s.r.o.
*/

body {
/*width:100%;overflow-x:hidden;margin:0;padding:0;margin:0;padding:0;font-family:'Titillium Web',sans-serif;font-size:0.9em;font-style:400;line-height:1.6em;font-weight:300;
	      color:#000000;text-align:left;height:100%;-webkit-font-smoothing:antialiased;*/
	    background:#f6f6f6;
                /*
		background:url(../../img/scrap-iron-404081_1920.jpg) no-repeat fixed;
		background-position: 50%;

		background:url(../../img/pexels-photo-492896-flip.jpg) no-repeat fixed;
		background:url(../../img/hurry-2119711_1920.jpg) no-repeat fixed;

		background:url(../../img/pexels-photo-494600-flip.jpg) no-repeat fixed;
                background-position: 0px -240px;

                background:url(../../img/pexels-photo-514798.jpeg) no-repeat fixed;
                */

                background:url(../../img/pexels-photo-493706.jpeg) no-repeat fixed;
                background-position: 50%;
}

h1 { font-size: 2em; line-height: 1.2em; margin-bottom: 50px; }
h2 { font-size: 1.6em; line-height: 1.2em; margin-bottom: 30px; }

/* ------------- hlavni kontejnery -------------- */

.lentea-header { height: 68px; }
.ltap-header-logo {display:block;margin:6px 0 0 /*55*/0px;padding:0;width:205px;height:46px;float:left;text-align:center;}
.ltap-header-logo a img {width:auto;height:100%;}

.ltap-header-logo-text {display: block; position: absolute; top: 40px; width: 205px; text-transform:uppercase; text-align:center; color: #000000;
    font-size: 0.7em; font-weight: 700; letter-spacing: 1.3px; }

.ltap-menu-button {position:absolute;top:0;right:0;width:80px;height:61px;overflow:hidden;z-index:80;cursor:pointer;display:none;}
.ltap-menu-button-content {background:#fff;width:50px;height:61px;text-align:center;font-size:2.4em;color:#666;line-height:60px;}

.ltap-section { padding:40px; background-color:#ffffff; text-align: center; overflow: auto; }
.ltap-second { background-color:#f1f1f1; /*#f7f7f7;*/ }
.ltap-top-section { margin-top:/*61px;*/68px; }
.ltap-top-category-name { margin-top:/*61px;*/68px; background:rgba(255,255,255,0.8); /*background:rgba(0,0,0,0.8); color: #ececec;*/ }
.ltap-top-category-name h1 { font-size: 2.4em; line-height: 1.2em; text-transform:uppercase; margin-top: 20px; margin-bottom: 20px; }

.ltap-content-page { min-height: 500px; }
.ltap-content-page article { text-align: justify; margin-left: 20%; margin-right: 20%; }
.ltap-content-page article img { max-width: 100%; height: auto !important;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25); }
.ltap-content-page article .ltap-youtube { width: 560px; height: 315px; }

.ltap-image-header { background-color:transparent; min-height: 800px; padding:80px; }
.ltap-image-header .ltap-textcontainer { width: 550px; float:right; padding: 50px; background:rgba(0,0,0,0.6); color: #ececec; }
.ltap-image-header .ltap-textcontainer p { font-size: 1.2em; /* margin-bottom: 50px; */ text-align: justify; }

.ltap-section ul { margin: auto; max-width: 400px; text-align: left; }


.ltap-pro-koho a { -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; 
    display: inline-block; padding: 20px; border-radius: 6px; background:#670000;
    width: 200px; margin: 5px; text-decoration:none !important; vertical-align: top; overflow: hidden;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5);
}
.ltap-pro-koho a span { color: #ffffff; font-size:1.2em; font-weight:600; text-transform:uppercase; 
    display: block; height: 80px; padding: 20px 10px 10px 10px; }
.ltap-pro-koho a i { display: block; width: 100px;height: 100px; padding: 20px; background:#ffffff; color:#670000; font-size: 4em; border-radius: 50%; 
    margin: auto;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25); 
    -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.ltap-pro-koho a i.ico-tools { padding-left: 13px; } /* sirsi pismeno */

.ltap-pro-koho a:hover {background:#439c0c !important; }
.ltap-pro-koho a:hover i {color:#439c0c !important; }


.ltap-footergap { background-color:transparent; height: 200px; }

.ltap-footer { background:rgba(0,0,0,0.8); color: #d2d2d2; } /* background-color: #585858; color: #cecece; */
.ltap-footer .ltap-column-1 { float: left; width: 50%; padding-left: 10%; text-align:left; }
.ltap-footer .ltap-column-2 { float: left; width: 50%; padding-right: 10%; text-align: right; }
.ltap-footer .ltap-poweredbylentea { clear: both; }
.ltap-footer a, .ltap-footer a:hover { color: #d2d2d2; }

/* ------------- tlacitka -------------- */

.ltap-section .btnc, .ltap-section .btnc:visited {
padding:17px 35px 17px 35px !important; margin: 5px;
background:#670000;
/*border-bottom:solid 3px #670000;*/
border: none;
/*
margin:1px 1px;padding:7px 20px 4px 20px;line-height:1em;color:#fff !important;
background:#670000;font-size:1.2em;border:none;
border-bottom:solid 3px #380505;
*/
}
.ltap-section .btnc:hover {background:#439c0c /*#222*/ !important;border-bottom-color:#439c0c /*#000*/ !important;
/*-webkit-box-shadow:0 0 15px rgba(255,235,0,.50);box-shadow:0 0 15px rgba(255,235,0,.50);*/}

.ltap-section .btnc { border-radius: 6px; -webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25);}

/* menu */

.ltap-top-menu a {
    display:inline-block;margin-top: 16px;padding:7px 20px 7px 20px;line-height:1em;font-family:'Open Sans',sans-serif;font-weight:600;
    font-size:1.2em;border:none;cursor:pointer;text-transform:uppercase;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none !important;
    -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
	border-radius: 6px; }
.ltap-top-menu a:hover {background:#670000 !important;color:#fff !important;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25);}


/* zak podpora */

.ltap-header .btnc, .ltap-header .btnc:visited {
float: right;
margin-top: 10px;
margin-right: 55px;
padding: 7px 20px 7px 20px !important;
background:#670000;
border: none;
text-align: center;
}
.ltap-header .btnc:hover {background:#439c0c /*#222*/ !important;border-bottom-color:#439c0c /*#000*/ !important;}

.ltap-header .btnc { border-radius: 6px; 
-webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25);}


/* buttony v procesu */

.ltap-section .processmovebutton, .ltap-section .processmovebutton:visited { background: #439c0c !important; }
.ltap-section .processmovebutton:hover {background: #670000 !important;border-bottom-color: #670000 !important;}


/* test 
.lta-login li.lgin-user a i, .lta-login li.lgoff-login a i {
    background: #f7ef04;
}
*/


/* mobily, tablety, mensi rozliseni */

@media handheld, only screen and (max-width: 1200px) {

    .lentea-header { position: relative; /* override defaultu lentea: */ padding-left: 0; text-align: left; }
    .ltap-menu-button {display: block;}
    .ltap-top-section { margin-top: 0px; }
    .ltap-top-category-name { margin-top: 0px; }
    .ltap-top-menu { display: none; position: absolute; top: 68px; right: 0px; background-color: #ffffff; border-bottom: solid 1px #CCCED0;
        -webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25); }
    .ltap-top-menu a, .ltap-header .btnc { display: block; float: none; margin: 7px 15px 7px 15px;}
    .ltap-content-page  article { margin-left: 0; margin-right: 0; }
}


@media handheld, only screen and (max-width: 720px) {

    /* body { background-position-x: -100px; } */

    .ltap-image-header { padding-right: 0; padding-left: 0; padding-top: 0; }
    .ltap-image-header .ltap-textcontainer { width: 100%; float: none; }

    .ltap-footer .ltap-column-1 { padding-left: 0; }
    .ltap-footer .ltap-column-2 { padding-right: 0; }

}

@media handheld, only screen and (max-height: 600px) {
    /* body { background-position-y: -500px; } */
}

@media handheld, only screen and (max-width: 700px) {
    .ltap-content-page article .ltap-youtube { width: 400px; height: 225px; }
}

@media handheld, only screen and (max-width: 500px) {
    .ltap-content-page article .ltap-youtube { width: 100%; }
}

