@charset "windows-1250";
/* Reset okrajů všech elementů */
* {
 margin: 0px; padding: 0px;
 font-family: Verdana !important;
}

body {
 background-color: #e3e3e3;
}

/******************************************************************************************************************************/
/************************************************** Layout - start ************************************************************/
/******************************************************************************************************************************/

div.publish {
 position: relative; min-height: 200px;
}

div.publish #rozcestnik {
 margin-left: 10%; margin-right: 10%;
 margin-top: 2%; margin-bottom: 8%;
}

div.panel_rozcestnik {
 position: absolute; left: 0px; bottom: -11vh; right: 0px; width: 81%; margin: auto;
}

#detail_textovy_clanek {
 min-height: 80vh
}

div.rozcestnik_links {
 display: none; width: 100%; height: 100%; 
 background-color: white;
 opacity:0.90; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
 filter:alpha(opacity=90);
 zoom:1;
 padding-top: 1.5vh;
 padding-left: 3vh;
 padding-right: 3vh;
}

div.vlajky {
 float: right;
 overflow: hidden;
 text-align: right;
 padding-top: 10px; padding-right: 10px;
}

div.vlajky img {
 border: 1px solid #eeeeee; height: 3vh; width: auto;
}


div.web {
 width: 100%;
 overflow: hidden;
 /*
 border: 1px solid #555555;
 box-shadow: #747474 4px 4px 10px;
 */
}

div.top {
 width: 100%; height: 26vh;
}

div.header {
 width: 100%; height: 100%;
 /*background-image: url(../grafika/layout/header3.jpg);*/
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 background-color: white
}

div.logo_container {
 width: 100%; height: 90%;
 /*background-color: white*/
}

div.logo {
 height: 100%; width: 100%; float: left;
 background-image: url(../grafika/logo-duatlon.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 margin-top: 1vh;
 margin-left: 1vh;
}

div.napis {
 color: white; padding-top: 4vh;
 font-size: 2.8vh
}

div.cleaner {
 clear: both
}

#showroom {
 position: relative;
}

#slideshow {
 width: 100%/*1417px*/;
 height: 60vh/*795px*/;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
 position: relative;
 
}

div#slideshow_banner{
 width: 100% /*1417px*/;
 height: 60vh /* 795px */;
 overflow: hidden;
}

div.div_obrazek_slideshow {
 background-repeat: no-repeat; 
 width: 100%/*1417px*/; height: 61vh/*795px*/; 
 overflow: hidden; background-size: cover;
 background-position: center;
 background-repeat: no-repeat
}

img.slideshow_nic_gif {
width: 100%; height: 100%; 
}

div.slideshow_nazev_obrazku {

}

#content {
 background-color: #e3e3e3;
 width: 100%;
 /* min-height: 80vh; */ 
}

#footer {
 width: 100%/*1417px*/;
 height: 5vh/*795px*/;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
 background-image: url(../grafika/layout/footer1.jpg);
 background-repeat: repeat-y;
 background-size: cover;
 text-align: center;
 color: white;
 font-size: 1.6vh
}


#footer a { color: white;}
#footer a:hover { color: yellow;}

#navigace_wrap {
 position: absolute; bottom: 0px; right: 0px;
 width: 100%; text-align: right; padding: 5px;
 height: 5vh; overflow: visible; z-index: 500
}

#navigace_up {
 z-index: 40; bottom: 0.5vh; right: 1vh;
 position: absolute;
}

#navigace_background {
 position: absolute;
 left: 0px; right: 0px; bottom: 0px;
 background-color: #23aae1; height: 3.5vh;
 /*
 opacity:0.30; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
 filter:alpha(opacity=30);
 zoom:1; */ z-index: 20
}

#publish_wrap {
 padding-top: 5vh
}

div.cleaner {
clear: both
}

img.admin_ico {
margin-left: 4px; cursor: pointer;
}
/*
#banner_novinky {
 width: 961px;
 height: 282px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 background-color: #bebebe;
 border-top: 1px solid white;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px; 
}
*/

