body {
	background-repeat: no-repeat; /* opakování */
	background-size:100% 100%; /* velikost obrazku */
	background-attachment: fixed; /* pozadí neroluje */
	background-color: #E9E9E9; /* případná barva pozadí svetlě šedá, pokud se nenačte obrázek */
	color: black;  /* černý text */
       overflow-x: hidden; /* skryje posuvný bar */
}

#leftmain { text-align: center; float: left; width: 10%; padding-bottom: 20px;}
#main {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-weight:bold;opacity: 0.9;text-align: center; margin-top:-1%; margin-left:-1%;padding-bottom: 0px; overflow: hidden;/* background:url(./nimg/menuh.png);*/ background-size:102% 100%;width:102%}
#maine {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-weight:bold;opacity: 0.9;
text-align: center;
margin-top:-1%;
margin-left:-16%;
padding-bottom: 0px;
overflow: hidden;
background-size:118% 100%;width:118%;
/*height:25%;*/
}
#rightmain {text-align: right; float: right}
#side {text-align: center;background: E9E9E9; width: 16%; height: 100%; margin-right: -10px; color: white; position: fixed; right:10px;top: 0px;
}

#leftSide {position:fixed; right:5%; top:20%; background: background-size:100% 100%;background-repeat: no-repeat; margin: 0 2px; float: left; width: 216px; padding: 0 1px; padding-bottom: 60px; } 
.karticka
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.karticka td
{
border: 1px solid black;
}
.wrapper {
padding-top: 3.5%;
position: relative;
margin: 0 3%;
}

.odskok {
/*padding-top: 15%;*/
position: relative;
margin: 25% 0%;
}
.iframe {
overflow-y: scroll;
}

.paticka {
font-weight:bold;opacity: 0.9;text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;position: fixed;bottom: 0px;left:0px;padding-bottom: 0px; overflow: hidden; background-size:108% 100%;width:100%
}
ab{
color:white;
cursor:default;
text-decoration:none;
}

a{
color:white;
text-decoration:none;
}
a:hover{
color:red;
text-decoration:none;
}

.od{
background:black;
width:100%;
height:0.3%;
}

.pg
{
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.ps
{
color:#E9E9E9;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.typuctu
{
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.i2
{
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.ovl
{
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.info
{
 background-color: #E9E9E9;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width:15%;
}
.infonew
{
 background-color: #E9E9E9;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width:30%;
}
.sl
{
 background-color: #E9E9E9;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width:40%;
}

.pass
{
 background-color: #E9E9E9;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width:15%;
}
#button
{
 background-color: #E9E9E9;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width:100%;
}
.Submit
{
 background-color: #E9E9E9;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width:50%;
}
select {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1); 
    padding: 4px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}
input {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1); 
    padding: 4px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

.web
{
/*background:url('./nimg/obj/web.png');*/
background-size:100% 100%;
width:50%;
height:15%;
color:white;
text-align: left;
color: transparent;
}
.web:hover
{
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
color: transparent;
}

in[titles]:hover:after {
  content: attr(titles);

  color: #333;
 
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}