/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

* {
	margin: 0em;
	padding: 0em;
}
h1, h2 {
}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff url(img/topBG.png) repeat-x top center;
}
a {
	color: #0077dd;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
	margin:0;
	padding:0;
}
h2{
	font: 600 1.3em Helvetica, Arial, Verdana, Geneva,  sans-serif;
	color:#900;
}
h3{
	font: 500 1.2em Helvetica, Arial, Verdana, Geneva,  sans-serif;
	color: #900;
	padding: 0em 0 0.5em;
}
h4{
	font: 600 1.25em Helvetica, Arial, Verdana, Geneva,  sans-serif;
	color: #666;
	padding: 0;
	margin-bottom: 1.3em;
}
h5{
	font: normal 1em Helvetica, Arial, Verdana, Geneva,  sans-serif;
	padding: 0.2em 0.4em;
	border: 1px solid #dfdfdf;
	margin-bottom: 1em;
	background: #efefef;
}
h5, h5 a, h5 a:visited{
	color: #666;
	padding-right: 0.3em;
}
h5 a:hover{
	color: #c00;
}

/* Outer */

#outer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
.delimitador {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.delimitador2 {
	width: 960px;
	margin: 0 auto;
	position:relative;
}
.programa {
	position: absolute;
	right: 70px;
	top: 305px;
	z-index: 200;
}
/* Header */

#header {
	position: relative;
	height: 172px;
	width: 1000px;
}
#header h1 {
	color: #fff;
	text-decoration: none;
	position: absolute;
	top: 0;
	left:230px;
	font-size: 2.2em;
	letter-spacing: -0.05em;
}
#header h2 {
	position: absolute;
	font-size: 0.8em;
	top: 0;
	left: 13px;
	color: #E0E8EF;
	z-index: 1000;
}
/* Menu */

#menu {
	position: absolute;
	top: 128px;
	left:220px;
	z-index: 100;
	width: 777px;
}
#menu ul {
	list-style: none;
}
#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#menu li a {
	color: #fff;
	text-decoration: none;
	margin: 0;
}
#menu li a img {
	padding: 0 0 12px 0;
}
#menu li a:hover {
	background: url(img/menuBGhover.gif) bottom center repeat-x;
}
/* Content */
#home {
	background: #DEE3ED;
}
.content {
	line-height: 1.5em;
	z-index: 1;
	padding: 33px 0 10px 0;
	min-height: 200px;
	background: #fff url(img/contentBG.png) repeat-x top center;
	/*border-bottom: 5px solid #fdc119;*/
}
.content p {
	margin-bottom: 1em;
}
.content h2 {
	color: #fff;
	margin-bottom: 25px;
}
.content h2 {
	font-size: 1.5em;
}
.content h3 {
	font-size: 1.5em;
	color:#333;
	margin: 25px 0 10px 0;
}
.content ul {
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;
}
.texto {
	margin: 10px 0;
	padding-left:10px;
	line-height: 1.8em;
}
.texto .botao {
	display: block;
	width: 100px;
	padding:0;
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #900;
	text-align: center;
	background: #c00;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.texto .botao:hover {
	background: #900;
	color:#fc0;
}
.texto .botao a:hover {
}
.content blockquote p {
	margin-bottom: 0em;
}
.content table {
	border-collapse: collapse;
	text-align: left;
}
.content table th {
	font-weight: bold;
	padding: 0.5em;
	color: #fff;
	background: #600 url(img/topBG.png) repeat-x top center;
	border-right: solid 1px #fff;
}
.content table td {
	padding: 0.5em;
	border-right: solid 1px #fff;
}
.content table tr.rowH {
	color: #fff;
	background: #006192 url(img/tableTT.gif) top left repeat-x;
	border-right: solid 1px #fff;
}
.content table tr {
	background: #F8F8F8 url(images/a6.gif) top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}
.content table tr:hover {
	background: #ddd;
}
td.rowB {
	background: #FDFDFD url(images/a7.gif) top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}
/* Footer */

#footer {
	clear:both;
	position: relative;
	z-index: 0;
	border-top: solid 5px #fdc119;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(img/bottomBG.png) top center repeat-x;
	height: 60px;
	width: 100%;
	line-height: 2em;
	margin-top:1px;
}
.clear {
	clear: both;
}
.noDisplay {
	display: none;
}
.close {
	position:absolute;
	right: 0px;
	top: 20px;
}
/**************************************************************
   Form Elements
 **************************************************************/

label {
	float: left;
	text-align: right;
	width: 9em;
	padding-right: 1em;
}
input, textarea, select {
	padding: 4px;
	color: #666;
	background: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #888 #DDD #DDD #888;
}
input:focus, textarea:focus, select:focus {
	padding: 4px;
	color: #000;
	background: #fdfdfd;
	border-color: #c00;
}
input.button {
	padding: 1px 10px;
	cursor: pointer;
	color: #fff;
	background: #990000;
	border-width: 1px;
	border-style: solid;
	border-color: #c00 #600 #600 #c00;
}
.required {
	cursor: help;
	border-bottom: 1px solid #CCC;
}
iframe{
}
.w200, .w250, .w620{
	float: left;
}
.w200{
	width: 200px;
}
.w250{
	width: 250px;
	padding: 0 20px 0 0;
}
.w620{
	width: 650px;
	padding: 0 20px 0 0;
}

.wall{
	padding: 10px 20px 0 20px;
}
.fotos{
	float: left;	
}
.fotos a img{
	border: 2px solid #ccc;
	background: #999;
	padding: 1px;
	float: left;
	margin: 0 3px 3px 0;
}
.fotos a:hover img{
	border-color: #900;
	background: #000;
}
a .thumb{
	border: 2px solid #ccc;
	background: #999;
	padding: 1px;
	float: left;
	margin: 0 10px 2px 0;
}
a:hover .thumb{
	border-color: #900;
	background: #000;
}
