@charset "utf-8";
/* CSS Document */

html { font-size:11px }
body { font-size: 1em; font-family: Arial, Helvetica, sans-serif; background: #DBF6FD; background-image: url(../images/img00_b.gif); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; color: #252525; }
p, h1, table#contactos { margin:0 30px 0 30px }
h1 { color:#737373; font-size: 1.4em; font-weight: normal  }
h2 { font-size:1em; font-weight:normal; margin:20px 0 10px 20px }
h3
{
    font-size: 1em;
    font-weight: normal;
    margin: 8px 10px 8px 0px;
}
h4
{
    font-size: 1em;
    font-weight: normal;
    margin: 20px 0px 8px 30px;
    color: #737373;
}
h5 { font-size:1em; font-weight:normal; margin:20px 0px 10px 5px }

hr { border-bottom:#bee6f0 solid 1px; border-top:#FFFFFF solid 1px; border-left:#4AA9CE solid 1px; border-right:#FFFFFF none 1px }

form { margin:0 20px 0 20px; padding: 0 }

.agendacab
{
    font-size:1em;
    font-weight:normal;
    vertical-align:middle
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 3em;
    left: 3em;
    width: 18em;
    background-color: #ffffff;
    color: #000;
    text-align: center;
}
    
.Tabela { color:#737373; font-size: 1.4em; font-weight: normal }
    
.CaixaTexto
{
    border: 0px;
    font-family:Arial, Helvetica, sans-serif; 
    margin:3px 0 3px 0; 
    padding:2px 10px 2px 10px; 
    font-size:1em; 
    color:#252525; 
    width:418px;
    overflow:hidden;
}

.homepage
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}

.input { font-family:Arial, Helvetica, sans-serif; margin:3px 0 3px 0;; padding:2px 10px 2px 10px; border:#DCDCDC 1px solid; font-size:1em; color:#252525; width:418px }
.sel { font-family:Arial, Helvetica, sans-serif; margin:3px 0 3px 0;; padding:2px 10px 2px 10px; border:#DCDCDC 1px solid; font-size:1em; color:#252525; width:440px }
.bot { font-family:Arial, Helvetica, sans-serif; margin:0 20px 0 160px; padding: 0; font-size:1em; color:#252525; width:150px; cursor:pointer}

.grey { color:#252525; text-decoration:underline }
.grey:hover { color:#ED145B }

.pergunta { color:#252525}  
.resposta { color:#737373 }

.white{ color:#FFFFFF; text-decoration:underline }
.white:hover { color:#ED145B }

.bluelink{ color:#5c93a8; text-decoration:underline }
.bluelink:hover { color: #737373; }

.graylink{ color:#737373; text-decoration:underline }
.graylink:hover { color: #5c93a8; }

.magenta { color:#ED145B; text-decoration: none }
.magenta:hover { color:#ED145B }

.thrColLiqHdr #container { width: 960px; margin: 0 auto; text-align: left; background:url(../images/img02_c.png) repeat-y center } 

.thrColLiqHdr #header { height:222px; margin:0 230px 0 230px; background:url(../images/img02.png) repeat-y center } 
.thrColLiqHdr #top { background:url(../images/img01.png) no-repeat; height:80px; }
/*.thrColLiqHdr #top { background-image:url(../images/img01.png); height:80px }*/
.thrColLiqHdr #logo { height:108px; background:url(../images/img13.gif) no-repeat; width: 500px }
.thrColLiqHdr #bottom { height:17px }

.thrColLiqHdr #sidebar1 { display:inline; float: left; width: 230px;  padding: 0 0 }
.thrColLiqHdr #sidebar2 { display:inline; float: right; width: 240px; padding: 0 0 }

.thrColLiqHdr #mainContent { margin: 0 240px 0 240px; min-height: 500px }
.thrColLiqHdr #mainContentAgenda { margin: 95px 240px 0 240px; min-height: 500px }

.thrColLiqHdr #infobox { display: block; margin: 0 0 0 0; background:url(../images/img03_a.gif) no-repeat }

.thrColLiqHdr #menu_botoes { display:block ; margin: 0 0 0 0; height:40px; }

.thrColLiqHdr #photobox { float: right; margin: 30px 30px 20px 20px }
.thrColLiqHdr #ampliar { position:absolute; width:17px; height:17px; z-index:10; background-image:url(../images/img17A.gif); margin:135px 0 0 185px; cursor:pointer  }
.thrColLiqHdr #ampliar:hover { background-image:url(../images/img17B.gif) }

.thrColLiqHdr #footer { height: 150px; margin: 0 230px 0 230px; background:url(../images/assinatura_03.png) no-repeat bottom } 
.thrColLiqHdr #footer p { margin: 0; padding: 10px 0; }

.fltrt { float: right; margin: 0 0 20px 20px }
.fltlft { float: left; margin-right: 8px }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/*CAIXA DE AGENDA*/
.thrColLiqHdr #agenda { background: url(../images/img18A.gif) no-repeat; cursor:pointer }
.thrColLiqHdr #agenda:hover { display: block; background: url(../images/img18B.gif) no-repeat }
.thrColLiqHdr #agenda a { text-decoration:none; color:#252525 }
.thrColLiqHdr #agenda a:hover { display: block; background: url(../images/img18B.gif) no-repeat }


/*MENU
.thrColLiqHdr #menu{ position:relative; width:356px; height:17px; margin: 0px 72px 0 72px }

.thrColLiqHdr #menu ul{ list-style:none; display:inline }
.thrColLiqHdr #menu li{ position:absolute; top:0; height:17px }
.thrColLiqHdr #menu li a{ position:absolute; display:block; width:100%; height:100%; top:0; cursor:pointer }
.thrColLiqHdr #menu li a span{ position:absolute; display:block; width:100%; height:100%; top:0 }

.thrColLiqHdr #A{ width:55px; left:0 }
.thrColLiqHdr #B{ width:85px; left:55px }
.thrColLiqHdr #C{ width:37px; left:140px }
.thrColLiqHdr #D{ width:42px; left:177px }
.thrColLiqHdr #E{ width:65px; left:219px }
.thrColLiqHdr #F{ width:37px; left:284px }
.thrColLiqHdr #G{ width:35px; left:321px }

.thrColLiqHdr #A a span{ background:url(../images/img06A.gif) no-repeat 0 0 }
.thrColLiqHdr #B a span{ background:url(../images/img07A.gif) no-repeat 0 0 }
.thrColLiqHdr #C a span{ background:url(../images/img08A.gif) no-repeat 0 0 }
.thrColLiqHdr #D a span{ background:url(../images/img09A.gif) no-repeat 0 0 }
.thrColLiqHdr #E a span{ background:url(../images/img10A.gif) no-repeat 0 0 }
.thrColLiqHdr #F a span{ background:url(../images/img11A.gif) no-repeat 0 0 }
.thrColLiqHdr #G a span{ background:url(../images/img12A.gif) no-repeat 0 0 }

.thrColLiqHdr #menu ul li a:hover{ z-index:1000;}

.thrColLiqHdr #A a:hover span{ background:url(../images/img06B.gif) no-repeat 0 0 }
.thrColLiqHdr #B a:hover span{ background:url(../images/img07B.gif) no-repeat 0 0 }
.thrColLiqHdr #C a:hover span{ background:url(../images/img08B.gif) no-repeat 0 0 }
.thrColLiqHdr #D a:hover span{ background:url(../images/img09B.gif) no-repeat 0 0 }
.thrColLiqHdr #E a:hover span{ background:url(../images/img10B.gif) no-repeat 0 0 }
.thrColLiqHdr #F a:hover span{ background:url(../images/img11B.gif) no-repeat 0 0 }
.thrColLiqHdr #G a:hover span{ background:url(../images/img12B.gif) no-repeat 0 0 }
*/

/*estilo dos navegadores */
.navegadores a { color:#000000; text-decoration: none }
.navegadores_selecionado a { color:#ED145B; text-decoration: none }
.tabela_evento { cursor: pointer }