/*
 * Arquivo: style.ff.css
 * Autor: Guilherme Carvalho
 * 
 * Finalidade: Esse arquivo tem como finalidade definir a apar�ncia da p�gina
 * principal do site da Synergy.
 */

body {
	background-color:#E5E5E5;
	color:#000000;
	padding: 0 1.5% 0 1.5%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:95%;	
	font-size:small;
}

div.header
{
	width:100%;
	float:left;
	background-color:#FFF;
	
	border-bottom-color:#2DD6B5;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	
	margin-left: -1px;
	padding-right: 1px;	
}

div.logo 
{
	width:60%;
	text-align:left;
	float:left;
}

div.menu {
	background-color:white;
	
	margin-left:-1px;
	
	width:15%;
	min-height:300px;
	height:100%;
	float:left;
}

div.button {
	display:inline;
	padding: 5px 5px;
	margin: 0 1px;
	height:40px;
	float:right;
	width:100px;
}

div.link {
	width:10em;
	height:2em;
	
	background-color:#31ADC9;
	
	cursor:pointer;
	
	text-align:center;
}
	
div.link span {
	color:white;
	vertical-align:middle;
}

div.link:hover {
	background-color:#2c9cb5;
}

div.wrapper {
	float:left;
	width:100%;
	background-color:#FFFFFF;	
}

div.content {
	background-color:#FFFFFF;
	
	float:left;
	width:85%;
	min-height:300px;
	
	border-left-color:#2DD6B5;
	border-left-style:dashed;
	border-left-width:1px;
}

div.content p {
	padding-left:5px;
}

div.list-container {
	width:220px;
	height:auto;
}


table.docs td {
	vertical-align:top;
}

div.list {
	background-color:#EAEAEA;
	height:auto;
	
	text-align:center;
}

div.list p {
	margin-bottom:0;
	padding-bottom:5px;
}

div.list h3 {
	margin-top:0;
	text-align:center;
}

div.cargo-container {
	width:350px;
}

div.cargo {

	background-color:#EAEAEA;
	display:block;
	padding: 0 5px;
	
	text-align:center;
}

div.cargo img {
	float:left;
}

div.footer-container 
{
	width:100%;
	float:left;	
	
	margin-left: -1px;
}

div.footer {
	border-top-color:#2DD6B5;
	border-top-style:dashed;
	border-top-width:1px;

	font-size:smaller;
	text-align:center;
	background-color:#FFFFFF;
}

div a {
	font-weight:bold;
	text-decoration:none;
	color:#31ADC9;
}



h2 {
	margin-top:0;
	padding-top:10px;
	text-align:center;
}

h3 {
	text-align:left;
}

h4 {
	margin: 0 0;
	padding: 3px 0 3px 2px;
}

hr {
	color:#E5E5E5;
	height:2px;
}

b {
	display:block;
	height:1px;
}

.b1 {
	margin: auto 5px;
	background-color:rgb(165,165,165);
}

.b2 {
	margin: auto 3px;
	background-color:rgb(182,182,182);
}

.b3 {
	margin: auto 2px;
	background-color:rgb(199,199,199);
}

.b4 {
	margin: auto 1px;
	height:2px;
	background-color:rgb(216,216,216);
}

.b5 {
	margin: auto 0px;
	height:2px;
	background-color:rgb(234,234,234);	
}

div.pre-header {
	background-color:#E5E5E5;
}

.w1 {
	margin: auto 5px;
	background-color:#FFFFFF;
}

.w2 {
	margin: auto 3px;
	background-color:#FFFFFF;
}

.w3 {
	margin: auto 2px;
	background-color:#FFFFFF;
}

.w4 {
	margin: auto 1px;
	height:2px;
	background-color:#FFFFFF;
}

.w5 {
	margin: auto 0px;
	height:2px;
	background-color:#FFFFFF;
}

.logo_img {
	padding:10px 10px 10px 20px;
}

#dev {
	padding-left: 5px;
}