﻿/*! General classes */
*,
*::before,
*::after {box-sizing: border-box;}
br.clear,hr{height:0;clear:both}
.hidden{display:none}

/*! remember to define focus styles! */
:focus{outline:0}

/*To Position*/
.smRightxsLeft {text-align:right;}

/*! remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}

/*! tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}

/*! Hides from IE-mac \*/
* html .clear{height:1%}
.clear{display:block}

/*! End hide from IE-mac */
img{vertical-align:middle}

/* Controladores Media Queries */
.noPaddingMdLg {padding:0;}
.lgHidden{display:none !important;}
.smShow {display:none;}
.xsShow {display:none;}
.xsmShow {display:none;}

/* Clears and Margins */
.pg35padding{padding:0 35px}
.noPadding { padding: 0 !important; }
.noPaddingRight {padding-right: 0 !important;}
.noPaddingLeft {padding-left: 0 !important;}
.noMargin {margin: 0 !important;}

.margemT15 {margin-top: 15px;}
.margemT30 {margin-top: 30px;}
.margemT60 {margin-top: 60px;}
.margemT90 {margin-top: 90px;}

.margemB15 {margin-bottom: 15px;}
.margemB30 {margin-bottom: 30px;}
.margemB60 {margin-bottom: 60px;}
.margemB90 {margin-bottom: 90px;}

.margemTB15 {margin-top: 15px; margin-bottom: 15px;}
.margemTB30 {margin-top: 30px; margin-bottom: 30px;}
.margemTB60 {margin-top: 60px; margin-bottom: 60px;}
.margemTB90 {margin-top: 90px; margin-bottom: 90px;}

.margemT15B30 {margin-top: 15px; margin-bottom: 30px;}
.margemT30B15 {margin-top: 30px; margin-bottom: 15px;}
.margemT30B60 {margin-top: 30px; margin-bottom: 60px;}
.margemT30B45 {margin-top: 30px; margin-bottom: 45px;}
.margemT45B60 {margin-top: 45px; margin-bottom: 60px;}
.margemT60B30 {margin-top: 60px; margin-bottom: 30px;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins,  kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, .lead {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;list-style:none;}

/*-----MD-----*/
@media (min-width: 992px) and (max-width: 1199px) {
/*Controladores*/
.mdHidden{display:none !important;visibility:hidden !important;} 
/* Limpar Paddings */	
.noPaddingLg {padding:15px;}
}

/*-----SM-----*/
@media (min-width: 768px) and (max-width: 991px) {
.pg35padding{padding:0}
/* Controladores */
.smHidden{display:none !important;visibility:hidden !important;}
.smShow{display:block !important;}
.lgHidden {display:block !important;}
/* Limpar Paddings */	
.noPaddingLg {padding:15px;}
.xsNoPadding{padding:0 !important;}
.xsNoPaddingRight{padding-right:0 !important;}
.xsNoPaddingLeft{padding-left:0 !important;}
}

/*-----XS-----*/
@media (max-width: 767px) {
.pg35padding{padding:0}
/*Controladores*/
.xsHidden{display:none !important;visibility:hidden !important;}
.lgHidden {display:block !important;}
.mdHidden {display:block !important;}
.xsShow{display:block !important;}
.margemT45B60 {margin-top: 15px; margin-bottom: 30px;}
.margemTB60 {margin-top: 30px; margin-bottom: 30px;}
/* Limpar Paddings */	
.xsNoPadding { padding: 0 !important; }
.xsNoPaddingRight { padding-right: 0 !important; }
.xsNoPaddingLeft { padding-left: 0 !important; }
.noPaddingLg {padding:15px;}
.smRightxsLeft {text-align:left;}
}

/*-----XSM-----*/
@media (min-width: 490px) and (max-width: 767px) {
/*Controladores*/
.xsmHidden{display:none !important;visibility:hidden !important;}
.xsmShow{display:block !important;}
.col-xsm-6 {width: 50%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xsm-4 {width: 33.33333333%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px}
}  