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

DOCUMENTO: Arquivo com as classes de template e classes específicas do projeto
CRIAÇÃO: 16/10/2008
AUTOR: Alisson Douglas (alisson@brivia.com.br)
VERSÃO: 003
ATUALIZAÇÕES:
1) dd/mm/aaaa (autor): _____________
2) dd/mm/aaaa (autor): _____________
OBSERVAÇÕES: 

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

/*****************
******************
	  BASICO
******************
******************/

@import url("_basico.css");

/*****************
******************
	TEMPLATE
******************
******************/

#pagina{
	width:759px;
	
	height:413px;
	overflow:hidden;
	
}
#topo{ 
	width:759x; 
	background:#000; 
	height:;
	position:absolute;
	top:0;
	z-index:1000;
}
#conteudo{ 
	width:759px;
	position:relative;
	margin:0 0 0 0;
}
#principal{ 
	width:;
	display:inline;
	float:right;
	padding:40px 0 0
}
#menu-global{ 
	width:180px; 
	background:#CCC;
	display:inline;
	float:left;	
}

#rodape { 
	width:759px;
	text-align:center;
	background:#0099CC;	
}

/*****************
******************
	PROJETO
******************
******************/

#home #pagina #conteudo{ height:355px;} 
.lk-fechar{ background:url(../img/lk-fechar.jpg) no-repeat; width:16px; height:16px; position:absolute; right:5px; top:5px;}


#pagina{ background:url("../img/bg-conteudo.jpg") no-repeat; width:758px; height:420px;}
#pagina #conteudo{width:758px; height:320px; padding:0;}
#pagina #conteudo #principal{
	float:left;
	margin:90px 70px 0 315px;
	padding:0;
	_display:inline;
	}
#pagina #conteudo #principal h1.tt-vipal-e-fate{ background:url("../img/tt-vipal-e-fate.gif") no-repeat; width:255px; height:28px;}
#pagina #conteudo #principal h2.tt-agora{ background:url("../img/tt-agora.gif") no-repeat; width:322px; height:21px; margin:10px 0 0;}
#pagina #conteudo #principal p.texto-parceria{ background:url("../img/img-texto-parceria.gif") no-repeat; width:354px; height:62px; margin:20px 0 0 0;}

#pagina #conteudo #menu-local{ float:left; margin:75px 0px 0 315px; _display:inline;}
#pagina #conteudo #menu-local ul li a{
	font:12px tahoma,sans-serif;
	color:white;
	text-decoration:none;
	}
#pagina #conteudo #menu-local ul li a.ativo{text-decoration:underline}
#pagina #conteudo #menu-local ul li{
	border-left:1px solid red;
	height:20px;
	float:left;
	padding:0  20px 0 3px;
}



#rodape{
	height:55px;
	padding:6px 15px 0;
	background:white;
	width:auto;
}
#rodape h3{
	display:block;
	float:left;
	height:46px;
	cursor:pointer;

}
#rodape h3.logo-fate{ 
	background:url("../img/img-logo-fate.gif") no-repeat;
	width:121px;
		
}
#rodape h3.logo-vipal{ 
	background:url(../img/logo-vipal-novo.jpg) no-repeat;
	width:176px;
	margin:0 0 0 175px;
	_display:inline;
	height:50px;
		
}
#rodape h3.logo-rqg { 
	background:url("../img/img-logo-rqg.gif") no-repeat;
	width:170px;
	float:right;
	cursor:default;
	height:35px;
	margin-top:10px;
}

/****************
	PARCERIA
****************/
body#parceria #pagina{ background:url("../img/bg-parceria.jpg") no-repeat; width:758px; height:420px;}
body#parceria #pagina #conteudo{padding:10px 0 5px; height:350px;} 
body#parceria #pagina #conteudo #principal{margin:0; padding:20px 50px 0 50px; position:relative;}
body#parceria #pagina #conteudo #principal p,
body#parceria #pagina #conteudo #principal ul li{font:11px Tahoma,sans-serif; color:white; padding:10px 0;}
body#parceria #pagina #conteudo #principal ul{list-style-type:disc;}
body#parceria #pagina #conteudo #topo {width:758px; padding:20px 0 0; background:none; left:0; top:0; z-index:1000;}
body#parceria #pagina #conteudo #topo h1{ background:url("../img/tt-parceria.gif") no-repeat; width:213px; height:31px; float:left; margin:0;}
body#parceria #pagina #conteudo #menu-local{margin:0; float:right}
body#parceria #rodape{height:50px; padding-top:10px;}
body#parceria #rodape h3.logo-fate { background:url("../img/img-logo-fate-p.gif") no-repeat; width:80px; margin:5px 0 0 0;}
body#parceria #rodape h3.logo-vipal {  background:url(../img/logo-vipal-np.jpg) no-repeat; 
	width:89px; 
	margin:5px 0 0 25px;
	height:27px; 
	_display:inline;
}

