﻿* {font-family: 'Titillium Web', Trebuchet MS, Verdana, Geneva, sans-serif !important; font-size:15px !important;   padding:0px; line-height:150%; color:#6d6e71}
body{ background: #fff url(../images/layout_site.jpg) no-repeat top center; margin:0;}
a{ color: #2e3192 !important;}
#rodape{background:url(../images/tira_rodape.png) top center no-repeat; padding:0px; margin:0px; padding-top:25px; padding-bottom:25px;text-align:center; font-size:11px;	letter-spacing:0; color:#536f83;}
#conteudo {height:400px;  background-repeat: no-repeat; padding:25px; background-position: top center;  text-align:justify;}
#conteudo a{ background-color:transparent !important; color:#333 !important;}
#programacao td {padding:7px; border-bottom:1px dotted #ccc; text-align:left;}
#conteudo th {padding:10px; background:#d3eae0; color:#749386;}
#conteudo a:hover{ color:#999  !important; background-color:transparent !important;text-decoration:none;}
/*#programacao tr:nth-child(2n+1) {background-color: #f1f1f1;}*/
#logo{ height:159px; cursor:pointer; }
#fone{position:absolute; top:110px; left:780px; font-size:16px; color:#FFF; font-weight:bold;}
p, ul,ol{margin-bottom: 20px;line-height: 1.6em;}
ul,ol{margin-left:20px;}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-size: 1.5em;color: #c25a34; margin-bottom: 1px;}
h1{font-size: 2em;padding-bottom: 0;}
h2{font-size: 1.0em; color:#3b7980; text-transform:uppercase; margin:20px 0px 5px 0px;}
h4{font-size: 22px !important; color:#AF101D; padding:5px 10px; text-transform:uppercase; border-bottom:1px dotted #ccc; margin-bottom:15px;}
h3{font-size: 1.2em;}
h5{font-size: 1em;color:#bfc700;margin-bottom:30px;}

/* this rule styles <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top: 0;}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.page{width: 950px;margin-left: auto;margin-right: auto;}
#header{position: relative;margin-bottom: 0px;color: #000;padding: 0;MARGIN-TOP: 95px;}
#header h1{font-weight: bold;padding: 5px 0;margin: 0;color: #fff;border: none;line-height: 2em;	font-family:Verdana, Geneva, sans-serif;font-size: 32px !important;}
#main{padding: 30px 30px 15px 30px;background-color: #fff;margin-bottom: 30px;float:left;width:95%;_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */}
#footer{color: #999;padding: 10px 0;text-align: center;line-height: normal;margin: 0;font-size: .9em;}
#lista-materias {list-style:none;}
#lista-materias li{padding-left: 20px;background-image: url(../images/bullet.jpg);background-repeat: no-repeat;background-position: top left;}

/* TAB MENU
----------------------------------------------------------*/
#menucontainer { height:40px; margin-left:-250px;}
ul#menu{ padding: 0;  margin: 0;	color:#FFF;}
ul#menu li{display: inline;list-style: none; }
ul#menu li a{padding: 9px 27px; font-weight: bold;text-decoration: none;line-height: 2.2em; text-transform:uppercase; color:#fff !important; font-size:14px; background:#af101d }
.pagmarcado a{ background:#81101d !important; color:#000 !important; text-decoration: none; box-shadow: 0px 0px 5px #57430f inset;}
ul#menu li a:hover{ text-decoration: underline;}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
fieldset {margin: 1em 0;padding: 1em;border: 1px solid #CCC;}
fieldset p {margin: 2px 12px 10px 10px;}
fieldset label {display: block;}
fieldset label.inline {display: inline;}
legend {font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px;}
textarea{width: 200px; border: 1px solid #39787f; background-color: #fff; font-family:Verdana;}
input[type="file"] {width: 200px;border: 1px solid #b50102;background-color: #ecf3ff;}
input[type="text"] {width: 200px;border: 1px solid #888;background-color: #fff; font-size:14px; line-height:1.5em; vertical-align:middle; border-radius:5px; padding:4px;}
input[type="password"] {width: 200px;border: 1px solid #39787f;background-color: #ecf3ff;}
input[type="submit"] {padding:4px;  background-color: #edb525;color: #fff;font-family: Verdana;font-weight: bold;font-size:12px; vertical-align:middle; cursor:pointer; border:none; border-radius:5px;}
input[type="button"] {padding:4px;  background-color: #edb525;color: #fff;font-family: Verdana;font-weight: bold;font-size:12px; vertical-align:middle; cursor:pointer; border:none;border-radius:5px;}
input[type="submit"]:hover {background:#666;}
input[type="button"]:hover {background:#666;}

/* MISC
----------------------------------------------------------*/
.clear{clear: both;}
.error{color:Red;}
#menucontainer{margin-top:9px;}
.disable{ background-color: #f3f3f3 !important;}

/* CUSTOM
-----------------------------------------------------------*/
.aacontecer{background: #d2e4ff center right no-repeat; cursor:default;}
.aacontecer td:hover {background:#e2edfd;}
.abertas{background: #ccffcc center right no-repeat; cursor:pointer;}
.abertas td:hover {background:#e0fee0;}
.encerradas{background: #ffd9d9 center right no-repeat; cursor:default;}
.encerradas td:hover {background:#ffe9e9;}
img {border:1px dotted #CCC; padding:10px; margin-right:10px; }
#divisao {border-bottom:1px dotted #10a1bf; margin-bottom:50px;}
#palestrantes img{border-radius:20px; border:none; float:left;}
#novidades img{border-radius:20px; border:none;}
#hospedagem td {padding:5px; border:1px solid #f1f1f1; font-size:12px;}
#hospedagem th{padding:10px; color:#91875d; border-bottom:5px solid #f3efdf;}
#hospedagem table {margin-bottom:30px;}
.azul{font-size: 1em;color:#2259d7;	font-weight:bold;}
.tabela td{padding:4px;}
.tabela th{background: none repeat scroll 0 0 #666666;color: #FFFFFF;padding: 10px;text-align: center;}
.tabela tr:nth-child(2n+1){background-color:#f3f3f3;}
#img_programacao img{border:none; margin:0 !important; padding:0;}

.ok {  border:  1px solid #009600; width:300px; background-color:#a1e098;  }
.ok h2 { background:url(../images/sucesso.png) no-repeat;   margin: 9px 0 5px 10px;   padding: 5px 5px 5px 26px; color: #000000;}
.esgotadas {color:red; font-weight:bold; text-transform:uppercase; margin-left:10px;}
.box_destaque {background-color:#e3eded; padding:30px; border-radius:20px; }
.box_destaque strong {color:#34737a; font-size:18px;}
#OutroCargolinha {display:none;}
#OutroCargolinhaNao { display:none;}
#div_certificado a:hover div{box-shadow: 0 0 5px darkblue inset;}

#formulario { text-align:right !important;}

