/* Created By Gabriel A. Barbosa <tx.gabrielbarbosa@gmail.com> */

/* Clear */
.clear { clear:both; }

/* Width */
.fullwidth { width:100%; }

/* Backgrounds */
.bg-verde { background-color: #639146; }
.bg-vermelho { background-color: #AE0000; }
.bg-cinza { background-color: #CFCFCF; }
.bg-cinza2 { background-color: #F4F4F4; }

/* Text Align */
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }

/* Margin */
.margin-top-2{ margin-top: 2px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-8 { margin-top: 8px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-11 { margin-top: 11px; }
.margin-top-13 { margin-top: 13px; }
.margin-top-14 { margin-top: 14px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-16 { margin-top: 16px; }
.margin-top-20{ margin-top: 20px; }
.margin-top-25{ margin-top: 25px; }
.margin-top-30{ margin-top: 30px; }
.margin-top-32{ margin-top: 32px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-14 { margin-bottom: 14px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-22 { margin-bottom: 22px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-28 { margin-bottom: 28px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-6 { margin-right: 6px; }
.margin-right-7 { margin-right: 7px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-6 { margin-left: 6px; }
.margin-left-7 { margin-left: 7px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-11 { margin-left: 11px; }
.margin-left-15 { margin-left: 15px; }

/* Padding */
.padding-right-0 { padding-right: 0px; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-left-0 { padding-left: 0px; }
.padding-left-3 { padding-left: 3px; }
.padding-left-5{ padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-11 { padding-left: 11px; }
.padding-bottom-2 {     padding-bottom: 2px !important; }
.padding-bottom-5{     padding-bottom: 5px; }
.padding-bottom-7{     padding-bottom: 7px; }
.padding-bottom-10 {     padding-bottom: 10px; }
.padding-bottom-15 {     padding-bottom: 15px; }
.padding-bottom-20 {     padding-bottom: 20px; }
.padding-bottom-25 {     padding-bottom: 25px; }
.padding-bottom-30 {     padding-bottom: 30px; }
.padding-bottom-40 {     padding-bottom: 40px !important; }
.padding-top-5 {     padding-top: 5px; }
.padding-top-40 {     padding-top: 40px; }
.padding-top-15 {     padding-top: 15px; }
.padding-top-10 {     padding-top: 10px; }
.padding-top-20 {     padding-top: 20px; }
.padding-top-30 {     padding-top: 20px; }
.padding-top-50 {     padding-top: 50px; }

/* Positions */
.relative {  position:relative; }

/* Displays */
.inline-block { display:inline-block; }
.block { display:block; }

/* Top */
.top-6 { top:6px; }
.top-10 { top:10px; }
.top-13 { top:13px; }
.top-15 { top:15px; }
.top-17{ top:17px; }
.top-20 { top:20px; }

/* Bottom */
.bottom-3 { bottom: 3px; }
.bottom-5 { bottom: 5px; }
.bottom-6 { bottom: 6px; }
.bottom-20 { bottom: 20px; }

/* Floats */
.float-left { float:left; }
.float-right { float:right; }

/* Fonts Size */
.font-size-12 { font-size:12px; }
.font-size-14 { font-size:14px; }

/* Fonts Weight */
.bold {     font-weight: bold; }

/* Sombras */
.sombra1 { -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2); }
.sombra2{ 	-webkit-box-shadow: 0 10px 6px -6px #777; 	   -moz-box-shadow: 0 10px 6px -6px #777; 	        box-shadow: 0 10px 6px -6px #777; } 
.sombra3 {   position: relative; }
.sombra3:before, .sombra3:after {   z-index: -1;   position: absolute;   content: "";   bottom: 15px;   left: 10px;   width: 50%;   top: 80%;   max-width:300px;   background: #777;   -webkit-box-shadow: 0 15px 10px #777;   -moz-box-shadow: 0 15px 10px #777;   box-shadow: 0 15px 10px #777;   -webkit-transform: rotate(-3deg);   -moz-transform: rotate(-3deg);   -o-transform: rotate(-3deg);   -ms-transform: rotate(-3deg);   transform: rotate(-3deg); }
.sombra3:after {   -webkit-transform: rotate(3deg);   -moz-transform: rotate(3deg);   -o-transform: rotate(3deg);   -ms-transform: rotate(3deg);   transform: rotate(3deg);   right: 10px;   left: auto; }
.sombra4 {   position: relative; }
.sombra4:before {   z-index: -1;   position: absolute;   content: "";   bottom: 15px;   left: 10px;   width: 50%;   top: 80%;   max-width:300px;   background: #777;   -webkit-box-shadow: 0 15px 10px #777;   -moz-box-shadow: 0 15px 10px #777;   box-shadow: 0 15px 10px #777;   -webkit-transform: rotate(-3deg);   -moz-transform: rotate(-3deg);   -o-transform: rotate(-3deg);   -ms-transform: rotate(-3deg);   transform: rotate(-3deg); }
.sombra5{   position: relative; }
.sombra5:after {   z-index: -1;   position: absolute;   content: "";   bottom: 15px;   right: 10px;   left: auto;   width: 50%;   top: 80%;   max-width:300px;   background: #777;   -webkit-box-shadow: 0 15px 10px #777;   -moz-box-shadow: 0 15px 10px #777;   box-shadow: 0 15px 10px #777;   -webkit-transform: rotate(3deg);   -moz-transform: rotate(3deg);   -o-transform: rotate(3deg);   -ms-transform: rotate(3deg);   transform: rotate(3deg); }  
.sombra6 {   position: relative; }
.sombra6:before, .sombra6:after {   z-index: -1;   position: absolute;   content: "";   bottom: 25px;   left: 10px;   width: 50%;   top: 80%;   max-width:300px;   background: #777;   -webkit-box-shadow: 0 35px 20px #777;   -moz-box-shadow: 0 35px 20px #777;   box-shadow: 0 35px 20px #777;   -webkit-transform: rotate(-8deg);   -moz-transform: rotate(-8deg);   -o-transform: rotate(-8deg);   -ms-transform: rotate(-8deg);   transform: rotate(-8deg); }
.sombra6:after {   -webkit-transform: rotate(8deg);   -moz-transform: rotate(8deg);   -o-transform: rotate(8deg);   -ms-transform: rotate(8deg);   transform: rotate(8deg);   right: 10px;   left: auto; }
.sombra7 {   	position:relative;           -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;             box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.sombra7:before, .sombra7:after { 	content:"";     position:absolute;     z-index:-1;     -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);     -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);     box-shadow:0 0 20px rgba(0,0,0,0.8);     top:50%;     bottom:0;     left:10px;     right:10px;     -moz-border-radius:100px / 10px;     border-radius:100px / 10px; } 
.sombra7:after { 	right:10px;     left:auto;     -webkit-transform:skew(8deg) rotate(3deg);        -moz-transform:skew(8deg) rotate(3deg);             -ms-transform:skew(8deg) rotate(3deg);              -o-transform:skew(8deg) rotate(3deg);             transform:skew(8deg) rotate(3deg); }
.sombra8 {   	position:relative;           -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;             box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.sombra8:before, .sombra8:after { 	content:"";     position:absolute;     z-index:-1;     -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);     -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);     box-shadow:0 0 20px rgba(0,0,0,0.8);     top:0;     bottom:0;     left:10px;     right:10px;     -moz-border-radius:100px / 10px;     border-radius:100px / 10px; } 
.sombra8:after { 	right:10px;     left:auto;     -webkit-transform:skew(8deg) rotate(3deg);        -moz-transform:skew(8deg) rotate(3deg);             -ms-transform:skew(8deg) rotate(3deg);              -o-transform:skew(8deg) rotate(3deg);             transform:skew(8deg) rotate(3deg); }
.sombra9 {   	position:relative;           -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;             box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.sombra9:before, .sombra9:after { 	content:"";     position:absolute;     z-index:-1;     -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);     -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);     box-shadow:0 0 20px rgba(0,0,0,0.8);     top:10px;     bottom:10px;     left:0;     right:0;     -moz-border-radius:100px / 10px;     border-radius:100px / 10px; } 
.sombra9:after { 	right:10px;     left:auto;     -webkit-transform:skew(8deg) rotate(3deg);        -moz-transform:skew(8deg) rotate(3deg);             -ms-transform:skew(8deg) rotate(3deg);              -o-transform:skew(8deg) rotate(3deg);             transform:skew(8deg) rotate(3deg); }