@charset "utf-8";

/* Menu */
@import url("menu.css");
/* Titulos */
@import url("titulos.css");
/* Formularios */
@import url("formularios.css");
/* Demais estilos do site - Alinhamentos, Clear */
@import url("outros.css");


/*-----------------------------------------------------------------------------
Folha de estilos - Waterhouse

version:	1.0
Autor:		Plus! Agência Digital
Data:			00-00-2009
Email:		contato@plusagenciadigital.com.br
Website:	http://www.plusagenciadigital.com.br

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*==========================================
	GERAL
============================================*/

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


html, body{
	height:100%;
}


html{
	height:100%;
	margin:0;
	padding:0;
	background:#000 url(../../_IMG/layout/bg_geral.jpg) center top repeat-x;
}


body{
	height:100%;
	margin:0;
	padding:0;
	color:#8a8a8a;
	font:12px/1.3em Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	/* Hack IE */
	*text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
}

a.com_friso img {
  outline: 1px solid black;
}

a.com_friso:hover img {
  outline: 1px solid #A25B87;
}

ul, ol, dl{
	margin:0;
	padding:0;
	list-style-type:none;
}

li, dt, dd{
	margin:0;
	padding:0;
}

li *, dt *, dd *{
	margin:0;
	padding:0;
}


img,
img a,
img a:hover{
	border:none;
	margin:0;
	padding:0;
}


.clear{
	clear:both;
}

.hidden {
  display: none;
}


a:link, a:visited, a:hover, a:focus, a:active{
	color:#8a8a8a;
}
a:link, a:visited, a:focus, a:active{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


address{
	margin:0;
	padding:0;
}


p{
	line-height:1.4em;
	margin:0 0 15px 0;
}

p a{
	text-decoration:none;
}




/*==========================================
	ESTRUTURA
============================================*/

/*--------
	GLOBAL
---------*/
#global {
	width:1100px;
	min-height:100%;
	margin:0 auto;
	padding:0;
	background:#fff;
	bottom:0;
	position:relative;
	clear:both;
}

* html #global {
	height: 100%; /* hack para IE6 hq trata height como min-height */
}

.global_interno{
	background:#fff !important;
}



/*------
	TOPO
-------*/
#topo{
	width:1100px;
	height:90px;
	margin:0 auto;
	padding-top:10px;
	background:#000;
	clear:both;
	/* Hack IE */
	_overflow:hidden;
}



/*------
	LOGO
-------*/
#logo{
	width:345px;
	height:40px;
	margin:35px 0 0 0;
	float:left;
}

#logo h1{ display:none;}


/*-----------------
	LOGIN / EXTRANET
------------------*/
#envolve_botoes_topo{
	/*width:100px;*/
  color: white;
	height:20px;
	float:right;
	position:absolute;
	right:0;
}

#envolve_botoes_topo a {
  color: white;
}


/*--------------
	TOPO OUTDOOR
---------------*/
#topo_outdoor{
	width:1100px;
	height:350px;
	margin:0 auto;
	padding-bottom:10px;
	background:#000;
	clear:both;
}



/*----------
	CONTEUDO
-----------*/
#conteudo{
	width:1050px;
	height:auto;
	margin:0 auto;
	padding:20px 25px 0px 25px;
	/*background:#005da3;*/
	clear:both;
	text-align:left;
}

/* Hack FireFox */
div#conteudo:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}



/*--------
	RODAPE
---------*/
/* Container com o rodape */
#rodape{
	width:1050px;
	/*height:415px; */
	margin:0 auto; 
	padding:15px 25px 0 25px;
	background:#fff;
	bottom:0;
	clear:both;
	color:#8a8a8a;
	font:11px/1.3em; 
	left:0; 
	position:relative;
	overflow:hidden;
}

#rodape_aba_topo{
	width:100%;
	height:7px;
	background:url(../../_IMG/layout/rodape_bg_topo.gif) left top no-repeat;
	clear:both;
}

#rodape_envolve_conteudo{
	width:1048px;
	padding:10px 0 5px 0;
	background:#fff;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	clear:both;
}

#rodape_aba_baixo{
	width:100%;
	height:6px;
	background:url(../../_IMG/layout/rodape_bg_baixo.gif) left top no-repeat;
	clear:both;
}

#rodape address{
	width:100%;
	height:35px;
	margin:0 auto;
	padding-top:13px;
	background:url(../../_IMG/layout/rodape_bg_meio.gif) center top no-repeat;
	clear:both;
	font-size:12px;
	font-style:normal;
	text-align:center;
}

