/*! Normalize RESET SPECIFICS */
/* == HTML5 display definitions RESETS ===================================== */
/*html, body, div, span, applet, object, iframe, table, caption,tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,fieldset, form, label, legend {
  vertical-align: baseline;font-family: inherit;font-weight: inherit;font-weight: normal;font-style: inherit;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;
}*/

/* == Base ================================================================ */
html { background:#fff;color: #000;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Arial', sans-serif; color: #222; outline: none; text-rendering: optimizelegibility; }
body { position:relative;font-size: 1em; line-height: 1.4; background:#fff;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased; }
html, body {width:100%}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/* == Geral ========================================================== */
mark { font-style: italic; }
pre { word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
ins { background: #ff9; color: #000; text-decoration: none; }
blockquote { margin: 1em 40px; }
td { vertical-align: top; }
p, b, strong{word-wrap: break-word;}
ul, ol { margin:0; padding: 0; }
ul li, ol li{ list-style: none; }
dd { margin: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* == Forms =============================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { *margin-left: -7px; } /* HACK IE ============= ALTERAR PARA CLASSE */
button, input, select, textarea { vertical-align: baseline; *vertical-align: middle; outline:none; } /* HACK IE ============= ALTERAR PARA CLASSE */
button, input { line-height: normal; *overflow: visible; } /* HACK IE ============= ALTERAR PARA CLASSE */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* == END: Normalize RESET SPECIFICS ============================== */

/* == Base styles defaults =============================================== */
a { color: #686868; outline: none !important; }
a:visited { text-decoration: none !important; outline: none !important; }
a:hover { color: #383838; }
a:focus { outline: none; }
a:active, a:hover { outline: none; }

h1, h2, h3, h4, h5, h6 {margin: 10px 0;font-family: inherit;font-weight: bold;line-height: 1;text-rendering: optimizelegibility;}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* == http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-transitions-and-transforms-from-scratch/ == */
.transition{
    -webkit-transition: 0.3s linear all;
       -moz-transition: 0.3s linear all;
         -o-transition: 0.3s linear all;
            transition: 0.3s linear all;
        -ms-transition: 0.3s linear all;
}
.transitionbg{
  -webkit-transition: background 0.4s ease-in-out;
     -moz-transition: background 0.4s ease-in-out;
       -o-transition: background 0.4s ease-in-out;
          transition: background 0.4s ease-in-out;
      -ms-transition: background 0.4s ease-in-out;
}
canvas {
    -ms-touch-action: double-tap-zoom; /* windows 8 (IE10) */
}
/* == END: Base styles defaults ========================================== */






/* == TYPES GENERICS == */
/* == BUTTONS ============== */
.bt{float:left;border:none;display:block;}
.btico{}

.bt.tp1{background-color:#fcfcfc;color:#444;margin:5px;}
.bt.tp2{background-color:#444;color:#fcfcfc;margin:5px;}

.bt.smaller{padding:3px 10px 2px 10px;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
}
.bt.small{padding:6px 10px 4px 10px;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.bt.medium{padding:9px 10px 7px 10px;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
.bt.large{padding:13px 10px 10px 10px;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
/* == END: BUTTONS ========= */





/* == Helper classes ===================================================== */
/*floats and clears*/
.fl{float:left !important;}
.fr{float:right !important;}
.nofloat{float:none !important;}
.clr{clear:both !important;}
.clrgt{clear:right !important;}
.cllft{clear:left !important;}

.nomg{margin:0 !important;}
.nomglft{margin-left:0 !important;}
.nomgrgt{margin-right:0 !important;}
.nomgtop{margin-top:0 !important;}
.nomgbtm{margin-bottom:0 !important;}
.nopd{padding:0 !important;}
.nopdlft{padding-left:0 !important;}
.nopdrgt{padding-right:0 !important;}
.nopdtop{padding-top:0 !important;}
.nopdbtm{padding-bottom:0 !important;}

.pdger20{padding:20px;}
.pdtopbtm20{padding:20px 0;}
.pdlftrgt20{padding:0 20px;}
.mgger20{margin:20px;}
.mgtopbtm20{margin:20px 0;}
.mglftrgt20{margin:0 20px;}

.txtlft{text-align:left !important;}
.txtrgt{text-align:right !important;}
.txtjustify{text-align:justify !important;}
.txtcenter{text-align:center !important;}
.txtbreak{word-wrap:break-word !important;}
.wauto{width:auto !important;}
.hauto{height:auto !important;}
.winherit{width:inherit !important;}

/*horizontal list*/
.lsth{zoom:1}
.lsth li{display:block;float:left;}
.ir { display: block; background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px;} /* HACK IE */
.ir:before { content: "";display: block;width: 0;height: 150%;}

.hidden{display:none !important;visibility:hidden;}
.hiddenAccessible{position:absolute;top:-9999px;left:-9999px;}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible{visibility: hidden;}

.clearfix:before,
.clearfix:after{content: " "; display: table; }
.clearfix:after{ clear: both; }
.clearfix{ *zoom: 1; }

.dblock{display:block;}
.dinline{display:inline; float:none;}
/* == END: Helper classes ================================================ */