/***********************REFERENCE ZALOZKY*****************/
.zalozka
{
   color:#fff;
    border:1px solid #c0c0c0;
    padding:6px 12px;
    background-color:#8EA604;
       font-family: inherit;
   font-size: inherit;white-space: nowrap;
   text-align:center;
   float:left;
   width:170px;
   margin-right:4px;

}













.sep-text-line
{border-bottom:1px solid #ccc;}


ul.refgallery
{
       width: 101.5%;
   
   border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    list-style: none;
        display: block;
}

@media (max-width: 960px)
{
ul.refgallery li {
    width: 48.5%;
}
}




 
 
   
ul.refgallery li
{
        float: left;
     display: list-item;
    text-align: left;

 
 
    padding: 0;
    list-style: none;
    
        
    width: 23.5%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
  
}

ul.refgallery li:before {
 
  display: none;
 
}

ul.refgallery li img {
    display: block;
      text-align: left;
    width: 100%;

}


    
    
/************************FONT AWESOME******************************************/

/***********************ANIMATE********************************************************/












.box1
{
    width:24%;
    float:left;
  min-height:400px;
    margin-right: 1%;
	
    background-color:#fff;
}

.box1 .stretchy-wrapper
{
width:100%;
position:relative;
overflow:hidden;
padding-bottom:56.25%;
   background-color:  #f0f0f0;
 
}

.box1 .stretchy-wrapper >img{
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
 width:100%;
 
}

/* Other aspect ratios to try:
 * 56.25% = 16:9
 * 75% = 4:3
 * 66.66% = 3:2
 * 62.5% = 8:5
 */



.box1 .obsah
{
 text-align:center;
   width:100%;
  
    line-height:200%;

 
}

.box1 h1
{
    text-align:center;
    color: #333;
   font-size:32px;
	font-weight:100;
}

ul.uldefault   li 
{
list-style-type: none;
}

ul.uldefault   li:before
{
    font-size:90%;
font-family: 'FontAwesome';
content: '\f138';
margin:0 5px 0 -15px;
color: #666;
}