body#parceria #rodape h3.logo-rqg { 
	background:url("../img/img-logo-rqg-p.gif") no-repeat; 
	width:100px; 
	margin:9px 0 0 35px;
	float:left;
	cursor:default;
}
body#parceria #rodape div.logo-pdf{ 
	width:150px;
	height:43px;
	float:right;
	padding:0 25px 0;
}
body#parceria #rodape div.logo-pdf h3{ 
	background:url("../img/img-logo-pdf.gif") no-repeat; 
	width:42px; 
	float:left;
}
body#parceria #rodape div.logo-pdf a{
	font:11px Tahoma,sans-serif;
	color:black;
	padding:5px 0 0 5px;
	text-decoration:none;
	display:block;
}

/****************
	PRODUTO
****************/

body#produto #pagina{ background:url("../img/bg-produto.jpg") no-repeat; width:758px; height:420px; }
body#produto #pagina #conteudo{padding:20px 0;} 
body#produto #pagina #conteudo #principal{margin:0; padding:50px 50px 0 50px; position:relative;}
body#produto #pagina #conteudo #topo {width:758px; padding:20px 0 0; background:none; left:0; top:0;}
body#produto #pagina #conteudo #topo h1{ background:url("../img/tt-produtos.gif") no-repeat; width:213px; height:31px; float:left; margin:0;}
body#produto #pagina #conteudo #menu-local{margin:0; float:right}
body#produto #rodape{height:50px; padding-top:10px;}
body#produto #rodape h3.logo-fate { background:url("../img/img-logo-fate-p.gif") no-repeat; width:80px; margin:5px 0 0 0;}
body#produto #rodape h3.logo-vipal {  background:url(../img/logo-vipal-np.jpg) no-repeat; 
	width:89px; 
	margin:5px 0 0 25px; 
	_display:inline;
}

body#produto #rodape h3.logo-rqg { 
	background:url("../img/img-logo-rqg-p.gif") no-repeat; 
	width:100px; 
	margin:9px 0 0 35px;
	float:left;
	cursor:default;
}
body#produto #rodape div.logo-pdf{ 
	width:150px;
	height:43px;
	float:right;
	padding:0 25px 0;
}
body#produto #rodape div.logo-pdf h3{ 
	background:url("../img/img-logo-pdf.gif") no-repeat; 
	width:42px; 
	float:left;
}
body#produto #rodape div.logo-pdf a{
	font:11px Tahoma,sans-serif;
	color:black;
	padding:5px 0 0 5px;
	text-decoration:none;
	display:block;
}

body#produto #pagina #conteudo #principal #lista-pdf{
	width:300px;
	height:auto;
	min-height:130px;
	padding:70px 0 0 350px;
}
body#produto #pagina #conteudo #principal #lista-pdf ul li{
	list-style-type:none;
	background:url("../img/img-logo-pdf.gif") no-repeat scroll 0 3px;
	padding:15px 0 15px 47px;
	height:41px;
}
body#produto #pagina #conteudo #principal #lista-pdf ul li a{
	text-decoration:none;
	font:11px Tahoma,sans-serif;
	color:white;
}


