/*
## help

    prefixos:
        p = padding
        f = float
        t = text
        h = height
        w = width
        b = border
        c = color

    seguido de hifen:
        l = left
        r = right
        t = top
        b = bottom
        n = none
        c = center
    
    exemplos:
        p-t = padding-top
        t-c = text-center
        b-b = border-bottom

*/

body {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; color:#333}
input, select, form {margin:0; padding:0; vertical-align: middle}

.t-l {text-align:left !important}  
.t-r {text-align:right !important}  
.t-c {text-align:center !important}

.f-l {float:left !important}       
.f-r {float:right !important}       
.f-n {float:none !important}

.p0 {padding: 0 !important}
.p5 {padding: 5px !important}                               
.p10 {padding: 10px !important}

.p5-t {padding-top:5px !important}  
.p5-r {padding-right:5px !important}  
.p5-b {padding-bottom:5px !important}  
.p5-l {padding-left:5px !important}
.p10-t {padding-top:10px !important}  
.p10-r {padding-right:10px !important}  
.p10-b {padding-bottom:10px !important}  
.p10-l {padding-left:10px !important}
				  
.m0    {margin: 0 !important}
.m5 {margin: 5px}
.m10 {margin: 10px}

.m5-t {margin-top:5px !important}
.m5-r {margin-right:5px !important}
.m5-b {margin-bottom:5px !important}
.m5-l {margin-left:5px !important}
.m10-t {margin-top:10px !important}  
.m10-r {margin-right:10px !important}  
.m10-b {margin-bottom:10px !important}  
.m10-l {margin-left:10px !important}

.b0 {border:none !important}
.b {border:1px solid #ccc}
.b-t {border-top:1px solid #ccc}
.b-r {border-right:1px solid #ccc}
.b-b {border-bottom:1px solid #ccc}
.b-l {border-left:1px solid #ccc}


.h10 {height:10px !important}
.h20 {height:20px !important}
.h30 {height:30px !important}
.h40 {height:40px !important}
.h50 {height:50px !important}
.h100 {height:100px !important}
.h200 {height:200px !important}
.h400 {height:400px !important}
.h600 {height:600px !important}

.w10 {width:10px !important}
.w20 {width:20px !important}
.w30 {width:30px !important}
.w40 {width:40px !important}
.w50 {width:50px !important}
.w100 {width:100px !important}
.w200 {width:200px !important}
.w400 {width:400px !important}
.w600 {width:600px !important}
.w760 {width:760px !important}


.centralizar {margin:0 auto}
.invisivel, .hidden, .oculto {display:none}
.hand {cursor:pointer}

.x   {clear:both; height:1px; line-height:1px; font-size:1px; display:block}
.clear {clear:both; height:auto; display:block}

.bg {background-color:#f6f6f6}
.bg.red {background-color:#cc0000}
.bg.green {background-color:#00ff66}
.bg.blue {background-color:#0066ff}
.bg.black {background-color:#000}
.bg.white {background-color:#fff}

.c {color:#999}
.c.red {color:#f00}
.c.green {color:#0f6}
.c.blue {color:#06f}
.c.black {color:#000}
.c.white {color:#fff}

.borda   {border:1px solid #eee} 
.borda.red {border-color: #f00}

.scroll-h {overflow-x: auto}  
.scroll-v {overflow-y: auto}  
.scroll-auto {overflow:auto}

.box-aviso {font: 10px tahoma;color: #333333; width: 100%; background: #FEFEEC url(../images/ico-aviso.gif) no-repeat 15px 15px; border: 1px solid #eee; margin:10px auto; -moz-border-radius:5px; -webkit-border-radius:5px}
.box-aviso div {padding:45px 10px 20px 35px;}
.box-aviso div h1 {margin-top:0; font-size:22px; font-family:arial}
.box-aviso div h2, .box-aviso div h3 {margin-top:0}
.box-aviso div p {font-size:11px; padding-left:25px; font-family:arial; background:transparent url(../images/ico-certo.gif) no-repeat left}
.box-aviso .close {cursor: pointer; float: right; margin: 5px 5px 0 0;}