@charset "utf-8";
/* ----------
	Classes Para Controle de Shadow e Box Modal
---------- */
#boxShadow {
	/* A Altura deste elemento deverá ser alterado por JS ao Acionar o Modal */
	display:none; width:100%;
	position:absolute; top:0px; left:0px; z-index:10;
	background-color:#000;
	opacity:0.8;
}
/*	
	O Modal é Criado Sempre Centralizado Horizontalmente por JS
	Via de regra, sua altura e largura devem ser fixas (havendo vários tipos de Modal)
	prevendo a rolagem do conteúdo em caso de ser muito extenso.
	Além disso, o modal não deverá ser o unico acesso a determinado conteudo. Este, deverá ser
	disposto em uma página a parte para o caso em que browsers não suportem javascript ou quando 
	o suporte ao js esteja desabilitado.	
*/
#boxModal {
/*	Não setar nada alem das propriedades abaixo afim de que as configurações de JS funcionem corretamente */
	float:left; 
	display:none;
	background:url(../img/_assinc/loader.gif) #FFF center center no-repeat;
	position:absolute; top:0px; left:0px; z-index:11;
}

#boxModal #ModalBody {background-color:#FFF;}
#ModalBody {float:left; padding:20px; display:none;}
#ModalBody .allLine {float:left;/* width re-setado por Javascript */}
#boxPrincipal #ModalBody {display:block; padding:0px;}




	#ModalBody .divCabecalho {float:left; width:100%; height:46px; background-color:#333; text-align:left;}
	.fonteComum #ModalBody .divCabecalho {margin-bottom:20px;}
	.fonteComum #ModalBody .divCabecalho h1 {width:80%; overflow:hidden;}
	#ModalBody .divCabecalho h1 {float:left; width:75%; padding:12px 0px 0px 0px; font:bold 15px "Trebuchet MS"; color:#FFF;}	
	#ModalBody .divCabecalho a {float:right; cursor:pointer;}








