/*  oranžová #ef5600    */

body{
   background-color: #333333;
   background-image: url("/img/bg_top.jpg");
   background-repeat: no-repeat;
   background-position: top center;
   margin: 0;
   padding: 0;
   color: #eeeeee;
   font-size: 17px;
   font-family: 'Titillium Web', sans-serif;
}
section {
 position: relative;
 margin: auto;
 padding: 20px 10px 40px 10px;
 max-width: 1080px;
}
.box_main {
   margin: auto;
   padding: 0px 0px 30px 0px;
   width: 98%;
   color: #eeeeee;
}

.social_right {
 float: right;
}
.social_right a img {
 margin-right: 8px;
 width: 30px;
}

.box_tagy {
 padding: 40px 0px 0px 0px;
}
.box_tagy a i {
 font-size: 22px;
}


/*_____________________________________________________________________ PARTNERS___*/
.partners {
 background-color: #0a0a0a;
 padding: 15px 0px 15px 0px;
}
.partners_obsah {
 margin: auto;
 max-width: 1100px;
 color: #777777;
 font-size: 15px;
 text-align: center;
}
.partners_obsah img {
 margin: 0px 30px 0px 30px;
 height: 50px;
}



/*_____________________________________________________________________ TOPMENU___*/
.top {
 border-bottom: 4px #ef5600 solid;
 background-color: #d4d4d4;
 height: 70px;
}
.box_top {
 position: relative;
 margin: auto;
 max-width: 1200px;
}

.logo {
 position: absolute;
 left: 10px;
 top: 5px;
 width: 60px;
 z-index: 100;
}
.logo img {
 width: 100%;
}

#logo_mobile {display: none;}
#menu_responzive {
 position: absolute;
 right: 0px;
 top: 10px;
 z-index: 100;
}
#menu_responzive ul {
 background-color: #d4d4d4;
 padding: 0;
 list-style: none;
 text-align: center;
}
#menu_responzive li {
 display: inline-block;
}
#menu_responzive a {
 display: block;
 padding: 10px 10px 10px 10px;
 color: #222222;
 font-size: 15px;
 text-decoration: none;
}
#menu_responzive a:hover {
 border-radius: 7px 0 0 0;
 background-color: #ef5600;
 color: #eeeeee;
 text-decoration: none;
}
#menu_responzive a.aktiv {
 border-radius: 7px 0 0 0;
 background-color: #ef5600;
 color: #ffffff;
 text-decoration: none;
}


.box_submenu {
   border-bottom: 1px #eeeeee solid;
   margin-bottom: 20px;
   padding: 10px 0px 0px 0px;
   height: 40px;
}
.box_submenu a {
   display: inlineblock;
   padding: 0px 20px 0px 20px;
   color: #eeeeee;
   font-size: 15px;
   text-decoration: underline;
}
.box_submenu a:hover {
   color: #ffffff;
   text-decoration: underline;
}
.box_submenu a.s_aktiv {
   color: #ef5600;
   text-decoration: none;
}

.box_select {
   border: 0;
   background-color: #dddddd;
   margin-top: -5px;
   padding: 5px 8px 5px 8px;
}


/*_____________________________________________________________________ ILUSTRACE___*/
.box_ilustrace {
   padding: 10px 0px 0px 305px;
   height: 330px;
   text-align: center;
}
.slideshow {
}



/*_____________________________________________________________________ PRAVÁ STRANA___*/
.prava_strana {
 width: 29%;
 float: left;
}
.prava_strana table {
 width: 100%;
 font-family: 'Titillium Web', sans-serif;
}
.border_box {
 border-top: 6px #ef5600 solid;
 border-left: 6px #ef5600 solid;
 border-radius: 20px 0 0 0;
 margin-top: 5px;
 padding: 7px 0px 0px 7px;
}
.next_race {
 background-color: #444444;
 padding: 13px 0px 11px 0px;
 color: #ffffff;
 line-height: 30px;
 text-align: center;
}
.next_race span {
 font-size: 20px;
 font-weight: 700;
}

.reklama a {
 font-size: 17px;
 text-decoration: none;
}
.reklama img {
 margin-top: 5px;
 width: 100%;
}


/*_____________________________________________________________________ OBSAH___*/
.obsah {
   padding: 0px 0px 0px 0px;
   width: 70%;
   float: left;
}
.box_obsah {
   padding: 0px 20px 0px 0px;
}
.box_obsah img {
   margin: 0px 7px 0px 0px;
}
h1 {
   margin: 5px 0px 10px 0px;
   color: #eeeeee;
   font-size: 28px;
   font-weight: 600;
}
h1::before {
 content: '// ';
 color: #ef5600;
 font-weight: 800;
}
h2 {
   font-size: 21px;
   font-weight: 600;
}
h2 a {
   color: #eeeeee;
   font-size: 21px;
   font-weight: 300;
}
h2 a:hover {
   color: #ffffff;
}
p {
   margin-bottom: 5px;
   text-align: justify;
}
p.pravy {
   margin-bottom: 5px;
   text-align: right;
}

