/* oranžová  #e6a200   */

body {
 background-color: #ffffff;
 margin: 0;
 padding: 0;
 color: #333333;
 font-family: 'Ubuntu',arial;
 font-size: 17px;
 font-weight: 400;
}
section {
 position: relative;
 margin: auto;
 padding: 0px 10px 40px 10px;
 max-width: 1080px;
}


/*_________________________________________________________________________________________ TOP___*/
.top {
 position: fixed;
 left: 0px;
 top: 0px;
 background-color: #212121;
 width: 100%;
 opacity: 0.9;
 z-index: 10;
}
.box_top {
 margin: auto;
 padding: 0px;
 max-width: 1100px;
}
.box_top a {
 display: block;
 border-left: #888888 1px solid;
 border-right: #888888 1px solid;
 width: 55px;
 padding: 9px 0px 7px 0px;
 color: #ededed;
 font-size: 11px;
 text-align: center;
 text-decoration: none;
}
.box_top a:hover {
 background-color: #e6a200;
 color: #ffffff;
}
.box_top a img {
 width: 25px;
}
.aktiv {
 background-color: #e6a200;
}

.box_search {
   padding: 40px 0px 0px 0px;
   width: 33%;
   font-family: 'Open Sans',arial;
   text-align: center;
   float: left;
}
.box_search_form {
   border: 1px #eeeeee solid;
   border-radius: 6px;
   background-color: #171717;
   padding: 5px 5px 0px 5px;
   width: 250px;
}
.search_pole {
   border: 0;
   background-color: #171717;
   padding: 5px 5px 5px 5px;
   width: 200px;
   color: #dddddd;
   font-size: 17px;
   float: left;
}
.search_button {
   border: 0;
   background-color: #171717;
   margin: 0px;
   padding: 0px;
   cursor: pointer;
   float: left;
}


/*_________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
}
.ilustrace_box {
 position: relative;
 margin: auto;
 padding: 0px 0px 40px 20px;
 max-width: 1080px;
 height: 700px;
}
.ilustrace_box div {
 position: absolute;
 left: 50px;
 top: 120px;
 color: #ffffff;
 font-size: 25px;
 text-shadow: #000000 2px 2px 2px;
 text-align: center;
}
.ilustrace_box div img {
 width: 250px;
}
.ilustrace_box div span {
 font-size: 40px;
}


/*_________________________________________________________________________________________ AKTUALITY___*/
.aktualita {
 border-bottom: #e6a200 1px solid;
 margin-top: 30px;
 padding: 10px 10px 10px 10px;
 text-align: left;
}
.aktualita:hover {
 background-color: #fefefe;
}
.aktualita a {
 text-decoration: none;
}
.aktualita div {
 width: 50%;
 float: left;
}
.aktualita div img {
 border-radius: 5px;
 width: 90%;
 filter: grayscale(20%);
}
.aktualita div em {
 font-size: 13px;
 font-style: italic;
}


/*_________________________________________________________________________________________ ČLÁNKY___*/
.kategorie_anotace {
 position: relative;
 padding: 0px 0px 0px 0px;
 overflow: hidden;
}
.kategorie_anotace img {
 border-radius: 10px;
 width: 90%;
}
.kategorie_anotace span {
 position: absolute;
 left: 40px;
 top: 30px;
 color: #ffffff;
 font-size: 20px;
 font-weight: 400;
 text-shadow: #000000 2px 2px 2px;
}
.kategorie_anotace span strong {
 font-size: 36px;
 font-weight: 700;
 text-shadow: #000000 3px 3px 3px;
}
.kategorie_anotace:hover span {
 color: #e6a200;
}
.kategorie_anotace:hover strong {
 color: #e6a200;
}

.clanek_anotace {
 border-bottom: #888888 1px solid;
 padding: 30px 10px 10px 10px;
}
.clanek_anotace:hover {
 background-color: #eeeeee;
}
.clanek_anotace img {
 border-radius: 7px;
 margin: 0px 20px 20px 0px;
 width: 45%;
 float: left;
}
.clanek_anotace a {
 color: #666666;
 text-decoration: none;
}
.clanek_anotace a:hover {
 color: #666666;
}
.clanek_anotace strong {
 display: block;
 margin: 0px 0px 20px 0px;
 color: #444444;
 font-size: 24px;
 font-weight: 400;
}
.clanek_anotace span {
 color: #888888;
 font-size: 14px;
 font-weight: 400;
}


/*_________________________________________________________________________________________ OBSAH___*/
.obsah {
 width: 75%;
 float: left;
}
.inobsah {
 width: 90%;
}
h1 {
 border-bottom: 2px #e6a200 solid;
 padding-bottom: 20px;
 color: #333333;
 font-size: 35px;
 font-weight: 500;
}
h2 {
 color: #333333;
 font-size: 24px;
 font-weight: 400;
}
a {
 color: #111111;
 font-size: 17px;
 font-weight: 400;
}
a:hover {
   color: #e6a200;
}
.line_h1. {
 border: 1px #e6a200 solid;
 background-color: #e6a200;
 height: 2px;
}

