﻿/* Estrutura */
	.box { position: relative; }

	.box .te,
	.box .td,
	.box .be,
	.box .bd { position: absolute; width: 10px; height: 10px; line-height: 0; font-size: 0; background-repeat: no-repeat; background-image: url(../../images/bordas.png); z-index: 2; }

	* html body .box .te,
	* html body .box .td,
	* html body .box .be,
	* html body .box .bd { background-image: url(../../images/box_03.gif); }
	
	* html body .bx_01 .te,
	* html body .bx_01 .td,
	* html body .bx_01 .be,
	* html body .bx_01 .bd { background-image: url(../../images/bordas.gif); }
	
	.box .te { top: 0; left: 0; background-position: top left; }
	.box .td { top: 0; right: 0; background-position: top right; }
	.box .be { bottom: 0; left: 0; background-position: bottom left; }
	.box .bd { bottom: 0; right: 0; background-position: bottom right; }

	.box .box_cont { padding: 10px; z-index: 1; }
	.box2 .box_cont { padding: 7px; z-index: 1; }

	* html body .box .be,
	* html body .box .bd { bottom: -1px; }
	
/* Aparencias Boxes */

	.box_w_full { width: 961px; }
	* html body .box_w_full .box_cont { width: 956px; }
	
	.box_w_cont { width: 637px; }
	* html body .box_w_cont .box_cont { width: 622px; }

	.box_w_menor { width: 314px; }
	* html body .box_w_menor .box_cont { width: 292px; }

	.bx_01 .box_cont { background-color: #f6f6f0; }
	
	.bx_02 .box_cont { background-color: #ffab06; }
	
	.bx_03 .box_cont { background: #fff url(../../images/box_03_bg.jpg) scroll repeat-x 0 0 ; border: solid 1px #f2f2f2; }

	.bx_03 .te,
	.bx_03 .td,
	.bx_03 .be,
	.bx_03 .bd { background-image: url(../../images/box_03.gif); }
	
	.bx_04 .box_cont { background-color: #f1efe7; }
	
	.bx_04 .bx_05 .te,
	.bx_04 .bx_05 .td,
	.bx_04 .bx_05 .be,
	.bx_04 .bx_05 .bd { background-image: url(../../images/box_05.gif); }	
	
	.bx_04 .bx_05 .box_cont { background-color: #fff; }
	
	.bx_06 .box_cont { background-color: #c6c3b2; }
	
    .bx_06 .bx_07 .box_cont { background-color: #e5e4dc; }

	.bx_06 .bx_07 .te,
	.bx_06 .bx_07 .td,
	.bx_06 .bx_07 .be,
	.bx_06 .bx_07 .bd { background-image: url(../../images/box_07_bg.gif); }
	
	.bx_06 .bx_08 .box_cont { background: #c6c3b2; border: solid 1px #f2f2f2; }

	.bx_06 .bx_08 .te,
	.bx_06 .bx_08 .td,
	.bx_06 .bx_08 .be,
	.bx_06 .bx_08 .bd { background-image: url(../../images/box_08_bg.gif); }
	
	.bx_09 .box_cont { background-color: #2a1814; }
	
	.bx_10 .box_cont { background-color: #fff; border: solid 1px #f2f2f2; }
	
	* html body .bordaie6 .box_cont{ width: 385px;}
	
    
	.bx_10 .te,
	.bx_10 .td,
	.bx_10 .be,
	.bx_10 .bd { background-image: url(../../images/box_03.gif); }

	.bx_11 .box_cont { background-color: #fcfcfc; }

	.bx_11 .te,
	.bx_11 .td,
	.bx_11 .be,
	.bx_11 .bd { background-image: url(../../images/box_11.gif); }
	
	.bx_12 .box_cont { background-color: #f5f5f5; border: solid 1px #f2f2f2; }

	.bx_12 .te,
	.bx_12 .td,
	.bx_12 .be,
	.bx_12 .bd { background-image: url(../../images/box_03.gif); }	
	
	.bx_13 .box_cont,
	.bx_14 .box_cont { background-color: #fff; border: solid 1px #f2f2f2; }
	
	.bx_13 .te { width: 1px; height: 1px; background-image: url(../../images/box_03.gif) no-repeat center top; }
  
    .bx_13 .td,
	.bx_13 .bd,
	.bx_14 .td,
	.bx_14 .bd { *margin-right: -1px; }
	
	.bx_13 .td,
	.bx_13 .be,
	.bx_13 .bd,
	.bx_14 .te,
	.bx_14 .td,
	.bx_14 .be,
	.bx_14 .bd { background-image: url(../../images/box_03.gif); }
	
/* Tipos de Conteudos */

	/* 
		Atenção ao Conteudo de cada box		

		1 - Titulo COM borda e imagem à esquerda 
		2 - Titulo SEM borda e Conteudo à baixo 
		3 - Titulo COM borda e imagem à esquerda, COM subtitulo 
		4 - Titulo COM borda e Conteudo à baixo 
		5 - Caixa Grande como a 4 tendo Titulo COM borda e Conteudo à baixo 
	*/
	
	/* Titulo COM borda e imagem à esquerda */
	.cont1 .box_cont { padding: 20px; }
	.cont1 .box_cont h2 { font: normal 20px arial; border-bottom: 1px solid #dfdfdf; color: #2a1814; padding: 5px 0 20px; margin-bottom: 15px; }
	.cont1 .box_cont img { margin-right: 25px;  position: relative; float: left; }
	.cont1 .box_cont div { float: left; position: relative; }

	/* Titulo SEM borda e Conteudo à baixo */
	.cont2 .box_cont { padding: 20px; }
	.cont2 .box_cont h2 { font: normal 20px arial; color: #2a1814; margin-bottom: 15px; }

	/* Titulo COM borda e imagem à esquerda, COM subtitulo */
	.cont3 .box_cont { padding: 20px; }
	.cont3 .box_cont h2 { font: normal 20px arial; border-bottom: 1px solid #dfdfdf; color: #2a1814; padding: 5px 0 20px; margin-bottom: 15px; }
	.cont3 .box_cont h4 { font: bold 11px arial; border-bottom: 1px solid #dfdfdf; color: #2a1814; padding: 5px 0 10px; margin-bottom: 10px; }
	.cont3 .box_cont img { margin-right: 25px;  position: relative; float: left; }
	.cont3 .box_cont div { float: left; position: relative; }

	/* Titulo COM borda e Conteudo à baixo */
	.cont4 .box_cont { padding: 20px 10px; }
	.cont4 .box_cont h2 { font: normal 20px arial; border-bottom: 1px solid #dfdfdf; color: #2a1814; padding: 5px 0 20px; margin-bottom: 15px; }
	.cont4 .box_cont img { margin: 0 auto 15px; }
	
	/* Caixa Grande como a 4 tendo Titulo COM borda e Conteudo à baixo */
	.cont5 .box_cont { padding: 20px; }
	.cont5 .box_cont h2 { font: normal 20px arial; border-bottom: 1px solid #dfdfdf; color: #2a1814; padding: 5px 0 20px; margin-bottom: 15px; }
	.cont5 .box_cont img { margin: 0 auto 15px; }	
