#ctrlMain   {display:inline-block;
             text-align:center;
             /*border:1px color red;*/
             }
#ctrlRight  {display:block;
             text-align:center;
             /*border:1px solid red;*/
             /*float:right;*/
             width:auto;
             }   

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

#ctrlMain .region_header    {
    text-align:center;
    background-color:#3eb0cd;
        padding:5px;
        border-radius: 5px;
        margin: 10px 0px 5px 0px;
}

#ctrlMain article.resort {
    display:block;
    width:100%;
    /*min-width:150px;*/
    height:auto;
    /*float:left;*/
    /*clear:right;*/
    vertical-align:top;
    padding:3px;
    font-size:1.2em;
    margin:3px 3px 10px 3px;
    background-color:#ecf2f9;
    /*border:1px solid blue;*/
}
    #ctrlMain .region_footer {
        display:block;
        width:auto;
        height:auto;
        padding:5px;
        font-size:0.7em;
        margin: 10px 0px 30px 0px;
        background-color:#3eb0cd;
        text-align:center;
        vertical-align:top; 
        border-radius: 5px;
    }
    #ctrlMain .region_footer a {
        color:#264d73;
    }
    #ctrlMain .region_footer a:hover {
        color: White;
    }    


/*----------------------------*/
@media screen and (min-width: 600px) 
{
    #ctrlMain    {
        display:inline-block;
        height:auto;
        width:auto;
        /*width:auto;*/
        clear:both;
        float:left; 
        width:78%;
        /*border:1px solid red;*/
        }
        
    #ctrlRight	 {
        display:inline-block;
        /*position:relative;*/
        /*height: auto;*/ 
        width:20%;
        /*min-width:200px;*/
        /*width:auto;*/
        height:auto;
        /*float:right;*/
        margin:30px 5px 30px 5px;
        /*border:1px solid red;*/
        }
    #ctrlMain .region   {
        display:block;
    }    

    h2 {font-size:1.0em;}

    #ctrlMain .resorts  {
        display:block
border:1px red;
    }

    #ctrlMain article.resort 
    {
        display:inline-block;
        width:180px;
        height:300px;
        /*float:left;*/
        clear:right;
        /*border:1px solid blue;*/
        font-size:1em;
    }
    
    
}




#ctrlMain article:hover 
{
    background-color:#d9e6f2;
}
#ctrlMain article:hover h3 
{   color:#ffffff
    }


#ctrlMain article h3 
{
    text-align:center;
    height:15%;
}    
#ctrlMain article .provoz 
{
    font-size:0.7em;
    height:18%;
    color:Black;
    }
#ctrlMain article .podminky
{
    font-size:0.7em;
    height:10%;
    color:Black;
    }
#ctrlMain article .webcam
{
    width:auto;
    height:auto;
    }

#ctrlMain article .webcam img
{
    width:80%;
    height:auto;
    }



     
#ctrlMain footer 
{
    display:block;
    width:100%;
    margin-top: 20px;
    float:left;
    /*border:1px solid green;*/
    padding: 10px;
}

#ctrlMain section
{
    display:block;
    width:100%; 
    float:left;
}

#ctrlMain section h2
    {
        margin-top:30px;
    } 
    

#ctrlMain article#resort 
{
    width:100%;
    display:block;
    float:left;
    text-align:left;
    padding:3px;
    font-size:0.9em;
    margin:3px;
    background-color:#ffffff;
    /*border:1px solid blue;*/
}

 #ctrlMain article .provoz_header 
 {
     display: inline-block;
     width:250px;
     font-weight:bold;
 }


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