/* --------------------------------------------------------------

	FABRICA DE MOSAICOS
	
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
   RESET
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* --------------------------------------------------------------    
   TIPOGRAFY
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 12px;
  color: #000; 
  font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: futura bk bt,tahoma,arial,helvetica; font-weight: normal; color: #111111; letter-spacing: 0.04em }

h1 { font-size: 20px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 16px; margin-bottom: 0.75em; }
h3 { font-size: 16px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 18px; line-height: 1; margin-bottom: 0.5em; }
h5 { font-size: 13px; line-height: 1; margin: 0 0 0 0; font-weight: bold; margin-bottom: 7px; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; text-decoration: underline }
a			{ color: #630; text-decoration: none; font-weight:700 }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th/*,td*/       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.clear 		{ clear: both }

.tituloModelo { font-size: 15px; }

a.btn 		{ 
			  height: 19px;
			  float: left;
			  padding: 1px 6px;
			  color: #DDDCCF;
			  font-weight: normal;
			  background: #000;
			}
a.btn:hover {
			  color: #FFF;
			  text-decoration: none;
			}

			
/* FORMS 
--------------------------------------------------------------- */
input, textarea, select {
	background: #F5F5F5;
	border: 1px solid #676663; //#B6B6B6
	height: 16px;
	font-size: 11px;
	color: #000; 
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	float:left;
	margin: 0 0 0 0;
}
			
			
/* STRUCTURE
--------------------------------------------------------------- */
html 	{
		height: 100%;
		/*background: #D2CFBB url(../images/bg_html.gif) no-repeat bottom center;*/
}

body	{
		height: 100%;
		width: 100%;
		background: #D2CFBB url(../images/bg_body.jpg) no-repeat top center;
}

.main 	{
		min-width: 990px;
		background: url(../images/bg_main.gif) repeat-x center 116px;
}

.container {
		width: 990px;
		height: 100%;
		/*height: 1200px;*/
		margin: 0 auto;
		background: url(../images/bg_rodape_2.gif) no-repeat bottom ;
}

.menu 	{
		width: 538px;
		height: 209px;
		margin: 0 auto;
}

.contents {
		min-height: 300px;
		padding: 25px 123px 0 135px;
}

.contents1 {
		min-height: 434px;
		padding: 25px 123px 0 135px;
}

.rodape 	{ 
		width: 100%;
		height: 390px;
		/*background: /*#D2CFBB url(../images/bg_html.gif) repeat-y top center; */
}

.rodape img { float: left }

/* LOGIN
-------------------------------------------------------------- */
.login {
		width: 185px;
		height: 56px;
		padding: 1px 10px 0 28px;
		position: absolute;
		top: 0;
		right: 0;
		float: right;
		color: #555450;
		background: url(../images/bg_login.png) no-repeat top right;
}

