/*Resetování elemntu*/
html, body, h1, h2, h3, h4, h5, h6, a, abbr, acronym, em, p, strong, address, blockquote, cite, q, dd, dfn, dl, dt, li, ol, ul, code, kbd, pre, samp, tt, var, del, ins, small, caption, table, tbody, td, tfoot, th, thead, tr, fieldset, iframe, img 
{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
    text-align: left;
    text-decoration: none;
}



/*Na vycentrovani obsahu*/
body {
/*background-attachment: fixed; /* pozadí neroluje */
/*background-color:gainsboro; /* případná barva pozadí*/
/*background:url("pictures/pozadi_rozostrene_okraje_bw.jpg") fixed no-repeat;*/
background-color:LightGrey;
background-size: 100% 100%;
}

#obal {
width:1200px;
height:900px;
position:relative;
margin:0px auto;

}

#hlavicka {
width:100%;
height:20%;
/* background-image:url("pictures/www_hlavicka_podklad1.jpg"); color: yellow;*/
background:url("pictures/hlavicka_upraveno.jpg");
/*background-image: linear-gradient(to right, yellow, red);*/
background-size: 100%;
/*bacckground-repeat: no-repeat;*/
position:relative;
top:1%;
}

#hlavicka h1 {
/*margin-top:20px;*/ /*1 moznost posunuti nadpisu castecne dolu*/
text-align:center;
font-family:Verdana;
font-style:normal;
font-variant:normal;
font-weight:bold;
font-size:500%; 
color: red;
position:relative;  /*2 moznost, position relative-znamena tam kde je a od tud 30px, absulute by znamenala od zacatku*/
top:60px;
left:0%;
}

#hlavicka p {
/*margin-top:20px;*/ /*1 moznost posunuti nadpisu castecne dolu*/
text-align:center;
font-family:Verdana;
font-style:normal;
font-variant:normal;
font-weight:bold;
font-size: 200%; 
color: white;
position:relative;  /*2 moznost, position relative-znamena tam kde je a od tud 30px, absulute by znamenala od zacatku*/
top:0%;
text-shadow: 0 2px 2px rgba(0, 0, 30, 0.6); 
/*left:20%;*/
}

#info {
width:100%;
height:5%;
top:0%;
/* background-image:url("pictures/www_hlavicka_podklad1.jpg"); color: yellow;*/
background:#333333;
/*background-image: linear-gradient(to right, yellow, red);*/
background-size: 100%;
background-repeat: no-repeat;
position:relative;

}
#info p {
margin-top:0px; /*1 moznost posunuti nadpisu castecne dolu*/
top:0%;
text-align:center;
font-family:Verdana;
font-style:normal;
font-variant:normal;
font-weight:bold;
font-size: 200%; 
color: white;
position:relative;  /*2 moznost, position relative-znamena tam kde je a od tud 30px, absulute by znamenala od zacatku*/
text-shadow: 0 2px 2px rgba(0, 0, 30, 0.6);
}


#menuleft {
height:60%;
width:20%;
/*background:url("pictures/www_podklad_menuleft.jpg");*/ 
background:DarkGray;
/*background-color: rgba(123,123,123,0.5);*/
position:absolute;
/*top:10px;*/
}

#menuleft p {
top:20px;
height:0px;
/*font-family:Arial;*/
/*font-weight:bold;*/
/*text-align:center;*/
/*color: blue;*/
/*margin:20%;*/
/*padding:10px;*/
/*position:absolute;*/
/*box-sizing: content-box;*/
}


#menuleft a {
/*height:10%;*/
/*top:15px;*/
text-decoration:none;
font-size:100%;
font-family:Verdana;
font-weight:bold;
font-variant:normal;
text-align:center;
color:white;
/*margin:20px;*/     
/*margin-top:10px;*/
/*padding:5px;*/
/*position:relative;*/
display:block;
width:100%;
/*height:0%;*/
/*box-sizing: border-box;*/
}

#menuleft a:link {
/*height:10px;*/
/*color:white;*/
} 

#menuleft a:hover {
top:-2px;
height:35px;
font-size:100%;
font-family:Verdana;
font-weight:bold;
/*font-style: italic;*/
/*text-decoration:nonunderline;*/
color:OrangeRed;
/*width:85%;*/
/*display:block;*/
background:WhiteSmoke;
margin:0px;
padding:0%;
position:relative;
/*padding:5%;*/
box-sizing: border-box;
} 

#menuleft a:active {
color:red;
border:solid red;
border-width:2px ;
}

#menuleft a:visited {
/*color:purple;*/
}

#menuleft ul {
/*width:100%;*/
/*margin:0px;*/
/*padding:0px;*/
list-style-type:none;
display:block;
}


#menuleft li {
text-align:center;
list-style-type:none;
height:30px;
background:#333333;
/*border:solid black;*/
/*border-width:2px 2px 2px 2px;*/
/*top:-5px;*/
/*top:20px;*/
margin:4%;
padding:5.5%;
display:block; 
}

#menuleft li:hover {
/*list-style-type:square;*/
/*color:green;*/
/*padding:10%;*/
/*margin:10%;*/
/*box-sizing : border-box;*/
display:block;
}