/****************
	RQG+20
****************/
body#rqg #pagina{ background:url("../img/bg-produto.jpg") no-repeat; width:758px; height:420px; margin:}
body#rqg #pagina #conteudo{padding:20px 0;} 
body#rqg #pagina #conteudo #principal{margin:0; padding:40px 20px 0 20px; position:relative;o}
body#rqg #pagina #conteudo #principal span{	
	font:11px Tahoma,sans-serif; 
	font-weight:bold; 
	color:white; 
	float:left; 
	display:block;
	padding:15px 0 0 0; 
	
}
body#rqg #pagina #conteudo #principal span.tt-maiores{font-weight:normal;  width:285px; text-align:right; height:20px;}
body#rqg #pagina #conteudo #principal #menu-reformas{
	width:260px:
	height:15px;
	float:left;
	padding:5px 0 5px 177px;
	clear:both;
}
body#rqg #pagina #conteudo #principal div{clear:both; float:left; width:495px;}
body#rqg #pagina #conteudo #principal .ui-tabs-hide{display:none}
body#rqg #pagina #conteudo #principal #menu-reformas ul li{
	width:auto;
	float:left;
	padding:0 5px;
	border-right:2px solid white;


}
body#rqg #pagina #conteudo #principal #menu-reformas ul li a{
	font:16px Tahoma,sans-serif;
	font-weight:bold;
	color:white;
	text-decoration:none
}
body#rqg #pagina #conteudo #principal #menu-reformas ul li.ui-tabs-selected a{color:#D72126}
body#rqg #pagina #conteudo #principal #reforma-1,
body#rqg #pagina #conteudo #principal #reforma-2,
body#rqg #pagina #conteudo #principal #reforma-3{width:720px; height:240px; }
body#rqg #pagina #conteudo #principal .tb-principal{
	border:1px solid #D72126;
	background:white;
	width:495px;
	height:240px;
	float:left;

}
body#rqg #pagina #conteudo #principal .tb-principal tr td{border:1px solid #D72126;}
body#rqg #pagina #conteudo #principal table tr td{
	font:11px Tahoma;
	color:black;
	font-weight:bold;
	text-align:center;
}
body#rqg #pagina #conteudo #principal table tr.menu td{
	background:#D72126;
	color:white;
}
body#rqg #pagina #conteudo #principal .tb-principal tr.sub-menu td{color:white; height:40px}
body#rqg #pagina #conteudo #principal .tb-principal tr.menu td{	padding:10px 0 0;}
body#rqg #pagina #conteudo #principal  h3.tt-20{ 
	background:url("../img/tt-20.gif") no-repeat; 
	width:60px; 
	float:left;
	display:block;
	margin:60px 0 120px 5px;

}
body#rqg #pagina #conteudo #principal .tb-secundaria { width:150px; height:240px; float:left;}
body#rqg #pagina #conteudo #principal .tb-secundaria tr.menu td{color:white; height:20px}
body#rqg #pagina #conteudo #principal .tb-secundaria tr td.sub-menu{color:white; height:20px}
body#rqg #pagina #conteudo #principal .tb-secundaria tr td  {
	border:1px solid #3B3B3B;
	background:#D72126; 
	color:white;
	height:20px;

}
body#rqg #pagina #conteudo #principal .tb-secundaria tr td h4.tt-fate { 
	background:url("../img/img-logo-fate-tabela.gif") no-repeat; 
	width:60px; 
	height:23px; 
	margin:5px auto 0;

}

body#rqg #pagina #conteudo #principal .tb-secundaria tr.menu td{background:white; height:30px;}

body#rqg #pagina #conteudo #topo {width:758px; padding:20px 0 0; background:none; left:0; top:0;}
body#rqg #pagina #conteudo #topo h1{ background:url("../img/tt-rqg.gif") no-repeat; width:213px; height:31px; float:left; margin:0;}
body#rqg #pagina #conteudo #menu-local{margin:0; float:right}
body#rqg #rodape{height:50px; padding-top:10px;}
body#rqg #rodape h3.logo-fate { background:url("../img/img-logo-fate-p.gif") no-repeat; width:80px; margin:5px 0 0 0;}
body#rqg #rodape h3.logo-vipal { background:url(../img/logo-vipal-np.jpg) no-repeat; 
	width:89px; 
	margin:5px 0 0 25px; 
	_display:inline;
}

