@import url('http://www.clicrbs.com.br/css/flashbox.css?20260412');
@import url('http://www.clicrbs.com.br/especial/guiadepraias/css/estrutura.css?20260412');
@import url('http://www.clicrbs.com.br/especial/guiadepraias/css/layout-base.css?20260412');
@import url('http://www.clicrbs.com.br/especial/guiadepraias/css/widget-hagah.css?20260412');

.largura-a {width:100%; min-height:30px;}
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:140%;}

/* personalizacoes */

html {background:#e8d3aa url(../icon/areia.jpg) 0 395px repeat-x}
body {background:url(../icon/mar2.jpg) top center repeat-x;}
#wrapper_full {width:99.5em; position:relative; overflow:visible;}
.linha.duas-colunas .coluna.col-a {margin-right:2em;}
.linha.duas-colunas .coluna.col-b {margin-right:0;}

.linha.tres-colunas .coluna.col-a {margin-right:1.3em;}
.linha.tres-colunas .coluna.col-b {margin-right:1.3em;}
.linha.tres-colunas .coluna.col-c {margin-right:0.1em;}

a {color:#ff4d11;}
a:hover {color:#e88160; text-decoration:none;}

/*TOPO*/
#superbanner {position:absolute; margin-left:265px; z-index:10;}
#topo {width:100%;  height:153px; background:url(../icon/mar2.jpg) top center repeat-x;}
#topo h1 a {width:460px; height:140px; display:block; background:url(../icon/logo-guia-praias.jpg) top left no-repeat; text-indent:-9999px;  float:left; margin-top:0; position:absolute; left:-95px;}

#miolo {margin-right:0.7em; width:62em;}

/*MENU*/
#menu {width:13.5em; margin-right:1em; padding-top:5px;}
#menu a {color:#ff4000;}
#menu li a {font-size:1.2em; background:url(../icon/bullet-praias.png) left center no-repeat; padding-left:10px; display:block;}
#menu li {padding-left:10px; margin:0;}
#menu li a:hover {color:#fff; background:#FFA140;}
#menu li.title {font-size:1.3em; color:#ff8f40; padding-left:30px; background:url(../icon/estrela-nova.png) top left no-repeat; font-weight:bold; margin-bottom:10px; margin-left:0;}

/*corpo*/
#corpo {background:#fafcfc; margin-bottom:0; background:#fff;}

#bloco-player {background:#fff; border-bottom:3px solid #89AB23; border-top:2px solid #89AB23;   -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; padding-bottom:10px; position:relative;}
#bloco-player a {color:#657D19;}
/*#bloco-player p {display:none;}*/
#bloco-player h3 {float:left; width:500px; font-size:1.6em;}
#bloco-player p {clear:left;}
.nav-player {float:right; position:absolute; bottom:10px; right:10px;}
.coluna #bloco-player img {margin-top:0;}
.bullet a {background:url(../icon/bullet-praias.png) left center no-repeat; padding-left:10px;}

#colunadireita {padding-top:15px;}
#barradireita {background:#fff;}
/*cartola*/
h2.cartola {
	background:url(../icon/bg-cartola.png) bottom right no-repeat;
	font-size:1.1em;
	margin-bottom:0;
	}
h2.cartola a, h2.cartola span {
	color:#4D6013;
	}

p, li a, h5 a, dd a, dt a {font-size:1.2em;}

h3.tipo-a {font-size:1.8em; color:#C9481A;}
h3.tipo-b {font-size:1.3em; color:#C9481A;}
h3.tipo-c {font-size:1.6em; color:#C9481A;}

.bloco {margin-bottom:7px;}

/*player*/
.nav-player li.on {background:#89AB23;}
.nav-player li {background:#B2D157;}
#bloco-player .nav-player a {color:#fff;}

/*noticia aberta*/
#miolo .bloco h1.tipo-c {color:#9FC434; font-size:2em;}
#miolo .bloco.titulo h1 {color:#F17050; font-size:2.6em; line-height:1.3em;}
h3.tipo-b {color:#708433; font-weight:normal; font-size:1.2em; font-family:tahoma;}
big, big a {color:#A0C435; font-size:1em; font-family:tahoma;}
.noticias .largura-c h3.tipo-a {background:url(../icon/bg-cartola.png) no-repeat scroll right bottom transparent; font-size:1.1em; margin-bottom:4px; color:#4D6013;}
.lista dt {font-size:1em; color:#B3C976;}
.lista dd {font-size:1.1em; line-height:1.2; margin-bottom:10px;}
.lista dd a {color:#4C5F13; font-weight:bold;  line-height:1.2;}
.lista dd a:hover {color:#89AB23;}
h5.comente {margin-bottom:10px;}
#principal p {font-size:1.2em;}

.linha.tipo-a.ferramentas {padding:10px 0 10px 100px !important; font-family:tahoma;}
.noticias ul.linha.ferramentas li a {
padding:3px 7px 3px 25px;}

.ferramenta a, .paginacao .bloco-b li a {color:#657D19;}
.ferramenta a:hover, .paginacao .bloco-b li a:hover {color:#89AB23;}



.botao a {background:#89ab23; padding:2px 15px;}
.botao a:hover {background:#aac84e;}
/*RODAPE*/
#rodape {background:#f3f8f7; border-top:3px solid #89ab23; width:99.5em;}