@font-face {
    font-family: 'RexliaFree';
    src: url('../Fonts/rexlia_free-webfont.eot');
    src: url('../Fonts/rexlia_free-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/rexlia_free-webfont.woff') format('woff'),
         url('../Fonts/rexlia_free-webfont.ttf') format('truetype'),
         url('../Fonts/rexlia_free-webfont.svg#RexliaFree') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3
{
    font-family:'RexliaFree';
}
h1
{
	color: black;
}
body 
{
    background-color:Gray;
    font-family:Arial CE;  
}
#Page
{
    border-radius:1ex;
    width:1150px;
    height:auto;
    margin: 0px auto auto auto;
    background-color:Aqua;
    position:relative;
    
}
#head
{
    border-radius:1ex 1ex 0ex 0ex;
    margin:0px 0px 0px 0px;
    background-image: url("../obrazky/head.bmp"); 
	background-repeat: no-repeat;
	background-size: cover;
    width:100%;
    height:160px;
}
#vystavba
{
	display: block;
	height: 50px;
}
h1 
{
    color: Blue;
    position:absolute;
    margin:0px 0px 0px 0px;
    top: 20px;
    left: 20px;
    z-index:1;
    font-size:2.2em;
    -webkit-text-shadow:2px 2px 15px #111;
    text-shadow:2px 2px 15px #111;
}
header>h2
{
    position:absolute;
    margin:0px 0px 0px 0px;
    top: 120px;
    left: 20px;
    z-index:1;
}
h3
{
    text-align:center;
    -webkit-text-shadow:2px 2px 15px #111;
    text-shadow:2px 2px 15px #111;
}
#headImage
{
    display:block;
	text-align:right;
    margin :0px 0px 0px 0px;
    position:absolute;
    top: 20px;
    left:665px;
    width: 445px;
    height: 220px;
  /*  background-image: url("../obrazky/staniceAmonitor.jpg");*/
	background-image: url("../obrazky/bazen3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
    z-index:1;
    border-radius:1ex;
    -ms-border-radius:1ex;
    -webkit-box-shadow:2px 2px 20px #000;
    box-shadow:2px 2px 20px #000;
	color:Purple;
	padding:15px;
	font-size:1.5em;
   /* -webkit-transition:-webkit-transform 1.5s ease-in-out;
	-webkit-transform: rotateY(180deg);   */
}

#headImage:hover
{
  /*  -webkit-transform: rotateY(180deg);   
	background-image: url("../obrazky/stanice.jpg")*/
}
.teorie h3, #highLight h3
{
    background-color:#162f43;
    color:White;
    font-size:1.2em;
    border-radius:5px;
}
.teorie
{
	float:right;
    width:40%;
    margin-right:10px;
    margin-top: 5px;
    padding: 8px 8px 8px 8px;
    text-align:justify;
    background-color:White;
    border-radius:1ex;
    -webkit-box-shadow:2px 2px 20px #111;
    box-shadow:2px 2px 20px #111;
}
.hidden
{
    display:none;
}
nav
{
    color:White;
    width:55%;
    height:auto;
    background-color:#162f43;
    float:left;
   /* position:relative;
    top: 115px;*/
    margin-left:10px;
    border-radius:1ex;
    padding-bottom:10px;
}
nav > ul >li
{
    float:left;
    list-style-type:none;
    font-family:'RexliaFree';
    font-size: 1.2em;
    padding: 5px 10px 5px 10px;
    margin:auto 15px auto 5px;
    cursor:pointer;
  -webkit-transition:opacity 0.5s ease-in-out; 
    -moz-transition:opacity 0.5s ease-in-out;
  /*  -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);*/
    
   opacity:0.5;
}
nav > ul >li:hover
{
   /* -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);*/
    opacity:1.0;
}
nav > ul >li > a
{
    color:White;
    text-decoration:none;
}
#gallery
{
	float:right;
    width:40%;
    height:185px;
    margin:5px auto auto 10px;
    padding: 20px 20px 20px 20px;
   
}
.product /* #textPopis, #textKontakt, #textCenik, #keStazeni*/
{
    background-color:#aacccc;
    color:Blue;
    float:left;
  /*  clear:both;*/
    width:53%;
    text-align:justify;
    padding:8px 8px 8px 8px;
    margin-left:10px;
 /*   position:relative;
    top: 120px;*/
    border:2px solid Gray;
  /*  border-right: 2px solid Gray;
    border-bottom: 2px solid Gray;*/
    border-radius:1ex;
}

#textSimulace iframe
{
	margin-top: -100px;
	width: 750px;
	height: 720px;
	transform: scale(0.80);
	transform-origin:0 70% ;
}
#pata
{
    display:block;
  /* width:40%;*/
   clear:both;
   /*  float:right;*/
    padding: 8px 8px 8px 8px;
    margin-left:10px;
    margin-bottom:10px;
  /*  background-color:#cccccc;*/
    border-radius:1ex;
}
#textKontakt img
{
	height:60px;
}
.showAll
{
    cursor:pointer;
    font-style:italic;
    position:relative;
    left: 80%;
}
#showAll1
{
    color:Blue;
}
#showUp1
{
    color:Blue;
    display:none;
}
#showAll2
{
    color:Black;
}
#showUp2
{
    color:Black;
    display:none;
}
.vsuvka
{
	color:#FFF;
	background-color:Gray;
}
.clear
{
    clear:both;
    height:5px;
    width:100%;
}