/** basic default styles **/
html { margin: 0; padding: 0; }

body { 
height: 101%; 
font-size: 62.5%; 
font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; 
color: #333; 
background: #fff url('images/body-bg.jpg') 0px 0px repeat; 
/*padding-top: 10px; */
}

a { color: #4681da; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 { 
/*border-bottom: 1px solid #ddd; 
border-top: 1px solid #ddd; */
color: #363636;
font-family: "Droid Serif", Georgia, serif; 
font-size: 2.6em; 
line-height: 1.8em; 
font-weight: 500; 
margin-top: 25px; 
margin-bottom: 25px; 
padding: 12px 0; 
text-align: center; 
}

h3 {
letter-spacing: -0.04em;
font-weight: bold;
font-size: 1.44em;
margin-bottom: 10px;
}

span.chyron { font-size: 1.2em; padding-top: 10px; }

/** main blocks **/
#container { 
display: block;
max-width: 800px;
margin: 0 auto; 
margin-top: 5px; 
margin-bottom: 66px;
padding: 20px 15px; 
background: #fff; 
border-radius: 6px; 
-webkit-border-radius: 6px; 
-moz-border-radius: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;  
}


/** the form elements **/
#hongkiat-form { box-sizing: border-box; }

#hongkiat-form .txtinput { 
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 20px;
font-size: 1.55em;
padding:5px 5px;
padding-left: 55px;
width: 90%;
color: #777;
/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;*/
}

#hongkiat-form .txtinput:focus { 
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
outline: 0 none; 
}

#hongkiat-form input#name {
background: #fff url('images/user.png') 5px 4px no-repeat;
}
#hongkiat-form input#email {
background: #fff url('images/email.png') 5px 4px no-repeat;
}
#hongkiat-form input#website {
background: #fff url('images/website.png') 5px 4px no-repeat;
}
#hongkiat-form input#telephone {
background: #fff url('images/telefone.png') 5px 4px no-repeat;
}
#hongkiat-form input#celular {
background: #fff url('images/celular.png') 5px 4px no-repeat;
}
#hongkiat-form input#rg {
background: #fff url('images/rg.png') 5px 4px no-repeat;
}
#hongkiat-form input#cpf {
background: #fff url('images/cpf.png') 5px 4px no-repeat;
}
#hongkiat-form input#data {
background: #fff url('images/data.png') 5px 4px no-repeat;
}

#hongkiat-form input#endereco {
background: #fff url('images/endereco.png') 5px 4px no-repeat;
}
#hongkiat-form input#bairro {
background: #fff url('images/bairro.png') 5px 4px no-repeat;
}
#hongkiat-form input#cep {
background: #fff url('images/cep.gif') 5px 4px no-repeat;
}

#hongkiat-form textarea {
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 15px;
font-size: 1.5em;
padding: 11px 25px;
padding-left: 55px;
width: 95%;
height:280px;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form textarea:focus {
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
outline: 0 none; 
}
#hongkiat-form textarea.txtblock {
background: #fff url('images/speech.png') 5px 4px no-repeat;
}

#hongkiat-form #slider { width: 60%; }
		
#hongkiat-form #central { 
box-sizing: border-box; 
float: left; 
width: 90%; 
margin-right: 50px; 
}


#hongkiat-form #aligned { 
box-sizing: border-box; 
float: left; 
width: 450px; 
margin-right: 50px; 
}
#hongkiat-form #aside {
	float: left;
	width: 250px;
	padding: 0;
	box-sizing: border-box;
}

#wrapping { width: 100%; box-sizing: border-box; }

span.radiobadge { display: block; margin-bottom: 8px; }
span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; }

select.selmenu {
font-size: 17px;
color: #676767;
padding: 9px !important;
border: 1px solid #aaa;
width: 200px;
}

/** custom buttons **/

#buttons { display: block; padding-top: 10px; }
#buttons #resetbtn {
display: block;
float: left;
color: #515151;
text-shadow: -1px 1px 0px #fff;
margin-right: 20px;
height: 3em;
padding: 0 1em;
outline: 0;
font-weight: bold;
font-size: 1.3em;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(240,240,240)), color-stop(100%,rgb(222,222,222)));
background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);    background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
border: 1px solid #969696;
box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-moz-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

