/*  CCEE - Câmara de Comercialização de Energia Elétrica
*
* Standard layout for CCEE - Câmara de Comercialização de Energia Elétrica
*
* Este arquivo define toda a estrutura da home.
*
* @project   CCEE - Câmara de Comercialização de Energia Elétrica
* @version   1.0
* @package   layout
* @author    Dbr Interativa
* @copyright 2011 CCEE - Câmara de Comercialização de Energia Elétrica.
*
*/

/* VIDEOS */
.container-conteudo-home-video { background: url(../images/banner-home-videos.jpg) scroll repeat-x 0 0 transparent; }
.videos-home { height: 260px; position: relative; }
.videos-home img { position: absolute; z-index: 99;}
.videos-home .video1 { top: 10px; left: 9px; width: 251px; height: 242px; overflow: hidden; }
.videos-home .video2 { top: 16px; left: 265px; width: 203px; height: 81px; overflow: hidden; }
.videos-home .video3 { top: 10px; left: 471px; width: 283px; height: 108px; overflow: hidden; }
.videos-home .video4 { top: 16px; left: 758px; width: 215px; height: 101px; overflow: hidden; }
.videos-home .video5 { top: 92px; left: 252px; width: 154px; height: 153px; overflow: hidden; }
.videos-home .video6 { top: 100px; left: 410px; width: 197px; height: 131px; overflow: hidden; }
.videos-home .video7 { top: 120px; left: 608px; width: 140px; height: 124px; overflow: hidden; }
.videos-home .video8 { top: 120px; left: 750px; width: 222px; height: 119px; overflow: hidden; }

#holdervideo { position: absolute; z-index: 999; top: 18px; width: 508px; height: 218px; display: none; }
.preview-video { position: relative;}
.play { background: url(../images/btn-play.png) scroll no-repeat center center transparent; padding: 105px 149px; position: absolute; top: 0; left: 0; z-index: 999;  }
.fechar { background: url(../images/btn-fechar-video.png) scroll no-repeat center center transparent; padding: 4px 10px; position: absolute; top: 10px; right: 15px; z-index: 999; text-indent: -9999px;  }
.videos-home .preview-video img { position: relative; float: left; }
.descricao-video { float: left; width: 170px; height: 180px; margin: 2px 0 0 -2px; }
.descricao-video h2 { color: #a4582f; font: normal 18px 'AllerLightItalic'; margin-bottom: 20px; float: none; background: none; padding: 0; }
.descricao-video p { color: #404040; font-size: 12px; }

.player-video { position: relative; z-index: 999; display: block; }
.player-video embed { border: 2px solid #2090c6; }


/* ccee para voce */
.ccee-para-voce h2 { color: #a55930; font: italic 30px 'HelveticaNeueLTStd37ThCn'; width: 92%; background: none; }
.ccee-para-voce p { color: #868686; font-size: 12px; margin: 10px 20px ; clear: both; }
.btn-home { background: url(../images/sprite-botoes.png) scroll no-repeat -300px 0 transparent; height: 14px; padding: 4px 10px; color: #fff; font: normal 10px 'AllerRegular'; margin: 20px 0; float:right; }
.btn-home:hover { text-decoration: none; background-position: -520px 0; }
.paginas-recomendadas { position: absolute; bottom: -150px; left: 0; background: #fff; width: 295px; }
.paginas-recomendadas .lista-detalhe li a { font-size: 12px; color: #a55a31; }
.paginas-recomendadas .lista-detalhe li { background: url(../images/bullet-ccee-voce.png) scroll no-repeat center left transparent; padding: 5px 15px; margin-left: 15px; color: #757575; }
.paginas-recomendadas .lista-detalhe li.first { background: none; padding: 5px 15px 5px 0; }
.paginas-recomendadas .btn-fechar { background: url(../images/btn-fechar.png) scroll no-repeat 0 0 transparent; width:34px; height: 1px; text-indent: -9999px; margin: -10px 14px 7px 0; }
.paginas-recomendadas .btn-fechar:hover { background-position: -61px 0; }

/* banner home - imagens, videos ou flash */
.banner-home { position: relative; }
.banner-home h2 { font: 18px 'AllerLightRegular'; color: #5e5a59; background: none; padding: 10px 20px; }
.banner-home h2 a { color: #5e5a59;  }
.banner-home.active h2 a { color: #969696; }
.banner-home p { padding: 15px 20px 0; }
.banner-home p a { text-decoration:none; color: #868686; }
.banner-home a:hover { text-decoration:none; }
.banner-home strong { font-weight: bold; }

/* Tabela Liquidação */
.tabela span { color: #9b9b9b; display: block; font-size: 10px; margin: -10px 0 0 20px; clear: both; }