/* CSS Document */

/* POSITION */

//#logo  {position: absolute; width: 100%; height: 200px;  left: 0px }
#logoL  {position: absolute; height: 200px;  left: 0px }
#logoR  {position: absolute; height: 200px;  right: 0px }
#menu  {position: absolute; width: 100%; height: 50px; top: 200px; left: 0px;}

//#main  {position: absolute; width: 100%; min-height: 600px;  top: 250; left: 0px;}

//#main  {position: absolute; width: 67%; min-height: 600px;  top: 250; left: 0px;}
//#side  {position: absolute; width: 33%; min-height: 600px;  top: 250; left: 67%}

//#main  {position: absolute; width: 75%; min-height: 600px;  top: 250; left: 25%;}
//#side  {position: absolute; width: 25%; min-height: 600px;  top: 250; left: 0px;}

#main  {position: absolute; width: 75%; min-height: 600px;  top: 250; left: 0px;}
#side  {position: absolute; width: 25%; min-height: 600px;  top: 250; left: 75%;}

#bottom {position: absolute; width: 100%; height: 50px; left: 0px;}

//#obalovaci {margin: 0px auto; position: relative; width:900px; top:-10px;}
#obalovaci {margin: 0px auto; position: relative; width:1000px; top:-10px;}

/* LOGO */
/*
#logo img {
 height:auto;
 width:auto;
 padding: 0px 0px;
// max-width:95%;
// max-height:50%;
}
*/
#logoL img {
 height:auto;
 width:auto;
 padding: 0px 0px;
}
#logoR img {
 height:auto;
 width:auto;
 padding: 0px 0px;
}

/* MENU */ 

#menu ul{
 padding: 0;
 list-style: none;
}
#menu ul li{
 float: left;
 //width: 225px;
 //width: 240px;
 width: 200px;
 text-align: center;
 line-height: 24px;
 font-family: 'SansusWebissimoRegular';
 font-size:150%
}
#menu ul li a{
 display: block;
 padding: 13px 10px;
 color: white;
 background: #4169E1;
 text-decoration: none;
}
#menu ul li a{
 transition: background .5s ease-out;
 -moz-transition:  background .5s ease-out;
 -webkit-transition: background .5s ease-out;
 -o-transition: background .5s ease-out;
}
#menu ul li a:hover{
 color: white;
 background: #273F87
}
#menu .list {
 position: absolute;
 top:-16px;
 left: 0px;
}

/* MAIN */

#main h1, h2, h3, p, img{padding: 0px 15px 0px 15px; text-align: justify; font-family:'Calibri';}
#main p { font-size:112%}
#main img {height:auto; width:auto; max-width:95%; max-height:50%;}


/* SIDE */
/* BLOCK */

#side .block {
 padding: 15px 30px 15px 30px;
 background: #5A8AB1;
 margin: 15px 0px 15px 0px;
 text-align: center;
 color: black; //white;
 font-family:'Calibri';
}

#side .block {
 opacity: 0.6; //0.4;
 transition: opacity .5s ease-out;
 -moz-transition: opacity .5s ease-out;
 -webkit-transition: opacity .5s ease-out;
 -o-transition: opacity .5s ease-out;
}
#side .block:hover { opacity: 1; }
#side .block img {border:white solid 2px !important; padding: 0; height:auto; width:auto; max-width:80%;}