@charset "UTF-8";

/* CORES */

/*
vermelho: #8e0000;
azul: #008bc5;
branco: #fff;
preto: #000;
*/

/* CSS RESET */

* {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* BODY */

body {
	color: #333;
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	text-align: center;
}

/* CONTAINER */

div#container {
	margin: 0 auto;
	text-align: justify;
	width: 775px;
}

/* HEADER */

div#header {	
	background: url("../img/imagens/bg_header2.png") no-repeat;
	height: 171px;
	padding: 22px 50px;
}	

div#header h1 {
	background: url("../img/imagens/bg_logotipo.png") no-repeat;
	height: 57px;
	margin: 0 0 20px 15px;
	overflow: hidden;
	text-indent: -999em;
	width: 266px;
}

div#header h1 a {
	display: block;
	height: 57px;
}

div#header h2 {
	background: url("../img/imagens/bg_slogan.png") no-repeat;
	height: 16px;
	margin: 0 0 0 15px;
	overflow: hidden;
	text-indent: -999em;
	width: 266px;
}

div#header ul.accessibilidade {
	position: relative;
	right: -40px;
	top: -20px;
}

div#header ul.accessibilidade {
	float: right;
	width: auto;
}

div#header ul.accessibilidade li {
	padding: 5px;
}

div#header ul.accessibilidade li a {
	background: transparent;
	color: #008bc5;
	padding: 10px;
	text-decoration: none;
}

div#header ul.accessibilidade li a:hover {
	color: #c00c0c;
}

div#header ul.accessibilidade li a:focus {
	color: #c00c0c;
}
	
/* NAV */

ul#nav {
	height: 125px;
	padding: 0 0 0;
	position: absolute;
	top: 87px;
	width: 775px;
	z-index: 1;
}

ul#nav li {
	float: left;
	font-weight: bold;
	width: auto;
}	

ul#nav li.ativo {
	padding: 74px 10px 0;
}

ul#nav li#primeiro {
	margin: 0 0 0 5px;
}

ul#nav li a {
	background: transparent;
	color: #008bc5;
	display: block;
	padding: 74px 15px 18px;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #ac0000;
}

ul#nav li a:focus {
	color: #ac0000;
}

/* BREADCRUMB */

p#breadcrumb {
	float: left;
	margin: 0 0 0 40px;
	width: auto;
}

p#breadcrumb a {
	background: transparent;
	color: #008bc5;
}

p#breadcrumb a:hover {
	background: transparent;
	color: #ac0000;
}

p#breadcrumb a:focus {
	background: transparent;
	color: #ac0000;
}

p.telefone {
	float: right;
	margin: 0 20px 0 0;
	width: auto;
}

/* CONTENT */

div#content {
	background: url("../img/imagens/bg_conteudo_meio.png");
	float: left;
	margin: 10px 0 10px;
	position: relative;
	width: 563px;
}

div#content p.bandeira {
	position: absolute;
	right: 12px;
	top: 20px; 
}

div#content p.bandeira a {
	float: left;
	overflow: hidden;
	width: auto;
}

div#content p.bandeira a img {
	border: none;
	float: left;
	overflow: hidden;
	width: auto;
}

div#content p.bandeira a:hover {
	border: 3px solid #8e0000;
}

div#content p.bandeira a:hover img {
	margin: -3px;
}

div#content p img {
	border: 5px solid #008bc5;
}

div#content p img.lado_a {
	float: left;
	margin: 0 15px 3px 0;
	width: auto;
}

div#content p img.lado_b {
	float: right;
	margin: 0 0 3px 15px;
	width: auto;
}

div#content address {
	font-style: normal;	
}

div#content h2 {
	background: url("../img/imagens/bg_conteudo_topo.png") no-repeat top center;
	color: #8e0000;
	padding: 20px 25px 40px;
}

div#content h3 {
	color: #8e0000;
	font-size: 1em;
	margin: 0 0 30px;
	padding: 0 0 0 25px;
}

div#content h3 img {
	border: 5px outset #ccc;
	left: 220px;
	position: absolute;
	top: 140px;
}

div#content p {
	padding: 0 25px 15px;
}

div#content p a {
	background: transparent;
	color: #008bc5;
}

div#content p a:hover {
	background: transparent;
	color: #8e0000;
}


div#content p a:focus {
	background: transparent;
	color: #8e0000;
}

div#content p.ultimo_paragrafo {
	background: url("../img/imagens/bg_conteudo_rodape.png") no-repeat bottom center;
	clear: both;
	padding: 0 25px 25px;
	width: 513px;
}

div#content form {
	margin: 10px 25px 25px;
}

div#content form fieldset {
	background: transparent;
	border: 1px solid #008bc5;
	color: #8e0000;
	padding: 15px;
}

