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

#ctrlHlava   
{   display:block;
    text-align:center;
    margin:0px;
    height:auto;
    width:auto;
    background-color:#52c8e4; 
    padding: 10px 5px 10px 5px; 
    margin:0px;
    /*border:1px solid green; */
    }
   
#ctrlHlava A:link       { color: #4c4c4c/*#509544*/; font-size:11px; font-weight:bold; }
#ctrlHlava A:visited    { color: #4c4c4c/*#509544*/; }
#ctrlHlava A:active     { color: #4c4c4c/*#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:#ffffff/*#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:#ffffff/*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; color:#ffffff;}


/*--------------------------------------------*/
/* podklad hlava #52c8e4 */
/* hlavní menu #3eb0cd */
/* hover menu #65c9e1 */

#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;
              font-size:1.2em;
              }

#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: #3eb0cd; 
                     display: block; text-decoration: none; font-weight: bold;} 

#ctrlMenu_desktop ul li a {background-color: #3eb0cd; font-size:0.7em;}

#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*//*#52c8e4;*/#65c9e1;}

#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: #65c9e1; 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: #3eb0cd; 
                      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    {display:block; 
  float:left; 
  margin:0px; 
  width:100%;}
#ctrlPata ul  {
  display:block;
  margin:0px; 
  padding:5px;
  background-color:#52c8e4; 
  list-style-type: none;
  font-size:1.0em;}              
#ctrlPata a  {color: #4c4c4c;}
#ctrlPata a:hover {color:white;} 


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


.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;}