.podnadpis {
 display: block;
 color: #555555;
 font-size: 15px;
 font-weight: 300;
 font-style: italic;
}

.backlinks {
 padding: 15px 0px 15px 0px;
 color: #555555;
 font-size: 15px;
 font-weight: 300;
}
.backlinks a {
 padding: 15px 0px 15px 0px;
 color: #555555;
 font-size: 15px;
}
.backlinks a:hover {
 color: #e6a200;
}

.pravy {
 padding: 0px 0px 40px 0px;
 width: 25%;
 text-align: center;
 float: left;
}
.pravy_box {
 margin-left: 30px;
}
.pravy img {
 margin: auto;
 width: 100%;
}
.pravy hr {
 margin: auto;
 width: 80%;
}
.temalink {
 display: block;
 border-radius: 5px;
 background-color: #e6a200;
 margin: auto;
 margin-bottom: 10px;
 padding: 8px 0px 0px 0px;
 width: 100%;
 height: 22px;
 color: #ffffff;
 font-family: arial;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
 text-align: center;
}
.temalink:hover {
 background-color: #1a7203;
 color: #ffffff;
 text-decoration: underline;
}

.listlink {
 display: block;
 border: #888888 1px solid;
 border-radius: 5px;
 background-color: #f4f4f4;
 margin-bottom: 10px;
 padding: 2px;
 width: 97%;
 color: #555555;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
}
.listlink span {
 display: inline-block;
 border-radius: 50%;
 background-color: #e6a200;
 margin: 0px;
 padding: 8px 0px 8px 0px;
 width: 30px;
 color: #ffffff;
 font-size: 12px;
 font-weight: 700;
}
.listlink:hover {
 background-color: #1a7203;
 color: #ffffff;
 text-decoration: underline;
}

.instagram {
}
.instagram img {
 width: 50%;
 float: left;
}

.toplist {
 position: relative;
 margin: auto;
 width: 90%;
}
.toplist img {
 border-radius: 5px;
 width: 100%;
 margin-bottom: 25px;
}
.toplist span {
 position: absolute;
 left: 10px;
 top: 15px;
 color: #ffffff;
 font-size: 15px;
 font-weight: 600;
 text-align: left;
 text-shadow: #000000 2px 2px 2px;
}
.toplist span:hover {
 color: #e6a200;
}

table {
   color: #350000;
   font-family: 'Roboto',arial;
   font-size: 15px;
   font-weight: 400;
}
table.fullsize {
   width: 100%;
}

.button_facebook {margin-left: 10px; display: inline-block; width: 39px; height: 39px; background: url("/img/ikon_facebook.png") no-repeat; float: right;}
.button_facebook:hover {background-position: -39px 0;}


.clanek_next {
 padding: 0px 0px 0px 0px;
 width: 33%;
 float: left;
}
.clanek_next div {
 padding: 0 10px 0 10px;
}
.clanek_next div img {
 width: 100%;
}


.box_advert {
 color: #aaaaaa;
 font-size: 13px;
 text-align: right;
}

/*____________________________________________________________________________________________________ FOTOGALERIE___*/
.fotolist {
 margin: auto;
 max-width: 1100px;
 border-bottom: #e6a200 2px solid;
}
.fotolist_polozka {
 margin-bottom: 15px;
 width: 25%;
 float: left;
}
.fotolist_polozka a {
 color: #555555;
 font-size: 15px;
 text-decoration: none;
}
.fotolist_obsah {
 border-radius: 4px;
 background-color: #f5f5f5;
 margin: 4px;
 padding: 4px;
 text-align: center;
}
.fotolist_obsah:hover {
 background-color: #ffffff;
}
.fotolist_polozka img {
 border-radius: 3px;
 width: 100%;
}
.fotolist_nazev {
 height: 35px;
 overflow: hidden;
}


/*_____________________________________________STRÁNKOVÁNÍ___*/
.box_pages {
 padding: 30px 0px 30px 0px;
 text-align: left;
}
.page_on {
 display: inline-block;
 border-radius: 5px;
 background-color: #e6a200;
 margin: 0px 5px 5px 5px;
 padding: 2px 4px 2px 4px;
 color: #ffffff;
 font-size: 20px;
 font-weight: 300;
}
.page_off {
 display: inline-block;
 margin: 0px 5px 5px 5px;
 padding: 2px 0px 2px 0px;
 color: #999999;
 font-size: 20px;
 font-weight: 300;
 font-style: italic;
 text-decoration: none;
}
.page_off:hover {
 color: #7f0f37;
 text-decoration: underline;
}


