@charset "utf-8";
/* CSS Document */


*, html, body {
	margin:0; 
	padding:0;
	}

#geral { 
	background:url(../images/background.jpg); 
	color:#000; 
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:655px;
	position:relative;
	margin:auto;
	margin-bottom:5px;
	margin-top:5px;
	font-family:"Trebuchet MS";
	font-size:12px;
	border:1px  #FFFFFF solid;
	position:relative;
	border-left:none;
	}
	
#head {
	width:700px;
	height:253px;
	border:1px solid #FFFFFF;
	border-bottom:none;
	border-left:none;
	position:relative;
	}
	
#conteudo {
	width:700px;
	height:355px;
	xborder:1px solid #FF00FF;
	position:relative;
	}
	
#footer {
	width:700px;
	height:45px;
	xborder:1px solid #FF00FF;
	position:relative;
	}
	
h3 {
	font-size:20px;
	}
	
	
a:hover {
	color:#FF9900;
	}
	
	
	
/* ---- MENU --------------------------------------------------------------------------- */



.menu {
	margin:182px 0 0px 70px;
	padding:0 0 0px 0;
	text-align:center;
	font-size:16px;	
	}

.menu li{
	display:inline;

	}
	
.menu span{
	color:;
	}
	
.menu a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#nav, #nav ul {
	width:560px; 
	}
#nav li {
	float:left;
	display: inline;
	}
#nav a {
	line-height: 2;
} 
#nav a:hover {
	text-decoration:none;
	}

#nav li ul {
	position:absolute;
	}



/* ---- /MENU --------------------------------------------------------------------------- */


/* ---- RODAPE --------------------------------------------------------------------------- */

.rodape_texto {
	color:#FFFFFF;
	float:right;
	text-align:right;
	padding-top:6px;
	padding-right:5px;}
	