#rodape address a{
	color:#4199d0;
}

#rodape .anuncie {
  float: left;
  font-size:11px;
  padding-top: 20px;
}

#copyright{
	height:40px;
	margin:20px auto 0 auto;
	font-size:11px;
}


#plus{
	width:37px;
	height:19px;
	margin:-40px 25px 0 0;
	float:right;
}


/*-----------------
	RODAPE CONTEUDO
------------------*/
ul#rodape_conteudo{
	width:998px;
	height:270px;
	padding:0 25px 0 25px;
	clear:both;
	font-size:11px;
	text-align:left;
}

ul#rodape_conteudo li{
	float:left;
}

ul#rodape_conteudo li a{
	color:#8a8a8a;
}

ul#rodape_conteudo li h2{
	color:#b8448a;
	font-size:12px;
	text-transform:uppercase;
}

ul#rodape_conteudo li h3,
ul#rodape_conteudo li h3 a {
	margin:10px 0 0 0;
	color:#8a8a8a;
	font-size:11px;
}

ul#rodape_conteudo li h3.destacado a {
  color: #01ace5 !important;
}

ul#rodape_conteudo li#site_map{
	width:478px;
	padding-right:20px;
	border-right:1px solid #e5e5e5;
}

ul#rodape_conteudo li#marcas_rodape{
	width:479px;
	padding-left:20px;
}


/*----------------------------
	SITE MAP -> RODAPE CONTEUDO
------------------------------*/
ul#site_map_lista{
	width:100%;
	list-style-type:none;
}

ul#site_map_lista li{
	margin-right:70px;
	float:left;
}

ul#site_map_lista p{
	margin-bottom:0;
}



/*---------------
	REDES SOCIAIS
----------------*/
ul#redes_sociais{
	height:30px;
	padding:50px 30px 40px 30px;
	border-bottom:1px solid #e5e5e5;
	clear:both;
	list-style-type:none;
}

ul#redes_sociais li{
	margin-right:25px;
}



/*--------------------
	PATROCINIOS APOIOS
---------------------*/
ul#patrocinios_apoios{
	height:66px;
	padding:30px 30px 10px 30px;
	clear:both;
	list-style-type:none;
}

ul#patrocinios_apoios li{
	margin-right:28px;
}




/*==========================================
	CONTEUDO (INTERNO)
============================================*/

/*--------------------
	COLUNA 1 (conteudo)
---------------------*/
#coluna_1{
	width:820px;
	min-height:10px;
	margin-right:30px;
	float:left;
}



/*-------------------
	COLUNA 2 (banners)
--------------------*/
#coluna_2{
	width:200px;
	min-height:10px;
	float:left;
}

.banner{
	width:100%;
	clear:both;
	margin-top:13px;
}

#coluna_2 .banner img {
  display: block;
}

#coluna_2 .banner {
  outline: 1px solid black;
}

#coluna_2 .banner_menor {
  outline: none !important;
  height: 200px;
  margin-top: 0;
}

#coluna_2 .banner_menor div.menor {
  outline: 1px solid black;
  margin-top: 20px;
}




/*==========================================
	HOME
============================================*/

/*-----------
	HOME BOX
------------*/
.home_box{
	width:788px;
  height: 233px;
  overflow: hidden;
	padding:15px 15px 5px 15px;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	clear:both;
}

.home_box_condensado {
  height: 127px !important;
  position: relative;
}

div.home_box:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}

.home_box_aba_bottom{
	width:820px;
	height:7px;
	margin-bottom:25px;
	background:url(../../_IMG/home/home_box_bg_aba_bottom.gif) left top no-repeat;
	clear:both;
}

.home_box_aba_bottom_condensado{
	margin-bottom: 15px !important;
}


/*------------------
	HOME BOX COLUNAS
-------------------*/
.home_box_coluna_1,
.home_box_coluna_2,
.home_box_coluna_3 {
  position:relative;
  height: 233px;
}

.home_box_coluna_1{
	text-transform: uppercase;
	width:255px;
	padding-right:17px;
	border-right:1px solid #e5e5e5;
	float:left;
}

.home_box_coluna_1 img {
  margin-right:4px;
  vertical-align:sub;
  *vertical-align:middle;
}

.home_box_coluna_1 .link_mais,
.home_box_coluna_2 .link_mais,
.home_box_coluna_3 .link_mais {
  position: absolute;
  bottom: 0;
  left: 0;
}
.home_box_coluna_1 .link_mais {
  left: 0;
}

