/* ###

 :: APP CONTROLLER :: MAKE IMAGES DIR RELATIVE :: ../images/ ::
 :: APP CONTROLLER :: MAKE FONTS DIR RELATIVE :: ../fonts/ ::

 ### */

.matierials
{
    padding: 0;
    margin: 0;
}
 
 .material-item
 {
    margin: 20px 0 0 0;
    padding: 0;
 }

.material-item div
{
    height: 60px;
    background-color: #f1f1f1;
    border:  1px solid #c2c2c2;
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    color: #637f8f;
    text-transform: uppercase;
}

.material-item div h5
{
    color: #47b3dd;
    text-align: right;
    font-weight: 700;
    padding-right: 10px;
    margin-top: 10px;
}

.material-item div h6
{
    font-weight: 700;
    font-size: 14px;
}

.material-item div h6 span
{
    font-weight: 200;
    margin: 0 5px;
}

.material-item div P
{
    font-size: 11px;
    line-height: 1.3;
}

.material-item .btn-blue
{
    background-color: #47b3dd;
    border: 1px solid #47b3dd;
    text-align: center;
    padding: 20px 0;
    width: 100%;
}

.material-item .btn-blue a
{
    width: 100%;
    color: #fff;
    text-decoration: none;
}

/*TABELA WŁASNOŚCI*/
.term-box, .small-term
{
    margin: 30px 0;
    text-align: center;
    background-color: #f7f7f7;
    transition: all 0.25s ease-in;
}

.term-box p, .small-term h6
{
    margin-top: 5px;
    font-size: 13px;
}

.term-box .btn-tool h6
{
    font-weight: 700;
}

.term-box .row
{
    height: 50px;
    padding: 10px;
    
}