hr {
    border: 0;
    background-color: #bbbbbb;
    height: 2px;
    width: 100%;
    clear: both;
}
a {
 color: #ffbf00;
}
a:hover {
 color: #f6a200;
}
b {
 font-weight: 600;
}

.flag30 {
 border-radius: 4px;
 width: 30px;
}
.flag35 {
 border-radius: 4px;
 width: 35px;
}

.tym_logo {
 width: 25%;
 float: left;
}
.tym_logo img {
 width: 90%;
}
.tym_nazev {
 padding: 20px 0px 0px 0px;
 width: 35%;
 font-size: 18px;
 float: left;
}
.tym_nazev img {
 border-radius: 4px;
 width: 30px;
}
.tym_piloti {
 padding: 10px 0px 0px 0px;
 width: 40%;
 float: left;
}
.tym_piloti img {
 border-radius: 4px;
 width: 30px;
}


.row_nadpis {
 background-color: #ef5600;
 padding: 5px 20px 5px 5px;
 color: #ffffff;
 font-size: 16px;
}

b.slope {
 color: #ef5600;
 font-weight: 900;
}


.podnadpis {
 display: block;
 margin-top: -10px;
 color: #bbbbbb;
 font-size: 13px;
 font-weight: 300;
}
.backlinks {
   padding: 15px 0px 15px 0px;
   color: #eeeeee;
   font-size: 15px;
   font-weight: 300;
}
.backlinks a {
   padding: 15px 0px 15px 0px;
   color: #eeeeee;
   font-size: 13px;
}
.backlinks a:hover {
   color: #ffbf00;
}


/*____________________________________________________________________________________________________________________________ ČLÁNKY___*/
.clanek_aktualita {
 border-left: 3px #ef5600 solid;
 margin-bottom: 50px;
 padding: 0px 0px 0px 15px;
 width: 95%;
}
.clanek_aktualita span {
 font-size: 14px;
}
.clanek_aktualita strong {
 font-size: 20px;
 text-shadow: #000000 3px 3px 3px;
}

.clanek_anotace {
 position: relative;
 margin: 0px 0px 30px 0px;
 padding: 0px 0px 0px 0px;
 width: 95%;
}
.clanek_anotace a {
 text-decoration: none;
}
.clanek_anotace img {
 border-radius: 20px 0 0 0;
 width: 100%;
}
.clanek_anotace div {
 position: absolute;
 left: 0;
 bottom: 7px;
 background-color: #ef5600;
 padding: 2px 12px 2px 12px;
 color: #eeeeee;
 font-size: 14px;
}
.clanek_anotace span {
 display: block;
 padding: 0px 0px 8px 0px;
 color: #bbbbbb;
 font-size: 16px;
 font-weight: 400;
}
.clanek_anotace strong {
 color: #eeeeee;
 font-size: 28px;
 font-weight: 600;
 text-shadow: #000000 3px 3px 3px;
}
.clanek_anotace:hover span,.clanek_anotace:hover strong {
 color: #ffbf00;
}

.clanek_ilustrace {
 width: 100%;
}
.table_poradi {
 width: 50%;
}
.clanek_vysledky {
 width: 50%;
 float: left;
}
.clanek_vysledky table {
 margin-bottom: 40px;
 width: 90%;
 font-family: 'Titillium Web', sans-serif;
}

.box_floleft {
 padding: 0px 50px 0px 0px;
 float: left;
}

/*____________________________________________________________________________________________________________________________ FOTOGALERIE___*/
.fotogalerie_anotace {
 display: inline-block;
 margin-bottom: 40px;
 width: 33%;
 vertical-align: top;
}
.fotogalerie_anotace a {
 text-decoration: none;
}
.fotogalerie_anotace div {
 background-color: #222222;
 border-radius: 20px 0 0 0;
 margin: 6px;
 padding: 7px 10px 4px 10px;
 color: #ffffff;
}
.fotogalerie_anotace div p {
 color: #ffffff;
 margin: 0;
 padding: 0 0 10px 0;
 height: 50px;
 text-align: center;
 font-weight: 600;
}
.fotogalerie_anotace img {
 width: 100%;
}
.fotogalerie_nazev {
 margin: 0px;
 padding: 0px;
 height: 70px;
}


.fotogalerie_ilustrace img {
 width: 100%;
}


/*_____________________________________________STRÁNKOVÁNÍ___*/

