body 							{font-family: 'Roboto Condensed', sans-serif; margin:0; padding:0; font-size:small;}
	textarea						{font-family: 'Roboto Condensed', sans-serif; font-size:small;}
	main							{margin:0; padding:0;background-color:#fff;}
	header							{margin:0; padding:0;background-color:#f0f6f8;border-top:solid 4px #b01125;}
	iframe 							{border-top: 1px solid #fff;box-shadow: 0 0 5px #ccc;}	
	.cb								{clear:both;}
	.tc								{text-align:center}
	
	.logo							{float: left; margin-top:13px;}
	.h_menu4 						{margin: 4px 0 0px;float: right;}
	.container						{margin: 0px 30px; padding:5px 0;}
	.mainContainer					{margin: 0px 50px; padding:5px 0;}
	.cntBanner						{margin:0; padding:0;}


	
	.col-33							{width:32%; float:left; margin:0 5px}
	
	
	footer							{color:#000; padding:25px 0; clear:both!important;-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;border-top:  1px 		
									solid #fff; font-size:14px; line-height:22px;}
	footer a 						{color:#000; text-decoration:none;}
	footer a:hover 					{text-decoration:underline;}
	footer .col-33 ul				{line-height:20px;}
	footer .col-33 h2				{font-size:16px; margin:3px 0; border-bottom:solid 1px #CCC; color:#000; font-weight:normal; border-bottom:solid 1px #000;}
	footer .col-33 ul				{margin:0; padding:0;}
	footer .col-33 ul li			{list-style-type:none; padding:1px 0;}
	
	
	h4 								{font-size:20px; font-weight:100; margin:1px; padding:0;}
	h2 								{font-weight:100; font-size:35px; margin:1px; padding:0;}
	.paragraph-home					{font-size:20px; font-weight:normal; text-align:center;}
	p								{font-size:15px;margin:1px; padding:0;}
	

	.boxProfesional					{float:left; width:20%; margin:10px 0; }
	.boxProfesional img				{border-radius:8px; border:solid 3px #ccc; margin-top:6px; }
	.boxProfesional p				{text-align:justify;font-weight:100; }
	.boxProfesional a				{color:#b01125;text-decoration:none!important;}
	.boxProfesional a h3			{font-size:18px; font-weight:400; margin:1px; padding:0;color:#000;}
		

	.divForm						{width:40%; background-color:#CCC; padding:10px;float:left;}
	.divForm label					{width:98%; display:block; margin:5px 0 3px 0;}
	.divForm input[type='text']		{width:98%; display:block; background-color:#FFFFFF; padding:8px 4px;border:0;color:#999;}
	.divForm textarea				{width:98%; max-width:98%; display:block; background-color:#FFFFFF; padding:8px 4px;border:0;color:#999;}
	
	.BtnSend						{background-color:#b01125; width:25%;color:#fff; border:0; padding:10px; cursor:pointer;}
	
	
	.divText						{width:48%; font-size:15px; float:left; margin-left:20px; line-height:22px;}
	
	.accordion						{}
	.accordion h3					{cursor:pointer; text-transform:uppercase; margin:10px 0 0 0; font-size:17px; font-weight:normal; background-image:url(../images/arrow-next.png); background-repeat:no-repeat; background-position:left 7px; padding-left:15px;}
	.accordion h3.active			{color:#b01125; font-weight:bold;border-bottom:solid 1px #000;background-image:url(../images/arrow-down.png); background-repeat:no-repeat; background-position:left 7px; padding-left:15px;}
	.accordion p					{display:none; margin-bottom:5px;}
	
	.divCustomers					{width:90%; display:inline-block; margin:10px 0;}
	.divCustomers img 				{float:left; margin-right:15px; padding-right:15px;border-right:solid 1px #000;}
	.divCustomers p					{float:left; width:70%; font-size:15px;}
	.divCustomers h3				{font-weight:normal; margin:10px 0 0 0;float:left;width:70%; font-size:16px;}
	
	
@media screen and (max-width: 320px) { /*rojo: F00*/
	body 				{background-color:#CCC!important;}
	.logo				{float: none;}
	.h_menu4 			{width: 100%;margin: 1px 0 0px;}
	.col-33				{width:80%!important; display:block;margin:10px 0;}
	footer .col-33 h2	{font-size:small;}
	.paragraph-home		{font-size:15px; font-weight:normal; text-align:center;}
	.boxProfesional		{width:60%!important;display:block;margin:10px 0;}
	.boxProfesional img {width:210px!important;}
	
	.divCustomers  		{ margin-bottom:15px; padding-bottom:15px;border-bottom:solid 1px #000;}
	.divCustomers p		{font-size:13px;}
	.divCustomers img 	{float:left; margin-right:0; padding-right:0;border-right:0;}
	

}

@media screen and (min-width: 320px) and (max-width: 480px) { /*verde: 00FF00*/
	body 				{background-color:#CCC;}
	.logo				{float: left;}
	.h_menu4 			{width: 100%;}
	.col-33				{width:80%; display:block;margin:10px 0;}
	footer .col-33 h2	{font-size:small;}
	.paragraph-home		{font-size:15px; font-weight:normal; text-align:center;}
	.boxProfesional		{width:100%!important;display:block;margin:10px 0;}
	.boxProfesional img {width:230px!important;}
	.divCustomers p		{font-size:13px;}
	
}

@media screen and (min-width: 480px) and (max-width: 768px) { /*azul: 00F*/
	body 				{background-color:#CCC;}
	.logo				{float: left;}
	.h_menu4 			{width: 50%;}
	.col-33				{width:80%; display:block;margin:10px 0;}
	footer .col-33 h2	{font-size:small;}
	.boxProfesional		{width:60%!important;display:block;margin:10px 0;}
	.boxProfesional img {width:230px!important;}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) { /*amarillo: FF0*/
	body 				{background-color:#CCC;}
	.logo				{float: left;}
	.h_menu4 			{float: right;}
	.boxProfesional		{width:50%!important;display:block;margin:10px 0;}
	.boxProfesional img {width:290px!important;}
	
}

@media screen and (min-width: 1024px) { /*celeste: 0CF*/
	body 			{background-color:#CCC;}
	.logo			{float: left;}
	.h_menu4 		{float: right;}
}



/*modalDialog*/
.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999;opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog > div {width: 80%;position: relative;margin: 10% auto;padding: 20px;background: #fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);}
.modalDialog > div h3 {margin:0;font-size:18px; font-weight:400; margin:1px; padding:0;color:#000;}
.modalDialog > div a {color:#b01125;}
.close {background: #fff;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}
.close:hover { background: #fff; }