﻿/* CSS Document
 * Autora: Lívia Bonilha Bonassi (liviabb.22@gmail.com)
 * Estilo da página
*/

/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
body {font: normal 8pt Verdana;					
	color: #000000;								
	text-align: justify;
	background-color: #FFD519;
	margin-top: 50px;
	margin-bottom: 50px;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/*  ALINHAMENTO, POSIÇÃO e FUNDO dos elementos principais */
#tudo 	{width: 780px;
		background-image:url('../images/back.png');}
#top 	{width: 780px;
        height: 100px;
		background-image:url('../images/top.png');}
#content {float: left;
        width: 740px;
		background-image:url('../images/sidebar.png');
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-left: 20px;
		font: normal 8pt/15px Verdana;					
		color: #000000;								
		text-align: justify;}
#footer {width: 780px;
        height: 25px;
		background-image:url('../images/footer.png');
		background-position:bottom;
        clear: both;}
#mensagem {
	margin-left: 140px;
	margin-right: 0px;}

/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* TÍTULOS e SUBTÍTULOS */	
h1 {color: #FFF;
	text-transform: capitalize;
	font: bold 10pt Verdana;
	text-align: center;
	background-color: #FFD519;}
h2 {color: #315F7E;
	font: bold 10pt Tahoma;
	margin-bottom: -2px;
	text-align: left;
	border-bottom: double 3px #443E66;}

/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* GALERIA */
h3 { /* menu da galeria */
	background-color: #;
	color: #FF8C19;
	font: bold 8pt/15px Verdana;
	margin: 2px  0 0 25px;}
.galeria { /*DIV "escondida*/
  margin: 10px 0 10px 0;
  display:none;}
.foto {
	background-color: #FF8C19;
	padding: 10px;
	font: 7pt Verdana;
	color:#FFFFFF;
	text-align:center;}
.foto a {color: #FFD519; border-bottom: none;}
.foto a:hover {color: #FFF; border-bottom: none;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* LINKS */
a { /* link */
	color: #FF8C19;
	text-decoration:none;
	font: bold 8pt/15px Verdana;
	border-bottom: solid 1px #FFD519;}
a:hover { /* link onmouseover */
	color: #FFD519;
	border-bottom: solid 1px #FF8C19;}

/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* FORMATAÇÃO */
u {/*sublinhado*/
	color: #3F3F3F;
   	border-bottom: 1px solid #FFD519;
   	text-decoration: none;}
b {/*negrito*/
	color: #443E66;}
i {/*sublinhado*/
	color: #443E66;}
	
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* FORMULÁRIOS */
button, textarea, select, input {/* textarea, campo e seleção*/
	font: normal 8pt Tahoma;
	color: #443E66;
	background-color: #85819F;
	border-bottom: 1px solid #85819F;
	border-right: 1px solid #85819F;}
button:focus, textarea:focus, select:focus, input:focus {/* textarea, campo e seleção*/
	color: #443E66;
	background-color: #fff;
	border-bottom: 1px solid #443E66;
	border-right: 1px solid #443E66;}


/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* IMAGENS */
.borda {/* borda das imagens */
	padding: 5px;
	margin: 5px;
	background-color: #315F7E;}
a:hover .borda {background-color: #FFD519;}
.bandeira {border: 0; background-color:#FFF;}

/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
#menu {
	height: 30px;
	width: 100%;
	margin-left: 182px;
	margin-top: -7px;}
#menu ul {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;}
#menu ul li {
	display: block;
	float: left;
	margin: 5px;
	width: auto;
	text-align: center;
	border:0px;} 
#menu ul li a {
	display: block;
	width: 82px;
	background-color: #315F7E;
	vertical-align:middle;
	text-align: center;
	font: bold 8pt/20px 'Verdana';
	color: #FFF;
	text-transform: capitalize;
	border-left: solid 1px #315F7E;
	border-bottom: solid 1px #315F7E;
	border-right: solid 1px #315F7E;}
#menu ul li a:hover, #menu li.current a {
	color: #FF8C19;
	text-transform: uppercase;
	border-left: solid 1px #443E66;
	border-bottom: solid 1px #443E66;
	border-right: solid 1px #443E66;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* TABELAS */		
.tabela {/*formulário dos comentários */
	font: normal 8pt Verdana;					
	color: #000000;								
	text-align: justify;
	background-color: #E6E6E6;
	padding: 10px;}
.conteudo { /*DIV "escondida*/
  margin: -15px 0 10px 0;
  display:none;}