/******************************
@Author: Sidney Aguiar
Contato: (11) 8953-9169
sidney.aguiar@gmail.com

*****************************/

body, .body { font-family: Verdana; font-size: 7pt; margin: 0 0 0 0; background-image: url('../images/fundo.gif'); background-position: center center; background-repeat: no-repeat; }
.body { background-image: url('../images/fundo_arquitetos.gif'); }
/*x  */
#all { border: 1px solid black; }
img { border: none; }
table { border-collapse: collapse; }
table tr, td { padding: 0 0 0 0; border-collapse: collapse; }
td { cborder: 1px solid black; border-collapse: collapse;}	
table.all { margin: auto;}

hr { margin: 0 0 0 0; padding: 0 0 0 0;}

#menu { vertical-align: top; text-align: right; width: 113px; height: 250px; border: 1px solid black; padding: 0 15px 0 0;}
#area-conteudo { width: 516px; border: 1px solid red;}

.conteudo { width: 666px; height: 445px; vertical-align: top; }
#cabecalho { width: 113px; height: 74px;}
#cabecalho-logo { border: 1px solid black; width: 666px; height: 74px;}
.menu { padding: 0 15px 0 0; width: 300px; _width: 113px; }
.menu a { font-size: 8pt; }
.menu-vertical a { color: #fff; font-family: Verdana; font-size: 7.5pt; font-weight: bold; }
.menu-vertical.otim {
	color: #fff;
	font-size: 7.5pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}


/*.menu-vertical a:hover { text-decoration: underline; }*/
.menu-vertical { color: #fff; padding: 20px 0 0 20px; font-size: 7.5pt;}

.texto-layout-2 { padding: 30px 20px 30px 20px; width: 241px; height: 350px; _height: 290px; border-collapse: collapse;}
.texto-layout-2 a { color: #000; font-size: 8pt; text-decoration: none; }
.texto-layout-2 a:hover { text-decoration: underline; }
.historia { text-align: left; 	width: 666px; height: 350px; _height: 350px; border-collapse: collapse;}
.texto-layout-2-a { text-indent: 15px; xpadding: 30px 15px 30px 15px; xborder: 1px solid red; width: 150px; height: 350px; _height: 290px; border-collapse: collapse;}
.texto-produtos { padding: 15px 5px 15px 10px; xborder: 1px solid red; width: 135px; height: 350px; _height: 290px; border-collapse: collapse;}
.texto-produtos a { color: #000; font-size: 8pt; }
.texto-produtos a:hover { text-decoration: underline; color: #000; font-weight: bold;}

.pdf a { color: #000; font-size: 0.7em; padding: 0 0 0 5px;	 }
.pdf a:hover { text-decoration: underline; color: #000; xfont-weight: bold;}

.texto-layout-2-a a { color: #000; font-size: 8pt; }
.td-img-desde { padding: 0 15px 0 0;}
.menu .tr-menu-sac, a { color: #fff; text-decoration: none; xletter-spacing: 1px; line-height: 150%;  font-size: 7pt;  _font-size: 7.5pt; font-family: Verdana;}
.tr-menu-sac a { xmargin: 0 0 0 23px; letter-spacing: 0; }
.tr-menu-sac { background-image: url('../images/fundo_menu.gif'); background-repeat: no-repeat; background-position: top left; _font-size: 7pt;} 

.links-cases { padding: 0 0 0 0; width: 212px; height: 350px; border-collapse: collapse;}
.cases a, .cases a:hover { color: #000;  font-size: 8pt; }
.cases a:hover { text-decoration: underline; }
.cases { 
scrollbar-arrow-color:#6C6E70;
scrollbar-3dlight-color:#fff;
scrollbar-highlight-color:#C3C3C3;
scrollbar-face-color:#fff;
scrollbar-shadow-color:#C3C3C3;
scrollbar-darkshadow-color:#C3C3C3;
scrollbar-track-color:#6C6E70;
padding: 15px 10px 5px 10px; height: 330px; _height: 350px; overflow: auto; }

.representante { font-size: 8pt; padding: 15px 15px 10px 15px; position: absolute; background-color: #fff; width: 160px; _width: 190px; height: 135px; _height: 160px; text-align: left; }
.representante a, .representante-barra a { font-size: 8pt; color: #000; }
.representante a:hover, .representante-barra a:hover { text-decoration: underline; }
.representante-barra { font-size: 8pt; margin: 160px 0 0 0; background-color: #B2B2B4; padding:  15 15px 15px 15px; height: 20px; width: 160px; _width: 190px;  position: absolute;  text-align: left;}
/************* MENU ************************/

#submenu { xborder: 1px solid red; width: 150px; height: 350px; position: absolute; xmargin: 10px 0 0 0;}
.item {	font-size: 7.5pt; font-family: Verdana; display: none;	position: absolute;	width: 130px;	height: 330px;	_height: 350px;	padding: 10px 5px 10px 15px;	background-color: #fff; }
.item a { color: #000; font-family: Verdana; font-size: 7.5pt;}
.item a:hover { text-decoration: underline; }
/* FORMATAÇÃO DA CAIXA DE ÍTENS DO MENU PARA TODOS OS NÍVEIS DE PÁGINAS */
.item-menu { font-family: Verdana; text-align: left; text-indent: 5px; height: 20px; border-top: 1px solid #fff; padding-right: 0.5em; font-size: 0.8em; background-color: #FEF0ED; margin: 0 0 0 0;}
/* FORMATAÇÃO DO ESPAÇAMENTO DA CAIXA DE ÍTENS DO MENU PARA TODOS OS NÍVEIS DE PÁGINAS */
.item-menu div{ padding-top: 4px; }

/* FORMATAÇÃO DOS LINKS DAS CAIXA DE ÍTENS DO MENU PARA TODOS OS NÍVEIS DE PÁGINAS */
.item-menu a{ color: #000; text-decoration: none; font-family: "MS Sans Serif"; font-size: 0.6em; }
.item-menu a:hover { color: #B1403C; }

/* FORMATAÇÃO DA CAIXA DE SUBMENU*/
.submenu { visibility: hidden; position: absolute; background-color: #FEF0ED; width: 130px; left: 0; list-style-type: none !important; text-alig: left;  font-family: "MS Sans Serif"; z-index: 100; margin: 0 0 0 0; padding: 0 0 0 0; 
 /*  A PROPRIEDADE ABAIXO FOI USADA PARA DRIBLAR O PROBLEMA CRIADO QUANDO USAMOS APENAS BORDER-BOTTOM NOS ITENS DO MENU*/
   border-top: 1px solid #FFFFFF; filter: alpha(Opacity=90);
}

/* FORMATA OS ITENS DO SUBMENU PARA TODOS OS NÍVEIS DE PÁGINA*/
.submenu li{ height: 20px; list-style-type: none; text-indent: 0.5em; border-bottom: 1px solid #FFFFFF; font-family: Verdana !important; padding: 0 0 0 0; _margin-bottom: -1px; /* Mais um hack pra tirar uma "borda" que está sendo inserida no Ieca*/ }
/* FORMATA OS LINKS DE TODOS OS ITENS DO MENU DE TODOS OS NÍVEIS DE PÁGINAS*/
.submenu li a{ color: #000; text-decoration: none; font-family: "MS Sans Serif";  font-size: 0.6em; }

#assentos2 {
	text-indent: 20px;
	left: 531px;
	top: 180px;
	visibility: hidden;


}
.link-galeria { padding-right: 10px; text-align: right; letter-spacing: 5pt; } 
.link-galeria, .link-galeria a { font-family: verdana;	font-size: 8pt;	color: #CCCCCC; }
.link-galeria a:hover { text-decoration: none;  }

.ind-imaginaria { padding: 2px 0 0 0; }
.ind-imaginaria a { color: #6C6E70; }
.ind-imaginaria a:hover { text-decoration: underline; }

.cadastroArquitetos { font-size: 8pt; xborder: 1px solid red; margin: 0px 0 0 0; padding: 10px 0 10px 0; height: 310px; _height: 330px; overflow: auto;  }
.arquitetos input, .envioArquivos input { height: 20px; }
.arquitetos, .envioArquivos { font-size: 8pt; width: 600px;  }
table.arquitetos  tr td { padding: 4px 0 3px 0;}
.envioArquivos { width: 600px; }
.arquivos { font-family: 8pt; width: 600px; }
table.arquivos { font-size: 8pt;}
.arquivos thead { background-color: #dededd; font-size: 8pt; }
.arquivos td { padding: 2px 5px 2px 5px;  }
.arquivos a { color: #000; }
.arquivos table a:hover { text-decoration: underline; }	
.texto-layout-dois {
	padding: 30px 20px 30px 20px;
	width: 620px;
	height: 310px;
	_height: 290px;
	border-collapse: collapse;
	overflow: auto;
}