/*
Site:    		Simpósio de Integração Acadêmica
Endereço:      	http://www.sia.ufv.br
Descrição:    	Estilo usado no site http://www.sia.ufv.br
Autor:         	Edson Ney
Versão:       	1.0
*/

@import url("reset.css");

/* base */
body { margin-top: 40px; font: 13px/22px normal Arial, Helvetica, sans-serif; color:#485260; background: #8DB9DC url(../../../images/edicoes/bg.jpg) no-repeat center top; }

h1, h2, h3, h4, h5, #Menu, #Descricao, .Resumo {font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; font-weight:inherit}

h1 { color: #1B68AE;}
h3 { font-size: 24px; text-transform:uppercase; margin-bottom: 25px; }
h4 { font-size: 18px; text-transform:uppercase; margin-bottom: 10px; }

a { color: #485260; text-decoration:none}
a:hover { color: #FB4738 }

p { text-align:justify; text-indent: 50px; font-weight:inherit }

hr {background: #C5D2E2; border: 0px; height:2px; margin-top: 20px}

.Clear { clear: both; }

.Imagem { float: right; clear: both; margin: 0px 0px 10px 10px; border: 10px solid #DBE2EC; padding:2px}

/* menu */
#Menu { width: 950px; height:35px; margin: 0 auto; margin-bottom:-5px; z-index:1}
#Menu ul { width: 880px; height:35px; margin:0 29px; display:inline; float: right; }
#Menu ul li { float: left; background-color: #fff; margin-right:5px; }
#Menu ul li a { text-transform:uppercase; font-size:16px; text-align:center; margin: 0 10px 0 10px; line-height: 30px; color: #1B68AE; }
#Menu ul li a:hover { color: #FB4738 }
#Menu ul li a.Destaque { color: #FB4738 }

/* conteudo */
#Conteudo { width: 950px; border: 8px solid #fff; box-shadow: 0 0 5px 0 #666; margin: 0 auto; margin-bottom: 50px; background: #fff url(../../../images/edicoes/bg-interno.jpg) no-repeat top left; z-index: 2; position:relative}

#Conteudo #Topo {width: 930px; margin: 10px; height:170px; margin-bottom:40px; }
#Conteudo #Topo #Logo { width:615px; height:160px; float:left; background: url(../../../images/edicoes/logo.png) no-repeat top left}
#Conteudo #Topo #Logo a{ width:615px; height:160px; float:left; background: transparent}
#Conteudo #Topo #Descricao { width: 305px; height:150px; float: right; text-align: left; }
#Conteudo #Topo #Descricao #Ano{ width: 305px; font-size:46px; color: #1B68AE; margin-top: 50px; letter-spacing:-2px }
#Conteudo #Topo #Descricao #Data{ width: 305px; font-size: 18px; color: #1B68AE; margin-top: 20px }

#Conteudo #LadoEsquerdo { width: 930px; float: left; margin: 10px; }
#Conteudo #LadoEsquerdo h1 { font-size:42px; height:40px; text-transform:uppercase; border-bottom: 2px solid #DBE2EC; margin-bottom:5px; }
#Conteudo #LadoEsquerdo .Voltar { font-size:12px; font-weight: bold; text-transform:uppercase; text-align:right; margin-bottom: 30px}
#Conteudo #LadoEsquerdo .Voltar a{ color: #FB4738 }

#Conteudo .Resumo { background:#DBE2EC; padding: 10px 0 10px 0; margin-bottom: 30px; font-family: Arial, Helvetica, sans-serif}
#Conteudo .Resumo p { margin: 0 10px 0 10px; text-indent: 0;}
#Conteudo .Resumo .VisualizarResumo { cursor:pointer; padding: 5px}
#Conteudo .Resumo .VisualizarResumo:hover { color:#fff; background-color:#86A5CC }
#Conteudo .Resumo .DescricaoResumo {margin: 10px;}

#Rodape { width: 930px; margin: 0 auto; margin-top: 10px; height: 35px; border-top: 1px solid #DBE2EC; margin-top: 10px; margin-bottom:10px; background: transparent url(../../../images/edicoes/brasao-ufv.png) no-repeat bottom left; }

/* configurações da página Organização */
#Organizacao p { text-indent: 0px}

/* configurações da página Resultados dos Resumos */
#ResultadoResumos p { text-indent: 0px}

/* configurações da página inicial */

#Inicio #Conteudo #LadoEsquerdo { width: 580px; float: left; margin: 10px; }
#Inicio #Conteudo #LadoEsquerdo h1 { font-size:42px; height:40px; text-transform:uppercase; border-bottom: 2px solid #DBE2EC; margin-bottom:20px; }
#Inicio #Conteudo #LadoEsquerdo .SaibaMais { font-size:12px; font-weight: bold; text-transform:uppercase; border-top: 1px solid #DBE2EC; text-align:right; margin-top: 20px }
#Inicio #Conteudo #LadoEsquerdo .SaibaMais a{ color: #FB4738 }

#Inicio #Conteudo #LadoDireito { width: 325px; float: right; margin: 10px}
#Inicio #Conteudo #LadoDireito .Caixas { width: 325px; margin-bottom:20px; background: url(../../../images/edicoes/bg-caixas.png) repeat-y}
#Inicio #Conteudo #LadoDireito .Caixas h2 { height:55px; text-transform: uppercase; color: #fff; font-size:22px; padding-top: 14px; background: url(../../../images/edicoes/bg-caixas-h2.png) no-repeat top left}
#Inicio #Conteudo #LadoDireito .Caixas h2 span { margin: 0 10px 0 10px}
#Inicio #Conteudo #LadoDireito .Caixas ul { margin: 0 20px 0 20px;  padding-bottom: 20px}


/* configurações do formulário */

#Formulario { margin-top:20px; padding: 5px 15px 15px 15px; color:#485260; width:600px; background:#DBE2EC; }
#Formulario h4 {margin: 15px 0 10px 0;}
#Formulario p {margin-top: 50px}
#Formulario input, #Formulario select, #Formulario textarea { font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; border: 0px; padding:5px; color:#485260; background:#fff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
#Formulario .Botao {background: #86A5CC; color: #fff; text-transform:uppercase; cursor: pointer}
#Formulario .Botao:hover { background: #1B68AE;}

#Formulario a.Botao {background: #86A5CC; color: #fff; padding:10px 10px 10px 10px; text-transform:uppercase; cursor: pointer}
#Formulario a.Botao:hover { background: #1B68AE;}

.info, .success, .warning, .error, .mensagem {background-attachment: scroll; text-indent: 0; background-position: 5px center; background-repeat: no-repeat; border: 1px solid; /*margin: 15px 0px;*/ padding: 10px 10px 10px 26px; color: #333; }
.info { border-color: #009FD9; background-color: #DBF2FF;}
.success { border-color: #AEE756; background-color: #E9FAD0;}
.warning { border-color: #FFE67F; background-color: #FFF5CC;}
.error, .mensagem { border-color: #F08A73; background-color: #FFE3DF;}