.image_banner_novinky{
	width: 90%;
	margin: auto;
	height: 28vh;
	overflow: hidden;
	/*background-color: #dddddd;*/
	padding-top: 3vh;
	padding-bottom: 3vh;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;	
}

div.div_obrazek_banner_novinky {
 background-repeat: no-repeat;
 width: 90%; height: 180px; 
 overflow: hidden !important; 
 background-position: center center;
 background-size: cover; border: 3px solid #424242; margin-right: 20px
}

img.banner_novinky_nic_gif {
 height: 100%; width: 100%;
}

div.bottom_news {
 background-image: url(../grafika/layout/bottom_news.png);
 height: 6px; width: 256px; background-position: top center; background-repeat: no-repeat;
}


#banner_novinky_foo {
}

div.div_polozka_banner_novinky {
 float: left; height: 28vh;
}

div.container_aktualita {
 width: 90%; height: 98%; margin: auto; 
 background-repeat: no-repeat; background-position: center center; background-size: cover;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 box-shadow: #747474 2px 2px 8px; 
 overflow: hidden; 
 border: 1px solid #9b9b9b;
 position: relative;
}

.chrome-fix {
    position:absolute;
    width:100%;
    height:100%;
}

div.banner_novinky_nazev_obrazku {
 background-color: black; height: 30%; 
 overflow: hidden; font-weight: bold;
 padding-right: 20px;
 padding-left: 20px;
 font-size: 1.8vh; color: white;
 opacity:0.70; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
 filter:alpha(opacity=70);
 zoom:1; 
 position: absolute;
 bottom: 0px; left: 0px; right: 0px;
}

/**************************************************************************************************************************/
/*********************************************** Příspěvky - Start ********************************************************/
/**************************************************************************************************************************/
#npa {
 display: none
}

#aktuality_banner {
 display: none
}

.nadpis_prispevku {
 font-size: 2vh;
 font-weight: bold;
 display: block;
 color: #c22434;
}


.nadpis_prispevku_banner {
 font-size: 2vh;
 font-weight: bold;
 display: block;
 color: white;
}

div.nadpis_podtrzitko {
 margin-top: 10px;
 height: 3px; 
 width: 100%;
 background-repeat: repeat-x;
 overflow: hidden;
}

div.obrazek_container_clanek {
 float: right; width: 80%; height: 25vh; 
 background-size: cover; background-position: center center; 
 overflow: hidden;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 2px 2px 8px;
}

div.obrazek_container_aktuality {
 float: left; width: 30%; height: 18vh; 
 background-size: cover; background-position: center center; 
 overflow: hidden;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 2px 2px 8px;
 margin-right: 3%;
 margin-bottom: 3Opx;
}

div.obrazek_container {
 float: left; width: 18vw; height: 25vh; 
 background-size: cover; background-position: center center; 
 overflow: hidden;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 2px 2px 8px;
 margin-right: 1vw;
 margin-bottom: 2vh
}

div.obrazek_container_noborder {
 float: left; width: 90%; height: 18vh; 
 background-size: cover; background-position: center center; 
 overflow: hidden;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border: 0px solid black;
 margin-right: 20px
}

