@charset "utf-8";
/*   
Theme Name: CaseBem Umbrela
Theme URI: http://www.casebem.com.br
Description: Tema Guarda Chuva para o site CaseBem para 2009
Author: Nauro Rezende Jr - ID Comunicação
Author URI: http://www.idmarketing.com.br
Version: 0.1
.
General comments/License Statement if any.
.
*/

/* CSS Document */

/* Definção de TAGS */
html body { margin:0px;	padding:0px; background-color:#62a8ac; } 
body { margin:0px;	padding:0px; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:10pt; background-color:#62a8ac; text-align:center;} 
body div { margin:0px; padding:0px; } 
body a { text-decoration:none; } 
body a:hover { text-decoration:underline; }	

/* layout das seções do site */
#top { position:static; background: url("images/background.jpg") repeat-x; background-color:#fff; width:100%; height:auto;	padding:0px; margin:0px; } 
#rodape { position:static; display:block; clear:both; width:100%; min-height:100%; background-color:#62a8ac; height:100px; text-align:left; }

#florao_esquerda { background: url("images/florao_top_left.png") no-repeat; position:absolute; float:left; left:0px; width:180px; height:400px; z-index:1; } 
#florao_direita { background: url("images/florao_top_right.png") no-repeat;	position:absolute;	margin-left:100%; left:-180px; width:180px; height:400px; z-index:1;} 
 
#conteudo_central { position:relative; width:848px; margin-top:0px; margin-left:auto; margin-right:auto; z-index:10; text-align:left;} 

/* MENU TOPO */
#menu_topo { height:17px; overflow:hidden; font-size:0.8em; padding-top:2px; } 
#menu_topo a { color:#fff; } 
#menu_topo ul { text-align:right; margin:0px; padding:0px;} 
#menu_topo ul li { display:inline; padding-right:6px; padding-left:6px; border-right:1px solid #fff; } 
#menu_topo ul li.first { padding-left:3px; } 
#menu_topo ul li.last { border-right:0px; }  

/* CORPO CONTEUDO */
#corpo_conteudo { background-color:#fff; padding:10px;}  

#box_revista { position:relative; float: left; width:250px; margin-right:10px; height:auto; background-color:#f0f0ee; padding:10px; margin-bottom:10px; } 
#box_revista div.triangulo { position: absolute; top: 40px; left: 220px; width:0px; height:0px; border: 10px solid; border-color: #ff7f24 #ff7f24 transparent transparent; z-index:auto; }

#box_revista p { font-size:0.8em; line-height:15pt; margin:0; margin-bottom:20px; padding:0; } 
#box_feed { text-align:right; font-size:12px; margin:0px; padding:0px; } 
#box_feed p { margin:0px; padding:0px;} 

#box_feed img { border:0px;	margin-left:5px; float:right; } 
#box_nas_bancas { font-size:1.5em; text-align:center; background-color:#ff7f24; padding:3px; } 
#box_cidades { position:relative; float:right; width:540px; background: url("images/bg_box_cidades.jpg") repeat-x; background-position:bottom left; } 

#box_cidades div.posts { padding-left:10px; padding-right:10px;} 
#box_cidades div.posts h1 { padding-left:0px; padding-right:0px;} 

#box_logotipo { text-align:right; margin:0px; padding:0px; } 
#box_logotipo img { margin:0px; padding:0px; } 

#box_logotipo p { margin:0px; padding:0px; margin-top:-5px; font-size:0.9em; } 
#box_cidades h1 { font-family:'Time New Roman', Times; font-weight:normal; font-size:3em; border-bottom:2px solid #044246; color:#044246; padding-left:10px; padding-right:10px; } 

#box_cidades span { display:block; margin-bottom:20px; padding-left:10px; padding-right:10px; } 
#box_cidades span h4 { margin-bottom:5px; padding-bottom:0px; } 

#box_cidades span a { display:inline; line-height:25px; border-right:1px solid; padding-right:6px; color:#000; font-size:0.95em; } 
#box_cidades span a.last { border-right:0px;} 

#box_cidades span a:hover { text-decoration:underline; color:#ff7f24; } 

#box_resumo { background-color:#044246; color:#fff; padding-top:6px; padding-bottom:6px; margin-bottom:10px; margin-top:150px } 
#box_resumo p { font-size:0.8em; text-align:center; margin:0px; padding:0px; } 
#box_compartilhe { border-top:1px solid #999; text-align:right; clear:both;	padding:3px; padding-right:5px;} 
#box_compartilhe p { margin:0px; padding:0px; } 
#texto_rodape { position:relative; width:848px; padding-top:10px; margin-left:auto; margin-right:auto; z-index:20; } 
#texto_rodape p { color:#fff; font-size:0.8em; text-align:center; margin:0px; padding:0px; } 
#florao_esquerda_rodape { background: url("images/florao_bottom_left.png") no-repeat; position:absolute; float:left; left:0px; width:180px; height:130px; z-index:2;} 
#florao_direita_rodape { background: url("images/florao_bottom_right.png") no-repeat; position:absolute; margin-left:100%; left:-180px; width:180px; height:130px; z-index:2; }