/* CSS do Modal de Galeria */
.isImageGalery {}
	.isImageGalery .allLine {}
	.isImageGalery .allLine .cell {float:left; width:100%; text-align:center; position:relative;}
	.isImageGalery .allLine .cell img.imageCenter {float:none; margin:0px auto; position:relative; z-index:1;}
	.isImageGalery .allLine .cell p {padding:5px 0px 0px 0px; font:bold 15px "Trebuchet MS"; color:#666;}
	
	.isImageGalery .allLine .cell .btnClose {float:left; position:absolute; top:0px; right:0px; z-index:2; cursor:pointer;}
	.isImageGalery .allLine .cell .btnAnte, 
	.isImageGalery .allLine .cell .btnProx {float:left; display:none; position:absolute; top:50%; z-index:2; margin-top:-24px;}
	.isImageGalery .allLine .cell .btnAnte {left:0px;}
	.isImageGalery .allLine .cell .btnProx {right:0px;}

	.isImageGalery .allLine .cell:hover .btnAnte,
	.isImageGalery .allLine .cell:hover .btnProx {display:block;}

/* Ajustes para Apresentação na Direta na Tela */
#boxPrincipal .isImageGalery {width:860px; margin-left:3px;}
	#boxPrincipal .isImageGalery .allLine {width:100%;}
	#boxPrincipal .isImageGalery .allLine .cell div {display:none;}







/* CSS do Modal de Galeria */
.isPortfolio {}
    #boxModal .isPortfolio {width:700px; padding:20px; font:11px "Trebuchet MS"; color:#666;}
    #boxModal .isPortfolio .allLine {width:700px;}
	.isPortfolio .allLine {width:100%;}
	.isPortfolio .allLine .bgrEsp {background-color:#333;}
	.isPortfolio .allLine .cell {float:left; width:100%;}
	
	.isPortfolio .allLine .cell .boxInfo {float:left; width:185px; padding:15px; color:#FFF; text-align:left;}
	.isPortfolio .allLine .cell .boxInfo span {float:left; width:100%; margin-bottom:4px; font-size:11px;}
	.isPortfolio .allLine .cell .boxInfo span.destaque {font-weight:bold; font-size:15px;}
	.isPortfolio .allLine .cell .boxInfo ul {margin-bottom:10px;}
	.isPortfolio .allLine .cell .boxInfo ul li {padding-bottom:4px;}
	.isPortfolio .allLine .cell .boxInfo ul li a {font-weight:bold; font-size:15px; color:#FFF;}
	
	.isPortfolio .allLine .cellImage {float:left; width:480px; height:400px; position:relative; text-align:center; border-right:3px solid #FFF; overflow:hidden;}
	.isPortfolio .allLine .cellImage img.imageCenter {float:none; display:table; position:relative; z-index:1; margin:0px auto;}
	.isPortfolio .allLine .cellLegend span {float:left; padding:5px 0px; font:bold 15px "Trebuchet MS"; color:#666;}
	.isPortfolio .allLine .cellLegend span.legenda {width:355px; text-align:left;}
	.isPortfolio .allLine .cellLegend span.info {width:110px; text-align:center; margin-left:15px;}
	.isPortfolio .allLine .cellLegend .btnClose {float:right; cursor:pointer;}

	.isPortfolio .allLine .cellImage .btnAnte, 
	.isPortfolio .allLine .cellImage .btnProx {float:left; display:none; position:absolute; top:50%; z-index:2; margin-top:-24px;}
	.isPortfolio .allLine .cellImage .btnAnte {left:0px;}
	.isPortfolio .allLine .cellImage .btnProx {right:0px;}

	.isPortfolio .allLine .cellImage:hover .btnAnte,
	.isPortfolio .allLine .cellImage:hover .btnProx {display:block;}

/* Ajustes para Apresentação na Direta na Tela */
#boxPrincipal .isPortfolio {width:700px; margin-left:100px;}
	#boxPrincipal .isPortfolio .allLine {width:100%;}
	#boxPrincipal .isPortfolio .allLine .cellImage div {display:none;}
    #boxPrincipal .isPortfolio .allLine .cellLegend .btnClose {display:none;}






/* CSS do Modal de Documentos */
.isDocuments {float:left;}
	.isDocuments .allLine {width:100%; display:inline; text-align:left;}
	.isDocuments .allLine ul {float:left; width:100%;}
	.isDocuments .allLine ul li {float:left; display:inline; width:90%; margin-left:5%; padding:8px 0px; border-bottom:1px solid #666;}
	.isDocuments .allLine ul li:last-child,
	.isDocuments .allLine ul li.last-child {border:none;}
	.isDocuments .allLine ul li .docInfo {float:left; width:75%;}
	.isDocuments .allLine ul li .docInfo .ico {margin:0px 10px 0px -4px; position:relative;}
	.isDocuments .allLine ul li .docInfo h1 {float:left; width:65%; padding:4px 0px 3px 0px; font:bold 15px "Trebuchet MS"; color:#666;}
	.isDocuments .allLine ul li .docInfo div {float:left; width:65%; width:inherit; font:11px "Trebuchet MS"; color:#333;}
	.isDocuments .allLine ul li a img { float:right; margin-top:8px;}

/* Ajustes para Apresentação no Modal */
#boxModal .isDocuments {width:420px; height:270px; padding:2px;}
#boxModal .isDocuments .allLine {width:400px; height:216px; overflow:auto; margin:5px 0px 0px 10px;}
#boxModal .isDocuments .allLine ul li .docInfo {width:70%;}
	
/* Ajustes para Apresentação na Direta na Tela */	
#boxPrincipal .isDocuments {width:670px;}
#boxPrincipal .isDocuments .divCabecalho a {display:none;}







/* CSS do Modal de Clientes */
.isClients {}
    #boxModal .isClients {width:470px; height:305px; padding:2px;}
    #boxModal .isClients .boxTexto {width:470px; height:305px; display:inline; overflow:hidden;}
    #boxModal .isClients .allLine {width:456px; height:248px; overflow:auto; margin:10px 0px 0px 10px; text-align:left;}
    #boxModal #boxTopoVoltar {display:none;}

	#boxModal .isClients .fonteComum .allLine h1 {color:#666;}
	#boxModal .isClients .fonteComum .allLine ul li a {color:#333;}

    #boxModal .boxTexto .boxSide {float:left; width:230px;}

/* Ajustes para Apresentação na Direta na Tela */	
#boxPrincipal .isClients {width:670px;}
#boxPrincipal .isClients .divCabecalho a {display:none;}
#boxPrincipal .isClients .fonteComum ul {margin-bottom:15px;}






/* CSS do Modal de Mapas */
.isMaps {float:left; text-align:center;}
    #ModalBody.isMaps {padding:2px;}
    #BoxModal .isMaps {width:620px; height:400px;}
    .isMaps div {display:table; width:620px; height:400px; margin:0px auto;}
	.isMaps div iframe, 
    .isMaps div object {float:left; width:620px; height:400px; border:none;}

#boxPrincipal .isMaps {width:900px;}
#boxPrincipal .isMaps div {margin:30px 150px; border:3px solid #333;}
#boxPrincipal .isMaps .divCabecalho {display:none;}