#buttons #resetbtn:hover {
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
color: #818181;
background-color: #fff;
background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(244,244,244) 2%, rgb(229,229,229) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(244,244,244)), color-stop(100%,rgb(229,229,229)));
background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%);background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-color: #aeaeae;
box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
}

#buttons #submitbtn {
display: block;
float: left;
height: 3em;
padding: 0 1em;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 1.3em;
color:  #fff;
text-shadow: 0px 1px 0px #222;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border-color: #5e890a #5e890a #000;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
background-color: rgb(226,238,175);
background-image: -moz-linear-gradient(top, rgb(226,238,175) 3%, rgb(188,216,77) 3%, rgb(144,176,38) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38))); 
background-image: -webkit-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -o-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -ms-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}
#buttons #submitbtn:hover, #buttons #submitbtn:active {
border-color: #7c9826 #7c9826 #000;
color: #fff;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
background: rgb(228,237,189);
background: -moz-linear-gradient(top, rgb(228,237,189) 2%, rgb(207,219,120) 3%, rgb(149,175,54) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(228,237,189)), color-stop(3%,rgb(207,219,120)), color-stop(100%,rgb(149,175,54))); 
background: -webkit-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); 
background: -o-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); background: -ms-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); background: linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4edbd', endColorstr='#95af36',GradientType=0 );
}

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

























.layout1{float:left; margin:10px 0 40px 0;} /* margin-top:10px; margin-bottom:40px top right  bottom left*/

