html, body{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;  background-image: url("../images/bg.jpg"); background-size: 100%;background-repeat:no-repeat;} 
header {height:200px; width:100%;}
p {padding:0px; margin:0px;}
a {color:#4c4b4b;text-decoration:none;}

.content {padding-top: 70px;}
.content table, .content td, .content th { font-size: 12px;}
.content h1 { font-size: 32px; margin:0px; font-weight: bold; padding: 10px 0px;}
.content h2 { font-size: 24px; margin:0px; font-weight: bold; padding: 10px 0px; text-transform: uppercase;}
.content h3 { font-size: 22px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h4 { font-size: 20px; font-weight: bold; margin: 6px 0px; padding: 0px;}
.content h5 { font-size: 14px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h6 { font-size: 13px; font-weight: bold; margin: 3px 0px; padding: 0px;}

.logo {  background-image:url("../images/logo.png"); background-repeat:no-repeat; max-width:1200px; margin: 0 auto;height: 200px;  background-position:bottom left; width: 100%;}
.content_bg { width: 100%; height: 100%; margin: 0 auto;background-image: url("../images/prechod-menu-mainpage.png"); background-size:100%;}
.content {max-width:1200px; width: 100%; height: 100%; margin: 0 auto;position:relative;}
.menu {width: 100%; height:50px;border-bottom:1px solid #c9c9ca;background-image: url("../images/home-button.png");background-repeat:no-repeat;background-position: left 20px center; position: absolute; top:0px; letter-spacing: -.1px;}
.wbg {background-color: white;}
.nav_bar {width: 100%;list-style-type: none; margin: 0px;padding:0px;}
.nav_bar li  {float:left; display: block;padding: 0px 15px; border-right: 1px solid #4e4d4c; margin:15px 0px; }
.nav_bar li:last-child { border-right: none; padding-right:0px;}
.nav_bar li:first-child {padding-left:70px; }
.box_1 {padding: 0px 0px; clear: both; color: #5c5c5c;}
.box_2 { width:35%;height:400px;border-radius: 5px; float:left;padding:20px;box-sizing:border-box;font-size:13px;color:#4c4b4b;margin:20px 0;background-image:url("../images/grey-box.png"); background-size:100%;}
p.aktuality {margin-bottom:10px;padding-left:40px;font-size:16px;background-image: url("../images/down-button-dark.png");background-repeat:no-repeat;background-position: left 10px center; text-align: justify;}
.aktuality strong {color: red;}
.box_3 {float:right;width:64%;height:400px;border-radius: 5px;padding:20px;box-sizing:border-box;margin:20px 0;background-color: #eb6367; background-size:100%;}
.box_news {width:57.4%;height:fixed; min-height:400px;border-radius: 5px; float:left;padding:20px;box-sizing:border-box;font-size:13px;color:#4c4b4b;margin:20px 0; background-color: #c9caca; background-size:100%;}
.box_fb {float:right;width:41.6%; height:fixed; min-height:400px; margin-top: 20px; }
.gallery_img {box-sizing: border-box;width: 33.3%;float: left;padding:1%;}
p.gallery {margin-bottom:10px;padding-left:40px;font-size:16px;background-image: url("../images/down-button-light.png");background-repeat:no-repeat;background-position: left 10px center;}
.obvodni_kola { width: 80%; height: fixed; margin:0 auto;display:block; }
.obvodni_kola_logo {overflow:hidden; height: 125px; width: 25%;  float: left;  margin:0 auto; padding:10px; box-sizing:border-box } 
.video_box { width:57.4%;height:fixed; border-radius: 5px; float:left;padding:20px;box-sizing:border-box;font-size:13px;color:#4c4b4b;margin:20px 0; background-color: #c9caca; background-size:100%;}
.video_box video {}
.plakat {width:41.6%;border-radius: 5px; float:right;padding:20px;box-sizing:border-box;font-size:13px;color:#4c4b4b; margin-top:20px;}
.box_3_nadpis {color: white; height:30px;margin-bottom:2px; }
.box_3_nadpis p {width:50%; display:ruby-text; padding: 0px 40px;}
.odkaz h3 {text-align: center; margin: 20px 0px; }
.odkaz a:hover  {text-decoration: underline;}

@media all and (max-width: 800px) {
	.box_3 {width:100%;}
	.box_3 span {display:none;}
	.box_2 {width:100%;}
	.box_news {width:100%;}
	.box_fb {width:100%;}
	.video_box{width:100%;}
	.plakat{width:100%;}
	.plakat img{width:100% !important; height: auto !important;}
	.obvodni_kola_logo  { clear:both;  margin:0 auto; float: none; width: unset; text-align: center; } 
	.obvodni_kola_logo a { overflow: hidden;  } 
	.obvodni_kola_logo a img {float: none !important; } 
	.pravidla_img {width:100% !important;}
	
}
@media all and (max-width: 1000px) {
	.box_3_nadpis {color: white; height:30px;margin-bottom:2px; }
	.box_3_nadpis p {width:50%; display:ruby-text; padding: 0px 30px; font-size:15px;}
}

.line {width:100%;clear: both;border:0;background-color:#cacbcb;height:1px;}
.homelink {position: absolute; width: 24px; height: 24px; left: 20px; top: 12px}

/** hlasovani **/
.hlasovani, .hlasovani th, .hlasvoani td {border-collapse: collapse; border: 0px none; text-align: center;}
.hlasovani {width: 100%;}
.hlasovani tr:nth-child(even) {background-color: rgba(0,0,0,.05);}

.copyright {color: #aaa; font-size: 50%; text-align: center;}
.copyright a {color: #aaa;}

.pravidla_napis {font-size:15px; color:white;padding:35px 0px 30px 0px; text-align:center;}
.pravidla_left {float:left;width:25%; height:90%;border-right:2px #4d4d4d solid;}
.pravidla_right {float:right; width: 70%;height:90%; }
.pravidla_soubor {box-sizing: border-box;width: 45%;float: left;padding:2% 6%; font-size:9px; }
.pravidla_pdf {height:60px;display: block;margin: 0 auto; padding-bottom:10px; }
.navtg {display:none;}

@media all and (max-width: 1100px) {
	.aff .menu  {position: static; width: auto; margin: 0; padding: 0; background: none; color: #645e54;}
	.aff .menu {text-align: right; display: none; position: absolute; right: 0px; top: 40px;width: 100%; padding-bottom: 10px;}
	.aff .navtg {position:fixed; top:0; right:0; display:block; height: 50px; width: 50px; font-size: 50px; font-weight: bold;}	
	.aff .nav_bar li{clear:both; border: 0px; text-align:center; width: 100%; box-sizing:border-box; font-size:17px; color:white;}
	.aff .nav_bar li a {color: white;}
	.nav_bar li:first-child {padding-left: 15px;}
	.nav_bar li:last-child {  padding-right:15px;}	
	.logo {  display:none;}
	.content {padding-top:0px;}
	header {height:64px;}
	.aff .menu.visible {display:block; height: 450px; width:100%; position:fixed; background-color: #5c5c5c; top: 64px !important; }
	.box_1 {padding: 0px 10px;}
}
@media all and (max-width: 1220px) and (min-width: 1100px) {
	.aff .nav_bar li {font-size: 14px; padding-top:5px; }
	}

.e-workshop {height: fixed;width:80%; margin: 0 auto;}
.workshop_item {width: 33.3333%; padding:10px 0px; float: left;  box-sizing: border-box;  min-height:230px;}
.workshop_item:last-child  {clear:both;  margin:0 auto; float: none;}


.history {width: 50%;height:fixed; margin:0 auto; }
.history_button {float:left; width: 33.33%; box-sizing:border-box;padding:30px; text-align:center;background-image: url("../images/film-icon.png"); background-size:80px; background-repeat:no-repeat; background-position:center; }
@media all and (max-width: 600px) {
	.workshop_item {width: 100%;}
	.history_button  {width: 100%;}
	.media_image {width: 100%;}
}