.login ul 	{ text-align: right }
.login li 	{ display: inline }
.login p 	{ margin: 3px 0 }
.login a 	{ font-weight: normal; color: #555450; }

.loginAberto {
		width: 185px;
		height: 175px;
		padding: 1px 10px 0 28px;
		position: absolute;
		top: 0;
		display: none;
		right: 0;
		float: right;
		background: url(../images/bg_login.png) no-repeat top right;
		color: #555450;
}

.loginAberto ul { text-align: right }
.loginAberto li { display: inline }
.loginAberto p 	{ margin: 3px 0 }
.loginAberto a 	{ font-weight: normal; color: #555450; }

.seta_login { width: 23px; height: 15px; position: absolute; top: 50px; right: 13px; outline: none; background: url(../images/bg_seta_login.gif) no-repeat; }
.seta_login:hover { background: url(../images/bg_seta_login_hover.gif) no-repeat }

.seta_login_aberto {width: 23px; height: 15px; position: absolute; top: 116px; right: 200px; outline: none;	background: url(../images/bg_seta_loginAb.gif) no-repeat; }
.seta_login_aberto:hover { background: url(../images/bg_seta_login_hoverAb.gif) no-repeat }

.inputLogin { font-size: 10px; font-family: Tahoma; height:13px; width:130px; float:left;}

.tbl_login {font-size: 11px;  font-family: futura bk bt,tahoma,arial,helvetica; }
.tbl_login td {height: 18px; }
.tbl_login img {margin: 0 0 0 0; }

/* CAPA
--------------------------------------------------------------- */
.coluna_capa {
		width: 180px;
		height: 284px;
		float: left;
}

.coluna_capa1 {
		width: 180px;
		height: 434px;
		float: left;
}

.fabrica 	{padding: 0 20px 0 30px; background: url(../images/bg_coluna_capa.jpg) no-repeat right 41px;}
.mosaico 	{padding: 0 20px 0 20px; width: 210px; background: url(../images/bg_coluna_capa_meio.jpg) no-repeat right 41px;}
.processo 	{padding: 0 20px 0 22px; width: 192px}
.img_mosaico{margin: 25px 0 0 30px}

.bg_btcapa1{
			height: 42px;
			padding: 21px 0 0 66px;
			background: url(../images/bg_btcapa1.gif) no-repeat left top;
}

.bg_btcapa2{
			height: 42px;
			padding: 21px 0 0 66px;
			background: url(../images/bg_btcapa2.gif) no-repeat left top;
}

.bg_btcapa3{
			height: 42px;
			padding: 0 0 21px 66px;
			background: url(../images/bg_btcapa3.gif) no-repeat left top;
}


/* FABRICA
---------------------------------------------------------------- */
.bg_fabrica { background: url(../images/bg_rodape_fabrica.gif) no-repeat center 34px ; }

.box732 {
		min-height:290px;
		width: 682px;
		padding: 18px 25px;
		background: url(../images/bg_fabrica.png) repeat-x;
}

.box732 p, .content_modelo p {
	text-align: justify;
}

.content_img357 {
		width: 359px;
		height: 267px;
		float: left;
		padding: 9px 11px;
		margin-right:20px;
		background: url(../images/bg_img357.gif) no-repeat;
}

.content_img655 {
		width: 655px;
		height: 310px;
		float: left;
		padding: 15px 20px;
		margin-right:20px;
		background: url(../images/bg_img357.gif) no-repeat;
}


/* MODELOS
---------------------------------------------------------------- */
.content_modelo { padding: 25px 123px 0 135px; }
.content_flash { margin: 0 auto; text-align:center; }

.bg_modelo { margin-top: -25px;  background: url(../images/bg_rodape_modelo.gif) no-repeat center 25px ; }

.box732modelo {
		min-height:420px;
		width: 687px;
		padding: 35px 0 10px 45px;
		background: url(../images/bg_modelo.png) repeat-x;
}

.box {
		width: 687px;
		padding: 0px 0 0px 45px;
}

.bg_modelos_dir {
		width: 350px;
		padding: 0 15px 0 0px;
		margin-bottom: 20px;
		float:left;
		background: url(../images/bg_modelos.gif) no-repeat right top;
}

.bg_modelos_esq {
		width: 360px;
		float: right;
		margin-bottom: 20px;
}

.bg_image_modelo {
		width: 671px;
		height: 333px;
		margin-left: -20px;
		background: url(../images/bg_image_modelo.gif) no-repeat;
}

.ladrilho {
		padding: 32px 0 0 28px;
		float: left;
		}


.composicao {
		padding: 32px 36px 0 0;
		float: right;
		}
		
/* AMBIENTES
---------------------------------------------------------------- */
.box732ambiente {
		min-height: 610px;
		width: 687px;
		padding: 35px 0 0 45px;
		background: url(../images/bg_modelo.png) repeat-x;
}

.bg_image_ambiente {
		width: 671px;
		height: 575px;
		padding: 10px 0 10px 22px;
		margin-left: -20px;
		background: url(../images/bg_image_ambiente.gif) no-repeat;
}

.image_ambiente { border: 1px solid #000000; }

.link {
	color: #663300;
	text-decoration: none;
}

/* MONTE SEU MOSAICO
---------------------------------------------------------------- */
.bg_mosaico { background: url(../images/bg_rodape_fabrica.gif) no-repeat center 106px ; }

.monte_mosaico {
	margin-top: 10px;
}

/* CONTATO
---------------------------------------------------------------- */
.bg_contato { background: url(../images/bg_rodape_fabrica.gif) no-repeat center 124px ; }

.box732contato {
		min-height:206px;
		width: 682px;
		padding: 18px 25px;
		background: url(../images/bg_contato.png) repeat-x;
}

/* LOJA ON LINE
---------------------------------------------------------------- */
.btn_hist_pedido {background: #000000; width:63px; height:18px; float:right; margin:2px 15px 0 0; font-size:11px; text-align:center; color:#DDDCCF;}

.bg_loja		   { background: url(../images/bg_rodape_fabrica.gif) no-repeat center 133px ; }
.bg_loja_naologado { background: url(../images/bg_rodape_fabrica.gif) no-repeat center 106px ; }
.bg_loja_cadastro  { background: url(../images/bg_rodape_fabrica.gif) no-repeat center 133px ; }
.bg_loja_meusdados { background: url(../images/bg_rodape_fabrica.gif) no-repeat center 159px ; }

.box732loja_naologado {
		min-height:118px;
		width: 682px;
		padding: 18px 25px;
		background: url(../images/bg_loja_naologado.png) repeat-x;
}

.box732loja_historico {
		min-height:110px;
		width: 682px;
		padding: 18px 25px;
		background: #EEECE3 url(../images/bg_loja_cadastro.png) repeat-x;
}

.box732loja_cadastro {
		min-height:500px;
		width: 732px;
		padding-top:7px;
		/*padding: 18px 25px;*/
		background: #EEECE3 url(../images/bg_loja_naologado.jpg) repeat-x;
}

.bg_loja_barra {
		margin: 0 0 0 0;
		height: 7px;
		width: 100%;
		background: url(../images/bg_loja_naologado.jpg) repeat-x;
}

.bg_loja_titulo {
		/*padding:3px 0 0 20px;*/
		/*margin: 15px 0 0 0;*/
		margin: 0 0 0 0;
		height: 30px;
		width: 100%;
		background: url(../images/bg_loja_titulo.png) repeat-x;
}
.bg_loja_hist_titulo {
		padding:5px 0 0 20px;
		margin: -11px 0 11px -25px;
		height: 27px;
		width: 712px;
		background: #91918F url(../images/bg_dot.jpg) repeat-x bottom;
		color: #FFFFFF;
		font-size: 13px;
}

.loja 		{ margin-top: -3px; margin-bottom:10px; }
.loja ul 	{ text-align: right; }
.loja li 	{ display: inline; font-size:13px; }
.loja p 	{ margin: 0px 0 0 0 }
.loja a 	{ font-weight: normal; color: #000000; }

.margin20 {margin-left:20px;}

.w320 {	width: 320px; }
.w300 {	width: 300px; }
.w280 {	width: 280px; }
.w260 {	width: 260px; }
.w200 {	width: 200px; }
.w173 {	width: 173px; }
.w170 {	width: 170px; }
.w150 {	width: 150px; }
.w140 {	width: 140px; }
.w134 {	width: 134px; }
.w130 {	width: 130px; }
.w100 {	width: 100px; }
.w80  {	width: 80px; }
.w70  {	width: 70px; }
.w60  {	width: 60px; }
.w48  {	width: 48px; }
.w30  {	width: 30px; }

.h105 	{ height: 105px; }
.h70 	{ height: 70px; }
.h20 	{ height: 20px; }

.tbl_right_td {text-align : right; }
.tbl_left_td {text-align : left; }

.tbl_loja_contato {width:410px;}
.tbl_loja_contato td {height: 25px;}

.retorno {color: #630; }

.labelCadastro {  
		float:left;
		display: block; 
		height: 18px;
		text-align: right;  
		width: 125px;
		margin-bottom:5px;
}

.labelCadastro2 {  
		float:left;
		display: block; 
		height: 18px;
		text-align: right;  
		width: 68px;
		margin-bottom:5px;
}

br {clear: left };


.fieldCadastro input,select,textarea { margin-bottom:5px; float:left; }
.fieldCadastro br {clear: left;}
.fieldLoja input,select,textarea { margin-bottom:0px; float:left; }
.fieldLoja br {clear: left;}
.inputRadio {border: 0px;
			background: none;
			height: auto;
			font-size: auto;
			color: none; 
			font-family: Arial;
			float:left;
			margin: 0 0 0 0;}

.retorno_login {float:left; margin-left:30px; }

.carregando { 
			position:absolute; 
			top:50%; 
			left:50%; 
			width:250px; 
			height:40px; 
			margin:-20px 0 0 -125px; 
			display:none;
}

.menu 			  		{ text-align: center; color: #000000; font: normal 11px trebuchet MS; }
.menu a:focus, 
.menu a:hover     		{ color: #000; font-weight: bold; }
.menu a			  		{ color: #000; text-decoration: none;  }
.menu li 		  		{ float: left }
.menu 			  		{ background: url(../images/line_menu.jpg) no-repeat center 195px; }

.menu_lista 			{ height: 35px; width: 538px; text-align: center; margin-top: 20px; }
.menu_fabrica			{ background: url(../images/arrowMenu.gif) no-repeat 20px 15px; }
.menu_processo			{ background: url(../images/arrowMenu.gif) no-repeat 120px 15px; }
.menu_modelos			{ background: url(../images/arrowMenu.gif) no-repeat 220px 15px; }
.menu_ambientes			{ background: url(../images/arrowMenu.gif) no-repeat 280px 15px; }
.menu_monteseumosaico	{ background: url(../images/arrowMenu.gif) no-repeat 370px 15px; }
.menu_vendas			{ background: url(../images/arrowMenu.gif) no-repeat 450px 15px; }
.menu_contato			{ background: url(../images/arrowMenu.gif) no-repeat 500px 15px; }