#ctrlMain   {display:inline-block;
             text-align:left;
             /*border:1px solid red;*/
             }
#ctrlRight  {display:inline-block;
            text-align:center;
             width:20%;
             vertical-align: top;
             /*border:1px solid red;*/
             }   

h1      {font-size: 1.8em; color: #264d73; font-weight: bolder;	/*border-bottom-width: 0px; padding-bottom: -10px;*/ }
h2	    {font-size: 1.2em; color: #264d73; font-weight: bolder; text-align: left; padding-left: 5px;         margin-top:30px;}
h3	    {font-size: 1.0em; color: #264d73; font-weight: bolder; text-align: left; padding-left: 5px; }	
h4	    {font-size: 0.8em; color: #264d73; font-weight: bolder; text-align: left; padding-left: 5px; }	
             
#ctrlRight  {text-align:center;}
#ctrlRight .odkaz {margin: 20px 0px 20px 0px; text-align:center; width:100%; }
#ctrlRight .odkaz img {width:100px;}
#ctrlRight .odkaz span {text-align: center; height:100%; color:grey; font-weight:bold; font-size:11px; vertical-align:middle; padding: 0px 5px 0px 5px;}    

#resortlist article {
    display:block;
    width:auto;
    height:auto;
    padding:5px;
    margin:5px 5px 5px 0px;
    font-size:1.2em;
    margin:10px;
    background-color:#ecf2f9;
    text-align:center;
    vertical-align:top; 
    border-radius: 5px;
    color: #264d73;
}
#resortlist article:hover {    
    background-color:#d9e6f2;
}
#resortlist article:hover .nazev{ 
    color:#ffffff
}
#resortlist .resort_link {    
    color: #264d73;
}

#resortlist article .nazev {
    display: block;
    width:auto;
    padding:5px;
    font-size:1em;
}
#resortlist article .provoz {
    display: block;
    font-size:0.7em;
    }
#resortlist article .provoz_stav {
    font-weight:bold;
    padding:5px;
}
#resortlist article .podminky {
    padding:5px;
    font-size:0.6em;
}
#resortlist article .podminky .datum_aktualizace {
    font-style: italic;
}
#resortlist article .podminky .datum_aktualizace_dnes {
    font-weight: bold;
}
#resortlist article .webcam {
    padding:5px;
}
#resortlist article .webcam  img {
    /*width:90px;
    height:90px;
    border-radius: 50px; */
}
#resortlist article .specifikace {
    font-size:0.6em;
}
#resorlist footer {
    display:block;
    margin-top: 20px;
    padding: 10px;
}

.image_webcam {max-width:140px; max-height:95px;}

    


/*----------------------------*/
@media screen and (min-width: 600px) 
{
    #ctrlMain    {
        display:inline-block;
        height:auto;
        width:auto;
        clear:both;
        width:78%;
        }
        
    #ctrlRight	 {
        display:inline-block;
        width:18%;
        margin:30px 5px 30px 0px;
        }
    
    h2 {font-size:1.0em;}

    #resortlist article .resort_flex_cont {
        display:flex;
        }    
    
    #resortlist article .nazev {
        width: 30%;
        text-align:left;
        vertical-align:middle;
        }
    #resortlist article .provoz {
        width: 47%;
        text-align:left;
    }
    #resortlist article .podminky {
        display:block;
    }
    #resortlist article .webcam {
        width: auto;
        text-align:right;    
    }
    #resortlist article .specifikace {
        text-align:left;
    }
}