@import url("cwb_config.css");
/* Do antigo */
.style1  {color: #F00;font-weight: bold;}

/* === Layout geral === */

/* Base */
* {
	margin:0;
	padding:0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
img{border:none}
#geral {border-top:15px solid #F90;width:778px;float:left;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* Cabecalho */
#header {
    border-left:15px solid #999;
    border-right:15px solid #999;
    background: #666 url(img/det1.gif) center center repeat-Y;
    padding-bottom:15px;
}
#header span {
    display:block;height:115px;
    background:#FFF;
    position:relative;top:0;left:0;
}
#header h1 {
    position:absolute;left:275px;top:0;
    width:200px;height:115px;
    overflow:hidden;
    background:url(img/log_cwb.jpg) center center no-repeat;
}
#header h1 a {
    display:block;width:200px;height:115px;
    text-indent:-1000px;
}
#header form {width:250px;float:left;padding:15px 10px;}
#header form#fnews {float:right;}
#header form div {padding-top:10px;}

/* Banners */
#banners {
    background:#F0F0F0;float:left;width:778px;
    padding-bottom:10px;
}
#banners div {
    float:left;margin:10px 0px 0px 10px;
    border:5px solid #8B8B8B;display:inline
}
#banners p {
    float:left;margin:10px 0px 0px 10px;
    width:120px;padding:5px;
}

/* Menu */
#nav,#nav2 {width:160px;float:left}
#nav dd {display:inline}
#nav dt,#nav2 h4 {
    color:white;background:#697EB5;
    font-size:12px;font-weight:bold;
    padding:2px;margin-bottom:2px;
}
#nav a {
    display:block;font-family:Verdana;
    font-size:10px;color:#000;
    background:#F0F0F0;
    padding:2px;margin-bottom:2px;
}
#nav a:hover {background:#999;}
#nav .pub {margin-top:20px;}
#nav .pub dd {
    display:block;
    padding:2px;
    text-align:center;
}

/* Conteudo */
#content {width:440px;margin:0 9px;float:left}

/* Colunistas */
#nav2 h3 {
    background:#F90;font-family:verdana;
    font-size:12px;font-weight:bold;
    text-align:center;border-bottom:1px solid white;
}
#nav2 li {
    background:#F90;height:40px;
    border-bottom:1px solid white;
    text-align:center;font-family:verdana;
    line-height:20px;color:black;
}
#nav2 li strong {
    display:block;background:#697EB5;font-weight:normal;
    font-family:verdana;color:black;
}
#nav2 img {
    background:white;float:left;
    border-right:1px solid white;
}

/* Shopping */
#nav2 p {
    background: #E4E4E4;
    padding:5px 0;
    position:relative;top:-2px;
}
#nav2 p.p {background: #F0F0F0}

/* Rodape */
#footer {
    background:#CCC;float:left;
    width:778px;padding:2px 0 6px;
    text-align:center;margin-top:60px;
}

/* === Home === */

#content.home h2 {
    background:#FF9900 url(img/det2.gif) center center repeat-Y;
    text-align:center;font-size:12px;font-weight:bold;color:black;
    font-family:verdana;padding:2px;float:left;width:436px;
}


/* Ranking */
#content.home #ranking {background:#CCCCCC;width:440px;float:left;}
#content.home #ranking div {
    float:left;background:#EEEEEE;width:215px;
}
#content.home #ranking div.right {float:right;}
#content.home #ranking div li {
    color:black;padding:5px;
    font-family:verdana;font-size:10px;
}
#content.home #ranking div .p {background:#FFF}
#content.home #ranking div h3 {
    padding:5px;font-size:12px;font-weight:bold;color:black;
    text-align:center;font-family:verdana;
}

/* Colunas */
#colunas div {
	float:left;
	width:150px;
	margin-top:30px;
}
#colunas div.right {float:right}
#colunas div h3 {
    font-size:13px;font-weight:bold;
    text-align:center;padding:5px;color:black;
}
#colunas div dt {
    color:#66C;font-family:verdana;
    font-weight:bold;padding:4px 2px 0px;
}
#colunas div dd {
    color:#000;font-family:verdana;padding:0px 2px 4px;
    font-size:10px;border-bottom:1px solid black;
}

/* Destaque publicitario */
#dest {
    width:438px;border:1px dotted #666;float:left;
    background:#FFF;margin-top:-2px;position:relative;
}
#dest img {float:left;margin:5px;}
#dest h4 {margin-top:20px;}

/* Destaques */
#dest2 {float:left;width:440px;padding-bottom:35px;}
#dest2 div {width:200px;float:left;padding:5px 10px;}
#dest2 div img {margin-bottom:20px;}
#dest2 h3 {color:blue}
#dest2 a {color:blue;text-decoration:underline}

/* Serviços */
#serv {float:left;padding:20px 25px;}
#serv img {float:left;margin:20px 10px 0 0;}
#serv p {float:left;width:230px;}
#serv a {color:blue;text-decoration:underline;}

/* === Pagina Interna === */

/* Titulo */
.mat h2 {
    background:#FF9900 url(img/det3.gif) center center repeat-Y;
    float:left;width:436px;
}
.mat h2 a{
    display:block;float:left;width:38px;
    text-align:center;padding:2px 0;
}
.mat h2 span{
    display:block;margin-left:38px;display:inline;
    text-align:center;font-size:12px;font-weight:bold;color:black;
    font-family:verdana;padding:2px;float:left;width:277px;
}

/* Colunista */
.colunista{
    border:1px dotted black;width:436px;
    float:left;border-top:none;
}
.colunista .foto{float:left;padding:10px;}
.colunista p{width:350px;float:left;padding:20px 0;}
.mat h3{
    background:#D6D6D6;padding:5px;font-size:12px;
    width:428px;float:left;text-align:center;color:black;
    margin-bottom:5px;
}
.titulomaterias{
	margin-top:5px;
}
.datapub{float:right}

/*Links*/
.links{width:398px;float:left;text-align:center;padding:20px;}
.links a{color:blue;text-decoration:underline;}
.links a.final{padding:20px;}
.links p{padding-bottom:1em}



/*Tabela de artigos*/
.lista{
    width:436px;float:left;background:#D6D6D6;
    border-collapse:collapse;margin-top:20px;
}
.lista th{font-size:12px;color:black;}
.lista .cor{background:#E9E9E9}
.lista td,.lista th{border:1px solid white;padding:5px;}
.lista td a{
    display:block;padding:5px;margin:-5px -5px -5px 25px;
    border-left:1px solid white
}