/* CSS knihovna pro Beskydy2 */
body    {font-family: Verdana, Arial; margin: auto; padding: 0px; text-align:center; height:auto; 
         }  
#Form1	 {background-color:white; text-align:center; }

#ctrlHlava   
{   display:block;
    text-align:center;
    margin:0px;
    height:auto;
    width:auto;
    background-color:#D3E987; 
    padding: 10px 5px 10px 5px; 
    margin:0px;
    /*border:1px solid green; */
    }
   
#ctrlHlava A:link       { color: #509544; font-size:11px; font-weight:bold; }
#ctrlHlava A:visited    { color: #509544; }
#ctrlHlava A:active     { color: #509544; }
#ctrlHlava A:hover      { color: white; }

#ctrlHlava_1    {display:block; 
                 width:auto; 
                 height:auto; 
                 vertical-align:middle; 
                 text-align:center; 
                 /*border:1px solid red;*/
                 }
#ctrlHlava_11   {vertical-align:middle; height:auto;}
#ctrlHlava_12  
{   font-family:arial; 
    font-size:50px; 
    font-weight:bold; 
    color:#509544; 
    vertical-align:middle; 
    width:auto;
    }
#ctrlHlava_2 {display:block; 
              width:auto; 
              height:auto; 
              vertical-align:middle; 
              text-align:left; 
              /*border:1px solid red; */
              color:#509544;}

/*#ctrlHlava_2 input  { width:60%; font-size:1em;}*/
/*.ctrlHlava_2        {color:#509544;}*/
#ctrlHlava_21       {display:inline-block; 
                     vertical-align:middle;
                     text-align:left; 
                     width:50%; 
                     /*border:1px solid blue;*/ 
                     }
#ctrlHlava_21 input {width:100%;}
#ctrlHlava_22       {display:inline-block; 
                     vertical-align:middle;
                     font-size:0.75em;
                     /*border:1px solid blue; */
                     }
#ctrlHlava_23   {display:none;}


/*--------------------------------------------*/
/* oranžova #f17e00 */
/* tmavě zelená #509544 */
/* středně zelená #97ba0b */
/* světle zelená #d3e987 */
/* žlutá #fee253 */

#ctrlMenu {width:100%; 
           /*clear:both;*/
           /*border:1px solid green;*/
           } 
#ctrlMenu_desktop {display:none; color: #000000; padding: 0; margin: 0; list-style-type: none; width:100%;
              text-align:center;
              }

#ctrlMenu_desktop ul {margin-top: 0px; position: absolute; display:none; /*background-color: #00603B;*/ margin: 0; padding: 0; list-style-type: none; 
                 }
#ctrlMenu_desktop li {padding: 1px 1px 0 0px; white-space: nowrap; width:auto;}
#ctrlMenu_desktop a {text-align: center; font-size:0.8em; padding: 10px 10px 10px 10px; color: #fff; 
                     background-color: #509544; 
                     display: block; text-decoration: none; font-weight: bold;} 

#ctrlMenu_desktop ul li a {background-color: #97ba0b;}

#ctrlMenu_desktop ul a:link {color: #fff; border-bottom: none; padding-left: 10px; padding-right: 10px;}
#ctrlMenu_desktop ul a:visited {color: #fff; border-bottom: none; padding-left: 10px; padding-right: 10px; _padding-left: 19px;}
#ctrlMenu_desktop ul a:hover {color: #4a4f4f; background-color: #d3e987;}

#ctrlMenu_desktop li:hover ul, ul#ctrlMenu_desktop li.hover ul { display:block; position:relative;}
#ctrlMenu_desktop li li {border: none; padding: 0; margin: 0; width:auto;}        
 
#ctrlMenu_mobil      {display:block; width:70px; color: #000000; padding: 0; margin: 0; list-style-type: none; width:auto; /*float:left;*/ }
#ctrlMenu_mobil ul   {margin-top: 0px; background-color: #97ba0b; margin: 0; padding: 0; list-style-type: none;}
#ctrlMenu_mobil li   {padding: 0px; white-space: nowrap; text-align:left; }

#ctrlMenu_mobil a    {padding: 2px; text-align: left; padding-left: 15px; padding-right:15px; color: #fff; 
                      background-color: #509544; 
                      display: block; text-decoration: none; font-weight: bold;} 

#ctrlMenu_mobil:hover + #ctrlMenu_desktop  {display:block; }
#ctrlMenu_desktop:hover  {display:block;  }
/*----------------------------------------------*/

@media screen and (max-width: 310px) 
{
    #ctrlHlava_12   {font-size:30px;}
    #ctrlHlava_11   {width:25%;}
    #ctrlHlava_23   {width:auto;}
}



#ctrlContent {
    display:block; 
    width:auto; 
    background-color: white; 
    height:auto;
    margin:10px 0px 10px 0px;
              /*border:1px solid red;*/
              }
              
              

/* světle šedá původní e8e8e7 */
/* šedá 2e2c29 */
/* tmavě šedá 2b3838 */
/* písmo pro patu, pokud je tmavě šedá c0c0c0 */

#ctrlPata    {width: 100%;
              display:block; 
              /*clear: both; */
              float:left;
              background-color:#e8e8e7;
              font-size:0.8em;
              /*margin: 3px;*/
              /*border:1px solid blue;*/
              }
#ctrlPata div {margin:0px; padding:10px; color: grey; }              
#ctrlPata_2 {vertical-align:middle; /*border:1px solid red;*/}
#ctrlPata_2 img {border:5px solid white;}
#ctrlPata a {display:block;  padding:2px; width:auto; color: grey;}
#ctrlPata a:hover {color: black;}


/* ---------------------------------------------*/


.nadpis_lyzovani {display:inline-block; color:#509544; font-size:40px; font-weight:bold; font-family:Arial; }
.nadpis_region  {font-size: 1.4em; background-color:#97BA0B; color: white; font-weight: bolder; text-align: left; padding-left: 5px; margin:0px;}	

.oblast article     {display:inline-block; float:left; width:250px;  height:280px; border:1px solid grey; margin:3px; padding:3px;}
.oblast article p   {color:Black; height:30px;}
.oblast article h3  {height:30px; text-align:center; }
.oblast.article .webcam {vertical-align:bottom;}

/* ------------------------ */
/*
#linkmenumobil 
{
  display:block;
  float:right;
  height:auto;
  border:px solid white;
  background-color:inherit;
}
.menuright:hover .bar {
  background-color:#aaa;
}

#iconmenumobil 
{   
  display:block;
  float:right;
  height:100%;
  background-color:inherit;
} 
   
#ctrlMenu_mobil .bar {
  width: 15px;
  height: 2px;
  background-color: white;
  margin: 2px 0;
  display: block;
}  
*/      
    

/*
.text_mensi {display:none;}

.cont_nadpis_lyzovani {width:100%; margin-top:10px; margin-bottom:10px;}

.app_odkaz {margin: 20px 0px 20px 0px; text-align:center; width:100%; }
.app_odkaz img {width:100px;}
.app_odkaz span {text-align: center; height:100%; color:grey; font-weight:bold; font-size:11px; vertical-align:middle; padding: 0px 5px 0px 5px;}    

.panel_partners {width:100%; text-align:center; }
.panel_partners div {display:inline-block; height:100%; color:grey; font-weight:bold; font-size:11px; line-height:70%; vertical-align:middle; padding-right:20px;}    

.scope_control {width:100%;}
.scope_control tr {background-color:#f5f5f5;}
.scope_control tr:first-child {border-top:5px;}
*/

/* ----------------------------------------------------------------------*/

a               {text-decoration: none;}