/* = NAHLEDY ZAJEZDU NOVY =================================================== */

/*
Flexi Bootstrap - The Missing Bootstrap Thumbnail Demos

Author : Bryan Willis

Working Demos of Equal Height Flexbox and Tables as well as Masonary Thumbnails in Bootstrap 3. See the Github repo for complete version supporting legacy browser fallback.
*/


/* EXAMPLE 1 - BOOTSTRAP FLEXBOX
   - Equal Height Columns in Rows
   - Equal Height Thumbnails
   - Flex Grow to Fill Paragraph Height
*/

/* Flexbox Equal Height Bootstrap Columns (fully responsive) */
@media only screen and (min-width : 481px) {
  .flex-row.row {
    display: flex;
	 flex-wrap: wrap;
  }
  .flex-row.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }
  .flex-row.row > [class*='col-'] > .box {
    display: flex;
	 flex: 1;
  }
}




/* Grow thumbnails to fill columns height */
.flex-row .thumbnail,
.flex-row .caption {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
        margin: 12px;
}

/* Flex Grow Text Container */
.flex-row .caption p.flex-text, .row .flex-text {
	flex-grow: 1;
        margin: 0px 0px 0px 0px;
}

/* Flex Responsive Image */
.flex-row img {
	width: 100%;
	height: auto;
}




/* EXAMPLE 2 - CSS TABLES EQUAL HEIGHT
   - ie9 support 
   - not responsive (mobile fallback)
*/

.table-row.row,
.table-row-equal {
	display: table;
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}
.table-row.row [class*="col-"] {
	width: 25%;
}
.table-row.row [class*="col-"],
.table-row-equal .thumbnail {
	float: none;
	display: table-cell;
	vertical-align: top;
}
.table-row-equal {
	border-spacing: 30px 0px;
}
.table-row-equal .thumbnail {
	width: 1%;
}
/* mobile fallback to support partial responsiveness */
@media only screen and (max-width: 480px) {
	.table-row-equal .thumbnail {
		display: block;
		width: 100%;
	}
}


/* MASONARY BOOTSTRAP 3 GRID
   - Who needs V4?
*/
.masonary-row.row {
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	column-fill: balance;
}
.masonary-row [class*="col-"] {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: none;
	padding: 0px;
	column-fill: balance;
}


@media (min-width: 480px) {
	.masonary-row.row {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (min-width: 768px) {
	.masonary-row.row {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

/* demo */
.bootflex .well {
	    flex-grow: 1;
	}

/* pre hack for small devices */
pre {
	display: flex;
	flex: 1;
}
.flex-row.flex-code.row > [class*='col-'] .flex-text {
	flex-grow: 1;
	display: flex;
}

/*DOPLNENE--------------------------------------------------------------------*/
.thumbnail {
    border-radius: 2px;
}
.thumbnail:hover {
    background-color: #e8e8e8;
}

.caption h2 {
    margin-top: 5px;    
}

.caption h2 a, .caption h3 a{
    color: #0072DC;
    font-size: 15px;
    font-weight: bold;    
}
.caption h2 a:hover, .caption h3 a:hover{
    color: #019BF7;      
}


.thumbnail img.ico{
    height: 30px; 
    width: auto;
    float: right;
    padding-right: 0px !important;
    line-height: 30px; 
}

.thumbnail img{
    margin: 5px 0px 5px 0px;
}
/*
.thumbnail tr {
    margin-top: 35px;
}*/
.thumbnail th {
    font-size: 14px;
    /*color: #0072DC;*/
    color: #3d4c6b;
    font-weight: bold;
}
.thumbnail td {
    flex-grow: 1;
    /*color: #777;*/
    color: #3d4c6b;
    text-align: justify;
}

.thumbnail .btn-sm-le{
    background-color: #0072DC;
    display: block;
    line-height: 34px;
    border-radius: 2px 2px 2px 0px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    float: right;
    margin-right: -25px;
    margin-top: 16px;
    text-decoration: none;
}
.thumbnail .badge {
    margin-bottom: 0px;
    /*border-radius: 2px;*/
    border-radius: 50%;
    /*border-radius: 5px 10px 5px;*/
    color: #333;
    background-color: #ffffff;
    border: #c8cecf thin solid;
    margin-top: 4px;
    margin-right: 7px;    
    height: 28px;
    width: 28px;
    padding-top: 8px;   
}
.thumbnail .btn-sm-le:hover{
    border-color: #ccc;
    background-color: #019BF7;    
}
.thumbnail span {
    color: #0072DC; 
    font-weight: bold;
}
.thumbnail .kc, .thumbnail .cp{
    color: #d23d24;
}
.thumbnail .kc{
    text-align: right;
}
.thumbnail .cp{
    font-weight: bold; color: #333333;
}
.thumbnail span.cena{
    color: #d23d24; font-weight: normal;
}



#blk-foot p .img-ack{
    position: absolute;
    float: right;
    top: 70px;
    height: 100px;
    right: 10px;
}

#dalsi-filtry{
    display: none;
}
#dalsi-filtry .col-xs-4{
    padding-left: 0px;
    padding-right: 0px;
}