/* GET IT :: basics:
---------------------------------------*/
* { margin: 0; padding: 0;}

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000; background: #38bca8 url(/gui/bg_bottom.jpg) repeat-y 50% 0; ;
}
p, td, ul, ol, li, dl, dt, dd, tr, th {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
dl {  }
dt {  }
p, dd {	margin-bottom: 1em; line-height: 1.5em; }
img { border: 0; display: inline; }

h1 {font-size: 1.6em; margin-bottom: 0.8em; color:#38bca8; padding-top: 14px; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none; background-color: transparent; color:#38bca8;
}

h2 { font-size: 1.3em; text-transform: uppercase; color:#38bca8; margin: 1.5em 0 1em; line-height: 1.5em; font-weight: normal;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { 
	color: #000; text-decoration: none; background-color: transparent;
	}

h3 { font-size: 1.2em; margin: 1.5em 0 1em; }
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { }

h4, dt { font-size: 1em; color: #000; font-weight: bold; margin-bottom: 1em; clear: left;}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
	color: #000; text-decoration: none; background-color: transparent; }

h5 { font-size: 1em; margin-bottom: 1em; }

a:link, a:visited { color: #38bca8; text-decoration: underline; }
a:hover, a:active { color: #000; text-decoration: none; background-color: #d4ebd7; }

#side a:link, #side a:visited { color: #fff; }
#side a:hover, #side a:active { color: #fc9; }

ul { list-style: square; padding: 0; margin: 0 0 1em 16px; }
li { padding: 0 4px 0.8em 0; margin: 0; }
.h {display: none;}
h1 em { color:#000; font-style:italic; font-weight: bold; }

/* main structure:
---------------------------------------*/

#wrap1 { background: url(/gui/bg_top_drawing.jpg) no-repeat 50% 0;}

#wrap2 { width: 900px; margin: 0 auto; position:relative; padding-bottom: 240px; }

#content { margin: 0 164px 0 190px; position: relative; top: 252px; left: 0; }


#logo { position: absolute; top: 20px; left: 0; background: #fff; width: 141px; height: 117px; z-index: 100; }
#anos { position: absolute; top: 26px; right: 46px; background: url(/gui/desde_1998.gif) no-repeat 0 0; width: 130px; height: 135px; z-index: 90;
	text-indent: -100em;
	overflow: hidden;
	}
#contactline { position: absolute; top: 12px; right: 85px; background: #fff; width: 500px; height: 22px; z-index: 90; }
#call, #search { margin-left: 300px; }
#urhere { position: absolute; right: 122px; top: 232px; width: 370px; padding: 3px 3px 3px 10px; background-color: #d4ebd7; } 
#urhere p { margin: 0; font-size: 10px; }

#rotator
{
  background: url(/imgs/feat/rotator.php) no-repeat 100% 0;
  width: 544px;
  height: 240px;
  background-color: #d4ebd7;
  padding: 0; margin: 0;
  margin-bottom: 20px;
  position: relative; left: 38px; 
}

#side { 
	border: 1px solid #fc9; border-width: 0 1px 1px 1px; padding: 30px;
	margin: 0 0 15px 30px; float: right; width: 200px; background: #f63; display: inline;
}

body.home #side { 
	padding: 0; margin: 0 0 15px 0;
	float: right; width: 258px; display: inline;
}
body.home #side div { 
	padding: 30px;
}

body.home #main h2 {
	padding-top: 1em; 
}

#main {  }
	
#call { margin-top: 50px; position: relative; top: 23px; }
#call p { font-weight: bold; }
#call em { 	font-weight: bold; font-style: normal; color: #39c; font-size: 1.5em; }
	
#search {
	border-left: 1px dotted #000; padding-left: 30px; margin-left: 690px;
	position: relative; 
}

/* header and navigation:
---------------------------------------*/

#nav { position: absolute; top: 172px; z-index:500; left: -58px; width: 215px; }
#nav h3 { margin: 0; font-size: 0px; }
#nav ul, #nav li, #nav a { display: block; margin: 0; padding: 0; border: 0; color: #FFF; }
#nav ul { width: 215px; list-style: none; }
#nav li { position: relative; padding:0; border-width: 0 1px 1px 0; text-align: right; }
#nav li li { margin-bottom: 0; padding-bottom: 0; border: none; background: #38bca8; text-align: left; }
#nav li.folder ul {
	position: absolute;
	left: 200px; /* IE (?) */
	top: 15px; 
}		
#nav a { padding: 4px 22px 4px 10px; text-decoration: none; font-weight: bold; }
#nav li.folder li a:hover { background-color: #d4ebd7; color:#000; }
#nav li.folder a:hover { background-color: transparent; cursor:pointer;}
	
