.KatalogHead{
width:100%;
color:rgb(71,73,106);
}
.sortDiv{
font-size:14px;
float:left;
}
.sortDiv span{text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
}
.sortLinkUnActive{color:rgb(71,73,106);
font-family: 'Roboto', sans-serif;font-weight:300;
}
a.sortLinkActive{
font-weight:bold;
text-decoration: none;color:rgb(71,73,106);
}
.sortLinkUnActive,.sortLinkActive{padding-left:20px;} 
.KatalogHeadCnt{
    float: right;
    text-transform: uppercase;
}
.KatalogFooter{
width:100%;
color:rgb(71,73,106);
text-transform: uppercase;
font-size:14px;
}
.KatalogFooter a{color:rgb(71,73,106);}
.UnitsDataList
{
background-color:rgb(255,255,255);width:100%;
padding:10px;
margin-bottom:20px;
box-sizing:border-box;
color:rgb(71,73,106);
font-size:17px;
}
.UnitsDataItem{
width:100%;
min-width:500px;
}
.UnitsDataHead{
width:100%;
padding-bottom: 10px;
box-sizing: border-box;
padding-left:210px;
}
.Dum{
font-family: 'Roboto', sans-serif;font-weight:300;
font-size:24px;
color:rgb(255,100,0);
}
.Jednotka{
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
}
.UnitsDataFlex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-family: 'Roboto', sans-serif;font-weight:300;
 }
.UnitsDataFlex .frstTable, .UnitsDataFlex .secTable{
    flex: 0 0 30%;
    min-width:260px;
}
.UnitsDataFlex .specTable{
    flex: 0 0 60%;
    min-width:260px;
}
.UnitsDataFlex table{
width:100%;
}
 .UnitsDataFlex tr td:last-of-type{
text-align:right;
 }
.untiDataImage{
width:18%;min-width:180px;max-width:225px;overflow:hidden;max-height:160px;float:left;
}
.buttonDetail, .buttonOrd, .buttonFav
{
width:100%;
box-sizing:border-box;
display:block;
position:relative;
font-size: 26px;
background-repeat: no-repeat;
background-position:  right 10px center;
text-transform: uppercase;
color:white;
line-height:height:48px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
}
.buttonDetail{
background-image: url('/styles/submit3.png');
background-color: rgb(71,73,106);
height:48px;
padding-top:10px;
text-align:center;
}
.buttonDetail a{
color:white;
text-decoration: none;
font-size: 26px;
}
.buttonOrd ,.buttonFav{
font-size: 14px;
height:35px;
padding-top:10px;
text-align:right;
padding-right:40px;
margin-bottom:10px;
}
.buttonOrd{
background-image: url('/styles/submit2.png');    
}
.buttonFav{
background-image: url('/styles/srdce-modre.png');
}
.buttonOrd a,.buttonFav a{
color: rgb(108,135,210);
text-decoration: none;

}
@media screen and (min-width:1100px)
{.untiDataImage{margin-top:-35px;}}

@media screen and (max-width:1000px)
{
.UnitsDataItem{
width:100%;
min-width:400px;
}
.UnitsDataHead{
width:100%;
padding-bottom: 10px;
box-sizing: border-box;
padding-left:0px;
}
.untiDataImage{
width:50%;min-width:180px;max-width:225px;overflow:hidden;max-height:160px;float:left;
order:1;
}
.UnitsDataFlex .frstTable, .UnitsDataFlex .secTable{
    flex: 0 0 50%;
    min-width:260px;
}
.UnitsDataFlex .frstTable{
order:0;
}
.UnitsDataFlex .secTable{
order:2;
}
.toolTable{
order:3;
}
}
@media screen and (max-width:500px)
{
.UnitsDataItem{
width:100%;
min-width:90px;
}
.UnitsDataHead{
width:100%;
padding-bottom: 10px;
box-sizing: border-box;
text-align: center;
}
.untiDataImage{
width:100%;min-width:180px;max-width:225px;overflow:hidden;max-height:160px;float:left;
order:0;
}
.UnitsDataFlex .frstTable, .UnitsDataFlex .secTable{
    flex: 0 0 100%;
    min-width:260px;
}
.UnitsDataFlex .frstTable{
order:1;
}
.UnitsDataFlex .secTable{
order:2;
}
.toolTable{
order:3;
}
.UnitsDataFlex{
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
 }
}
@media screen and (max-width:380px)
{
.UnitsDataItem{
width:100%;
min-width:90px;
}
.UnitsDataHead{
width:100%;
padding-bottom: 10px;
box-sizing: border-box;
text-align: center;
}
.untiDataImage{
width:100%;min-width:180px;max-width:225px;overflow:hidden;max-height:160px;float:none;
order:0;
}
.UnitsDataFlex .frstTable, .UnitsDataFlex .secTable, .UnitsDataFlex,.toolTable{
float:none;
width:100%;
clear:both;
}
.UnitsDataFlex .frstTable:after, .UnitsDataFlex .secTable:after, .UnitsDataFlex,.toolTable:after,.untiDataImage:after
{
content:" ";
width:100%;
clar:both;
display:table;
}

.UnitsDataFlex .frstTable{
order:1;
}
.UnitsDataFlex .secTable{
order:2;
}
.toolTable{
order:3;
}
.UnitsDataFlex{
display:box;
}
}