.rodape_texto a{
	color:#FFFFFF;}
	
.rodape_texto a:hover{
	color:#FF9900;
	}
	
.indique {
	color:#FFFFFF;
	float:left;
	text-align:left;
	padding-top:6px;
	padding-left:6px;}

.indique a{
	color:#FFFFFF;}
	
.indique a:hover{
	color:#FF9900;
	}

/* ---- /RODAPE ---------------------------------------------------------------------------- */



/* ---- INDEX ---------------------------------------------------------------------------- */


.seta_index {
	position:relative;
	float:left;
	margin:-12px 0 0 85px;
	}

.box {
	width:350px;
	float:left;
	}
	
.box_geral {
	width:325px;
	height:108px;
	xborder:1px solid #0000CC;
	position:relative;
	margin-top:5px;
	margin-left:10px;
	float:left;
	}
	
.box_laranja {
	position:relative;
	}

.box_laranja_campanha {
	position:relative;
	background-image:url(../images/index/barra-laranja-campanha-trans.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cosmotec.com.br/aguaqsp/images/index/barra-laranja-campanha-trans.png", sizingMethod="crop");
	width:320px;
	height:108px;
	}
	
.box_laranja_novidades {
	background-image:url(../images/index/barra-laranja-novidades-trans.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cosmotec.com.br/aguaqsp/images/index/barra-laranja-novidades-trans.png", sizingMethod="crop");
	width:320px;
	height:108px;
	}
	
.box_laranja_dicas {
	background-image:url(../images/index/barra-laranja-dicas-trans.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cosmotec.com.br/aguaqsp/images/index/barra-laranja-dicas-trans.png", sizingMethod="crop");
	width:320px;
	height:108px;
	}
	
.p_index {
	position:absolute;
	padding:40px 0 0 23px;
	width:280px;
	text-align:justify;
	z-index:2;
	font-size:12px;
	color:#4C5B5D;
	}

.p_index a:hover{
	color:#FF9900;
	}

.contador {
	float:right;
	margin-right:20px;
	margin-top:35px;
	position:relative;
	}
	
.contador_texto {
	position:absolute;
	margin-top:8px;
	margin-left:18px;
	font-size:18px;
	color: #FFFFFF;
	}
	
.contador_img {
	background-image:url(../images/index/contador-trans.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cosmotec.com.br/aguaqsp/images/index/contador-trans.png", sizingMethod="crop");
	width:163px;
	height:60px;
	}


.box_geral2 {
	width:325px;
	height:108px;
	xborder:1px solid #0000CC;
	position:relative;
	margin-top:137px;
	margin-left:10px;
	float:left;
	}

.cartilha_img {
	background-image:url(../images/index/barra-laranja-cartilha-trans.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cosmotec.com.br/aguaqsp/images/index/barra-laranja-cartilha-trans.png", sizingMethod="crop");
	width:320px;
	height:108px;
	}

/* ---- /INDEX ---------------------------------------------------------------- */

/* ---- CAMPANHA ---------------------------------------------------------------- */

.seta_campanha {
	position:relative;
	float:left;
	margin:-12px 0 0 165px;
	}

.meio {
	background-image:url(../images/fundo-branco-trans.png);
	background-repeat:no-repeat;
	width:700px;
	height:360px;
	}
	
	
.titulo {
	padding:20px 0 2px 60px;
	color:#8FABB2;
	}
	
.campanha {
	float:left;
	padding-left:30px;}
	
.img_texto {

	}

.texto h4{
	font-size:14px;
	color:#8FABB2;
	text-align:left;
	}


.texto {
	padding-top:10px;
	padding-right:10px;
	margin-right:10px;
	width:360px;
	height:280px;
	overflow:auto;
	float:right;
	text-align:justify;
	color:#4C5B5D;
	}
	
.titulo a{
	color:#8FABB2;}
	
.titulo a:hover{
	color:#FF9900;}
	

/* ---- /CAMPANHA ---------------------------------------------------- */

/* ---- DICAS DE CONSUMO --------------------------------------------- */

.seta_dicas {
	position:relative;
	float:left;
	margin:-12px 0 0 270px;
	}
	
.bola {
	width:699px;
	height:185px;
	font-size:16px;
	color:#516A71;
	padding-top:30px;
	}
	
.bola img {
	border:none;}
	
.sombra {
	padding-left:32px;}

/* ---- CASA ------ */

.casa {
	width:160px;
	height:185px;
	position:absolute;
	padding:0 0 0 55px;
	}
	
.sub_titulo_casa {
	padding-left:70px;
	color:#516A71;
	}
	
.dicas_img2 img {
	width:180px;
	height:180px;}
	
	
/* --- /CASA ----- */

/* ---- EMPRESA ------ */

.empresa {
	width:160px;
	height:185px;
	padding:0 0 0 255px;
	position:absolute;
	}
	
.sub_titulo_empresa {
	padding-left:60px;
	color:#516A71;
	}
	
/* --- /EMPRESA ----- */

/* ---- DICAS ------ */

.dica {
	width:210px;
	height:185px;
	padding:0 0 0 455px;
	position:absolute;
	}
	
.sub_titulo_dica {
	padding-left:24px;
	color:#516A71;
	}
	
/* --- /DICAS ----- */

/* ---- FLASH ----- */

.flash {
	padding-top:20px;
	}


/* ---- /FLASH ---- */


/* ---- DEIXE SUA DICA ------------- */

.dicas_cadastro {
	border-right:1px solid #CCCCCC;
	width:195px;
	height:350px;
	position:relative;
	padding-left:15px;
	padding-right:15px;
	float:left;
	}
	
.dicas_img {
	padding:10px 0 0 60px;
	
	}
	
.dicas_titulo {
	padding-left:45px;
	color:#516A71;
	font-size:16px;
	}
	
.sombra_peq {
	padding:0px 0 0 70px;
	}
	
.seta_peq {
	padding:3px 0 3px 85px;
	}
	
.dicas {
	float:right;
	width:463px;
	height:350px;
	color:#516A71;
	font-size:14px;
	margin-top:8px;
	}
	
.depoimentos {
	padding-top:15px;
	padding-right:13px;
	width:445px;
	height:270px;
	overflow:auto;
	}

.depoimentos_nome {
	background-image:url(../images/dicas/deixe/barra-nome-trans.png);
	background-repeat:no-repeat;

	}
	
.dicas_cadastro label {
	display:block;
	width:40px;
	float:left;
	}
	
.moderacao {
	float:right;
	font-size:11px;
	padding-right:10px;}
	
.depoimentos_texto {
	text-align:justify;
	padding-bottom:10px;}
	

/* ---- /DEIXE SUA DICA ------------- */

	
/* ---- /DICAS DE CONSUMO --------------------------------------------*/


/* ---- FASES DA CAMPANHA --------------------------------------------*/

.seta_fases {
	position:relative;
	float:left;
	margin:-12px 0 0 410px;
	}
	
.noticias_left {
	width:180px;
	height:280px;
	overflow:auto;
	padding-top:10px;
	padding-right:15px;
	padding-left:30px;
	font-size:11px;
	text-align:justify;
	float:left;	
	}
	
.noticias_left ul li{
	list-style:none;	
	}
	
.noticias_left a{
	text-decoration:none;
	color:#4C5B5D;
	}
	
.noticias_left h3{
	font-size:16px;
	color:#8FABB2;
	}
	
.noticias_right {
	float:right;
	width:433px;
	height:280px;
	overflow:auto;
	padding-top:7px;
	padding-right:13px;
	text-align:justify;
	font-size:12px;
	margin-right:14px;
	}
	
.noticias_right h4{
	font-size:16px;
	color:#8FABB2;
	padding-bottom:5px;
	text-align: justify;
	}
	
.noticias_right p{
	color:#4C5B5D}



/* ---- /FASES DA CAMPANHA --------------------------------------------*/
	
/* ---- FACA SUA PARTE --------------------------------------------*/

.seta_faca {
	position:relative;
	float:left;
	margin:-12px 0 0 550px;
	}
	
.faca_sua_parte_titulo {
	padding-top:20px;
	padding-left:30px;
	padding-bottom:5px;
	color:#8FABB2;
	}
	
.faca_sua_parte_titulo a{
	color:#8FABB2;}
	
.faca_sua_parte_titulo a:hover{
	color:#FF9900;}
	
.faca_sua_parte_texto {
	width:650px;
	padding-left:30px;
	padding-top:15px;
	text-align:justify;
	color:#4C5B5D;
	}
	
.faca_sua_parte_texto_final{
	font-size:16px;}
	
#cadastro {
	width:700px;
	height:265px;
	color:#4C5B5D;
	}

.cadastro_esq {
	float:left;
	width:290px;
	height:260px;
	border-right:1px solid;
	padding-top:10px;
	padding-left:35px;
	padding-right:20px;
	color:#4C5B5D;
	}
	
label{
	display:block;
	float:left;
	width:73px;
	color:#4C5B5D;
	}
	
.cadastro_dir {
	float:left;
	width:290px;
	padding-top:10px;
	padding-left:30px;
	padding-right:20px;
	color:#4C5B5D;
	}
	
.aviso {
	width:280px;
	text-align:justify;
	font-size:11px;
	padding:5px 0 5px 0;
	color:#4C5B5D;
	}
	
.obrigatorio {
	margin:-30px 0 0 525px;
	color:#4C5B5D;
	}

.cadastro_msg {
	text-align:justify;}
	
.contato {
	margin:115px 0 0 30px;
	color:#4C5B5D;}


/* ---- /FACA SUA PARTE --------------------------------------------*/


/*--- INDIQUE UM AMIGO ---------------------------------------------*/

.indique_amigo {
	width:300px;
	color:#4C5B5D;
	padding-top:10px;
	padding-left:60px;}
	
.indique_amigo label {
	width:40px;}


/*--- INDIQUE UM AMIGO ---------------------------------------------*/