/*!
* @author Steven Masala [me@smasala.com]
* Github: https://github.com/smasala/responsive-tables-js
* @license: MIT https://tldrlegal.com/license/mit-license
* Responsive Tables
* @version 1.0.0
*/
table.responsive span[data-type="responsive"]{
	display:none;
}
@media only screen and (max-width:768px){
	table.responsive span[data-type="responsive"],#vetrina table.responsive span[data-type="responsive"]{
		display:inline-block;
		width:38%;
        background: #3EB8D7 !important;
        color: #fff !important;
        font-size: 13px  !important;
        vertical-align: middle;
        padding: 10px 5px;
        font-family: 'Roboto Condensed',sans-serif !important;
        text-transform: uppercase;
        height:100%;
        min-height:45px;
	}
    
    #cont.page #col02 div.div4 table.tbl01 tbody td{
        border:none !important;
        border-bottom:1px solid #ccc !important;
    }
    
    table.responsive span[data-type="textcell"]{
		display: inline-block;
        width: 62%;
        vertical-align: middle;
        padding: 0 10px;
        }
	
    #cont.page #col02 .form table.responsive span[data-type="textcell"]{
        width: 100%;
    }
    
	table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;    
		box-sizing: border-box;         
		display: block; 
	}
	
	html.ie9 table.responsive, html.ie9 table.responsive thead, html.ie9 table.responsive tbody, html.ie9 table.responsive th, html.ie9 table.responsive td, html.ie9 table.responsive tr{
		float: left;
		clear: both;
		width: 100%
	}
	

	
	table.responsive td{
		border: none;
	}
	
	table.responsive th{
		display:none;
	}
    

    
    #cont.page #col02 table.responsive tbody td{
        padding:0 !important;
        word-break: break-word;
        max-width: 100% !important;
    }
    
    #cont.page #col02 table.responsive tbody tr{
        margin-bottom:5px;
    }
    
    #cont.page #col02 table.responsive tbody tr:last-child{
        margin-bottom: 0;
    }
    
    #cont.page #col02 table.responsive tbody tr:last-child td{
        border:0 !important;
    }
     
    
    #cont.page #col02 table.responsive {
        width: calc(100% + 20px) !important;
        border-collapse: collapse;
        margin-left: -10px;
    }
    
    #cont.page #col02 table.responsive table{
         width: 100% !important;
         table-layout: fixed;
    }
    
    #cont.page #col02 #content.contacts form input[type=button], #cont.page #col02 #content.contacts form input[type=submit]{
        width:100% !important;
    }
    

	
}

@media only screen and (max-width:340px){
    #cont.page #col02 table.tbl01 tbody td{
        font-size:11px !important;
    }
}