/* ==========================================================================
   Definições de visualização para o documento HTML5
   ========================================================================== */


/* Container
   ========================================================================== */
	[class*="container_"]{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; margin-left:auto; margin-right:auto; }


/* Limit width of the page
   ========================================================================== */
	.fix1000 { width:1000px; }
	.fix1200 { width:1200px; }
	.fix1400 { width:1400px; }
	.fix1600 { width:1600px; }

	.max1000 { max-width:1000px; }
	.max1200 { max-width:1200px; }
	.max1400 { max-width:1400px; }
	.max1600 { max-width:1600px; }

	.fluid { max-width: 100%; }

	.min1000 { min-width:1000px; }
	.min1200 { min-width:1200px; }
	.min1400 { min-width:1400px; }
	.min1600 { min-width:1600px; }
	

/* Syntax Framework (Grid)
   ========================================================================== */
	[class*="container_"] [class*="grid_"] { float:left;position:relative; }
	[class*="container_"] [class*="grid_"].center { float:none;margin-left:auto;margin-right:auto; }

	.container_grid .grid_1 { width:6.5%; }
	.container_grid .grid_2 { width:15%; }
	.container_grid .grid_3 { width:23.5%; }
	.container_grid .grid_4 { width:32%; }
	.container_grid .grid_5 { width:40.5%; }
	.container_grid .grid_6 { width:49%; }
	.container_grid .grid_7 { width:57.5%; }
	.container_grid .grid_8 { width:66%; }
	.container_grid .grid_9 { width:74.5%; }
	.container_grid .grid_10 { width:83%; }
	.container_grid .grid_11 { width:91.5%; }
	.container_grid .grid_12 { width:100%; margin-right:0; }
	.container_grid [class*="grid_"]{margin-right:2%}
	.container_grid [class*="grid_"].last{margin-right:0}

	.container_full .grid_1 { width:8.3325%; }
	.container_full .grid_2 { width:16.665%; }
	.container_full .grid_3 { width:24.9975%; }
	.container_full .grid_4 { width:33.33%; }
	.container_full .grid_5 { width:41.6625%; }
	.container_full .grid_6 { width:50%; }
	.container_full .grid_7 { width:58.3275%; }
	.container_full .grid_8 { width:66.66%; }
	.container_full .grid_9 { width:74.9925%; }
	.container_full .grid_10 { width:83.325%;}
	.container_full .grid_11 { width:91.6575%; }
	.container_full .grid_12 { width:100%; }
	.container_full [class*="grid_"] { margin-right:0; }

	.container_full .container_grid .grid_1{width:6.5%}
	.container_full .container_grid .grid_2{width:15%}
	.container_full .container_grid .grid_3{width:23.5%}
	.container_full .container_grid .grid_4{width:32%}
	.container_full .container_grid .grid_5{width:40.5%}
	.container_full .container_grid .grid_6{width:49%}
	.container_full .container_grid .grid_7{width:57.5%}
	.container_full .container_grid .grid_8{width:66%}
	.container_full .container_grid .grid_9{width:74.5%}
	.container_full .container_grid .grid_10{width:83%}
	.container_full .container_grid .grid_11{width:91.5%}
	.container_full .container_grid .grid_12{width:100%;margin-right:0}
	.container_full .container_grid [class*="grid_"]{margin-right:2%}
	.container_full .container_grid [class*="grid_"].last{margin-right:0}

	[class*="container_"] [class*="grid_"] embed,
	/*[class*="container_"] [class*="grid_"] iframe,*/
	[class*="container_"] [class*="grid_"] img,
	[class*="container_"] [class*="grid_"] object,
	[class*="container_"] [class*="grid_"] video{height:auto;max-width:100%}


/* Useful
   ========================================================================== */
	.maxtext { overflow:hidden; text-overflow:ellipsis; }
	.onerow { white-space:nowrap; }

	.txtleft { text-align:left }
	.txtright { text-align:right;}
	.txtcenter { text-align:center; }
	.txtjust { text-align:justify; }

	.fleft { float:left; }
	.fright { float:right; }

	.dnone { display:none; }
	.dblock { display:block}
	.dinline-block { display: inline-block; *display: inline; *zoom:1; }
	.dtable { display: table; }

	.vtop{ vertical-align: top;}
	.vmiddle{ vertical-align: middle;}
	.vbottom{ vertical-align: bottom;}

	.alignleft{float:left;margin:0 10px 10px 0}
	.alignright{float:right;margin:0 0 10px 10px}
	.aligncenter{display:block;margin-left:auto;margin-right:auto}

	.no-margin-top { margin-top: 0 !important; }
	.no-margin-left { margin-left: 0 !important; }
	.no-margin-right { margin-right: 0 !important; }
	.no-margin-bottom { margin-bottom: 0 !important; }

/* Clear
   ========================================================================== */
	.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }

	.clearfix:before,
	.clearfix:after,
	[class*="container_"]:before,
	[class*="container_"]:after,
	[class*="grid_"]:before,
	[class*="grid_"]:after{ content:'\0020'; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }

	.clearfix:after,
	[class*="container_"]:after,
	[class*="grid_"]:after { clear:both; }

	.clearfix,
	[class*="container_"],
	[class*="grid_"] { zoom:1; }


/* Mobile
   ========================================================================== */
	@media all and (max-width:960px){
		.responsive > [class*="grid_"].adapt { float:none; margin-right:0; width:auto; }
	}

	@media all and (max-width:720px){
		.responsive > [class*="grid_"].adapt > [class*="grid_"],
		.responsive > [class*="grid_"].center { float:none;margin-right:0;width:auto; }
	
	}

	@media all and (max-width:480px){
		.responsive > [class*="grid_"] { float:none;margin-right:0;width:auto; }

		.responsive .nomobile { display:none; }

		.responsive .txtmobile { text-align:center !important; }
	}

	@media all and (max-width:320px){
		.responsive .img320 { width:100% !important; }
	}