* {margin 0; padding: 0;}

/**
 * Cores:
 *
 * Azul Claro: #b7d1e3
 * Azul Escuro: #005a8c
 * Verde: #92c633
 * Cinza #666666
 * Cinza Claro #fefefe;
 */

body {
	margin: 20px auto;
	font-family: Arial;
	background: #005a8c;
	width: 848px;
	font-size: 12px;
}

a {
    color: #005a8c;
    text-decoration: none;
}

p {
    color: #666666;
    font-size: 12px;
    text-align: justify;
}

#header {
    background: url('imgs/zagaia-home.png') no-repeat;
    height: 126px;
}

#header ul {
    list-style-type: none;
    float: right;
    margin: 93px 15px 0px 0px;
    height: 33px;
}

#header li {
    display: inline;
    text-align: center;
}

#header a {
    float: left;
    font-size: 12px;
    background: url('imgs/header-link.png') no-repeat;
    padding-top: 10px;
    margin-left: 7px;
    width: 92px;
    height: 33px;
}

#header a.current {
    background: url('imgs/header-link-hover.png') no-repeat;
}

#header a:hover {
    background: url('imgs/header-link-hover.png') no-repeat;
}

#content {
    float: left;
    width: 830px;
    background: #fefefe;
    padding: 15px 9px;
}

#content-left {
    float: left;
    width: 68%;
}

#content-right {
    float: right;
    margin-left: 15px;
    width: 30%;
}

#footer {
    background: url('imgs/rodape.png') no-repeat;
    border-top: 1px solid #ddd;
    padding-top: 6px;
    height: 17px;
    clear: both;
    font-size: 11px;
    color: #005a8c;
    text-align: center;
}

#footer-mirror {
    background: url('imgs/reflexo.png') no-repeat;
    height: 34px;
    clear: both;
}

/******************************************************
 * Home
 *****************************************************/

.title_box {
    float: left;
    background: #005a8c;
    color: #fff;
    padding: 2px 15px 2px 15px;
    text-align: center;
}

.content_box {
    float: left;
    margin: 15px;
    clear: both;
}

.title_box_spotlight {
    float: left;
    background: #005a8c;
    color: #fff;
    padding: 2px 15px 2px 15px;
	margin-top: -1px;
	margin-left: -1px;
    text-align: center;
	position: absolute;
	z-index: 2;
}

#home-projects {
    margin-top: 15px;
    background: #eee;
    height: 150px;
	position: relative;
}

#home-projects ul {
    list-style-type: none;
    clear: both;
    padding-top: 15px;
    text-align: center;
}

#home-projects li {
    display: inline;
    margin: 0px 5px 0px 5px;
}

#home-projects a.more {
    margin-right: 5px;
    float: right;
	font-size: 12px;
}

#news {
    background: #eee;
}

#news a {
    color: #005a8c;
}

#news h3 {
    clear: both;
    color: #555;
    font-weight: bold;
    font-size: 12px;
    margin: 40px 0px 15px 0px;
}

#news-content {
    padding: 10px;
}

/******************************************************
 * Partners
 *****************************************************/

.partner-box {
    background: #eee;
    border: 1px solid #ddd;
    clear: both;
    margin-bottom: 30px;
    float: left;
}

.partner-text {
    padding: 5px;
}

.partner-img {
    float: left;
    width: 450px;
    height: 225px;
    margin-right: 10px;
}

.partner-indt {
    background: url("imgs/indt.png");
}

.partner-fucapi {
    background: url("imgs/fucapi.png");
}

/******************************************************
 * Spotlight
 *****************************************************/

.spotlight{
	padding:0px;
	border: 1px solid #cccccc;
}
.coda-slider { 
	overflow: hidden; 
	width:100%;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 
	z-index: 1;
	height: 320px; 
	overflow: auto !important;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider{ 
	width: 100%;
} 

.coda-nav { 
	z-index: 1; 
	position: absolute;
	margin-top: -10px;
	margin-top: 2px;
}

/* Tab nav */
.coda-nav ul li a.current { 
	background: #cccccc;
}

/* Preloader */
.coda-slider p.loading { 
	padding: 20px; 
	text-align: center; 
}

/* Tabbed nav */
.coda-nav ul { 
	display: block; 
	margin-bottom:10px; 
	overflow: hidden;
	font-size: 12px;
}

.coda-nav ul li { 
	display: inline;
}

.coda-nav ul li a { 
	background: gray; 
	color: #fff; 
	float: left; 
	margin-right: 2px; 
	padding: 0px 6px; 
	text-decoration: none;
}

.coda-nav ul li a:hover { 
	background: #005a8c;
}

/* Miscellaneous */
.coda-slider-wrapper { 
	clear: both; 
	overflow: auto;
}

.coda-slider .panel { 
	display: block; 
	float: left;
}

.coda-slider .panel-container { 
	position: relative; 
}

.coda-nav-left, 
.coda-nav-right { 
	float: left; 
}

.coda-nav-left a, 
.coda-nav-right a { 
	display: block; 
	text-align: center; 
	text-decoration: none; 
}
/******************************************************
 * Projects Gallery
 *****************************************************/
#readmore_project{
	position: absolute;
	right: 10px;
	top: 130px;
}

