@charset "utf-8";
     
     
    /*-- Default -----------------------------------------------------------------*/  
    /* colours:
     #7f9fbd - svetlomodra
     #1C4E71 - tmavomodra
     #0f2233 - svetlotmavomodra
    */
     
    * {margin: 0 auto; padding: 0; }
    html {height: 100%; font-size: 62.5%;}
    h1, h2, h3, h4, h5, h6
    { font-size: 100%;
    }
     
     
    /*--. Default -----------------------------------------------------------------*/ 
     
    /*-- my style -----------------------------------------------------------------*/ 
    /* classes */
    h3 {font-size:130%; color: yellow;}
    h2 {font-size:200%; text-shadow: 4px 4px 6px teal;}
    h1 {font-size:330%; text-shadow: 4px 4px 6px teal;}
     
    body {
    background-image: URL("IMG_Sklenarstvi/BGz4xret.jpg"); /* obrázek na pozadí */
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
   /*background-attachment: fixed;  pozadí neroluje */
    /*background: #e0e9ee; #0f2233 url("BodyBg.png") repeat-x 0 0 fixed;*/
    left-margin: 200;
    right-margin: auto;
    font-family: sans-serif, Arial, Helvetica, Verdana;
    font-size:small;
    text-align:left;  line-height:normal;
    height:100%;
    
    }
     
    p { font-size:105%; text-indent: 0em; }
    a { font-size:100%; padding: 0; margin:0; text-shadow: 2px 2px 5px teal;}
    ul { list-style-position: outside; }
     
    .blue { color: black; }
    .yellow { color: yellow; }
    .bold { font-weight: bold;}
    .odsek { text-indent: 2em;}
    .txtblock {text-align: justify;}
    .txtcenter {text-align: center;}
    .txtleft {text-align: left;}
    .txtright {text-align: right;}
    .paddleft {padding-left: 2em;}
    .nazev
        { width: auto; padding: .4em 2em; color:#FFF; background: #1C4E71;
        /*border: 1px dotted @FFF;*/
        }
    /* .znackaintxt {list-style-position: inside;}*/

    /*
    .AnimaStin {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 3px transparent;
        position: relative;
    }
    .AnimaStin:before {
        content: '';
        position: absolute;
        border: yellow solid 6px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }  
    */

.anima-stin::before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: black;
    background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.anima-stin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