.home_box_coluna_2{
	width:250px;
	margin-left:20px;
	float:left;
}

.home_box_coluna_2 .chamada_video {
  margin: 0;
}

.home_box_coluna_2 .chamada_video img {
  display: block;
}

.home_box_noticias h2,
.home_box_coluna_2 h2,
.home_box_coluna_3 h2{
	margin-bottom: 2px;
	color:#8a8a8a;
	font-size:11px;
  text-transform: uppercase;
  font-weight: normal;
}

.home_box_coluna_2 h2 {
  font-weight: bold;
  font-size: 12px;
}

.home_box_meio_2 h2 {
	margin: 5px 0;
	color:#8a8a8a;
	font-size:11px;
  text-transform: uppercase;
  height: 15px;
  overflow: hidden;
  width: 259px;
  font-weight: bold;
}

.home_box_noticias h2 a,
.home_box_coluna_2 h2 a,
.home_box_coluna_3 h2 a{
	color:#8a8a8a !important;
}

.home_box_coluna_3{
	width:200px;
	margin-left:20px;
	padding-left:15px;
	border-left:1px solid #e5e5e5;
	float:left;
	text-transform: uppercase;
}

.home_box_meio_1 {
  width: 400px;
}

.home_box_meio_1 .link_mais {
  
}

.home_box_meio_1 object,
.home_box_meio_1 embed {
  display: block;
  margin: 0 auto;
}

.home_box_meio_2 {
  margin-left:65px;
  width:305px;
}

/* Paragrafos */
.home_box_noticias p,
.home_box_coluna_2 p,
.home_box_coluna_3 p{
	margin:0px 0 6px 0;
	font-size:12px;
  font-weight: bold;
}
.home_box_noticias p a,
.home_box_coluna_2 p a {
  display: block;
  height: 18px;
  overflow: hidden;
  color: black;
}

.home_box_galeria h2 {
  text-transform: uppercase;
  padding-top: 6px;
  font-size: 11px;
}


/*-----------
	DESTAQUES
------------*/
#destaques{
	width:100%;
	height:auto;
	margin:1px 0 20px;
	clear:both;
}



/*---------------
	WATER MAGAZINE
----------------*/
ul#water_magazine{
	width:60px;
	margin-left:5px;
	font-size:11px;
	list-style-type:none;
	float:left;
}

ul#water_magazine h2{
	margin-bottom:3px;
	color:#797979;
	font-size:12px;
}

ul#water_magazine li{
	width:75px;
	padding:0;
}

ul#water_magazine li a{
	display:block;
	color: #797979;
  /*Hack IE*/
	*overflow:hidden;
}

ul#water_magazine li a.sem_link {
  color: #ccc;
  font-weight: normal;
  cursor: default;
}

ul#water_magazine li a.sem_link:hover {
  text-decoration: none;
}

ul#water_magazine div.img_capa,
ul#water_magazine div.img_capa a {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0;
}
ul#water_magazine div.img_capa a {
  display: block;
  width: 158px;
  height: 200px;
  z-index: 999;
  left: 8px;
  outline: 1px solid black !important;
  background: none !important;
  outline: 1px solid #A25B87;
}
ul#water_magazine div.img_capa a:hover {
  outline: 1px solid #A25B87 !important;
}

ul#water_magazine li.ativo a{
	background:url(../../_IMG/outros/seta_rosa_inversa.gif) 45px 3px no-repeat;
	color:#A25B87;
	font-weight:bold;
	text-transform:uppercase;
}



/*--------
	SEREIA
---------*/
p#home_sereia{
	margin-left:35px;
	font-size:11px;
}




/*==========================================
	LISTAGEM INTERNA 3 COLUNAS
============================================*/

ul.interno_3colunas{
	width:100%;
	list-style-type:none;
}

ul.interno_3colunas li{
	float:left;
}

ul.interno_3colunas h2{
	margin-bottom:10px;
}



/*-----
	ESQ
------*/
ul.interno_3colunas li.esq{
	width:142px;
	margin-right:15px;
}

ul.interno_3colunas li.esq .img_chamada {
  border: 1px solid black;
}

ul.interno_3colunas li.esq_video{
	width:202px !important;
}

ul.interno_3colunas li.esq_video p,
ul.interno_3colunas li.esq_video p a {
  line-height: 1em !important;
  font-weight: normal;
}



