/******************************************************************************
*  Julian e Juliano                                                          *
*                                                                            *
*  @author Matheus Tavares                                                   *
*  @contact contato [at] matheustavares (dot) com (dot) br                   *
******************************************************************************/


/******************************************************************************
*  Geral                                                                     *
******************************************************************************/
* {font-family:"Trebuchet MS", Tahoma, sans-serif, Arial, Verdana, Georgia; font-size:12px; margin:0px; padding:0px; text-decoration:none; color:#000; border:0;}
body {background: url('../img/bg.jpg') repeat center fixed; text-align:center; width:100%; height:100%;}
ul {list-style-type:none;}
a {text-decoration:none;}
strong, .strong, b, .b {font-weight:bold !important;}
span.i {font-style: italic !important;}
span.u {text-decoration: underline !important;}
span.s {text-decoration: line-through !important;}
input {padding:0 2px !important;}
.bordacinza {border:1px solid #ccc;}
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important; height:0px; line-height:0px;}
.center {text-align: center;}
.alright {text-align:right !important;}
.nopad {padding: 0 !important;}
.letterspacing {letter-spacing: 1px;}
.linkTwitter {color:#08588a !important;}
.fsize11,.fsize11 a {font-size: 11px !important;}
.fsize10,.fsize10 a {font-size: 10px !important;}
.margin20 {margin: 20px;line-height: 19px;}
.margin20 img.left {margin-right: 8px; display: inline;}
.margin20 a {text-decoration: underline;}
.margin20 a:hover {text-decoration: none;}
.p5 {padding:5px; margin-bottom: 3px;}

/* Headers */
h1 {font-size:18px; color:#fff; display:block; border-left:15px solid #e3920b; letter-spacing: 1px; height:45px; line-height:45px; text-align: left; font-weight: normal; padding-left:12px; background-color: #013958;} /* Título containers */
h1 a {color:#fff; text-decoration: none; font-size: 14px;}
h2 {font-size:22px; display:block; letter-spacing:-1px; color: #000; font-weight:normal; margin:8px auto;} /* Títulos Gerais */
h3 {display:block; color: #333; font-size: 20px; letter-spacing: 1px; font-weight: normal; background-color: #ccc;} /* Mês agenda */
h4 a {font-size:16px; letter-spacing:-1px; font-weight: bold; text-align:left; display:block; border-bottom:1px dashed #ccc; color:#013958; margin-bottom:5px; padding-left:44px; text-decoration:none;} /* Título Notícia */
h5 {width:350px; text-align: left; color:#ddd; font-size: 8px; padding-left: 14px;}
h5 a {text-decoration: underline; color:#ddd; font-size: 8px;}

/* Agenda */
#agenda {width: 200px;}
#agenda th, #agenda td {padding: 2px; text-align: center;}
#agenda td {padding: 2px; text-align: center; background: #bbb;}
#agenda thead tr th {background: #666; color: #fff;}
#agenda thead tr th a {color: #fff; text-decoration: underline;}
#agenda tbody tr th {background: #f0f0f0;}
#ver-compromisso {float: right; width: 310px; padding: 2px 5px; line-height: 18px;}
.agenda-detalhes {width:448px; margin: 5px auto; text-align: left; background: #aaa; border: 1px solid #333; padding: 1px;}
.agenda-detalhes .diaBox {width:40px; height:44px; margin:0;}
.agenda-detalhes .diaBox.diaBoxComAno {width:40px; height:54px; margin:0;}
.agenda-detalhes .detalhes-infos {min-height:58px;background: #ddd; float:right; display:block; width:402px; padding-left:5px;}
.agenda-detalhes a {text-decoration: none; color:#A31A07; letter-spacing: 1px;}
.floater {width: 95%; clear: both; margin:0 auto;}
.agenda-destaque {color: #A31A07;}
.hoje {background: #08588a !important; color: #fff; font-weight: bold;}
.mes-dif {background: #ddd !important; color: #666;}
.agendado {background: #666 !important; color: #fff;}
.visualizar {display: block; background: #666 !important; color: #fff; font-weight: bold; text-decoration: none !important;}

/* Fotos notícias */
div.left .bordacinza {margin: 0 6px 6px 0;}
div.left.fotosN {width:80px;}

/* Lista Exemplos */
ul.listaExemplos li {padding:2px 0;}

/******************************************************************************
*  Cabeçalho                                                                 *
******************************************************************************/
#radio {width:100%; height:50px; background:#000 url('../img/bg_radio.jpg');}
#radio div {width:600px; margin:0 auto;}
#radio img {float:left;}
#radio a img {float:right;}
#topo_bg {width:100%; background:#000 url('../img/bg_topo.jpg'); height:311px;}
#topo {width:100%; background:url('../img/topo.jpg') center no-repeat; height:311px;}

/******************************************************************************
*  Navegação                                                                 *
******************************************************************************/
#menu {width:100%; background: #e3920b; height:59px;}
#menu div {width:980px; margin:0 auto; background: url('../img/bg_menu.jpg') no-repeat center; height:59px;}
#menu ul li {display:inline; position:relative;}
#menu ul li a {height:39px; line-height: 59px; font-size: 18px; text-decoration: none; padding:10px;}
#menu ul li a:hover {color:#fff;}
/* Sub-Menu */
#menu ul li ul {display:none; position:absolute; z-index: 10000; left:0; top:25px; padding-top: 10px;}
#menu ul li ul li {display:block;}
#menu ul li ul li a {display:block; background-color: #e3920b; text-align: left; width:105px; height:34px; line-height: 34px; padding:0 7px;}

/******************************************************************************
*  Corpo Central                                                             *
******************************************************************************/
#logo_inf {background: #fff url('../img/bg_corpo.jpg') top no-repeat; height:115px;}
#corpo {width:976px; background: #fff url('../img/bg_corpo-inf.jpg') bottom no-repeat; margin:0 auto;}
#corpo .container {background: #fff; text-align:left;}
#corpo .left .container {width:302px; margin: 0 0 10px 15px; padding:0 10px 14px 10px; background: url('../img/bg_container-esq.jpg') no-repeat bottom;}
#corpo .right .container {width:572px; margin: 0 25px 10px 0; padding:0 14px 12px 14px; background: url('../img/bg_container-dir.jpg') no-repeat bottom;}
#corpo .container .container_centro {padding:5px 10px 10px 10px;}
#corpo .right .container .container_centro {padding-top:10px;}

/******************************************************************************
*  Fotos e Vídeos                                                            *
******************************************************************************/
.fvCategoria {height:70px; text-align: left; padding:2px; margin:2px 0;}
.fvCategoria img {height:70px; width:70px; float:left; display: inline; margin-right: 4px;}

/******************************************************************************
*  Notícias                                                                  *
******************************************************************************/
.diaBox {display: inline; float:left; width:42px; height:42px; background-color: #aaa; text-align:center; margin-right:4px;}
.diaBox span {color: #333; letter-spacing: 1px; font-size: 12px; text-transform: uppercase;}
.textoNoticia {line-height: 18px;}

/******************************************************************************
*  Agenda                                                                    *
******************************************************************************/
.eventoAgenda {margin:2px 0; padding:3px 0; clear:both;}
.eventoAgenda .diaBox {width:36px;}

/******************************************************************************
*  Rodapé                                                                    *
******************************************************************************/
#rodape {height:167px; width:100%; background: url('../img/bg_rodape.jpg');}
#rodape div {width:978px; margin:0 auto; height:140px; padding-top: 27px; background: url('../img/rodape.jpg') no-repeat;}
#rodape a {color:#fff; font-size: 11px;}
#rodape ul {float:left; display: inline; margin-left: 40px; text-align: left; width:100px;}
#rodape ul a {display: block; height:25px; line-height: 25px; text-decoration: none; font-size: 14px; font-weight: normal;}
#rodape a:hover {text-decoration: underline;}
#rodape p {float:right; display: inline; color:#fff; margin-right: 20px; font-size: 11px; text-align: right; margin-top: 60px;}

/******************************************************************************
*  Pré-Definidos                                                             *
******************************************************************************/

/* Show-Hide Container */
a.sh {height:20px; width:20px; display:inline; margin: 14px 25px 0 0; float:right;}
a.show {background: url('../img/menos.jpg');}
a.hide {background: url('../img/mais.jpg');}

/* Botão-X */
.botaox {clear: both;position:relative;display:block;height: 19px;width: 70px;background:no-repeat bottom;cursor: pointer; margin:10px auto;}
.botaox span.hover {position: absolute;display: block;height: 19px;width: 70px;background:no-repeat 0 0;}
.botaox.voltar, .botaox.voltar span.hover {background-image:url('../img/voltar.jpg');}
.botaox.vermais, .botaox.vermais span.hover {background-image:url('../img/vermais.jpg');}

/* Recados */
#recados li {display:block; padding: 6px 3px; margin:1px 0; color:#013958;}
#recados li b {color:#013958;}
#recados li .data {font-size: 11px; color: #666;}

/* Paginação */
.paginacao {height:30px; margin:5px auto; position: relative; overflow: hidden; clear: both; width: 100%;}
.paginacao ul {position: relative; clear: left; float: left; text-align: center; left: 50%;}
.paginacao ul li {display:inline; position: relative; right: 50%; float: left;}
.paginacao ul li a {display:block; float:left; margin:0 3px; padding:0 5px; height:18px; line-height:19px; border:1px solid #666; text-decoration:none;}
.paginacao ul li a.atual {font-weight:bold;}
.paginacao ul li a:hover {background:#ddd;}

/* Slideshow */
#slideshow {width:572px; height:220px; margin:0 auto; display:none; background:#ccc; z-index:10; position:relative;}
#slideshow li {float:left; position:relative;}
#slideshow a {float:left; display:block; text-decoration:none;}
#slideshow img {width:572px; height:220px; float:left; position:absolute;}

/* FadeBox */
div#fadebox {display:none; background-image: url('../img/overlay.png');z-index:1000;position:fixed;width:100%;height:100%; top:0; left:0;}
div#fadebox div#q {text-align: center; display:none;position:relative;z-index:1001;width:300px; background: transparent; height:100px; top:5%; margin:0 auto;}
div#fadebox div#q #conteudo {padding:8px; text-align: center; display:none; width:100%; background:#fff;}
div#fadebox div#q #fechar {line-height: 20px; padding:8px; height: 20px; background:#fff; text-align: right; display:none; width:100%;}
div#fadebox div#q #fechar a {color: #333; text-transform: uppercase; font-weight: bold;}
* html body #fadebox {background-color: #000;background-color: transparent;background-image: url('../img/blank.gif');filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");}
#carrega {width:100%; text-align:center;}

/* Formularios */
input, textarea, select {border:1px solid #333; background-color:#fff; color:#333; padding:2px;}
input:hover,select:hover,textarea:hover {border:1px solid #A31A07;}

/* Tabelas de formulários */
#tableForm table {margin: 0 auto; width:420px;}
#tableForm table tr th {padding: 3px; text-align: right; letter-spacing: 1px;}
#tableForm table tr td {padding: 3px; text-align: left; width:320px;}
#tableForm table tr td input,#tableForm table tr td textarea {width:320px;}
#tableForm table tr td.alright {text-align: right;}
#tableForm table tr td.alright input {width: 50px;}

/* Grades Verticais de exibição */
.listagemQuadros {float:left; display:inline; margin:4px 5px; padding:3px; text-align:center; background: #e5e5e5;}
.listagemQuadros img {border: 1px solid #666; width:120px; height:120px;}
.listagemQuadros span a, .listagemQuadros span {display:block; clear: both; text-decoration: none; font-size:16px; font-weight: bold; letter-spacing: -1px; width:122px;}

.listagemQuadrosFotos {float:left; display:inline; margin:4px 7px; padding:3px; height:73px; text-align:center; background: #e5e5e5;}
.listagemQuadrosFotos img {border: 1px solid #666; width:70px; height:70px; }

/* Grades Horizontais de exibição */
.listagemQuadrosH {float:left; display:inline; margin:6px; padding:6px; height:72px; background: #e5e5e5; width:250px;}
.listagemQuadrosH img {border: 1px solid #666; width:70px; height:70px; float:left; margin-right: 5px;}

/* ToolTip */
.relativo {position: relative;}
.tooltip {position:absolute; display:none; background: url('../img/tooltip.jpg') no-repeat center; color:#fff; padding:14px 5px 0 30px; width:155px; top:0px; height:56px; left:282px; line-height: 20px;}
.tooltip a {color:#fff; text-decoration: underline;}
.tooltip a:hover {text-decoration: none;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative; overflow:hidden;}#cboxLoadedContent{overflow:auto;}#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}#cboxOverlay{background:url(../img/galeria/overlay.png) 0 0 repeat;}#colorbox{}#cboxTopLeft{width:21px; height:21px; background:url(../img/galeria/controls.png) -100px 0 no-repeat;}#cboxTopRight{width:21px; height:21px; background:url(../img/galeria/controls.png) -129px 0 no-repeat;}#cboxBottomLeft{width:21px; height:21px; background:url(../img/galeria/controls.png) -100px -29px no-repeat;}#cboxBottomRight{width:21px; height:21px; background:url(../img/galeria/controls.png) -129px -29px no-repeat;}#cboxMiddleLeft{width:21px; background:url(../img/galeria/controls.png) left top repeat-y;}#cboxMiddleRight{width:21px; background:url(../img/galeria/controls.png) right top repeat-y;}#cboxTopCenter{height:21px; background:url(../img/galeria/border.png) 0 0 repeat-x;}#cboxBottomCenter{height:21px; background:url(../img/galeria/border.png) 0 -29px repeat-x;}#cboxContent{background:#fff;}#cboxLoadedContent{margin-bottom:28px;}#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/galeria/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}#cboxPrevious.hover{background-position:-75px -25px;}#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/galeria/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}#cboxNext.hover{background-position:-50px -25px;}#cboxLoadingOverlay{background:url(../img/galeria/loading_background.png) center center no-repeat;}#cboxLoadingGraphic{background:url(../img/galeria/loading.gif) center center no-repeat;}#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/galeria/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}#cboxClose.hover{background-position:-25px -25px;}.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderTopLeft.png, sizingMethod='scale');}.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderTopCenter.png, sizingMethod='scale');}.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderTopRight.png, sizingMethod='scale');}.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderBottomRight.png, sizingMethod='scale');}.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/galeria/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}