margin: .4em;
padding: 1em;
cursor: pointer;
background: #e1e1e1;
text-decoration: none;
color: #black;
line-height: 140%;
}
.aa{
margin: .4em;
padding: 1em;
cursor: pointer;
background: #e1e1e1;
text-decoration: none;
color: #black;
line-height: 140%;
}
    .BoxAll
    { text-align:left;  width:70%; margin:1.5em auto;
    /*border: 1px dotted white;*/
    /*background-image: url("LayoutBgH.png");*/
    /*background-image: url("SkloTab3a.png");
    background-repeat: no-repeat;
    background-size: 100% 25%;
    background-color: transparent; 
    */
    /*background-size: 100% 12em;*/


     opacity: 0.8; 

    border-radius: 13px 13px 0px 0px;
    -moz-border-radius: 13px 13px 0px 0px;

    box-shadow: 4px 6px 20px; 
    -webkit-box-shadow: 4px 6px 20px; 
    -moz-box-shadow: 4px 6px 20px; 
    /*margin: 30px;*/
    /*left: 190em;*/
    /*top: 20em;*/
    /*border:1px solid;*/
    }
    .BoxHeadImg
    { position:absolute;
    width:65%;
    height: 12em;
    z-index:-1;
    /*border:2px solid;*/
    }
    .BoxHead
    { position:relative;  
    /*border-fit: stretch url("LayoutBgH.png");*/

    /*background-image: url("xlogo.jpg"), url("SkloTab3a.png"); 
    background-position: 3% center, center center;
    background-repeat: no-repeat,no-repeat;
    background-size: 20% 90%, 100% 100%;
    */
    background-image: url("SkloTab3a.png"); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*
    background-image: url("logo.jpg"); 
    background-position:2% center;
    background-repeat: no-repeat;
    background-size: 20% 90%;

    background-color: red;
    */
    /*background-size: 12em 10em*/
    /*background-color: red;     
    color:#e0e9ee;
    height: 100%;
    /*z-index:900;*/
    display: block;
    border-bottom: 1px solid black;
    border-radius: 13px 13px 0px 0px;
    -moz-border-radius: 13px 13px 0px 0px;
    }
    .alogo
    { position:absolute;
    background-image: url("logo.jpg"); 
    background-position:3% center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
        /*background-size: 12em 10em;*/
        /*width: 12em;
        height: 10em;*/
        width: 20%;
        height: 85%;
        text-decoration: none;
        margin: 1.3% 0% 2% 2.2%;/*1em 0em 0em 1em*/
        /*background-color: yellow;*/
        opacity: 0.9;
    }
    .BoxHeadBodyTop
    { position:relative;  
    height: 2em;
    margin-left: 14em;
    display: block;
    }
    .BoxHeadBodyTop h2
    { /*color:#c5ddeb;*/
    line-height: 2em;
    vertical-align: middle;
    background: transparent;
    margin: 0 auto;
    }
     
    .BoxHeadBody
    { position:relative;  
    height: 6.8em;
    line-height: 3em;
    display: block;
    text-align: center;
    margin-left: 25%;
       /* background-color: red;*/
    /*border: 1px solid yellow;*/
    }
    h1
    { color: black; /*#c5ddeb;*/
    font-family: Impact, Charcoal, sans-serif;
    background: transparent;
     
    }
     
    .BoxHeadBodyMenu
    {position:relative; 
    height:3em; /*z-index:800;*/
    display: block;
    margin-top: auto;
    margin-bottom: 0.2em;/* auto;*/
    margin-right: 0.1em;
    background: transparent;
    /*left: 25%;*/
    color:#e0e9ee;
	width:70%;
    /*border: 1px solid yellow;*/
    }


    .Hmenu 
		{padding: 0.2em 0.2em 0em 0.2em; 
		text-align: center;
		background: #7f9fbd; /*#e0e9ee; */
		width: auto;
		float:right;
		height: 2.7em;
		font-weight: bold;
        margin-right: 4px;
		background-repeat: no-repeat;
		background-image: url("menu4home_.png");	/*prednacitanie ???*/
		/*background-image: none;*/
		}
    .Hmenu ul
		{margin: 0; padding: 0em 0em 0em 0em; list-style-type: none;
		width: auto;
        height: 2.2em;
        /*border:.2em solid yellow;*/
		}
    .Hmenu li
		{
        background: #7f9fbd url('menubg.gif') repeat-x;
		}
    .Hmenu li.clear
		{
        background: transparent;
		}
    .Hmenu li.LIrow
		{float: left;
		width:9em;
		margin: 0 0.1em 0 0em;
		}
    .Hmenu ul.ULcol
		{position:relative; 
		background: #1C4E71;
        float: left;
		/*left:-30px;*/
		width:14em ;	/*width: 100%;*/
        height: auto;
		border:.2em solid #069;
		border-bottom: .7em solid #069 ;
		padding: 0em .3em 0em .3em;
		}
    .Hmenu li.LIcol
		{width:auto; 
		text-align: left;
        background: #7f9fbd url('menubg.gif') repeat-x;
		}
    .Hmenu ul li ul 
		{display: none;} /*blok ul skryte*/

    .Hmenu a, .Hmenu a:visited
		{display: block; 
		text-decoration: none;
		height:2.2em; line-height: 2.4em;
		color:#fff;
		border:2px solid #1C4E71; 
		padding-left: 0.3em;
		background: transparent;/*#7f9fbd url('menubg.gif');*/
		background-repeat: no-repeat;
		background-position:left;
		}
    .Hmenu a.item0, .Hmenu a.item0:visited
		{background-image: url("menu4homeBW_.png");
		}
    .Hmenu a:hover
		{/*text-decoration: underline;*/
		background-color: #1C4E71; /*#96a2a8;#1C4E71; #133F5D;*/
		background-repeat: no-repeat;
		background-position:left center;
        border-bottom:2px dashed #7f9fbd; 
        color:#FFB;
		}
    .Hmenu a.item0:hover
		{ 
        background-color: #1C4E71; /*#96a2a8;#1C4E71; #133F5D;*/
        background-image: url("menu4home_.png") ;
		}
    .Hmenu li:hover > ul 
	    {	display: block; 
        } /*blok ul ukazem*/
    .Hmenu a:active  {color: blue}
     
     
    .BoxText
    { height: 100%;
    width: 100%;
    /*background: transparent url("LayoutBgTM2.jpg") top left repeat-y;*/
    /*opacity: 0.2;*/
    /*background-image: url("LayoutBgTM2.jpg"); */
    background-image: url("SkloTab3a.png"); 
    /*background-position:0% center;*/
    background-repeat: repeat-y;
    background-size: 25.5% 100%;

    z-index: -950;
    display: inline-block;
    }
    .BoxTextImg
    { position:relative;
    background: transparent url("LayoutBgTM2.jpg") top left repeat-y;
    width: 25%;
    height:100%;
    z-index:-1;
    border: 2px solid;
        float: left;

    }
     
    .BoxTextMenu
        { background: transparent; /*#e0e9ee; *//*url("LayoutBgTM2.jpg") top left repeat-y;*/
        width: 25%; /*19em;*/
        /*opacity: 0.2;*/
        height: 100%;
        left:0;
        top: 0;
        bottom: 0;
        margin: 0 auto;
        color:#e0e9ee;
        float: left;
        position: relative;
        /*border-right: 2px solid gray;*/
        display: inline-block;
        }
    .BoxTextMenuV
        {width: auto;
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        /*background-image: #7f9fbd url("LayoutBgTM2.jpg") top left repeat-y;*/
        background-image: url("SkloTab3a.png");
        background-color: #7f9fbd;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        
        padding: .8em;
        margin: 1em .4em;
        border-radius: 0.5em;
        /*box-shadow: 0.2em 0.2em 2em black;*/
        }
    .menuV-box 
        {  background: transparent;
        width: auto;
        margin: .2em 0 0 0;
        /*border: 1px solid yellow;*/
        font-weight: bold;
        }
    .menuV 
        {  background: transparent; /*#7f9fbd;*/
        width: auto; /*margin: 0; padding:0;*/
        list-style-type: none; text-align: left;
        }
    .menuV li 
        {
        text-decoration: none;
        color: #FFF;  
        float: none;  
        display: block; 
        line-height: 2.2em;
        /*border: 1px solid #6E9DBE;  */
        padding: 2px;
        }
    .menuV a 
        {  text-decoration: none;
        color: #000;  float: none;  display: block; line-height: 2.2em; 
        margin: 2px;
        padding: 2px 0px 2px 18%;
        /*background: transparent url('menubg.gif') repeat-x;*/
        background-image: url('SkloTab3.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /*border:2px solid #1C4E71;*/
        }
    .menuV a:hover 
        {
        background: #1C4E71; /* #133F5D;*/
        color: #FFB;
        /*border-bottom:1px dashed #7f9fbd;*/
        
                 /*opacity: 0.5;*/
        background-image: url('SkloTab1a.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;

        }
     

    .menuhop
        {background: #1C4E71;
        width:auto;
        height: 40px;
        overflow: hidden;
        }
    .menuhop:hover
        {
        height:auto;
        }

/*
*/
    .xxx
    {
        position:absolute; left:0; top:0; height:100%; width:100%; background-color:red;
    }
    .xxx a:active
    {
     position:absolute; left:0; top:0; height:100%; width:100%; background-color:green;   
    }


    .BoxTextBody
    {
    background: transparent url("LayoutBgTBodyR3.png") top right repeat-y;/*#e0e9ee url("LayoutBgTextRight.jpg") top right repeat-y;*/
    width: 74.5%;/* 50em;*/
    height: auto;
    /*left: 26.5% auto;*/
    top: 0;
    padding: 1em 0em;
    left: 26%;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid black;
    /* overflow: auto;*/
    /*border-right: 2px solid black;*/
    display: inline-block;
    float: right;
    text-align: justify;
    }
    .BoxTextBodyL
    {
    float: left;
    width: 0.1px;
    height: 35em;
    background: red;
    display: inline;
    bottom:0;
    /*visibility: hidden;*/
    }
    .BoxTextBodyOnlyText
    {
    background-color: transparent; 
	width: auto; height:auto; 
	margin-left:0.2em; margin-right:0em;
    padding: 0 1em;
    padding-right: 2em;
    border: none;
    display: block;

    }
    .BoxTextBody:hover
    {
    background-color: white;
    opacity: 1; 
    }     
 
    .galerie
    {
        position:relative;
    background-color: transparent;
    background-size:250px 150px;
    background-position:left;

    }
    .galerie:hover > img
    {
    background-color: yellow;
    opacity: 0.8; 
    }
    .galerie:active
    {
    background-color: white;
    opacity: 0.8; 
    }
    .galerie > img
    {
    height: 146px;
    width: 196px;
    border:1px solid black;
    padding: 2px;
    background-color: lightblue
    }
    .iimg
    {
        padding-left: auto;
        padding-right: auto;
        position: center;
    }

    .BoxFootImg
    { position:absolute;
    width:100%;
    height: 6.5em;
    z-index:-1;
    }
    .BoxFoot
    { 
    /*background: #e0e9ee url("LayoutBgF.jpg") no-repeat;*/
    /*background: teal url("LayoutBgF.jpg") top right repeat-y;*/
    /*background: url("menubg.gif") repeat-x 0 0;*/
    display: block;
    float: left;
    width: 100%;
    height: 6.5em;
    position: relative;
    color: white;
    /*width: auto;
      height: 6.5em;
      */
    }
    
     
    /* identifikatory */
    #skipToContent
    { position:absolute;  top:0;  left:-9999px;
    }
    .pozadi
    { float: left; position:relative; width:100%; height:100%; z-index: -900;}
     
     
    /*--. my style -----------------------------------------------------------------*/