@charset "utf-8";

@import url(form.css);

/* CSS Document */

/*
		
    Author: Lucas Abranches
    Email: 6lucas@gmail.com
    Site: www.lucasabranches.com
    Folha: Geral

*/

/*NORMATIZAÇÃO*/
*{margin:0; padding:0;}
a{outline:none; color:#C01B17; text-decoration:none;}
a:hover{text-decoration:underline;}
li{list-style:none;}
img{border:0;}

/*ESTRUTURA*/
body{background:url(../img/pattern.jpg) repeat; overflow-y:scroll; *overflow-y:auto; *overflow-x:hidden;}
body.body_frame{ background:url(../img/patternesquerda.jpg) repeat; overflow:hidden !important;}
#geral{margin:0 auto; width:776px; background:#fff; display:table; color:#C01B17; position:relative; }

/*BLOG*/
/*--left--*/
#blog .left{width:215px; float:left; display:table;}
.left .box_posts{width:155px; padding:10px; background:#E7E8ED; margin:0 auto; margin-top:20px;}
.box_posts h1{font:bold 15px tahoma;}
.box_posts p{display:block; margin:10px 0;}
.box_posts p.pag{text-align:right;}
.box_posts a{font:10px arial; margin:6px 0;}

/*--mid--*/
#blog .mid{width:400px; display:table; float:left;}
/*-data-*/
.mid ul{width:390px; padding:0; margin:0;}
.mid ul li{width:100%; padding:0; margin:0;}
.mid .date{width:45px; height:55px; background:#C01B17;; display:block; color:#ccc; float:left; text-align:center; margin:20px 20px 0 0;}
.date .dia{font:30px tahoma; margin-top:2px;}
.date .mes{font:bold 13px tahoma; margin-top:-5px;}
/*-imagem em destaque -*/
.mid .img_destaque{width:320px; float:left; margin-top:20px; text-align:left;}
/*-post-*/
.mid .post{width:320px; clear:both; margin:10px 0 0 65px; display:table;}
.tituloblog{font:bold 18px tahoma; float: left; margin-top:20px; width: 300px;}

.post p{font:11px tahoma; margin:10px 0;}
.post p.data_do_post{text-align:right; margin:10px 0 30px 0; font:italic 10px tahoma;}
.frase{font:bold 10px tahoma; color: #999; margin-bottom: 20px;  }
/*--right--*/
#blog .right{width:100px; float:right; margin:20px;}
.right h1{font:10px tahoma;}

/*FRAME*/
.topo_frame{margin:0 auto; width:863px; display:table; background:#fff; position:relative; left:-8px;}
.frame{display:table; float:left; width:775px; margin:0 auto;}
.borda_flash_esq{background:url(../img/esquerdo.jpg) no-repeat; width:44px; height:254px; float:left;}
.borda_flash_dir{width:44px; height:254px; background:url(../img/direito.jpg) no-repeat; float:left;}

/*INTERNAS*/
#interna{width:100%; display:table;}
#interna .mid{width:590px; display:table; float:left; padding:20px; }
#interna .mid h1{font:bold 30px arial; margin-bottom:20px; }
#interna .right{width:100px; float:right; margin:20px; display:inline;}
#interna p{font:11px tahoma; margin:10px 0;}
#interna p strong{font:bold 12px tahoma; margin:10px 0;}

#interna .galeria a{margin:20px 20px 0 0; display:inline; float:left;}
#interna a.pag{font:italic 11px tahoma; clear:both; margin-left:470px;}

/*--collapse--*/
.collapse .trigger{cursor:pointer; font:bold 16px tahoma; margin-bottom:15px;}
.collapse .expanded{cursor:pointer; font:bold 16px tahoma;}
.collapse .trigger img{float:left; margin:4px 10px 0 0;}
.collapse .expanded img{float:left; margin:4px 10px 0 0;}
.collapse .hide{width:100px; position:absolute; left:-999em; height:1px;overflow:hidden; background:red;}
.collapse .box_collapse{width:570px; margin:0 0 30px 0; padding-bottom:30px; border-bottom:dotted 1px #999;}


/*COMO CHEGAR*/
.flash_comochegar{display:table; width:100%; margin-top:20px; text-align:center;}