div.nepruhledny {
opacity:1; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

div.pruhledny {
opacity:0.70; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* IE 8 */
filter:alpha(opacity=70); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

div.textovy_prispevek ul {
 margin-left: 20px
}

div.textovy_prispevek {
 /*
 margin-left: 50px;
 margin-right: 50px;
 */
 margin-left: 7vh;
 margin-right: 7vh;
 font-size: 1.8vh;
 line-height: 2.6vh;
}

div.draci_lode {
 margin-left: 7vh;
 margin-right: 7vh; 
 padding-top: 7vh;
 padding-bottom: 7vh;
 padding-left: 7vh;
 padding-right: 7vh;
 background-color: #dddddd;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px; 
 min-height: 500px
}

div.prihlaska_radek {
 margin-bottom: 1vh
}

div.prihlaska_title {
 font-weight: bold;
 float: left; width: 15%
}

div.prihlaska_input {
 float: left; width: 40%
}

div.prihlaska_input input {
 width: 100%; font-size: 1.8vh; border: 1px solid black
}

div.prihlaska_input textarea {
 width: 100%; font-size: 1.8vh; border: 1px solid black
}

div.prihlaska_text {
margin-top: 2vh; width: 55%;
line-height: 2.6vh;
}

div.butt_prihlaska {
 width: 55%;
}

div.prihlaska_text ul {
 padding-left: 2vh
}

input.prihlaska_send {
 width: 200px; margin-top: 2vh;
 float: right; height: 2.6vh
}


#detail_textovy_clanek {
 padding-bottom: 3vh;
 min-height: 55vh;
 margin-bottom: 3vh;
}

iframe {
 margin-top: 3vh
}

#textovy_prispevek, #textovy_clanek, #detail_textovy_clanek {
 margin-left: 7vh;
 margin-right: 7vh; 
 padding-top: 7vh;
 padding-bottom: 7vh;
 background-color: #dddddd;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px; 
}

div.textovy_clanek {
 /*
 margin-left: 50px;
 margin-right: 50px;
 */
 margin-left: 7vh;
 margin-right: 7vh;
 margin-bottom: 4.5vh;
 font-size: 1.8vh;
 line-height: 2.6vh;
}

div.textovy_clanek a {
 text-decoration: none;
 color: black
}

div.textovy_clanek a:hover {
 color: #1d95c6
}


div.textovy_prispevek a {
 text-decoration: none;
 color: #1d95c6
}

div.textovy_prispevek a:hover {
 color: black
}

#doporucujeme {
 /*
 margin-left: 50px;
 margin-right: 50px;
 */
 width: 100%; margin: auto;
 /*
 margin-left: 20vh;
 margin-right: 20vh;
 */
 line-height: 2.6vh;
 position: relative; 
 background-image: url(../grafika/layout/header3.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 padding-bottom: 2vh;
 border-bottom: 1px solid #233971;
}

#cont_novinky {
 width: 81%;
 margin: auto;
 position: relative;
}

#doporucujeme a {
 text-decoration: none;
 color: white
}

#doporucujeme a:hover {
 color: yellow
}

div.bann_doporucujeme {
margin-bottom: 3.5vh;
}

div.nadpis_aktuality {
 font-weight: bold;
 font-size: 1.8vh;
}


div.rozcestnik_container1 {
 float: left;
 width: 31%; 
 margin-right: 3%;
 height: 40vh;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 10px 10px 10px; 
 overflow: hidden;
 display: none;
 position: relative
}

div.rozcestnik_container2 {
 float: left;
 width: 32%; 
 height: 40vh;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 10px 10px 10px;  
 overflow: hidden;
 display: none;
 position: relative
}

div.rozcestnik_container3 {
 float: left;
 width: 31%; 
 height: 40vh;
 margin-right: 3%;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 10px 10px 15px; 
 overflow: hidden;
 display: none;
 position: relative
}

div.rozcestnik_nadpis {
 width: 100%;
 height: 20%;
 background-color: white;
 font-size: 2vh;
 color: #c22434;
 font-weight: bold;
 text-align: center;
 opacity:0.80; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";	
 filter:alpha(opacity=80);
 zoom:1;
 position: relative;
}

