/*
Theme Name: Frati
Theme URI: http://www.tecsite.com.br/
Description: CMS theme for Wordpress - By Tecsite
Version: 0.1
Author: Miriam de Paula
Datum: 05/12/2008
*/
@import url("reset.css");
@import url("menu.css");
@import url("forms.css");
@import url("nggallery/ngg_frati.css");

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html [ xmlns ] .clearfix {display: block;}
* html .clearfix {height: 1%;}

body {background: #999; color: #333; font: normal .8em/180% Arial, Helvetica, sans-serif;} /* links  */
a, a:visited {color: #000; text-decoration: underline;}
a:hover {color: #4682B4;}
.mais, .more-link {float: left; text-align: right; height: 30px; margin-top: 15px; font-weight: bold; margin-bottom: 30px;}
.mais a, .mais a:visited {color: #C00; text-decoration: none;}
.mais a:hover {color: #000;} 

/* headings */
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h1, h2, h3, h4, h5 {font: Arial, Helvetica, sans-serif; margin-bottom: 5px; clear: both;} /* strong em */
strong {font-weight: bolder;}
em {font-style: italic;} 
/* page structure & layout */
#site {margin: 20px auto 0; width: 980px; height: auto; display: table;/*FF*/ background: #fff;}
#cabecalho {height: 45px/*85px*/; width: 940px/*980px*/; padding: 20px; float: left;}
#cabecalho-destaque {float: left; height: 204px/*244px*/; padding: 20px 40px; width: 900px/*980px*/; background: #C00; color: #fff;}
#cabecalho-destaque-internas {float: left; height: 40px; width: 980px; background: #c00 url(images/bg-cabecalho-destaque-internas.jpg) no-repeat;}
#corpo {float: left; min-height: 740px/*800px*/; width: 900px/*980px*/; padding: 20px 40px 40px;}
#rodape {width: 900px/*980px*/; height: 61px/*151px*/; padding: 70px 40px 20px 40px; float: left; background: url(images/bg-rodape.jpg) repeat-x; line-height: normal;} /* header */
#cabecalho #cab-esquerdo {width: 265px; height: 45px; float: left;}
#cabecalho #barra-idiomas {width: 65px/*75px*/; height: 25px/*45px*/; padding: 20px 0 0 10px; float: left;}
#cab-destaque-esquerdo {width: 445px/*465px*/; height: 204px; padding-right: 20px; float: left;}
#cab-destaque-esquerdo .mais {font-size: 14px; float: right; margin-bottom: 0;}
#cab-destaque-esquerdo .mais a, #cab-destaque-esquerdo .mais a:visited {color: #fff;}
#cab-destaque-esquerdo .mais a:hover {color: #CCC;}
#cab-destaque-direito {width: 435px; height: 204px; float: left; background: url(images/bg-box-animacao.jpg) no-repeat;} /* content */
#box-animacao {width: 427px/*433px*/; height: 176px/*182px*/; background: #fff; border: 2px solid #fff; padding: 3px;}
#box-animacao #slides {width: 427px; height: 176px; float: left; background: #f4f4f4;}
#box-animacao #slides #loading {position: relative; text-align: center; margin: 0 auto; width: 35px;} /* corpo */
#corpo #lado-esquerdo, #corpo #textos {width: 600px; margin-right: 40px; float: left; text-align: justify;}
#corpo #lado-direito {width: 260px; float: left;}
#corpo h1, #corpo h2 {/*titulos internos */font-size:1.4em; font-weight:500; color: #333; height: auto; width: auto; clear: both; line-height: normal; margin: 10px 0 20px 0; padding-bottom: 3px; border-bottom: 1px solid #333; text-transform: uppercase;}
#corpo h1 span, #corpo h2 span {border-bottom: 4px solid #333;}
#corpo #subitens {background: #999; float: left; padding: 10px 20px 20px; width: 220px; color: #fff; margin: 10px 0;}
#corpo #subitens h2.veja-mais {color: #fff; border-bottom: 1px solid #fff; text-transform: none; margin-bottom: 10px;}
#corpo h2.veja-mais span {border-bottom: 4px solid #fff;}
#corpo #subitens ul {margin: 0;}
#corpo #subitens ul li {list-style-type: none; background: url(images/marcador-branco.gif) no-repeat 0 6px; padding-left: 20px; border-bottom: 1px dotted #fff;}
#corpo #subitens ul li a, #corpo #subitens ul li a:visited {color: #fff; text-decoration: none;}
#corpo #subitens ul li a:hover {color: #4682B4;}
#corpo p {margin: 0 0 10px 0;}
#corpo ol {line-height: 1.8em; margin: 0 30px 20px 50px;}
#corpo ul {line-height: 1.8em; margin: 0 20px 25px 30px; display: block;}
#corpo ul li {line-height: 1.8em; list-style: square; padding-left: 2px;}
#corpo ul.ultimas-noticias {margin: 0;}
#corpo ul.ultimas-noticias li {list-style: none; margin-bottom: 10px;}
#corpo span.data-noticia {background: url(images/data-noticia-ico.gif) no-repeat 0 0; padding-left: 20px; font-size: 14px; font-weight: bold; margin-bottom: 5px; /*float:left;*/ margin-right: 20px;}
#corpo .rss {float: left; width: 18px; height: 18px; display: block;} 
/* textos internos */
#corpo #textos p {margin-bottom: 15px;}
#corpo #textos .categories {list-style: none; margin: 0; padding: 0;} 
/* footer */
#rodape p {line-height: 1.8em; font-size: .9em;}
#rodape a, #rodape a:visited {color: #000; text-decoration: underline;}
#rodape a:hover {color: #369;}
#rodape-esquerdo, #rodape-direito {width: 450px; height: 61px; float: left;}
#rodape-direito {text-align: right;} 
/* classes */
.hide {display: none;}
hr {height: 1px; border: 1px solid #ccc; color: #ccc; margin: 0 0 5px;}
img.right, img.alignright, .alignright {float: right; margin: 10px 0 0 10px; border: 1px solid #ccc; padding: 5px; background: #eee;}
img.left, img.alignleft, .alignleft {float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; padding: 5px; background: #eee;}
.aligncenter, img.aligncenter {margin-left: auto; margin-right: auto; display: block; clear: both;}
.wp-caption {padding-top: 10px; background: #eee; text-align: center;}
.wp-caption img {margin: auto auto;}
.wp-caption-text {margin-bottom:0 !important;}
.ops-404 {font-size: 3em; font-weight: 800; color: #C00;} 
/* Tabelas */
table {width: 100%;}
th {font-weight: bold;}
th.align-right {text-align: right;}
#moedas {margin-bottom: 25px;} 
/**** Outros *****/
.ngg-galleryoverview ul li p {margin: 0;}
#pdfs{float: left; width: 575px;}
#pdfs ul{width: 560px; float: left; list-style: none; margin: 0;}
#pdfs ul li{list-style: none; float: left; margin-bottom: 15px; width: 550px/*560px*/; padding: 5px;}
#pdfs ul li .detalhes span{float: left; clear: both;}
#pdfs ul li .imagem{width: 50px; min-height: 70px; float: left;}
#pdfs ul li .detalhes{padding: 0 0 0 15px; float: left;}
.thumb-pages {margin: 0 0 20px 0;}
.leiamais { text-align:left; float:left; font-weight:600; color:#c00 }