.next_page {
 diplay: block;
 border: 2px #ffbf00 solid;
 border-radius: 8px;
 margin-right: 30px;
 padding: 4px 15px 4px 15px;
 color: #ffbf00;
 font-size: 14px;
 text-decoration: none;
 float: right;
}
.next_page:hover {
 background-color: #111111;
 color: #ffffff;
 text-decoration: underline;
}
.box_pages {
padding: 30px 0px 30px 0px;
text-align: center;
}
.page_on {
display: inline-block;
margin: 0px 5px 5px 0px;
padding: 2px 0px 2px 0px;
width: 28px;
color: #eeeeee;
font-size: 14px;
text-align: center;
vertical-align: middle;
}
.page_off {
display: inline-block;
border: 1px #ffbf00 solid;
border-radius: 5px;
margin: 0px 5px 5px 0px;
padding: 2px 0px 2px 0px;
width: 28px;
color: #ffbf00;
font-size: 14px;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.page_off:hover {
background-color: #111111;
color: #ffffff;
text-decoration: underline;
}


/*_____________________________________________________________________ TABULKY___*/
.bezokraje td  {
   border: 0;
   padding: 7px;
}

table {
   border-collapse: collapse;
   color: #eeeeee;
   font-family: 'Titillium Web', sans-serif;
   font-size: 15px;
   font-weight: normal;
}
table.kalendar {
   width: 80%;
}
table.kalendar td {
   border: 0;
}
.onhover {
   background-color: #444444;
}
.onhover:hover {
   background-color: #222222;
}
.tr_nadpis {
   background-color: #111111;
   color: #ffbf00;
   text-align: center;
}
.tr_nadpis a {
   color: #ffbf00;
}
td {
   border: #777777 1px solid;
   padding: 1px 3px 1px 3px;
}
td.noborder {
   border: 0;
   background-color: #333333;
   padding: 1px;
}
.td_nazev {
   width: 160px;
}
.td_nazev a {
   color: #ffcc33;
}
.tablink {
   color: #ffcc33;
}
.points {
   background-color: #660000;
   width: 60px;
   text-align: center;
}
.vysledek {
   text-align: center;
}
.poradi {
   width: 17px;
   text-align: right;
}
.subpoints {
   font-size: 12px;
}
.smaller {
   font-size: 12px;
}
.legenda {
   padding-right: 30px;
   color: #99ffff;
   font-size: 14px;
}
.bg_dark {
 background-color: #222222;
}
.bg_green {
 background-color: #00cc00;
 color: #ffffff;
}
.green {
   color: #00cc00;
}
.greenb {
   color: #00cc00;
   font-weight: bold;
}
.bg_fail {
 background-color: #5c2e2e;
 color: #ffffff;
}


/*_____________________________________________________________________ FORM___*/
.overeni {
display: none;
}
.pole {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
color: #350000;
}
.pole_a {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
width: 220px;
color: #350000;
}
.pole_b {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
width: 60px;
color: #350000;
}

.buton_green {
border: 0;
background-image: url("../img/bg_button_green.png");
background-repeat: no-repeat;
background-position: left top;
padding: 10px 20px 10px 20px;
font-size: 14px;
font-family: arial;
font-weight: bold;
background-color: #009F00;
color: #FFFFFF;
cursor: pointer;
}


/*____________________________________________________________________________________________________________________________ SOCIAL BUTTONS___*/
.box_social {
 border-bottom: #dddddd 2px solid;
 padding: 20px 0px 20px 0px;
 text-align: right;
}
.but_facebook,.but_twitter {
 display: inline-block;
 border: 2px #cccccc solid;
 border-radius: 50%;
   background-color: #111111;
   margin: 10px 0px 0px 8px;
   padding: 8px 12px 8px 12px;
   color: #eeeeee;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
}
.but_facebook:hover,.but_twitter:hover {
   background-color: #555555;
   color: #ffffff;
   text-decoration: none;
}



.linkbut_facebook,.linkbut_twitter {
   display: block;
   border-radius: 7px;
   margin: 0px 0px 8px 8px;
   padding: 13px 0px 0px 0px;
   width: 190px;
   height: 30px;
   color: #eeeeee;
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
   float: right;
}
.linkbut_facebook {
   background-color: #111111;
}
.linkbut_facebook:hover {
   background-color: #2e4a83;
   color: #ffffff;
   text-decoration: none;
}
.linkbut_twitter {
   background-color: #1b95e0;
}
.linkbut_twitter:hover {
   background-color: #1d75ab;
   color: #ffffff;
   text-decoration: none;
}


/*_____________________________________________________________________ FOOTER___*/
.bottom {
 background-color: #111111;
 padding: 40px 0px 40px 0px;
}
.bottom_obsah {
 margin: auto;
 max-width: 1100px;
}
.bottom_cast {
 padding: 0px 0px 0px 0px;
 width: 24%;
 color: #505050;
 font-size: 15px;
 font-weight: normal;
 text-align: left;
 float: left;
}
.bottom_cast a {
 color: #505050;
 font-size: 15px;
}
.bottom_cast span {
 border-bottom: 2px solid #ef5600;
 color: #777777;
 font-size: 16px;
 font-weight: 700;
}
.bot_logo {
 margin-top: 0px;
 width: 80px;
}
.box_botcopy {
    border-top: 1px solid #ffffff;
	padding-top: 10px;
	font-size: 12px ;
    color: #ffffff;
    text-align: center;
}



/*_____________________________________________OBECNE___*/
img{
   border: 0px;
}
.clear {
   clear: both;
}
.fullsize {
   width: 100%;
}
.left {
   text-align: left;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
.bold {
   font-weight: bold;
}
.flo_right {
 float: right;
}

.box25 {
  width: 25%;
  float: left;
}
.box25 table {
  width: 95%;
}
.box33 {
  width: 33%;
  float: left;
}


.invisible {
   display: none;
}