div.rozcestnik_podnoze {
width: 100%; height: 100%; background-image: url(../grafika/layout/podnoze.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover
}

div.rozcestnik_zidle {
width: 100%; height: 100%; background-image: url(../grafika/layout/zidle1.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;
}

div.rozcestnik_nabytek {
width: 100%; height: 100%; background-image: url(../grafika/layout/nabytek.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover;
}

div.dynamic_text {
 width: 100%;
 /*height: 10vh;*/
 color: white;
 position: absolute; z-index: 40;
 margin-left: 8%;
 margin-top: 5%;
}

div.txt_banner {
 float: left;
 line-height: 1.5em; font-size: 3vh;
 background-color: #223667;
 opacity:0.65; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=65)";
 filter:alpha(opacity=65);
 zoom:1;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 /* padding: 2vh 4vh 2vh 4vh */
 padding: 10px 30px 10px 30px;
 width: 25%;
}

a.txt_banner {
 font-size: 2.2vh; color: white; text-decoration: none
}

a.txt_banner:hover {
 text-decoration: none; color: yellow
}


a.rozcestnik_nadpis:active { color: black; font-weight: bold}
a.rozcestnik_nadpis:link {color: black; font-weight: bold}
a.rozcestnik_nadpis:visited {color: black; font-weight: bold}

a.rozcestnik_nadpis {text-decoration: none; color: black; font-weight: bold}
a.rozcestnik_nadpis:hover {text-decoration: none; color: #c22434; font-weight: bold}

a.vice_zpet:active { color: #1d95c6; font-weight: bold; font-size: 1.8vh;}
a.vice_zpet:link {color: #1d95c6; font-weight: bold; font-size: 1.8vh;}
a.vice_zpet:visited {color: #1d95c6; font-weight: bold; font-size: 1.8vh;}

a.vice_zpet {text-decoration: none; color: #1d95c6; font-weight: bold; font-size: 1.8vh;}
a.vice_zpet:hover {text-decoration: none; color: black !important; font-weight: bold; font-size: 1.8vh;}



a.rozcestnik:active { color: #1d95c6; font-size: 2vh;}
a.rozcestnik:link {color: #1d95c6; font-size: 2vh;}
a.rozcestnik:visited {color: #1d95c6; font-size: 2vh;}

a.rozcestnik {text-decoration: none; color: #1d95c6; font-size: 2vh;}
a.rozcestnik:hover {text-decoration: none; color: black !important; font-size: 2vh;}


a.nadpis_txt_clanek:active { color: #c22434; font-size: 2vh;}
a.nadpis_txt_clanek:link {color: #c22434; font-size: 2vh;}
a.nadpis_txt_clanek:visited {color: #c22434; font-size: 2vh;}

a.nadpis_txt_clanek {text-decoration: none; color: #c22434; font-size: 2vh;}
a.nadpis_txt_clanek:hover {text-decoration: none; color: black !important; font-size: 2vh;}


a.popis_txt_clanek:active { color: black; font-size: 1.8vh;}
a.popis_txt_clanek:link {color: black; font-size: 1.8vh;}
a.popis_txt_clanek:visited {color: black; font-size: 1.8vh;}

a.popis_txt_clanek {text-decoration: none; color: black; font-size: 1.8vh;}
a.popis_txt_clanek:hover {text-decoration: none; color: #1d95c6 !important; font-size: 1.8vh;}



/**************************************************************************************************************************/
/*********************************************** Příspěvky - Konec ********************************************************/
/**************************************************************************************************************************/



/**************************************************************************************************************************/
/*********************************************** > 600 - Start ************************************************************/
/**************************************************************************************************************************/

@media screen and (min-width: 600px){
 div.butt_mmenu {
  display: none
 }
}
/**************************************************************************************************************************/
/*********************************************** > 600 - End **************************************************************/
/**************************************************************************************************************************/

@media screen and (min-width: 1360px){
 #nav1a { font-size: 1.5vh; float: right; }
 #nav1a li { float: left; list-style: none; }
 li.nav1a { color: white; margin: 0px 10px 2px 10px }
 a.nav1a { /* text-shadow: 1px 1px black; */ }
 a.nav1a { color: white; text-decoration: none; font-size: 1.5vh; }
 a.nav1a:hover { color: yellow; font-size: 1.5vh; }
 a.nav1a_active { color: yellow; text-decoration: none; font-size: 1.5vh;}
 div.menu_pipe { float: left; width: 3vh; text-align: center; color: white }
 
 div.logo_container {
  width: 100%; height: 72%;
  /*background-color: white*/
 }

 #navigace_up {
  bottom: 0.5vh
 }
 
}


/**************************************************************************************************************************/
/*********************************************** > 600 - Start ************************************************************/
/**************************************************************************************************************************/
@media screen and (max-height: 768px){
 #nav1a { font-size: 1.5vh; float: right; }
 #nav1a li { float: left; list-style: none; }
 li.nav1a { color: white; margin: 0px 10px 2px 10px }
 a.nav1a { /* text-shadow: 1px 1px black; */ }
 a.nav1a { color: white; text-decoration: none; font-size: 1.5vh; }
 a.nav1a:hover { color: yellow; font-size: 1.5vh; }
 a.nav1a_active { color: yellow; text-decoration: none; font-size: 1.5vh;}
 div.menu_pipe { float: left; width: 3vh; text-align: center; color: white }
 
 #navigace_background {
  height: 5vh;
 }
 
 div.txt_banner {
 float: left;
 line-height: 1.5em; font-size: 3.5vh;
 background-color: #223667;
 opacity:0.65; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=65)";
 filter:alpha(opacity=65);
 zoom:1;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 /* padding: 2vh 4vh 2vh 4vh */
 padding: 10px 30px 10px 30px;
 width: 50%;
}

div.banner_novinky_nazev_obrazku {
 font-size: 2.5vh;
}
 
.nadpis_prispevku_banner {
 font-size: 2.8vh;
 font-weight: bold;
 display: block;
 color: white;
}

a.nadpis_txt_clanek:active { color: #c22434; font-size: 2.8vh;}
a.nadpis_txt_clanek:link {color: #c22434; font-size: 2.8vh;}
a.nadpis_txt_clanek:visited {color: #c22434; font-size: 2.8vh;}

a.nadpis_txt_clanek {text-decoration: none; color: #c22434; font-size: 2.8vh;}
a.nadpis_txt_clanek:hover {text-decoration: none; color: black !important; font-size: 2.8vh;}

a.popis_txt_clanek:active { color: black; font-size: 2.5vh;}
a.popis_txt_clanek:link {color: black; font-size: 2.5vh;}
a.popis_txt_clanek:visited {color: black; font-size: 2.5vh;}

a.popis_txt_clanek {text-decoration: none; color: black; font-size: 2.5vh;}
a.popis_txt_clanek:hover {text-decoration: none; color: #1d95c6 !important; font-size: 2.5vh;}

a.vice_zpet:active { color: #1d95c6; font-weight: bold; font-size: 2.5vh;}
a.vice_zpet:link {color: #1d95c6; font-weight: bold; font-size: 2.5vh;}
a.vice_zpet:visited {color: #1d95c6; font-weight: bold; font-size: 2.5vh;}

a.vice_zpet {text-decoration: none; color: #1d95c6; font-weight: bold; font-size: 2.5vh;}
a.vice_zpet:hover {text-decoration: none; color: black !important; font-weight: bold; font-size: 2.5vh;} 
 

.nadpis_prispevku {
 font-size: 2.8vh;
 font-weight: bold;
 display: block;
 color: #c22434;
}

div.textovy_prispevek {
 /*
 margin-left: 50px;
 margin-right: 50px;
 */
 margin-left: 7vh;
 margin-right: 7vh;
 font-size: 2.5vh;
 line-height: 2.6vh;
} 

#footer {
 font-size: 2vh
}


div.draci_lode {
 margin-left: 7vh;
 margin-right: 7vh; 
 padding-top: 7vh;
 padding-bottom: 7vh;
 padding-left: 7vh;
 padding-right: 7vh;
 background-color: #dddddd;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px; 
 min-height: 500px
}

div.prihlaska_radek {
 margin-bottom: 1vh
}

div.prihlaska_title {
 font-weight: bold;
 float: none; width: 100%; clear: both;
}

div.prihlaska_input {
 float: none; width: 100%; clear: both
}

div.prihl_kategorie {
 float: none !important; clear: both !important; width: 100% !important; margin-bottom: 1vh;
}

div.prihlaska_input input {
 width: 100%; font-size: 1.8vh
}

div.prihlaska_input textarea {
 width: 100%; font-size: 1.8vh;
}

div.prihlaska_text {
margin-top: 2vh; width: 100%;
line-height: 3vh;
}

div.butt_prihlaska {
 width: 100%;
}

div.prihlaska_text ul {
 padding-left: 2vh
}

div.textovy_prispevek img {
 max-width: 90% !important; height: auto;
}

input.prihlaska_send {
 width: 200px; margin-top: 2vh;
 float: right; height: 2.6vh
}


}


/**************************************************************************************************************************/
/*********************************************** > 600 - Start ************************************************************/
/**************************************************************************************************************************/
@media screen and (max-width: 600px){
 
#showroom {
 background-color: #233971;
}

#publish_wrap {
 padding-top: 8vh !important;
}

div.panel_rozcestnik {
 position: relative; width: 81%; margin: auto; min-height: 80vh; bottom: 0px; padding-top: 3vh; left: 0px; right: 0px;
}


div.obrazek_container_clanek {
 float: right; width: 20vw; height: 20vh; 
 background-size: cover; background-position: center center; 
 overflow: hidden;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 2px 2px 8px; margin-top: 5vh
}


#navigace_wrap {
 display: none
} 
 
 div#slideshow_banner{
 width: 100% /*1417px*/;
 height: 40vh /* 795px */;
 overflow: hidden;
}

div.div_obrazek_slideshow {
 background-repeat: no-repeat; 
 width: 100%/*1417px*/; height: 40vh/*795px*/; 
 overflow: hidden; background-size: cover;
 background-position: center;
 background-repeat: no-repeat
}
 
 
div.dynamic_text {
 width: 100%;
 /*height: 10vh;*/
 color: white;
 position: absolute; z-index: 40;
 margin-left: 8%;
 margin-top: 15%;
}
 
 div.butt_mmenu {
  position: absolute; right: 20px; top: 20px; z-index: 2000; 
 }
 
 #obsah_navigace_mobile {
  position: absolute; display: block;
  top: 7vh; left: 0px; right: 0px; bottom: 0px;
  font-size: 5vh; overflow-x: hidden; overflow-y: scroll; background-color: #23aae1;/*#3251a1*/
 }
 
#navigace_mobile1 {
 position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;
 background-color: #23aae1/*#3251a1*/; z-index: 20000; display: none; 
}

div.top_mobile1 {
 position: absolute;
 top: 0px; left: 0px; right: 0px;
 background-color: #1b97ca;
 font-size: 5vh;
 height: 6vh; color: #cbd8f7;
 padding: 5px; color: white;
 border-bottom: 10px solid white;
}

#navigace_up {
 display: none !important;
}

div.logo {
 height: 80%; width: 70%; float: left;
 background-image: url(../grafika/duatlon2021.jpg);
 background-repeat: no-repeat;
 background-size: contain;
 margin-top: 5vh;
 margin-left: 2vh;
}

div.napis {
 color: white; padding-top: 6vh; margin-left: 10px;
 font-size: 2vh; width: 50%; float: left
}

div.txt_banner {
 float: left;
 line-height: 1.5em; font-size: 3vh;
 background-color: #223667;
 opacity:0.65; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=65)";
 filter:alpha(opacity=65);
 zoom:1;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 padding: 10px 30px 10px 30px;
 width: 50%;
}

img.arrow_down {
 height: 6vh; width: auto
}

div.radek_navigace_mobile {
 padding: 1vh; border-bottom: 2px solid #becef8; color: white;
}

div.navigace_submenu {
 width: 100%; height: 6vh; overflow: hidden; color: black /* 5a5a5a */
}


a.sub1:active {font-family: Verdana; color: white; }
a.sub1:link {font-family: Verdana; color: white; }
a.sub1:visited {font-family: Verdana; color: white;}

a.sub1 {text-decoration: none; color: white; }
a.sub1:hover {text-decoration: underline; color: yellow; }


a.sub1_active:active {font-family: Verdana; color: yellow; }
a.sub1_active:link {font-family: Verdana; color: yellow; }
a.sub1_active:visited {font-family: Verdana; color: yellow;}

a.sub1_active {text-decoration: none; color: yellow; }
a.sub1_active:hover {text-decoration: underline; color: white; }

a.sub2:active {font-family: Verdana; color: white; }
a.sub2:link {font-family: Verdana; color: white; }
a.sub2:visited {font-family: Verdana; color: white;}

a.sub2 {text-decoration: none; color: white; }
a.sub2:hover {text-decoration: underline; color: yellow; }


a.sub2_active:active {font-family: Verdana; color: white; }
a.sub2_active:link {font-family: Verdana; color: white; }
a.sub2_active:visited {font-family: Verdana; color: white;}

a.sub2_active {text-decoration: none; color: white; }
a.sub2_active:hover {text-decoration: underline; color: white; }


div.rozcestnik_container1 {
 float: left;
 width: 90%; 
 margin-bottom: 20px;
 height: 40vh;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 10px 10px 10px; 
 overflow: hidden;
 display: none;
 position: relative;
}

div.rozcestnik_container2 {
 float: left;
 width: 90%; 
 margin-bottom: 20px;
 height: 40vh;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 10px 10px 10px;  
 overflow: hidden;
 display: none;
 position: relative
}

div.rozcestnik_container3 {
 float: left;
 width: 90%; 
 height: 40vh;
 margin-bottom: 20px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 10px 10px 15px; 
 overflow: hidden;
 display: none;
 position: relative
}

div.rozcestnik_nadpis {
 width: 100%;
 height: 20%;
 background-color: white;
 font-size: 2vh;
 color: #c22434;
 font-weight: bold;
 text-align: center;
 opacity:0.80; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
 filter:alpha(opacity=80);
 zoom:1;
 position: relative;
}

#textovy_prispevek table, thead, tbody, th, td, tr { 
 display: block; width: 100%;
}

 #textovy_prispevek td, tr { 
  width: 100% !important
 }

a.nadpis_txt_clanek:active { color: #c22434; font-size: 2.2vh;}
a.nadpis_txt_clanek:link {color: #c22434; font-size: 2.2vh;}
a.nadpis_txt_clanek:visited {color: #c22434; font-size: 2.2vh;}

a.nadpis_txt_clanek {text-decoration: none; color: #c22434; font-size: 2.2vh;}
a.nadpis_txt_clanek:hover {text-decoration: none; color: black !important; font-size: 2.2vh;}

a.popis_txt_clanek:active { color: black; font-size: 2vh;}
a.popis_txt_clanek:link {color: black; font-size: 2vh;}
a.popis_txt_clanek:visited {color: black; font-size: 2vh;}

a.popis_txt_clanek {text-decoration: none; color: black; font-size: 2vh;}
a.popis_txt_clanek:hover {text-decoration: none; color: #1d95c6 !important; font-size: 2vh;}

a.vice_zpet:active { color: #1d95c6; font-weight: bold; font-size: 2vh;}
a.vice_zpet:link {color: #1d95c6; font-weight: bold; font-size: 2vh;}
a.vice_zpet:visited {color: #1d95c6; font-weight: bold; font-size: 2vh;}

a.vice_zpet {text-decoration: none; color: #1d95c6; font-weight: bold; font-size: 2vh;}
a.vice_zpet:hover {text-decoration: none; color: black !important; font-weight: bold; font-size: 2vh;} 
 

.nadpis_prispevku {
 font-size: 2.2vh;
}

div.textovy_prispevek {
 font-size: 2vh;
 line-height: 2.6vh;
} 

div.obrazek_container {
 float: left; width: 20vw; height: 20vh; 
 background-size: cover; background-position: center center; 
 overflow: hidden;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 box-shadow: #747474 2px 2px 8px;
 margin-right: 1vw;
 margin-bottom: 2vh
}

div.obrazek_container_noborder {
 float: left; width: 90%; height: 20vh; 
 background-size: cover; background-position: center center; 
 overflow: hidden;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border: 0px solid black;
 margin-right: 20px
}

#textovy_prispevek, #textovy_clanek, #detail_textovy_clanek {
 margin-left: 3vh;
 margin-right: 3vh; 
 padding-top: 7vh;
 padding-bottom: 7vh;
}

}


/******************************************************************************************************************************/
/************************************************ Carousel - Start ************************************************************/
/******************************************************************************************************************************/

/*
.image_carousel a.odkaz_sponzor {
	display: block; float: left;
}


.image_carousel {
	padding: 5px 0px 15px 50px;
	position: relative;
	text-align: center;
}


.image_carousel img {
	border: 0px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}


.image_slideshow {
	padding: 5px 0px 15px 20px;
	position: relative;
	text-align: center;
	 background-color: yellow 
}

.image_slideshow img {
	border: 0px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}

*/



a.next {
	background: url(../grafika/layout/next.png) no-repeat transparent;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 45%;
	right: 0px;
}

a.prev {
	background: url(../grafika/layout/back.png) no-repeat transparent;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 45%;
}

a.prev:hover {
background: url(../grafika/layout/back-hover.png) no-repeat transparent;
}

a.next:hover {
background: url(../grafika/layout/next-hover.png) no-repeat transparent;
}

a.prev {			left: 2%;
					/*background-position: 0 0;*/ }
/*					
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
*/
a.next {			right: 2%;
					/*background-position: -50px 0;*/ }
/*					
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
*/
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center; 
} 
.pagination a {
	background: url(../grafika/layout-stranky/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}

.clearfix {
	float: none;
	clear: both;
}

/******************************************************************************************************************************/
/************************************************ Carousel - End ************************************************************/
/******************************************************************************************************************************/

/******************************************************************************************************************************/
/************************************************** JQUERY - Uživatelské rozhraní - Start *************************************/
/******************************************************************************************************************************/

.ui-dialog { z-index: 400000 !important; text-align: left}
.ui-dialog .dialog {font-size: 8pt}
.ui-dialog .dialog b {font-size: 8pt}

.ui-autocomplete {
 z-index: 10000;
 text-align: left;
 max-height: 180px; overflow-y: auto; overflow-x: hidden;
 min-width: 250px;
}

.ui-autocomplete-input {
}

.ui-autocomplete-category {    
 font-weight: bold;   
 padding: .2em .4em;   
 margin: .2em 0 .2em;  
 line-height: 1.5;  
}

div.ui-tooltip {
 max-width: 400px;
 min-width: 200px;
 text-align: left;
}

.ui-tooltip b {
 font-size: 7pt;
}

.tooltip-inner {
 white-space: pre-wrap;
}

.ui-tooltip span {
 font-weight: bold; font-size: 7pt; color: brown
}

/******************************************************************************************************************************/
/************************************************** JQUERY - Uživatelské rozhraní - Konec *************************************/
/******************************************************************************************************************************/


/* Admin panel */
td.admin_panel_left { width: 30px; height: 24px; background-image: url(../grafika/layout-stranky/admin_panel_left.png); background-repeat: no-repeat }
td.admin_panel_right { width: 30px; height: 24px; background-image: url(../grafika/layout-stranky/admin_panel_right.png); background-repeat: no-repeat}
td.admin_panel_center {height: 24px; background-image: url(../grafika/layout-stranky/admin_panel_center.png); background-repeat: repeat-x}
#admin_panel { line-height: 18px; height: 24px;}
div.admin_panel_button {display: inline; margin-right: 15px; margin-left: 15px; color: white; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
div.admin_panel_button:hover {color: yellow; cursor: pointer}
div.admin_panel_cara {display: inline; width: 4px; color: white}


#admin_panel a {color: white; text-decoration: none; font-size: 10pt !important}
#admin_panel a:hover {color: yellow; text-decoration: none}