*{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	font-family:"Myriad Pro";
	font-size:15px;
	font-weight:lighter;
	background:url(../imagens/fundo.jpg) center top repeat-y;
	text-align:justify;
}

a h1{
	margin:0;
	float:left;
	width:220px;
	height:59px;
	padding:0 0 60px 30px;
	background:url(../imagens/uniara.png) no-repeat center;
}

h2{
	margin:0;
	float:left;
	width:639px;
	height:auto;
	line-height:140%;
	border-bottom:1px #3d7183 solid;
	font-size:32px;
	font-weight:lighter;
	text-transform:uppercase;
	padding:20px 0 20px 0;
	color:#26505f;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
}
h2 img{
	margin:0;
	float:left;
	width:146px;
	height:154px;
	margin:0 20px 0 0;
}

h3{
	margin:0;
	float:left;
	width:839px;
	height:auto;
	line-height:120%;
	border-top:1px #3d7183 solid;
	font-size:40px;
	font-weight:lighter;
	text-transform:uppercase;
	padding:15px 0 0 0;
	margin:5px 0 0 0;
	color:#3d7183;
	text-align:left;
	letter-spacing: 2px;
}
h4{
	margin:0;
	float:left;
	width:639px;
	height:auto;
	line-height:120%;
	padding:20px 0;
	font-size:18px;
	color:#26505f;
	text-align:left;
	font-weight:lighter;
	padding:20px 0 0 0;
	margin:5px 0 0 0;
}

p{
	margin:0;
	/* float:left;
	width:639px; */
	height:auto;
	line-height:130%;
	font-size:16px;
	font-weight:lighter;
	padding:5px 0 5px 0;
	margin:5px 0 0 0;
	color:#000;
}
strong{
	margin:0;
	/* float:left;
	width:588px; */
	height:auto;
	line-height:2;
	font-size:20px;
	padding:20px 0 15px 0;
	/* color:#000; */
	letter-spacing:1px;
}

img{
	border:0;
}

a{
	font-weight:lighter;
	text-decoration:none;
}

ul li{
	list-style: inside;
	padding: 4px 0;
	margin: 0 0 0 15px;
	float:left;
	clear:both;
}

#tudo{
	margin:0 auto;
	padding:0 0 0 41px;
	width:1209px;
	clear:both;
}

#pagina_esquerda{
	float:left;
	width:250px;
	height:auto;
	padding:60px 0 0 0;
}

#pagina_direita{
	float:left;
	width:839px;
	height:auto;
	padding:60px 20px 0 30px;
	color:#000;
	font-size:16px;
}

/*Abas em Programação*/
#programacao {
	/* float:left; */
	display: inline-block; 
	width: 100%; 
	margin-top:10px;
}

#abas ul{
	float:left;
	width:860px; 
	height: 52px; 
	margin: 0 0 -2px 0; 
	padding: 0; 
	overflow: hidden; 
	vertical-align: bottom;
	z-index:2;
	position:relative;
}
#abas li{
	list-style: none;
	padding:0;
	margin:0;
	float:left;
	clear:none;
}
#abas li a{
	float:left;
	text-decoration: none; 
	color:#f9f9f9;
	font-size: 22px; 
	font-weight: 400; 
	letter-spacing: 2px;
	padding: 14px 69px 14px 69px;
	margin: 0 15px 0 0; 
	background-color: #3d7183;
}
#abas li a:hover{
	background-color: #26505f; 
	color:#f9f9f9;
}
#abas li a.active{
	background-color: #26505f; 
	color:#f9f9f9;
}
#conteudos {
	float:left;
	width: 100%; 
	margin: 0; 
	padding: 0; 
	border: 1px solid #26505f;
	text-align:center;
	z-index:1;
	position:relative;
}

#login{
	width: 650px;
    display: ruby-text;
}

#conteudos h4{
	float:left;
	font-size:17px;
	color:#26505f;
	text-align:center;
	padding:0;
}

#conteudos table {
    float: left;
    width: 98%;
    border: 0;
    text-align: center;
    color: #000;
    margin: 10px 1%;
}

#conteudos table th{
	background:#3d7183;
	color:#f9f9f9;
	font-size:17px;
	padding:2px 5px;
	text-align:center;
	font-weight:lighter;
	letter-spacing:1px;
}
#conteudos table td{
	color:#000;
	font-size:14px;
	padding:3px 5px;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
}
#conteudos table td.destaque{
	background:#343434;
	color:#f9f9f9;
}
#conteudos table td.destaque_modulo{
	background:#26505f;
	color:#f9f9f9;
}
#conteudos table td.destaque_coordenador{
	background:#3d7183;
	color:#f9f9f9;
}

/* Palestrantes */
#palestrantes{
	float:left;
	width: 100%; 
	margin: 0; 
	padding: 0; 
	text-align:left;
}
#palestrantes h4{
	margin:0;
	float:left;
	padding:30px 0;
	font-size:18px;
	color:#26505f;
	text-align:left;
}