body#rqg #rodape h3.logo-rqg { 
	background:url("../img/img-logo-rqg-p.gif") no-repeat; 
	width:100px; 
	margin:9px 0 0 35px;
	float:left;
	cursor:default;
}
body#rqg #rodape div.logo-pdf{ 
	width:150px;
	height:43px;
	float:right;
	padding:0 10px 0;
}
body#rqg #rodape div.logo-pdf h3{ 
	background:url("../img/img-logo-pdf.gif") no-repeat; 
	width:42px; 
	float:left;
}
body#rqg #rodape div.logo-pdf a{
	font:11px Tahoma,sans-serif;
	color:black;
	padding:5px 0 0 5px;
	text-decoration:none;
	display:block;
}


body#rqg #pagina #conteudo #principal #lista-links{
	width:300px;
	height:auto;
	min-height:130px;
	padding:70px 0 0 350px;
}
body#rqg #pagina #conteudo #principal #lista-links ul li{list-style-type:none; padding:15px 0 15px 30px; height:41px;}
body#rqg #pagina #conteudo #principal #lista-links ul li a{
	text-decoration:none;
	font:11px Tahoma,sans-serif;
	color:white;
}

/****************
	CONTATO
****************/

body#contato #pagina{ background:url("../img/bg-produto.jpg") no-repeat; width:758px; height:420px; }
body#contato #pagina #conteudo{padding:20px 0;} 
body#contato #pagina #conteudo #principal{margin:0; padding:50px 50px 0 50px; position:relative;}
body#contato #pagina #conteudo #topo {width:758px; padding:20px 0 0; background:none; left:0; top:0;}
body#contato #pagina #conteudo #topo h1{ background:url("../img/tt-contato.gif") no-repeat; width:213px; height:31px; float:left; margin:0;}
body#contato #pagina #conteudo #menu-local{margin:0; float:right}
body#contato #rodape{height:50px; padding-top:10px;}
body#contato #rodape h3.logo-fate { background:url("../img/img-logo-fate-p.gif") no-repeat; width:80px; margin:5px 0 0 0;}
body#contato #rodape h3.logo-vipal {  background:url(../img/logo-vipal-np.jpg) no-repeat; 
	width:89px; 
	margin:5px 0 0 25px; 
	_display:inline;
}

body#contato #rodape h3.logo-rqg { 
	background:url("../img/img-logo-rqg-p.gif") no-repeat; 
	width:100px; 
	margin:9px 0 0 35px;
	float:left;
	cursor:default;
}
body#contato #rodape div.logo-pdf{ 
	width:150px;
	height:43px;
	float:right;
	padding:0 25px 0;
}
body#contato #rodape div.logo-pdf h3{ 
	background:url("../img/img-logo-pdf.gif") no-repeat; 
	width:42px; 
	float:left;
}
body#contato #rodape div.logo-pdf a{
	font:11px Tahoma,sans-serif;
	color:black;
	padding:5px 0 0 5px;
	text-decoration:none;
	display:block;
}
body#contato #principal #box-contato { width:625px; height:260px; float:left; }
body#contato #principal #box-contato ul{ float:left; width:49%}
body#contato #principal #box-contato ul li{ 
	float:left;
	width:100%; 
	height:auto; 
	min-height:18px; 
	padding:0 0 15px;
}
body#contato #principal #box-contato ul li.label{ padding:0;}
body#contato #principal #box-contato ul li label{font:11px Tahoma,sans-serif; color:white;}
body#contato #principal #box-contato ul li input, 
body#contato #principal #box-contato ul.textarea li textarea{
	font:11px Tahoma,sans-serif; color:white;
	height:18px; 
	background:#D72126; 
	float:left; 
	border:1px solid white; 
	width:268px; 
}
body#contato #principal #box-contato ul.textarea li textarea{height:140px; text-align:left;}
body#contato #principal #box-contato ul.textarea li{width:270px; float:right; padding-bottom:0;}

body#contato #principal #box-contato ul.textarea  input.bt{float:right; width:auto; background:none; border:none; font:11px Tahoma,sans-serif; color:white;}
body#contato #principal #box-contato span{float:right;  font:12px Tahoma,sans-serif; color:white; padding:70px 0 0; display:block;}
body#contato #principal #box-contato span.alerta{padding:0; width:100%}
body#contato #principal #box-contato span.alerta span.erro {width:100%; margin:0; padding:0; font:11px Tahoma; color:red;}