/*_________________________________________________________________________________________ INFOMAIL___*/
.infomail {
 background-color: #888888;
 padding: 10px 0px 30px 0px;
 width: 100%;
 color: #ffffff;
 font-size: 15px;
 text-align: center;
}
.infomail div {
 padding: 10px 0px 10px 0px;
 width: 50%;
 text-align: right;
 float: left;
}
.infomail div a {
 display: block;
 border-radius: 7px;
 background-color: #e6a200;
 margin: -5px 10px 0px 10px;
 padding: 5px 0px 5px 0px;
 width: 250px;
 color: #ffffff;
 font-size: 14px;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
}
.infomail div a:hover {
 background-color: #1a7203;
 color: #ffffff;
 text-decoration: underline;
}
.infomail i {
 font-size: 14px;
}


/*____________________________________________________________________________________________________________________________ SOCIAL BUTTONS___*/
.box_social {
 border-bottom: #e6a200 2px solid;
 padding: 20px 0px 20px 0px;
}
.but_facebook,.but_twitter,.but_google {
   display: inline-block;
   border-radius: 7px;
   margin: 10px 0px 0px 8px;
   padding: 8px 0px 0px 0px;
   width: 140px;
   height: 22px;
   color: #eeeeee;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
}
.linkbut_facebook,.linkbut_twitter,.linkbut_google {
   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;
}
.but_facebook,.linkbut_facebook {
   background-color: #425f9c;
}
.but_facebook:hover,.linkbut_facebook:hover {
   background-color: #2e4a83;
   color: #ffffff;
   text-decoration: none;
}
.but_twitter,.linkbut_twitter {
   background-color: #1b95e0;
}
.but_twitter:hover,.linkbut_twitter:hover {
   background-color: #1d75ab;
   color: #ffffff;
   text-decoration: none;
}
.but_google,.linkbut_google {
   background-color: #db4437;
}
.but_google:hover,.linkbut_google:hover {
   background-color: #b73025;
   color: #ffffff;
   text-decoration: none;
}

.social {
 display: none;
}

/*____________________________________________________________________________________________________________________________ FORM___*/
.box_form {
 border: #e6a200 1px solid;
 border-radius: 15px;
 background-color: #eeeeee;
 padding: 20px 20px 20px 20px;
}
.box_form50 {
 border: #e6a200 1px solid;
 border-radius: 15px;
 background-color: #eeeeee;
 margin: auto;
 padding: 20px 20px 20px 20px;
 width: 50%;
}
.overeni {
 display: none;
}
.pole {
   border: #e6a200 1px solid;
   background-color: #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 6px;
   width: 70%;
   color: #111111;
}
.textpole {
   border: #e6a200 1px solid;
   background-color: #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 6px;
   width: 70%;
   height: 100px;
   color: #111111;
   font-family: arial;
}
.buton {
   border: 0;
   border-radius: 7px;
   background-color: #e6a200;
   margin: 0px 0px 0px 0px;
   padding: 10px 30px 10px 30px;
   color: #eeeeee;
   text-decoration: none;
}
.buton:hover {
   color: #ffffff;
   text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.bottom {
 background-color: #111111;
 padding: 40px 0px 40px 0px;
}
.bottom_obsah {
 margin: auto;
 padding: 0px 20px 0px 20px;
 max-width: 1080px;
}
.bottom_cast {
 width: 24%;
 height: 150px;
 color: #505050;
 font-size: 15px;
 font-weight: normal;
 text-align: left;
 float: left;
}
.bottom_cast a {
 color: #505050;
 font-size: 15px;
}
.bottom_cast span {
 color: #777777;
 font-size: 16px;
 font-weight: 700;
}
.bot_logo {
 width: 200px;
}
.bot_social {
 width: 100px;
}

.podpis {
 margin: auto;
 padding: 10px 10px 40px 10px;
 max-width: 1080px;
}
.podpis div {
 width: 33%;
 padding: 0px 0px 0px 0px;
 font-size: 15px ;
 color: #555555;
 text-align: center;
 float: left;
}
.podpis div a {
 width: 33%;
 font-size: 15px ;
 color: #555555;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ OBECNE___*/
img {
   border: 0px;
}
.clear {
   clear: both;
}
.left {
   text-align: left;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
.justify {
   text-align: justify;
}
.bold {
   font-weight: bold;
}
.fullsize {
   width: 100%;
}
.flo_left {
   float: left;
}
.flo_right {
   float: right;
}
.box33 {
   width: 33%;
   float: left;
}
.box50 {
   width: 50%;
   float: left;
}
.box50 img {
   margin-bottom: 30px;
   width: 100%;
}
.box50r {
   width: 50%;
   float: right;
}
.box50r img {
   margin-bottom: 30px;
   width: 100%;
}
.invisible {
   display: none;
}
.mobil {
 display: none;
}