#cada_palestrante{
	float:left;
	width:639px;
	height:auto;
	padding:15px 0;
	font-size:16px;
}
#cada_palestrante img{
	margin:0;
	float:left;
	width:120px;
	height:150px;
	border-radius:3px;
	margin:0 10px 0 0;
	border:1px #ededed solid;
}
#cada_palestrante img.pais{
	float:left;
	width:40px;
	height:40px;
	padding:0 5px 0 0;
	border:0;
}
#cada_palestrante p{
	width:504px;
	font-size:16px;
	padding:6px 0;
	line-height:40px;
}
#cada_palestrante strong{
	font-weight:bold;
	font-size:17px;
	margin:0;
	padding:0;
}
#cada_palestrante a img{
	float:right;
	border:0;
	width:67px;
	height:27px;
	margin:-4px 310px 0 0;
}

/* info */
#cada_palestrante span{
	background-color:#3d7183;
	color:#fff;
	text-decoration:none;
	padding:2px 5px;
	border-radius:2px;
	font-size:16px;
	cursor:pointer;
	margin-right:20px;
}
.info h5{
	width:514px;
	font-weight:lighter;
	font-size:16px;
	padding:7px 129px;
	line-height:25px;
	text-align:left;
	display:block;
}
#cada_palestrante span:hover{
	background-color:#26505f;
	color:#fff;
}
#cada_palestrante span a{
	background-color:#3d7183;
	color:#fff;
	text-decoration:none;
	padding:2px 5px;
	border-radius:2px;
	font-size:16px;
}
#cada_palestrante span a:hover{
	background-color:#26505f;
	color:#fff;
}

/* Contato */
#form_contato{
	float:left;
	width:354px;
	height:auto;
	padding:0 13px 0 0;
	border-right:3px solid #26505f;
	font-size:15px;
}

#form_contato input{
	width:300px;
	border:2px solid #26505f;
	padding:2px 5px 2px 5px;
	margin:0 0 10px 0;
	font-size:15px;
	font-family:"Myriad Pro";
	line-height:15px;
}

#form_contato input.enviar{
	width:auto;
	height:auto;
	background:transparent;
	margin:15px 0 0 95px;
	text-align:center;
	padding:2px 10px 2px 10px;
	color:#000;
	font-size:15px;
	font-family:"Myriad Pro";
	letter-spacing:1px;
}

#form_contato textarea{
	border:2px solid #26505f;
	padding:0 5px 0 5px;
	max-height:320px; 
	min-height:150px; 
	max-width:300px; 
	min-width:300px;
	width:300px;
	font-size:15px;
	font-family:"Myriad Pro";
}

#info_contato{
	float:right;
	width:235px;
	padding:10px 0 0 0;
	text-align:right;
	font-size:16px;
}
#info_contato a{
	float:right;
	text-decoration:none;
	color:#26505f;
	padding:20px 0 0 0;
}
#info_contato h4{
	margin:0;
	padding:0;
	width:auto;
	float:right;
	font-size:18px;
	color:#26505f;
	padding:0 0 10px 0;
}
#info_contato p{
	float:right;
	width:235px;
	padding:3px 0;
	margin:0;
}

/* Inscrições */
#table_inscricoes{
	float:left;
	font-size:16px;
	border:0;
	margin:0;
	padding:0;
}
#table_inscricoes th{
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
#table_inscricoes td{
	padding:4px 20px;
}
#pagina_direita p.btn_inscricao a{
	float:left;
	padding:15px;
	background-color:#09C;
	color:#FFF;
	font-size:24px;
	letter-spacing:2px;
	font-weight:lighter;
}
#pagina_direita p.btn_inscricao a:hover{
	background-color:#069;
	color:#FFF;
}

.lista-perguntas strong{
	text-align:left !important;
	padding-left:10px !important;
	padding-top: 30px !important;
}

.lista-perguntas table{
	width:96% !important; 
	margin:0 2% 2% 2% !important;
}

.certificado{
	background:url(../imagens/certificado-fundo.jpg) !important;
	background-size: 100%, 25%, 25% !important;
	height: 100%;
}

.certificado h1{
	font-size: 50px;
    font-weight: 100;
    text-align: right;
}

#texto-certificado{
	padding: 28%;
}

#texto-certificado p{
	font-size: 25px !important;
	width: 750px;
	line-height: 1.5;
}

@media screen and (max-width: 799px) {
	body{
		background:url(../imagens/fundo-mobile.jpg) left top repeat-x;
	}

	#tudo{
		padding: 0;
		width: auto;
	}
	a h1{
		float: none;
		padding: 40px 0 0 55px;
	}

	h3{
		border-top:none;
		padding: 0;
		width: 300px;
	}

	#pagina_esquerda {
		width: 50px;
		padding-top: 0;
		height: 80px;
	}

	#pagina_direita {
        width: 84% !important;
        float: none;
        padding: 8%;
    }
	
	#abas ul {
		width: 100%;
        height: 200px;
        display: grid;
		
	}

	#abas li a {
		padding: 14px;
	}
	.desktop-only{
		display: none;
	}
}