/* --- spec hovers --- : */
li.folder:hover { z-index:510; }
#nav ul ul, #nav li:hover ul ul { display: none; border: 1px solid #000; padding:0; z-index:1000; }
#nav li:hover ul, #nav li:hover li:hover ul { display:block; }

.replace { 
	position:relative; 
	margin:0px; padding:0px;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/ 
	overflow: hidden;
	/* */
} 
.replace span { 
	display:block;
	position:absolute;
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/
} 
#estudar, #estudar span {
	width: 215px;
	height: 85px;
	background-image: url(/gui/m_estudar.gif);
	}
#trabalhar, #trabalhar span {
	width: 215px;
	height: 77px;
	background-image: url(/gui/m_trabalhar.gif);
	}
#viagem, #viagem span {
	width: 215px;
	height: 68px;
	background-image: url(/gui/m_viagem.gif);
	}
#carteira, #carteira span {
	width: 215px;
	height: 80px;
	background-image: url(/gui/m_carteira.gif);	
}
#mundo, #mundo span {
	width: 215px;
	height: 132px;
	background-image: url(/gui/m_mundo.jpg);	
}
#newsletter, #newsletter span {
	width: 215px;
	height: 103px;
	background-image: url(/gui/m_newsletter.gif);	
}

/* --- ( secnav ) ------------------------ */

#secnav { position: absolute; top: 200px; right: 123px; width: 640px; text-align: right; }
#secnav ul { display: inline; text-align: right; padding:0; margin:0; }
#secnav li { text-transform: uppercase; display: inline; text-align:center; padding:0; border-right: 3px solid #d4ebd7; padding: 0 8px 0 4px; }
#secnav li a:link, #secnav li a:visited { display: inline; padding: 0; color: #000; text-decoration: none; }
#secnav li a:hover { color: #38bca8; background:transparent; }
#secnav li a:link em, #secnav li a:visited em { color:#38bca8; font-weight: bold; }
#secnav li a:hover em { color:#000; }


/* footer:
---------------------------------------*/
#footer { padding: 25px 0; margin-top: 50px; border-top: 2px dashed #000; }
#footer p { color: #000; font-size: 10px;}
#footer ul { margin-left: 0;  }
#footer li { line-height: 1.5em; font-size: 10px; display: inline; list-style: none; }

/* main content:
---------------------------------------*/
img.r { float: right; background-color: #d4ebd7; padding: 0 12px 0 0; margin: 5px 0 20px 20px; 	}
img.l { float: left; background-color: #d4ebd7; padding: 0 0 0 12px; margin: 5px 20px 0 0; }
img#nobr, img.nobr { border: none; padding: 0; }

table.threecol { border-spacing: 10px; position: relative; left: -10px; width: 1px;}
table.threecol td { 
	border: 1px solid #f63; border-width: 0 1px 1px 0; 
	text-align: center; padding: 0 0 4px;
	background-color: #f63; }
table.threecol td h3, table.threecol td h3 a:link, table.threecol td h3 a:visited { color: #fff;
	font-size: 1em }
table.condlist { margin: 1em 0 0 0; }
table.condlist td {
	vertical-align: top; padding-right: 20px;
}

/* forms:
--------------------------------------- */
form  {padding: 1em 0;}
fieldset { border: none; }
textarea, select, input {
	background-color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	border: 1px solid #CCC;
}
input.button {
	background: #38bca8; text-transform: uppercase;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
	0margin-left: 7em; 
}
form label { float: left; padding-right: 1em; width: 6em; clear: left; }
#contactform label { width: 10em; 0text-align: right; }

input.chkb { background: transparent; border: none; }
#search_term, h2 span {color: #39c; }
.err {color:#F00;}

.box {background-color: #39c; color: #fff; padding: 15px 25px 4px 25px; float: left; width: 220px; margin: 5px 30px 15px 0; border: 1em solid #C5DFFF;}
.ph {font-weight: bold; font-size: 1.6em; }
p.tit {margin-top: -1em; font-style: italic; }
.block { clear:left; }
#side h4 a:link, #side h4 a:visited, #side h4 a:hover, #side h4 a:active { color: #000; }
.block2 img {float: left; margin-right: 30px; }


.block2 p { margin-left: 293px; }
.one {padding-right: 20px;}