/*
background: linear-gradient(45deg, #000033 0%, #00FFFF 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2) inset, 0 -3px 7px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
    padding: 40px 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075);
	
	.layouts {	line-height:1.7em;	padding:0 0 30px 0;	clear:both;	position:relative}
.layouts h2 {	font-size:36px;	background:url(../images/title_line_long.gif) bottom no-repeat;	line-height:36px;	margin-bottom:20px}
.layouts h3 {	font-size:21px;	color:#666;	margin-bottom:15px}*/
.layouts {width:940px; margin:0 auto; border:1px red solid;} 
	.BLOCO_100{ border:0px dotted #F00; width:100%; /*padding: 0 0 0px 0;display:inline;*/} .grid_100 {width:100%;}
	.BLOCO_70 { border:1px dotted #F00; width:730px;} .grid_80 {width:80%;}
	.BLOCO_60 { border:0px dotted #F00; width:500px;} .grid_70 {width:70%;}
	.BLOCO_50 { border:0px dotted #F00; width:47%;  } .grid_50 {width:50%;}
	.BLOCO_40 { border:0px dotted #F00; width:480px;} .grid_40 {width:40%;}
	.BLOCO_35 { border:0px dotted #F00; width:300px;} .grid_35 {width:35%;}
	.BLOCO_30 { border:0px dotted #F00; width:230px;} .grid_30 {width:30%;}
	.BLOCO_25 { border:0px dotted #F00; width:200px;} .grid_25 {width:20%;}

		.coluna_1 { border:0px dotted #F0F; width:230px;padding: 0 0 30px 0;display: inline;}
		.coluna_2 { border:0px dotted #F0F; width:230px;padding: 0 0 30px 0;display: inline;}
		.coluna_3 { border:0px dotted #F0F; width:230px;padding: 0 0 30px 0;display: inline;}
		.coluna_4 { border:0px dotted #F0F; width:230px;padding: 0 0 30px 0;display: inline;}
		.coluna_5 { border:0px dotted #F0F; width:250px;padding: 0 0 30px 0;display: inline;}
		.coluna_6 { border:0px dotted #F0F; width:250px;clear:both;}
.fn { font-weight:bold; } .fx { font-weight:normal; }
.cxredondo {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cxsombra{
   background-color: #f3f3f3;
   padding: 10px;
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
.cxsombra2{
	 -moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-color: #EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
	border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    box-shadow: 0 8px 6px -6px black;
}
/*ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
	LISTAGEM LI UL OL TABLE TR TD TH
  ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ul li { line-height:1.5em; padding-left:0px; background:url('../images/icon-ul.gif') no-repeat 0px 4px; display:block; }
ol li { line-height:1.5em; margin-left:0px; list-style-type:decimal; }
li ul, ul ul,
 li ol       { margin-bottom:0px; }
ul, ol      { margin: 0px 0px 0px 0px; }
ul          { list-style-type: none; position:relative; margin-bottom:0px; }
ol          { list-style-type: decimal;margin-bottom:0px; }*/
	/*oooooooooooooooooooooooooooooooo
		TABELA
	  oooooooooooooooooooooooooooooooo*/
table       { margin-bottom: 1.4em; width:100%; }
table td	{ }
thead		{}
thead th,thead td { font-weight:bold; background:#006699 !important; color:#FFFFFF;border:1px solid #006699  }
th          { font-weight: bold; background:#006699; color:#FFFFFF }
th,td       { padding: 4px 10px 4px 5px; }
thead td { border:1px solid #006699 }
tbody td { border:1px solid #006699 }
tr.impar td  { background: #FFFFCC; }
tfoot       { font-style: italic; }
caption     { background: #006699; }
tr {
	color: #5b5b5b;
	height:24px;	
}
td {
	border:0px solid #111;	
}
	/*oooooooooooooooooooooooooooooooo
		Block
	  oooooooooooooooooooooooooooooooo*/
	  
		/*oooooooooooooooooooooooooooooooo
			Width
		  oooooooooooooooooooooooooooooooo*/
		.w5 {width:5px} .w10 {width:10px} .w15 {width:15px} 
		.w20 {width:20px} .w40 {width:40px} .w60 {width:60px} .w80 {width:80px} .w100 {width:100px} .w120 {width:120px} 
		.w140 {width:140px} .w160 {width:160px} .w180 {width:180px} .w200 {width:200px} .w220 {width:220px} .w240 {width:240px}
		.w260 {width:260px} .w280 {width:280px} .w300 {width:300px} .w320 {width:320px} .w340 {width:340px} .w360 {width:360px}
		.w380 {width:380px} .w400 {width:400px} .w420 {width:420px} .w440 {width:440px} .w460 {width:460px} .w480 {width:480px}
		.w500 {width:500px} .w520 {width:520px} .w540 {width:540px} .w560 {width:560px} .w580 {width:580px} .w600 {width:600px}
		.w620 {width:620px} .w640 {width:640px} .w660 {width:660px} .w680 {width:680px} .w700 {width:700px} .w720 {width:720px}
		.w740 {width:740px} .w760 {width:760px} .w780 {width:780px} .w800 {width:800px} .w820 {width:820px} .w840 {width:840px}
		.w860 {width:860px} .w880 {width:880px} .w900 {width:900px} .w920 {width:920px} .w940 {width:940px} .w960 {width:960px}
		.w980 {width:980px} .w1000 {width:1000px} .w1020 {width:1020px} .w1040 {width:1040px} .w1060 {width:1060px} .w1080 {width:1080px}
		.w1100 {width:1100px} .w1120 {width:1120px} .w1140 {width:1140px} .w1160 {width:1160px} .w1180 {width:1180px} .w1200 {width:1200px}
		.w1220 {width:1220px} .w1240 {width:1240px} .w1260 {width:1260px} .w1280 {width:1280px}

		/*oooooooooooooooooooooooooooooooo
			Height
		  oooooooooooooooooooooooooooooooo*/
		.h5 {height:5px} .h10 {height:10px} .h15 {height:15px}
		.h20 {height:20px} .h30 {height:30px} .h40 {height:40px} .h60 {height:60px} .h80 {height:80px} .h100 {height:100px} .h120 {height:120px} 
		.h140 {height:140px} .h160 {height:160px} .h180 {height:180px} .h200 {height:200px} .h220 {height:220px} .h240 {height:240px}
		.h260 {height:260px} .h280 {height:280px} .h300 {height:300px} .h320 {height:320px} .h340 {height:340px} .h360 {height:360px}
		.h380 {height:380px} .h400 {height:400px} .h420 {height:420px} .h440 {height:440px} .h460 {height:460px} .h480 {height:480px}
		.h500 {height:500px} .h520 {height:520px} .h540 {height:540px} .h560 {height:560px} .h580 {height:580px} .h600 {height:600px}
		.h620 {height:620px} .h640 {height:640px} .h660 {height:660px} .h680 {height:680px} .h700 {height:700px} .h720 {height:720px}
		.h740 {height:740px} .h760 {height:760px} .h780 {height:780px} .h800 {height:800px} .h820 {height:820px} .h840 {height:840px}
		.h860 {height:860px} .h880 {height:880px} .h900 {height:900px} .h920 {height:920px} .h940 {height:940px} .h960 {height:960px}
		.h980 {height:980px} .h1000 {height:1000px} .h1020 {height:1020px} .h1040 {height:1040px} .h1060 {height:1060px} .h1080 {height:1080px}
		.h1100 {height:1100px} .h1120 {height:1120px} .h1140 {height:1140px} .h1160 {height:1160px} .h1180 {height:1180px} .h1200 {height:1200px}
		.h1220 {height:1220px} .h1240 {height:1240px} .h1260 {height:1260px} .h1280 {height:1280px}
 
	/*oooooooooooooooooooooooooooooooo
		Margins
	  oooooooooooooooooooooooooooooooo*/
	.mla {margin-left:auto}
	.mra {margin-right:auto}
	.mce {margin:0 auto}
.m5 {margin:5px} .mt5 {margin-top:5px !important} .mb5 {margin-bottom:5px !important} .ml5 {margin-left:5px !important} .mr5 {margin-right:5px !important}
.m10 {margin:10px} .mt10 {margin-top:10px !important} .mb10 {margin-bottom:10px !important} .ml10 {margin-left:10px !important} .mr10 {margin-right:10px !important}
.m15 {margin:15px} .mt15 {margin-top:15px !important} .mb15 {margin-bottom:15px !important} .ml15 {margin-left:15px !important} .mr15 {margin-right:15px !important}
.m20 {margin:20px} .mt20 {margin-top:20px !important} .mb20 {margin-bottom:20px !important} .ml20 {margin-left:20px !important} .mr20 {margin-right:20px }
.m25 {margin:25px} .mt25 {margin-top:25px !important} .mb25 {margin-bottom:25px !important} .ml25 {margin-left:25px !important} .mr25 {margin-right:25px !important}
.m30 {margin:30px} .mt30 {margin-top:30px !important} .mb30 {margin-bottom:30px !important} .ml30 {margin-left:30px !important} .mr30 {margin-right:30px !important}
.m35 {margin:35px} .mt35 {margin-top:35px !important} .mb35 {margin-bottom:35px !important} .ml35 {margin-left:35px !important} .mr35 {margin-right:35px !important}
.m40 {margin:40px} .mt40 {margin-top:40px !important} .mb40 {margin-bottom:40px !important} .ml40 {margin-left:40px !important} .mr40 {margin-right:40px !important}
.m45 {margin:45px} .mt45 {margin-top:45px !important} .mb45 {margin-bottom:45px !important} .ml45 {margin-left:45px !important} .mr45 {margin-right:45px !important}
.m60 {margin:60px} .mt60 {margin-top:60px !important} .mb60 {margin-bottom:60px !important} .ml60 {margin-left:60px !important} .mr60{margin-right:60px !important}
.m80 {margin:80px} .mt60 {margin-top:80px !important} .mb80 {margin-bottom:80px !important} .ml80 {margin-left:80px !important} .mr80{margin-right:80px !important}

	/*oooooooooooooooooooooooooooooooo
		PADDING
	  oooooooooooooooooooooooooooooooo*/
.peq {padding:6px 24px;font-weight:normal;}
.med {padding:16px 32px 12px;font:15px Arial, sans-serif;font-weight:bold;}
.big {padding:20px 46px;font:22px Arial, sans-serif;font-weight:bold;}	

	.p5 {padding:5px} 	.pt5 {padding-top:5px} 	 .pb5 {padding-bottom:5px} 	 .pl5 {padding-left:5px}   .pr5 {padding-right:5px}
	.p10 {padding:10px} .pt10 {padding-top:10px} .pb10 {padding-bottom:10px} .pl10 {padding-left:10px} .pr10 {padding-right:10px}
	.p15 {padding:15px} .pt15 {padding-top:15px} .pb15 {padding-bottom:15px} .pl15 {padding-left:15px} .pr15 {padding-right:15px}
	.p20 {padding:20px} .pt20 {padding-top:20px} .pb20 {padding-bottom:20px} .pl20 {padding-left:20px} .pr20 {padding-right:20px}
	.p25 {padding:25px} .pt25 {padding-top:25px} .pb25 {padding-bottom:25px} .pl25 {padding-left:25px} .pr25 {padding-right:25px}
	.p30 {padding:30px} .pt30 {padding-top:30px} .pb30 {padding-bottom:30px} .pl30 {padding-left:30px} .pr30 {padding-right:30px}
	.p35 {padding:35px} .pt35 {padding-top:35px } .pb35 {padding-bottom:35px } .pl35 {padding-left:35px } .pr35 {padding-right:35px }
	.p40 {padding:40px} .pt40 {padding-top:40px } .pb40 {padding-bottom:40px } .pl40 {padding-left:40px } .pr40 {padding-right:40px }
	.p45 {padding:45px} .pt45 {padding-top:45px } .pb45 {padding-bottom:45px } .pl45 {padding-left:45px } .pr45 {padding-right:45px }
		
	/*oooooooooooooooooooooooooooooooo
		Text Alignment
	  oooooooooooooooooooooooooooooooo*/
	.txtac {text-align:center;}
	.txtal {text-align:left}
	.txtar {text-align:right}
		.txtup { text-transform:uppercase; }
		.txtdw { text-transform:lowercase; }
		.txtca { text-transform:capitalize;}
			.vt { vertical-align:top; }
			.vm { vertical-align:middle;}			
			.vb { vertical-align:bottom; vertical-align:baseline; }

	   
	/*oooooooooooooooooooooooooooooooo
		Block Alignment
	  oooooooooooooooooooooooooooooooo*/
	.fll {float:left;}
	.flr {float:right;}
		.cb {clear:both}
		.cbr {clear:right}
		.cbl {clear:left;}
			.pr {position:relative}
			.pa {position:absolute}
			.pf {position:fixed}
		
	/*oooooooooooooooooooooooooooooooo
		Block Filling
	  oooooooooooooooooooooooooooooooo*/
	.oh {overflow:hidden}
	.ha {height:auto !important}
	.wa {width:0 auto !important}
	.dnon {display:none}
	
	/*oooooooooooooooooooooooooooooooo
		Debug -  ALERTS
	  oooooooooooooooooooooooooooooooo*/
	.debug {border:1px solid #FF0000}

div.msg {border-radius: 5px 5px 5px 5px; margin-bottom: 10px;margin-top:10px;padding: 10px 10px 10px 37px;
	    cursor: pointer;width:auto; /*float:left; z-index:999; position:absolute; display:block;*/}
			div.success {border:1px solid #6cd858;background:#e3ffde url(../images/alert-ok.png) 10px 13px no-repeat;}
			div.error {border:1px solid #ffa2aa;background:#fae8e8 url(../images/alert-error.png) 10px 13px no-repeat;}
			div.warning {border:1px solid #d6d61f;background:#ffffd3 url(../images/alert-alert.png) 10px 13px no-repeat;}
			div.information {border:1px solid #b4dbe8;background:#e3f2f7 url(../images/alert-info.png) 10px 13px no-repeat;}
			div.alert {border:1px solid #CCCCCC;background:#E9EDEA url(../images/list_arrow.png) 10px 13px no-repeat; color:#666;}
	form .erro { margin-left:10px; color:#F00; padding-bottom:0px; font-size:11px; clear:both;  font-style:normal; }	

/*oooooooooooooooooooooooooooooooo
	COLOR , COLOR BOTTON
oooooooooooooooooooooooooooooooo*/
.red {border:1px solid #9c0606;background:#e85353}
.blue {border:1px solid #0d717e;background:#28a0b2}
.green {border:1px solid #3b6e22;background:#75ae5c}
.orange {border:1px solid #c16729;background:#ff9435}
.purple {border:1px solid #981271;background:#cb60b3}
.yellow {border:1px solid #af9827;background:#f2de6f}
.black {border:1px solid #000;background:#444}
.gray {border:1px solid #444;background:#888}

.red:hover {background: -moz-linear-gradient(center top , #C9151B, #A11115) repeat scroll 0 0 transparent;}
.blue:hover {background: -moz-linear-gradient(center top , #09C, #036) repeat scroll 0 0 transparent;}
.green:hover {background: -moz-linear-gradient(center top , #6B9D28, #436B0C) repeat scroll 0 0 transparent;}
.orange:hover {background: -moz-linear-gradient(center top , #F60, #F93) repeat scroll 0 0 transparent;}
.purple:hover {background: -moz-linear-gradient(center top , #93C, #C36) repeat scroll 0 0 transparent;}
.yellow:hover {background: -moz-linear-gradient(center top , #FC0, #F90) repeat scroll 0 0 transparent;}
.black:hover {background: -moz-linear-gradient(center top , #666, #333) repeat scroll 0 0 transparent;}
.gray:hover {background: -moz-linear-gradient(center top , #CCC, #666) repeat scroll 0 0 transparent;}