#menuleft h1 {
color:red;
/*height:10px;*/
font-size:110%;
font-family:Verdana;
font-weight:bold;
/*font-style: italic;*/
font-variant:normal;
text-align:center; 
margin:0px;
padding:0px;
/*position:relative;*/
/*display:block;*/
}

#pata {
background:#333333;
width:100%;
height:5%;
position:absolute;
top:85%;
/*z-index:1;*/
}

#pata p {
text-align:left;
font-family:Times New Roman;
color: white;
font-style:italic;
font-weight:bold;
font-size: 100%; 
position:relative;  /*2 moznost, position relative-znamena tam kde je a od tud 30px, absulute by znamenala od zacatku*/
top:13px;
left:3%; 
}

#pata1 {
background:#333333;
width:20%;
height:5%;
position:absolute;
top:85%;
/*z-index:1;*/
}

#pata1 p {
text-align:left;
font-family:Times New Roman;
color: white;
font-style:italic;
font-weight:bold;
font-size: 100%; 
position:relative;  /*2 moznost, position relative-znamena tam kde je a od tud 30px, absulute by znamenala od zacatku*/
top:13px;
left:17%; 
}
 
#obsah {
height:60%;
width:80%;
/*background:LightCyan;*/
/*opacity: 0.2;*/
background-color: rgba(255,255,255,0.3);
position:absolute;
top:25%;
left:20%;
/*z-index:5;*/  /*moznost dat jako horni vrstvu*/
}

#obsah h1 {
text-align:center;
font-family:Verdana;
font-size:130%;
color:orangered;
font-weight:bold;
text-decoration: none;
position:relative;
top:10px;
/*margin-bottom:0px;*/

}

#obsah h2 {
text-align:center;
font-family:Verdana;
font-size:200%;
/*color: dodgerblue;*/
color:red;
font-weight:bold;
position:relative;
top:8px;
margin-bottom:12px;
/*text-decoration: underline;*/
}

#obsah h3 {
text-align:center;
font-family:Verdana;
font-size:150%;
color: OrangeRed;
font-weight:bold;
position:relative;
top:5px;      
margin-bottom:10px;
}

#obsah p {
text-align:center;
font-family:Verdana;
font-size:100%;
font-weight:bold;
color: black;
margin-bottom:0px;    /*odstceni textu od ramecku*/
margin-left:1%;
margin-right:1%;
}

#obsah ul {
margin-left:1%;
margin-bottom:2px;
color: black;
}

#obsah li {
font-family:Verdana;
font-size:90%;
color: black;
margin-bottom:1px;
margin-left:3%; 
}

#obsah img {
/*height:50px;*/
/*border:2px solid black;*/
padding:0px; /*ramecek obrazku aby byl pritisknuty na text*/
margin:1px;
/*margin-left:20%;  /*obrazek na stred*/*/
}

#obsah img:hover {
    opacity:0.6;
}

#obsah table {
font-family:Verdana;
font-size:80%;
padding-top: 0px;
padding-left: 1px;
background: DimGray;
margin:0px;
margin-left:0px;
/*font-weight:bold;*/
} 

#obsah td {
text-align: center;
/*border-width: 2px; border-style: none; border-color: blue*/
padding:1px;
font-weight:bold; 
} 

#obsah a {
text-align:center;
font-family:Verdana;
font-size:100%;
color:OrangeRed;
font-weight:bold;
text-decoration: none;
position:relative;
top:0px;
/*margin-bottom:0px;*/
}

#obsah input:active {
background: white;
color:red;
border:solid red;
border-width:2px ;
}

#obsah input:hover {
font-size:100%;
font-family:Verdana;
font-weight:bold;
/*text-decoration:nonunderline;*/
color:OrangeRed;
/*width:85%;*/
/*display:block;*/
background:WhiteSmoke;
margin:0px;
padding:0%;
position:relative;
/*padding:5%;*/
box-sizing: border-box;
} 

/*#menuright {
height:60%;
width:20%;*/ 
/*background:url("pictures/www_podklad_menuright.jpg");*/
/*background:lightyellow;*/ 
/*background-color: rgba(153,153,153,0.5);
position:absolute;
top:25%;
left:80%;
} */

/*#menuright img {
/*height:50px;*/
/*border:2px solid black;
padding:0px; /*ramecek obrazku aby byl pritisknuty na text*/
/*margin-left:20%;  /*obrazek na stred*/
/*}

/*#menuright h1 {
text-align:center;
font-family:Verdana;
font-size:130%;
color: red;
font-weight:bold;
text-decoration: none;
position:relative;
margin-bottom:10px;

}

#menuright h2 {
text-align:center;
font-family:Verdana;
font-size:120%;
color:orangered;
font-weight:bold;
position:relative;
top:0px;
margin-bottom:5px;
}

#menuright h3 {
text-align:center;
font-family:Verdana;
font-size:100%;
color:black;
font-weight:bold;
position:relative;
top:0px;
margin-bottom:5px;
}

/*vytvorime si tridy pro umisteni obrazku*/
.vlevo {
float:left;
margin-right:10px;
}

.vpravo {
float:right;
margin-left:10px;
}

.uprostred {
float:left;
margin-right:10px;
border:10px solid;
width:50%;
}