.term-box .row:first-child
{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(140,140,140,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(140,140,140,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(140,140,140,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(140,140,140,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(140,140,140,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
    border:  1px solid #d6d6d6;
}

.term-box .row:last-child, .term-box .column .row:last-child
{
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}

.term-box .column .row
{
    background-color: rgba(201,32,53,0);  
    transition: all 0.25s ease-in;  
}

.term-box .column:hover .row
{
    background-color: rgba(201,32,53,0.5);
}

.term-box .column:hover .row:first-child
{
    background-color: rgba(201,32,53,0.5);
    border: 1px solid #d15550;
}

.term-box .column:hover .row:last-child
{
    background-color: rgba(201,32,53,0.7);
    border: 1px solid #d15550;
}

.term-box .btn-tool
{
    background: none;
    background-image: none;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}

.term-box h4
{
    color: #47b3dd;
    font-size: 17px;
    text-align: center;
    margin-top: 5px;    
}

.term-box .column:hover h4, .term-box .column:hover h6
{
    color: #fff;
}

.legend
{
    margin: 20px 0;
    width: 100%;
    overflow: hidden;
}

.legend button
{
    font-size: 13px;
    background: none;
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    border-color: #c2c2c2;
    display: inline-block;
    float: left;
    padding: 5px 6px;
    width: 20%;
}

.legend p
{
    font-size: 11px;
    color: #637f8f;
    padding-left: 5px;
    width: 80%;
    display: inline-block;
    float: left;
}

/*SMALL TERM*/
.small-term
{
    padding: 10px;
    border: 1px solid #ddd;
}

.small-term h6
{
    text-align: left;
}

.small-term p
{
    font-weight: 700;
    margin-top: 5px;
}

.small-term h5
{
    color: #47b3dd;
    font-size: 17px;
    text-align: center;
    margin-top: 10px;
    font-weight: 700;  
}

/*ODPORNOŚĆ TERMICZNA*/
.term-odp
{
    margin: 30px 0;
}

.term-odp h4
{
    color: #47b3dd;
    font-size: 17px;
    margin-bottom: 20px;
    font-weight: 700
}

.term-odp img
{
    width: 100%;
    margin-bottom: 50px;
}

/*ODPORNOŚĆ CHEMICZNA*/
.table-chem
{
    margin: 30px 0;
}



.table-chem th
{
    color: #637f8f;
}

.table-chem td
{
    padding: 5px;
    color: #637f8f;
    text-align: center;
}

.legend-chem
{
    margin:  40px 0 0 0;
    color: #637f8f;
    font-size: 13px;
    background-color: rgba(255,255,255,0.8);
    position: relative;
    top: 0;
}

.legend-item
{
    position: fixed;
    top: 0;
}

.legend-chem button
{
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    border:  1px solid;
    text-shadow: none;
    margin: 0 10px 10px 0;
    display: inline-block;
    float: left;
}


.legend-chem p
{
    display: inline-block;
    float: left;
}

.table-chem a
{
    color: #485e6b;
    text-decoration: none;
    cursor: pointer;
}
.table-chem .doporny, .legend-chem .doporny
{
    background-color: #12287b;
    border-color: #fff;
    color: #fff;
}

.table-chem .sredniodporny, .legend-chem .sredniodporny
{
    background-color: #64dfef;
    border-color: #fff;
    color: #fff;
}

.table-chem .niebadany, .legend-chem .niebadany
{
    background-color: #0eaee0;
    border-color: #fff;
    color: #fff;
}

.table-chem .nieodporny, .legend-chem .nieodporny
{
    background-color: #204fab;
    border-color: #fff;
    color: #fff;
}

.table-chem .niebadany_odporny, .legend-chem .niebadany_odporny
{
    background-color: #12287b;
    border-color: #fff;
    color: #fff;
}

.table-chem .odporny-warunkowo, .legend-chem .odporny-warunkowo
{
    background-color: #66808d;/*#d9e4f6*/
    border-color: #fff;
    color: #fff;
}

.table-chem .doporny a, .legend-chem .doporny a, 
.table-chem .sredniodporny a, .legend-chem .sredniodporny a, 
.table-chem .niebadany a, .legend-chem .niebadany a, 
.table-chem .nieodporny a, .legend-chem .nieodporny a, 
.table-chem .niebadany_odporny a, .legend-chem .niebadany_odporny a,
.table-chem .odporny-warunkowo a, .legend-chem .odporny-warunkowo a
{
    color: #fff;
}

.table-chem th, .table-chem td
{
    padding: 6px 3px!important;
    vertical-align: middle!important;
}

.table-chem .medium_name
{
    width: auto!important;
}

.table-chem .temp
{
    width: 50px!important;
}

.table-chem thead th, .table-chem thead td
{
    width: 45px!important;
}

.table-chem .odp_chem
{
    color: #fff;
    border-color: #fff;
    width: 45px!important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover a
{
    background-color: #919191;
    color: #fff;
}

.table-chem
{
    background-color: white;
    margin: 0;
}

table { border-collapse: collapse; width: 100%; }
td, th { border: 1px solid #ccc; padding: 10px; }

.slim { width: 88px; }
.hover
{
    background-color: rgba(201,32,53,0.2)!important;
    color : #a11527!important;
    font-weight: 300;
    cursor: pointer;
    /*opacity: 0.8;*/
}

/*CHARAKTERYSTYKA*/
.dobor-opis ul li
{
    list-style-image: url('../../images/app/dobor/square.png');
    margin-bottom: 5px;    
}

.dobor-opis h5
{
    font-size: 17px;
    font-weight: 700;
    color: #73bfe2;
    margin-bottom: 20px;
}

.dobor-opis h3
{
    font-size: 25px;
    font-weight: 700;
    color: #c92035;
    margin-bottom: 10px;
}

.dobor-opis img
{
    text-align: center;
    margin-bottom: 20px;
}

.dobor-opis span, .dobor-opis i
{
    color: #73bfe2;
    font-size: 13px;
}


.dobor-opis table tr td
{
    border: 2px solid #fff;
}

.dobor-opis table tr td
{
    background-color: #eaeaea;
}

.dobor-opis table thead tr td
{
    background-color: #173b66;
    color: #fff;
    font-weight: 700;
    text-align: center;
}



.dobor-opis table tr td i
{
    color:  #c92035;
    font-size: 30px;
    padding: 10px 20px;
}