html, body {
	height:100%;
	width:100%;
}

body { background:#e0e9c3; }

.iR {
	font-size:0;
	float:left;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
}

/*****************
***** Layout *****
*****************/

div#site {
	margin:0 auto;
	background:#FFF;
	position:relative;
	width:750px;
}

div#site div.bar,
div#site div#header,
div#site div#section {
	float:left;
	position:relative;
}

div#site div.bar {
	background:#3c3c3c;
	*display:inline;
	height:30px;
	width:750px;
}

div#site div.bar p {
	float:left;
	color:#FFF;
	display:inline;
	margin:6px 0 0;
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:right;
	width:725px;
}

div#site div.bugIE { *margin:10px 0 0; _margin:0; }

div#site div#header,
div#site div#section {
	clear:both;
	background:#FFF;
	width:750px;
}

div#site div#header { height:167px; }

/*****************
***** Header *****
*****************/

div#header h1, div#header h4, div#header h5,
div#header ul#pics, ul#pics li {
	display:inline;
	float:left;
	position:relative;
}

div#header h1 {
	height:115px;
	margin:3px 0 0;
	width:336px;
}

div#header h1 a {
	background:url(../img/propor.gif) no-repeat left top;
	display:inline;
	height:95px;
	margin:20px 0 0 20px;
	width:286px;
}

/*************************
***** Header > Fotos *****
*************************/

div#header ul#pics {
	height:100px;
	margin:3px 0 0;
	width:414px;
}

ul#pics li {
	height:100px;
	margin:0 1px 0 2px;
	width:100px;
}

ul#pics a.pic01, ul#pics a.pic02, 
ul#pics a.pic03, ul#pics a.pic04 {
	height:100px;
	width:100px;
	background:no-repeat left top;
}

ul#pics a.pic01 { background-image:url(../img/foto01.jpg); }
ul#pics a.pic02 { background-image:url(../img/foto02.jpg); }
ul#pics a.pic03 { background-image:url(../img/foto03.jpg); }
ul#pics a.pic04 {	background-image:url(../img/foto04.jpg); }

/**************************
***** Header > Frases *****
**************************/

div#header h4, div#header h5 {
	clear:both;
	width:730px;
}

div#header h4 {
	color:#01903e;
	font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:1px 0 0 20px;
}

div#header h5 {
	color:#d62714;
	font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0 0 0 20px;
}

/*Barra*/

div#header div#headerSplit {	
	background:#d8d8d8;
	clear:left;
	display:inline;
	float:left;
	font-size:0;
	height:2px;
	line-height:2px;
	margin:10px 0 0 5px;
	position:relative;
	width:740px;
}

/******************
***** Section *****
******************/

div#section div#navSide {
	float:left;
	position:relative;
	width:200px;
}

div#navSide h3 {
	color:#D62714;
	display:inline;
	font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	height:18px;
	margin:27px 0 0;
	position:relative;
	text-indent:105px;
	text-transform:uppercase;
	width:200px;
}

/*************************
***** Section > Menu *****
*************************/

div#navSide ul#navigation {
	display:inline;
	float:left;
	list-style-position:outside;
	margin:10px 0 0 15px;
	position:relative;
	width:170px;
}

ul#navigation li {
	border-left:2px solid #01903e;
	clear:left;
	display:inline;
	float:left;
	margin:4px 0 0;
	position:relative;
	width:168px;
}

ul#navigation li a {
	color:#3c3c3c;
	display:inline;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 0 7px;
	position:relative;
	text-decoration:none;
}

ul#navigation li:hover { border-left-color:#d62714; }
ul#navigation li a:hover { color:#01903e; }

/**************************
***** Section > PUCRS *****
**************************/

div#navSide a.pucrs {
	background:url(../img/pucrs.jpg) no-repeat left top;
	clear:left;
	display:inline;
	height:154px;
	margin:15px 0 0 48px;
	width:93px;
}

/************************
***** Section > FACIN *****
************************/

div#navSide a.facin {
	background:url(../img/facin.jpg) no-repeat left top;
	clear:left;
	display:inline;
	height:107px;
	margin:20px 0 0 48px;
	width:93px;
}

/************************
***** Section > FCUL *****
************************/

div#navSide a.fcul {
	background:url(../img/fcul2.jpg) no-repeat left top;
	clear:left;
	display:inline;
	height:115px;
	margin:18px 0 0 48px;
	width:93px;
}

/************************
***** Section > UFPA *****
************************/

div#navSide a.ufpa {
	background:url(../img/ufpa2.jpg) no-repeat left top;
	clear:left;
	display:inline;
	height:118px;
	margin:14px 0 0px 48px;
	width:93px;
}

/************************
***** Section > USP *****
************************/

div#navSide a.usp {
	background:url(../img/LogoUSP2.jpg) no-repeat left top;
	clear:left;
	display:inline;
	height:125px;
	margin:18px 0px 0px 55px;
	width:85px;
}

/**************************
***** Section > PLN-BR*****
**************************/

div#navSide a.pln_br {
	background:url(../img/plnFacin2.gif) no-repeat left top;
	clear:left;
	display:inline;
	height:82px;
	margin:20px 0 30px 48px;
	width:93px;
}

/****************************
***** Section > Content *****
****************************/