#fisheye_menu {
	list-style: none;
	padding: 0;
	margin: 0px 0px 10px 10px;
	/*height: 105px;*/
	height: 93px;
    overflow: auto;
}
#fisheye_menu li {
	float: left;
	margin-left: 6px;
	margin-bottom: 30px;
}

#fisheye_menu span {
	position: absolute;
	top: -74px;
	left: -82px;
	text-align: center;
	width: 79px;
	padding: 1px;
	margin: 0;
	border: solid 1px #bbb;
	color: #333;
	background: #eee;
}
#fisheye_menu a {
	text-decoration: none;
}
#fisheye_menu img {
	border: 0;
	vertical-align: top;
}

/******************************************************
 * Projects Page
 *****************************************************/
#projects {
    float: left;
    padding: 23px;
}

.project-box {
    width: 220px;
    height: 200px;
    float: left;
    margin: 20px;
    font-size: 12px;
}

.project-img {
    height: 150px;
    background: #ddd;
    display: block;
    margin-bottom: 10px;
}

.project-desc {
    color: #aaa;
}

.project-download {
    float: right;
}

/******************************************************
 * Team Page
 *****************************************************/
.team {
    display: block;
    clear: both;
    float: left;
    padding: 10px;
}

.cards {
    margin-top: 40px;
    display: block;
    clear: both;
}

.card {
    /*background: url('imgs/card.png');*/
    background: #eee;
    width: 250px;
    height: 75px;
    float: left;
    margin: 10px;
}

.card_dados {
    float: left;
    font-weight: regular;
}

.card_foto {
    float: left;
    margin: 7px;
    background: #005a8c;
    height: 60px;
    /*width: 45px;*/
}

.card_nome {
    margin: 20px 0 5px 0;
    color: #005a8c;
}

.card_email {
    color: #666666;
    font-size: 11px;
}

.abacard {
    cursor: pointer;
    background: url('imgs/abacard.png');
    height: 15px;
    position: relative;
    top: 81px;
    /*top: 50px;*/
}

.card_aberto {
    background: #ddd;
    height: 30px;
    position: relative;
    top: 50px;
    display: none;
}

/******************************************************
 * Project Details
 *****************************************************/
#projectDetail {
    color: #666;
}

#breadcrumbs{
	height: auto;
	margin-top: 4px;
	margin-bottom: 19px;
}
.breadcrumbs_base{
	font-size: 14px;
}
.breadcrumbs_active{
	font-size: 14px;
	color: #92c633;
	font-weight: bold;
}

#project_area{
	width: 100%;
	height:auto;
	margin-bottom:15px;
}
#project_title{
	font-size: 24px;
	color: #005a8c;
	display: block;
	margin-bottom: 9px;
}
#project_description{
	font-size: 12px;
}
.pc1ss{
	margin-left:60px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #999999;
}
#logo_download{
	height: 160px;
}
#logo_area{
	width: 260px;
	height: 100%;
	float: left;
	border: 1px none #000;
	margin-left: 5px;
}
#download_area {
	width: 115px;
	height: 100%;
	margin-right: 5px;
	float: right;
	background-color: #f3f3f3;
}

#download_area .content_box {
    width: 520px;
    font-size: 12px;
    color: #005a8c;
}

#download_area ul {
    margin-left: 15px;
}

#download_area li {
    margin-top: 10px;
}

#download_area a {
    text-decoration: underline;
}

.download_column {
    width: 32.5%;
    float: left;
}

.download_column_right {
    width: -12.5%;
    float: left;
    text-align: right;
}


#project_team {
    display: block;
    clear: both;
    float: left;
    width: 826px;
    margin-top: 15px;
    background: #eee;
}
.project_team_title {
	color: #005a8c;
    font-size: 12px;
    font-weight: bold;
}