div#content form legend {
	border: 1px solid #008bc5;
	color: #8e0000;
	margin: 0 0 20px;
	padding: 5px;
}

div#content form label {
	display: block;
	margin: 10px 0 0;
}

div#content form input {
	border: 1px solid #008bc5;
	height: 18px;
	width: 250px;
}

div#content form select {
	background: #fff;
}

div#content form optgroup {
	background: #008bc5;
	color: #8e0000;
}

div#content form option {
	background: #fff;
}

div#content form input:hover, div#content form textarea:hover {
	background: #008bc5;
	border: 1px solid #8e0000;
	color: #fff;
}

div#content form input:focus, div#content form textarea:focus {
	background: #008bc5;
	border: 1px solid #8e0000;
	color: #fff;
}

div#content form textarea {
	border: 1px solid #008bc5;
	height: 100px;
	width: 250px;
}

div#content form p#enviar input {
	background: #fff;
	color: #008bc5;
	border: 1px solid #8e0000;
	display: block;
	height: 25px;
	margin: 15px 0 0 -25px;
	width: 60px;
}

div#content form input#enviar:hover {
	border: 1px solid #008bc5;
	color: #8e0000;
}

div#content form input#enviar:focus {
	border: 1px solid #008bc5;
	color: #8e0000;
}

body#contato div#content ul li {
	padding: 0 25px 5px;
}

/* GALERIA */

body#adulto div#galeria {
	background: url('../img/fotos/becas/adulto/01.jpg') no-repeat 255px 5px;
	height: 580px;
	position: relative;
}

body#crianca div#galeria {
	background: url('../img/fotos/becas/crianca/01.jpg') no-repeat 255px 5px;
	height: 580px;
	position: relative;
}


body#mesa div#galeria {
	background: url('../img/fotos/toalhas/01.jpg') no-repeat 218px 5px;
	height: 300px;
	position: relative;
}

body#mesa div#galeria ul li:hover span {
	display: block;
	left: 223px;
	position: absolute;
	top: 10px;
}

body#formatura div#galeria {
	background: url('../img/fotos/formatura/01.jpg') no-repeat 255px 5px;
	height: 580px;
	position: relative;
}

div#galeria ul {
	margin: 0 0 0 20px;
}

div#galeria ul li img {
	border: none;
	float: left;
	overflow: hidden;
	width: auto;
}

div#galeria ul li a img, div#galeria ul li a {
	float: left;
	overflow: hidden;
	width: auto;
} 

div#galeria ul li a:hover {
	border: 5px solid #008BC5;
}

div#galeria ul li a:hover img {
	margin: -5px;
}

div#galeria ul {
	width: 180px;
}

div#galeria ul li {
	float: left;
	margin: 5px;
	width: auto;
}

div#galeria ul li a span {
	display: none;
}

div#galeria ul li:hover span {
	display: block;
	left: 260px;
	position: absolute;
	top: 10px;
}

/* SIDEBAR */

div#sidebar {
	background: url("../img/imagens/bg_barralateral_meio.png") center center;
	float: right;
	margin: 10px 0 0;
	width: 200px;
}

div#sidebar div.primeira_secao {
	background: url("../img/imagens/bg_barralateral_topo.png") no-repeat top center;
	padding: 15px 25px 0; 
}

div#sidebar div.segunda_secao {
	padding: 0 25px;
}

div#sidebar div.terceira_secao {
	background: url("../img/imagens/bg_barralateral_rodape.png") no-repeat bottom center;
	padding: 0 25px 15px;
}

div#sidebar div.primeira_secao  h4 {
	color: #8e0000;
	margin: 0 0 10px;
}

div#sidebar h4 {
	color: #8e0000;
	margin: 5px 0 8px;
	font-size: 1.2em;
}

div#sidebar ul li a {	
	background: transparent url("../img/imagens/seta_azul.gif") no-repeat center left;
	color: #008bc5;
	padding: 0 0 0 15px;
	text-decoration: none;
}

div#sidebar ul li a:hover {
	background: url("../img/imagens/seta_vermelha.gif") no-repeat center left;
	color: #8e0000;
}

div#sidebar ul li a:focus {
	background: url("../img/imagens/seta_vermelha.gif") no-repeat center left;
	color: #8e0000;
}

div#sidebar ul li.ativo {
	background: url("../img/imagens/seta_preta.gif") no-repeat center left;
	padding: 0 0 0 15px;
}

/* ANIMATION */

#animation {
	background: url('../swf/replacement_animation.jpg') no-repeat;
	clear: right;
	float: right;
	height: 250px;
	margin: 10px 0;
	width: 200px;
}

/* FOOTER */

p#footer {
	background: transparent url("../img/imagens/bg_footer.png") no-repeat;
	clear: both;
	color: #008bc5;
	font-weight: bold;
	height: 27px;
	padding: 13px 0 0;
	text-align: center;
}