div#section div#content {
	background:url(../img/pontilhado.gif) repeat-y left top;
	display:inline;
	float:left;
	margin:27px 0 15px;
	padding-bottom:20px;
	_padding-bottom:20px;
	position:relative;
	width:550px;
}

div#content h2 {
	color:#01903e;
	display:inline;
	font:24px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	margin:-6px 0 0 26px;
	position:relative;
	text-transform:uppercase;
}

p.altera {	
	clear:left;
	color:#6d6d6d;
	display:inline;
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	margin:15px 0 0 26px;
	position:relative;
	text-align:justify;
	width:498px;
}

div#content p {	
	clear:left;
	color:#6d6d6d;
	display:inline;
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	margin:15px 0 0 26px;
	position:relative;
	text-align:justify;
	width:498px;
}

div#content p.first {
	margin-top:7px;
}

div#content p.destaque {
	color:#D62714;
	font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

div#content div#contentSplit {
	background:#dbdbdb;
	display:inline;
	float:left;
	height:1px;
	font-size:0;
	line-height:1px;
	margin:18px 0 0 61px;
	position:relative;
	width:428px;
}

div#content dl#datas {
	clear:left;
	display:inline;
	float:left;
	margin:0 0 0 46px;
	position:relative;
}

/****************************
***** Program -> img *****
****************************/

div#content p img.lucia{
	display:inline;
	float:left;
	margin:0 20px 0 0;
	position:relative;
	height:130px;
	width:117px;
	
}

div#content p img.adami{
	display:inline;
	float:left;
	margin:25px 20px 22px 0;
	position:relative;
	height:130px;
	width:117px;

}

div#content p img.dale{
	display:inline;
	float:left;
	margin:0px 20px 0px 0px;
	position:relative;
	height:138px;
	width:117px;

}

dl#datas dt {
	clear:left;
	color:#01903e;
	display:inline;
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	margin:10px 0 0;
	position:relative;
	width:300px;
}

dl#hoteis dt {
	clear:left;
	color:#01903e;
	display:inline;
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	margin:0px 0px 2px 46px;
	position:relative;
	width:400px;
}

dl#hoteis dd {
	clear:left;
	color:#6d6d6d;
	font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
	width:400px;
	margin:8px 0 8px 46px;
}

dl#datas dd {
	clear:left;
	color:#6d6d6d;
	font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
	width:350px;
}

div#content dl#datasImportantes {
	clear:left;
	display:inline;
	float:left;
	margin:0 0 0 26px;
	position:relative;
}

dl#datasImportantes dt {
	clear:left;
	color:#D62714;
	display:inline;
	font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	margin:10px 0 0;
	position:relative;
	width:300px;
}

dl#datasImportantes dd {
	clear:left;
	color:#6d6d6d;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
	width:300px;
}


/*************************
***** Section > News *****
*************************/

div#content div#news {
	border:1px solid #d4d2d2;
	display:inline;
	float:left;
	margin:17px 0 0 26px;
	padding-bottom:5px;
	position:relative;
	width:498px;
}

div#news h6 {
	background:#e0e9c3;
	border-bottom:4px solid #c9d1af;
	color:#d62714;
	display:inline;
	float:left;
	font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height:22px;
	margin:1px 0 0 1px;
	padding:6px 0 0 13px;
	position:relative;
	text-transform:uppercase;
	width:483px;
}

div#news ul#newsList {
	float:left;
	display:inline;
	list-style-position:outside;
	margin:0 0 0 13px;
	position:relative;
	width:464px;
}

ul#newsList li {
	background:url(../img/bullet.gif) no-repeat left 5px;
	clear:left;
	color:#727273;
	display:inline;
	float:left;
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:5px 0 0;
	padding:0 0 0 9px;
	position:relative;
	text-align:justify;
	width:455px;
}

/*************************
***** Nota *****
*************************/
span.nota {
	position:absolute;
	top:3px;
	left:153px;
	color:#F00;
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;	
}

img.new { 
	position:absolute;
	top:0px;
	left:55px;
	
}

div#content div.textoPreto p{
	color:#000;
}

/*************************
***** Tabela*****
*************************/
div#content table#preco {
	clear:left;
	display:inline;
	float:left;
	margin:15px 0 0 46px;
	position:relative;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	width:80%;
}
.hotel {
	clear:left;
	display:inline;
	float:left;
	margin:12px 0 15px 46px;
	position:inherit;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	width:380px;
}

/*table.program{
	clear:left;
	display:inline;
	float:left;
	margin:12px 0 15px 20px;
	position:inherit;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	width:512px;
	border-spacing: 0px;
	border-style: outset outset outset outset;	
}

table.program tr{
	clear:left;
	display:inline;		
	margin:10px 0 10px 0px;
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	text-align:center;	
}
table.program td{
	clear:left;
	width:128px;	
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-color:#01903e;
	border-style: dashed dashed dashed dashed;
	-moz-border-radius: 6px 6px 6px 6px;
}*/

table.program{
	clear:left;
	display:inline;
	position:relative;
	float:left;
	width:520px;
	margin:12px 0 0 20px;
	border-spacing:0px;
	border-collapse:collapse;
}

table.program td {
	width:130px;
	padding: 4px;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	border:1px dashed #01903e;
	text-align:center;	
}