/*------
	MEIO
-------*/
ul.interno_3colunas li.meio{
	width:470px;
	margin-right:15px;
}

ul.interno_3colunas li.meio_video{
	width: 390px !important;
}

ul.interno_3colunas li.meio p{
	color:#797878;
	font-size:12px;
	line-height:1.3em;
}

.fotografo{
	padding-left:22px;
	background:url(../../_IMG/outros/icone_fotografia.gif) left top no-repeat;
	color:#797878;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}



/*-----
	DIR
------*/
ul.interno_3colunas li.dir{
	width:120px;
	padding-left:15px;
	border-left:1px solid #e5e5e5;
  min-height: 120px;
}


ul.dados_postagem{
	padding-left:10px;
	border-bottom:1px solid #e5e5e5;
	clear:both;
}

ul.dados_postagem li{
	margin-bottom:1px;
	float:none;
	font-size:11px;
}

ul.dados_postagem h3 {
  font-size: 11px;
}

ul.dados_postagem li img{
	margin-right:4px;
	vertical-align:sub;
  *vertical-align:middle;
}

ul.dados_postagem li .data{
	color:#4d4d4d;
	font-weight:bold;
}


ul.dados_postagem li strong{
	color:#000;
	font-size:11px;
	text-transform:uppercase;
}


ul.dados_postagem li h3 a{
	color:#b54388 !important;
	letter-spacing:-1px;
	text-transform:uppercase;
}


/* INTERACAO */
ul.interacao{
	margin-top:27px;
	padding-left:10px;
	clear:both;
}

ul.interacao li{
	float:none;
}

ul.interacao li a img{
	margin:-1px 6px 0 0;
	vertical-align:middle;
}

ul.interacao li a{
	padding:1px 0 1px 0;
	display:block;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

ul.interacao li a:hover{
	color:#b54388;
	text-decoration:none;
}



/*==========================================
	NEWSLETTER
============================================*/

ul#newsletter{
	width:100%;
	list-style-type:none;
}

ul#newsletter li{
	float:left;
}

ul#newsletter li input{
	width:155px;
	height:16px;
	padding:5px 10px 3px 10px;
	background:#142e45 url(../../_IMG/titulos/titulos_aba_esq.gif) left top no-repeat;
	border:none;
	color:#d9dbdc;
	font-size:11px;
	font-weight:bold;
	outline:none;
}

ul#newsletter li a{
	padding:3px 2px 4px 6px;
	display:inline-block;
}




/*==========================================
	ENQUETE
============================================*/





/*==========================================
	BUSCA
============================================*/

ul#busca{
	width:137px;
	height:20px;
	margin:47px 0 0 38px;
	float:left;
	list-style-type:none;
}

ul#busca li{
	height:20px;
	float:left;
}

ul#busca li.aba_esq{
	width:14px;
}

ul#busca li.aba_dir{
	width:22px;
}

ul#busca li.input{
	width:100px;
}

ul#busca li.input input{
	width:89px;
	height:15px;
	margin:0;
	padding:4px 7px 1px 7px !important;
	background:url(../../_IMG/formularios/busca_bg_geral.gif) left top repeat-x;
	border:none;
	color:#ccc;
	font-size:9px;
	outline:none;
	text-transform:uppercase;
	/*Hack IE*/
	*background-position:left -1px;
	*padding:5px 7px 0 7px;
}

ul#busca li.input input:hover,
ul#busca li.input input:focus{
	background:url(../../_IMG/formularios/busca_bg_geral.gif) left top repeat-x;
	/*Hack IE*/
	*background-position:left -1px;
}




/*==========================================
	LISTAGEM
============================================*/

.listagem{
	width:100%;
	margin:10px 0 20px 0;
	clear:both;
	color:#000;
	font-size:18px;
	list-style-type:none;
}

.listagem a{
	padding:1px 0px;
	color:#000;
	display:inline-block;
	font-weight:bold;
	font-size:12px;
}

.listagem span{
  padding: 0 1px;
}

.listagem a:hover{
	color:#b54388;
	text-decoration:none;
}

.listagem a.ativo{
	color:#b54388;
}

/*
ul.listagem li{
	color:#000;
	display:inline-block;
	font-size:20px;
	text-align:left;
}

ul.listagem li a{
	padding:1px;
	color:#000;
	display:block;
	font-weight:bold;
	font-size:12px;
}

ul.listagem li a:hover{
	color:#b54388;
	text-decoration:none;
}
*/