@font-face {
  font-family: universc;
  src: url(universc.woff);
}

* {
   font-family: universc, sans-serif;
}

body 
{ 
	text-align: center; 
	background: url(img/4278-martin-hrosek-copyright.jpg);
	background-repeat: no-repeat;
	background-size:cover; 
	height: 100%;
}

#message{
    margin-left: -224px;
    font-size: xx-large;
    color: bisque;
    width: 750px;
    float: left;
    display: block;
    position: absolute;
}


h1{
 font-size:  xxx-large;

 color: gray;

 float: left;

 margin-top: 0%;

 margin-left: 8%;   

}



h1 a{



 color: gray;

 text-decoration: none;   

}



#obal { border:1px solid gray; }



#zahlavi { 

padding:10px 15px 10px 13px; 

color: Silver; 

text-align: center; 

height: 50px;

background: orange;
position: relative;

}



#zahlavi img {



padding-top:0;

width: 11%;

//float: right;

transform: rotate(20deg);

position: absolute;

margin-left: 16%;

z-index: 999999;



}



#obal_obsahu { float:right; height:100%; width:75%; }



#obsah_vnitrni { 

    width:70%; 

    padding:10px 0 10px 15px; 

    float:left; 

    color: white;

    font-size: xx-large;

    

    }



#obsah_vnitrni img 

{

  width: 90%;

  opacity: 1.0;

  position: sticky;

  top: 54%;

}



#obsah_vnitrni a 

{

    color: white;

    font-size: xx-large;

    opacity: 1.0;

}





#obsah_vnitrni #svg_left:hover

{

    opacity: 1.0;

}



#obsah_vnitrni #svg_middle:hover

{

    opacity: 1.0;

}



#obsah_vnitrni #svg_right:hover

{

    opacity: 1.0;

}





/*#banner {

    float: none;

    margin:90px 0 100px 0;

    width: 100%;

    border: 1px solid #938063;

    background-color: #1a1b18;

    position: relative;

    padding-top: 25px;

    padding-bottom: 85px;

    border-radius: 10px;

}

#banner img {

    width: 100%;

    height: auto;

    position:absolute;

    bottom:0;

}    */



#svg_left {

background: blue;

opacity: 0.8;

width: 25%;

height: 347px;

margin-left: -8%;

margin-top: 50%;

float: left;

//font-size: 96%;

font-size: 2vw;

padding-top: 2%;

}



#svg_middle {

background: orange;

opacity: 0.8;

width: 25%;

height: 347px;

margin-left: 15%;

margin-top: 50%;

float: left;

//font-size: 96%;

font-size: 2vw;

padding-top: 2%;

}



#svg_right {                     

background: red;

opacity: 0.8;

width: 25%;

height: 347px;

margin-left: 15%;

margin-top: 50%;

float: left;

//font-size: 96%;

font-size: 2vw;

padding-top: 2%;

}





.picFrame

{

margin-top: 15%;

}



.picFrameMiddle

{

margin-top: 30%;

}



.content_frame {

text-align:left;

float: right;

//background: #fff url(imgs/prechod_nav_obsah.gif) repeat-y left;

//width: 73%;

margin-left: -11%;

margin-top: 2%;

display: block;

} 



.content { 

width: 88%;

padding: 10px 0 10px 45px;

float: right;

color: white;

background: grey;

opacity: 0.7;

margin-left: -11%;

font-size: larger;

display: block;

min-height: 792px;

}



#next_page, #next_page a, #next_page a:visited

{

   margin-top: 1%;

   color: red;

   text-decoration: none;

   font-size: xx-large;

   //float: right;

//margin-right: 4%;

    border-right: 2px;

    margin-left: 47%;

}



#previous_page, #previous_page a, #previous_page a:visited

{

   margin-top: 1%;

   color: red;

   text-decoration: none;

   font-size: xx-large;

   //float: right;

//margin-right: 4%;

    border-right: 2px;

    //margin-left: 50%;

}



ol{

align:left;

list-style-type: decimal;

}



.content ul li{

list-style-type: lower-latin;

}



#rect_left {

fill: blue;

fill-opacity:0.6;

width: 100%;

height: 100%;

float: left;

}



#rect_middle {



fill: orange;

fill-opacity:0.6;

width: 100%;

height: 100%;

float: left;

}



#rect_right {

fill:red;

fill-opacity:0.6;

width: 100%;

height: 100%;

float: left;

}