/* >>>>>>>>>>>>
-------------------------------------------
	INICIO DE REGRAS GERAIS PARA TODO SITE
-------------------------------------------
*/

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}

body {margin:0; background-color:#c01704; background:url(http://www.cibal.com.br/imagens/fundo-cibal.jpg); font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
#newbg {margin:-22px auto 0 auto; width:1000px; font:13px Arial, Helvetica, Tahoma, Verdana; /*background:url(http://www.cibal.com.br/imagens/fundoforms.gif) no-repeat;*/}
#geral {margin:0; width:1000px; font:13px Arial, Helvetica, Tahoma, Verdana;}
a, a:hover {text-decoration:none; color:#c01704; font:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#topo  {margin:22px 0 0 0; height:136px; padding:44px 0 0 0;}

#topo #logo {float:left; background:url(http://www.cibal.com.br/imagens/logo.gif) no-repeat;}
#topo #logo a{display:block; width:520px; height:100px; text-indent:-5000px; cursor:pointer;}

#topo #logo2 {float:right; background:url(http://www.cibal.com.br/imagens/refrigeranteeagua.gif) no-repeat; margin-top:20px; margin-right:250px;}
#topo #logo2 a{display:block; width:200px; height:30px; text-indent:-5000px; cursor:pointer;}


#corpo {margin:-20px 0 0 0;padding:0;}

#corpo #sobre {width:764px; font: 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:-20px 0 20px 0;}
#corpo #sobre a {text-decoration:none; color:#FFF; }
#corpo #sobre a:hover {text-decoration:underline; color:#FFF;}

#corpo #blog {float:left; width:704px; background:#941503; padding:25px 30px 25px 30px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;}
#corpo #blog #post {margin:0 0 35px 0;}
#corpo #blog #post .titulo {font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 8px 0; color:#fff;}
#corpo #blog #post p{font:14px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 8px 80px; color:#fff; width:550px;}

#corpo #lateral {float:left; margin:10px 0 0 20px; width:180px;}

#corpo #lateral #busca {margin:0 0 10px 0;}
#corpo #lateral #busca .titulo{margin:0 0 5px 0; font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#corpo #lateral #busca input{width:154px; font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#corpo #lateral #banner{margin:0 0 10px 0;}

#corpo #lateral #arquivo {background:#90cb07; padding:15px 12px 15px 12px; font-size:10px;}
#corpo #lateral #arquivo .titulo{margin:0 0 5px 0;}
#corpo #lateral #arquivo p{margin:0;}
#corpo #lateral #arquivo a{color:#fff;}

#corpo #lateral #categoria {/*background:#5a1203;*/ background:url(http://www.cibal.com.br/imagens/fundovermelho.jpg) no-repeat; padding:15px 12px 15px 12px; font-size:10px;  -moz-border-radius:5px 5px 5px 5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;}
#corpo #lateral #categoria .titulo{margin:0 0 5px 0; font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#corpo #lateral #categoria p{margin:0;}
#corpo #lateral #categoria a{color:#fff; font: 15px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#corpo #lateral #categoria a:hover{color:#fff; text-decoration:underline;}

/**********imagem ampliada**********/
#overlappopup{ /*don't change id name */
position: absolute; /*don't change position property */
z-index: 1000; background: white; border: 2px solid #cccccc; padding: 1px; left: 0; top: 0; visibility: hidden;}

#corpo #blog #item {clear:both; margin:20px 0 0 0;}
#corpo #blog #item .foto {float:left; margin:0 12px 22px 0;}
#corpo #blog #item .video {float:left; margin:0 0 10px 0; border:3px solid #fff;}
#corpo #blog #item img { border:22px solid #5a1203; margin:0 30px 20px 0; width:250px; background-color:#FFF;}
#corpo #blog #item #icon {text-align:left;}
#corpo #blog #item #icon img{border:0px; margin:0; width:20px; height:20px; padding:0;}
#corpo #blog #item .pergunta{font-size:19px; font-weight:bold; color:#fff; margin:0;}
#corpo #blog #item .usuario{color:#c01704; margin:10px 0 10px 0;}
#corpo #blog #item .nomeusuario{font-weight:bold; color:#fff; margin:10px 0 10px 0;}
#corpo #blog #item .texto{margin:0 0 20px 0; font: 16px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
#corpo #blog #item #postags{margin:5px 0 15px 0; padding:5px; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; border:solid 1px #5B0000; color:#fff; background-color:#5B0000}
#corpo #blog #item #postags span{ font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
#corpo #blog #item #postags a{color:#fabcbf;}
#corpo #blog #item .data{margin:0 0 10px 0; font-size:9px; float:right;}

#corpo #blog #item span.cal {
background:transparent url('http://www.cibal.com.br/imagens/calendar.gif') no-repeat scroll 0%;
float:left;
margin: 0 10px 10px 0;
height:49px;
width:53px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
#corpo #blog #item span.cal_month {
color:#FFFFFF;
display:block;
font-size:10px;
line-height:11px;
margin-left:-5px;
padding-top:3px;
text-align:center;
text-transform:uppercase;
}
#corpo #blog #item span.cal_day {
color:#999999;
display:block;
font-size:22px;
line-height:18px;
margin-left:-5px;
padding-top:7px;
text-align:center;
text-transform:uppercase;
}
#corpo #blog #item .sidebar {
margin-bottom: 20px;
}


#corpo #blog .separador {margin:10px 0 10px 0;}

#corpo #blog #nav_bottom{
	margin:0;
	float:right; }
#corpo #blog #nav_bottom img{
	border:0;
}

.linha_rosa {
	border:#8f1404 1px solid;
	margin:10px 0 10px 0;
}

#lateral #arquivo .titulo_categorias {
	height:28px;
	font:bold 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:10px 0;
}
#lateral #arquivo .titulo_arquivo {
	height:28px;
	font:bold 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:10px 0;
}

/*
-------------------------------------------------------
	FIM DE REGRAS GERAIS PARA FORMULÁRIOS
-------------------------------------------------------
http://www.maujor.com/tutorial/cssforms.php
< */