body { font-family: "Segoe UI", "Helvetica", "Arial", "Verdana", sans-serif; }
div#inner { width: 100%; margin: 0px auto; padding: 20px 0 0 0; }
div#inner a { display:  block;  }
div#playerMenu { text-align: center; margin-top:10px;}
div#playerMenu a { display:  inline-block; padding: 5px 15px 5px 15px; }
div#content {  padding: 15px;  position: static;font-size: 12pt; font-weight: 500;}
div#content a{ color: #3d3d3d; text-decoration: none}
div#content span.id { color: #F17229; display: inline-block; width: 30px}
div#content span.code { color: #F17229; display: inline-block; width: 120px}
#mmp .panel3 span.code { color: #359938 ; display: inline-block; width: 100px}

#mmp .panel1 a:hover {   background-color: rgb(244, 159, 122); }
#mmp .panel2 a:hover {   background-color: rgb(239, 181, 119); }
#mmp .panel3 a:hover {   background-color: rgb(164, 234, 164); }
/*div#menu { background-color: #F17229; padding-top: 15px; border-radius: 5px 5px  0 0}*/
/*div#menu a:first-child { margin-left: 40px; }*/
/*div#menu a { display: inline-block; margin-left: 5px ; padding: 10px; border-radius: 5px 5px 0 0; color: #fff;  text-decoration: none;       background-color: transparent;}*/

/*div#menu a.active { background: #666; background: linear-gradient(top, #999 30%, #666 100%); background: -o-linear-gradient(top, #999 30%, #666 100%); background: -moz-linear-gradient(top, #999 30%, #666 100%); background: -webkit-linear-gradient(top, #999 30%, #666 100%); background: -ms-linear-gradient(top, #999 30%, #666 100%);}*/
div#konec { display: none !important;/* float: right;*/}

#mmp .panel1 div#video,
#mmp .panel2 div#video, 
#mmp .panel3 div#video { margin-left: 8px; margin-right: 8px; } 	

#mmp h1#title { color: #444; font-size: 12pt; text-align: center;  padding: 10px 0 10px 0; margin: 0 0 10px 115px; text-shadow: none; width:640px;}
#mmp .panel1 h1#title {background-color: rgb(244, 159, 122);margin: 0 0 10px 8px; width:854px;}
#mmp .panel2 h1#title {background-color: rgb(239, 181, 119);margin: 0 0 10px 8px; width:854px;}
#mmp .panel3 h1#title {background-color: rgb(164, 234, 164);margin: 0 0 10px 8px; width:854px;}

#mmp #kontrolniOtazky { color: #444; font-size: 12pt; text-align: left;  padding: 10px 0 10px 0; margin: 0 0 10px 75px;    }

h3:first-child { margin: 0; }
h3 {  padding: 5px 0 5px 0px; margin: 15px 0 0px 0;}
.menu-item {cursor:pointer;   }

.active .menu-item-content {background: url("/Areas/Mvc/Content/images/main-menu-indicator.png") bottom center no-repeat; }

#mmp a.button1, #mmp a.button2 
{
    color: #fff;
    display: inline-block;
    border: 0;
    padding: 0 0 0 0;
    width: 170px;
    height: 37px;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    line-height: 35px;
    font-size: .9em;
	cursor:pointer;
}

#mmp a.button1
{
    background: url(/Areas/Mvc/Content/images/mmpButtonGray.png) !important;
}

#mmp a.button2
{
    background: url(/Areas/Mvc/Content/images/mmpButtonBlue.png) !important;
}

a.videoLink {
	cursor:pointer;
	
}


.panel1 { background-color: #F5DDD2; border-top: 7px solid #C2272D}
.panel2 { background-color: #f1ddc7; border-top: 7px solid #f58b18}
.panel3 { background-color: #D1EDD1; border-top: 7px solid #3db544}
.panel4 { background-color: #DCE9EB; border-top: 7px solid #0077bc}
.panel5 { background-color: #e5d4e4; border-top: 7px solid #ab4ba5}
.panel6 { background-color: #e8e3e1; border-top: 7px solid #6a3526}
.panel7 { background-color: #ebe2d3; border-top: 7px solid #ab833b}
.panel8 { background-color: #edebed; border-top: 7px solid #7e7d7d}
.panel9 { background-color: #cee8e5; border-top: 7px solid #39a99a}