/**
 * STYLES.CSS
 *
 * @package EUTRATO 2012
 * @author front.end multimédia | Pedro "Kermit" Gonçalves
 * @copyright Copyright (c) Front.end 2012
 * @version 1.0
 * @access public
 */
body,html{background:#eee;color:#666;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;line-height:normal}
/**** COMUNS ***********************************************************************************************************************************************/
b,strong{font-weight:bold}
p{margin-bottom:10px}
input,textarea{margin:0;padding:0}
.floatLeft{float:left}
.floatRight{float:right}
/**** HOLDER ***********************************************************************************************************************************************/
.siteHolder{background:#fff;border-top:10px solid #b2bb1e;margin:0 auto;width:980px}
/**** CABEÇALHO ********************************************************************************************************************************************/
.cabecalho{color:#221f1f;display:block;padding:35px 25px 20px;position:relative;text-decoration:none}
.cabecalho img{vertical-align:top}
.cabecalho img.folhas{position:absolute;right:25px;top:-10px}
/**** MENU *************************************************************************************************************************************************/
.menu{list-style:none;padding:0 15px;width:950px}
.menu li{color:gray;float:left;line-height:25px}
.menu li a{-moz-transition:color 150ms ease-out;-ms-transition:color 150ms ease-out;-o-transition:color 150ms ease-out;-webkit-transition:color 150ms ease-out;color:gray;display:block;line-height:25px;padding:0 10px;text-decoration:none;text-transform:uppercase;transition:color 150ms ease-out}
.menu li a:hover,.menu li a:focus,.menu li.active a{-moz-transition:color 150ms ease-out;-ms-transition:color 150ms ease-out;-o-transition:color 150ms ease-out;-webkit-transition:color 150ms ease-out;color:#000;transition:color 150ms ease-out}
/**** BANNER **********************************************************************************************************************************************/
.banner{height:235px;margin-top:8px;overflow:hidden;width:980px}
.banner img{display:none}
.banner #banner{height:235px;overflow:hidden;width:980px}
.banner #banner li{height:235px;list-style:none;overflow:hidden;width:980px}
/**** CONTENT *********************************************************************************************************************************************/
.content{padding:30px 25px}
.content .generic{width:625px}
.content .generic.home{font-size:17px}
.content .generic h1{color:#b2bb1e;font-size:26px;font-style:italic;margin-bottom:15px}
.content .generic h2{color:#b2bb1e;font-size:17px;font-style:italic;margin-bottom:5px}
.content .sideContent{width:280px}
.content .sideContent .subMenu{font-size:15px;text-transform:uppercase;width:280px}
.content .sideContent .subMenu h1{border-bottom:1px solid #000;color:#b2bb1e;line-height:14px;padding-bottom:9px}
.content .sideContent .subMenu ul{list-style:none}
.content .sideContent .subMenu ul li{border-bottom:1px solid #000}
.content .sideContent .subMenu ul li a{-moz-transition:color 150ms ease-out;-ms-transition:color 150ms ease-out;-o-transition:color 150ms ease-out;-webkit-transition:color 150ms ease-out;color:#949ca1;display:block;line-height:30px;text-decoration:none;transition:color 150ms ease-out}
.content .sideContent .subMenu ul li a:hover,.content .sideContent .subMenu ul li a:focus,.content .sideContent .subMenu ul li.active a{-moz-transition:color 150ms ease-out;-ms-transition:color 150ms ease-out;-o-transition:color 150ms ease-out;-webkit-transition:color 150ms ease-out;color:#000;transition:color 150ms ease-out}
.content .generic .texto a{-moz-transition:color 150ms ease-out;-ms-transition:color 150ms ease-out;-o-transition:color 150ms ease-out;-webkit-transition:color 150ms ease-out;color:#666;text-decoration:none;transition:color 150ms ease-out}
.content .generic .texto a:hover,.content .generic .texto a:focus{-moz-transition:color 150ms ease-out;-ms-transition:color 150ms ease-out;-o-transition:color 150ms ease-out;-webkit-transition:color 150ms ease-out;color:#b2bb1e;transition:color 150ms ease-out}
/**** NOTÍCIAS ********************************************************************************************************************************************/
.content .sideContent .noticiaDestaque{padding-top:6px;width:280px}
.content .sideContent .noticiaDestaque h2{color:#b2bb1e;font-size:20px;font-style:italic;margin-bottom:8px}
.content .sideContent .noticiaDestaque .imagem{display:block;height:106px;margin-bottom:10px;overflow:hidden;position:relative;width:280px}
.content .more{background:url(../images/noticia-saber-mais.png) 0 0 no-repeat;display:block;height:34px;margin-left:-3px;position:relative;width:108px}
.content .more .default{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;background:url(../images/noticia-saber-mais.png) -9px -34px no-repeat;display:block;height:12px;left:9px;opacity:1;position:absolute;top:9px;transition:all 150ms ease-out;width:66px}
.content .more .hover{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;background:url(../images/noticia-saber-mais.png) -9px -46px no-repeat;display:block;height:12px;left:9px;opacity:0;position:absolute;top:9px;transition:all 150ms ease-out;width:66px}
.content .noticia{margin-top:30px}
.content .noticia:first-child{margin:0}
.content .noticia .texto.floatLeft{width:320px}
.content .noticia .texto h2{color:#b2bb1e;font-size:17px;font-style:italic;margin-bottom:10px}
.content .noticia .texto small{display:block;font-size:13px;margin-bottom:7px}
.content .back{background:url(../images/noticia-voltar.png) 0 0 no-repeat;border:0 none !important;display:block;height:33px;margin-left:-3px;position:relative;width:80px}
.content .back .default{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;background:url(../images/noticia-voltar.png) -7px -33px no-repeat;display:block;height:12px;left:9px;opacity:1;position:absolute;top:9px;transition:all 150ms ease-out;width:66px}
.content .back .hover{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;background:url(../images/noticia-voltar.png) -7px -45px no-repeat;display:block;height:12px;left:9px;opacity:0;position:absolute;top:9px;transition:all 150ms ease-out;width:66px}
.content .more small,.content .back small{display:none !important}
.content .more:hover .default,.content .more:focus .default,.content .back:hover .default,.content .back:focus .default{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;opacity:0;transition:all 150ms ease-out}
.content .more:hover .hover,.content .more:focus .hover,.content .back:hover .hover,.content .back:focus .hover{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;opacity:1;transition:all 150ms ease-out}
/**** RODAPÉ **********************************************************************************************************************************************/
.footer{background:gray;color:#fff;padding:15px 25px}
.footer .copy{font-size:10px;line-height:12px;text-align:right}
.footer .copy a{display:inline-block;margin-bottom:4px}
.footer .favoritos{background:url(../images/rodape-icons.png) 0 50% no-repeat;cursor:pointer;display:block;height:40px;opacity:0.7;width:42px}
.footer .partilhar{background:url(../images/rodape-icons.png) -42px 50% no-repeat;cursor:pointer;display:block;height:40px;opacity:0.7;width:42px}
.footer .imprimir{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;background:url(../images/rodape-icons.png) -84px 50% no-repeat;cursor:pointer;display:block;height:40px;opacity:0.7;transition:all 150ms ease-out;width:42px}
.footer .favoritos:hover,.footer .partilhar:hover,.footer .imprimir:hover,.footer .favoritos:focus,.footer .partilhar:focus,.footer .imprimir:focus{-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;opacity:1;transition:all 150ms ease-out}
/**** GRADIENTES ******************************************************************************************************************************************/
.menu{background: #eeeeee;background: -moz-linear-gradient(top,  #eeeeee 0%, #d3d3d3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d3d3d3));background: -webkit-linear-gradient(top,  #eeeeee 0%,#d3d3d3 100%);background: -o-linear-gradient(top,  #eeeeee 0%,#d3d3d3 100%);background: -ms-linear-gradient(top,  #eeeeee 0%,#d3d3d3 100%);background: linear-gradient(top,  #eeeeee 0%,#d3d3d3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d3d3d3',GradientType=0 );}
/**** PRINT ***********************************************************************************************************************************************/
@media print {
.banner img{display:block!important}
.menu{border-top:1px solid #eee}
.footer{border-top:1px solid gray}
.content .more{color:#eee;text-decoration:none}
.content .more small{display:block}
.content .more .default,.content .more .hover{display:none}
}