@charset "utf-8";
/* CSS Document */

/********************************************************
	
	Clientes
	
********************************************************/

div.clientes {
	height: 446px;
}

div.clientes div.center {
	height: 371px;
}

table.clientes {
	width: 270px;
	height: 100%;
	border-collapse: collapse;
}

	table.clientes td {
		width: 50%;
		height: 25%;
	}
		
		table.clientes div {
			background-repeat: no-repeat;
			margin: auto;
			
		}
		
				
		table.clientes div:hover {
			background-position: bottom;
		}
		
		table.clientes div.pereirafeitosa {
			width: 75px;
			height: 77px;
			background-image: url(clientes/pereirafeitosa.png);
		}
		
		table.clientes div.chezmoi {
			width: 70px;
			height: 73px;
			background-image: url(clientes/chezmoi.png);
		}
		
		table.clientes div.gabryella {
			width: 99px;
			height: 27px;
			background-image: url(clientes/gabryella.png);
		}
		
		table.clientes div.taguaturturismo {
			width: 75px;
			height: 75px;
			background-image: url(clientes/taguaturturismo.png);
		}
		
		table.clientes div.joaorabelo {
			width: 90px;
			height: 77px;
			background-image: url(clientes/joaorabelo.png);
		}
		
		table.clientes div.taguatureventos {
			width: 75px;
			height: 40px;
			background-image: url(clientes/taguatureventos.png);
		}
		
		table.clientes div.maxcreditos {
			width: 75px;
			height: 33px;
			background-image: url(clientes/maxcreditos.png);
		}
		
		table.clientes div.autoilha {
			width: 102px;
			height: 47px;
			background-image: url(clientes/autoilha.png);
		}
	
/***********************************************************/
	
div#middle div#content div.box-big {
	width: 565px;
	height: 216px;
	float: left;
	margin: 1px 0px 10px 8px;
}

div#middle div#content div.box-big .site{
	margin-left:30px;
	margin-top:10px;
}

	div#middle div#content div.box-big div.content {
		width: 529px;
		height: 188px;
		padding: 10px 15px;
		float: left;
		background-image: url(box_back.jpg);
		background-repeat: repeat-x;
		border-top: 3px solid;
	}
		
	div#middle div#content div.box-big div.shadow-right {
		width: 6px;
		height: 211px;
		float: left;
		background-image: url(box_shadow_right.jpg);
		background-repeat: no-repeat;
	}
	
	div#middle div#content div.box-big div.shadow-bottom {
		width: 100%;
		height: 5px;
		float: left;
		background-image: url(box_shadow_bottom.jpg);
		background-repeat: no-repeat;
	}
	
div#middle div#content div.box-small {
	width: 419px;
	height: 216px;
	float: left;
}

	div#middle div#content div.box-small div.content {
		width: 383px;
		height: 188px;
		padding: 10px 15px;
		float: left;
		background-image: url(box_back.jpg);
		background-repeat: repeat-x;
		border-top: 3px solid;
	}
	
	div#middle div#content div.box-small div.shadow-right {
		width: 6px;
		height: 211px;
		float: left;
		background-image: url(box_shadow_right.jpg);
		background-repeat: no-repeat;
	}
	
	div#middle div#content div.box-small div.shadow-bottom {
		width: 100%;
		height: 5px;
		float: left;
		background-image: url(box_shadow_bottom_small.jpg);
		background-repeat: no-repeat;
	}
	
	div#middle div#content div.box-small div.content img,
	div#middle div#content div.box-big div.content img {
		float: right;
		margin: -10px 5px 0px 0px;
	}
	
	div#middle div#content div.box-small div.content a,
	div#middle div#content div.box-big div.content a {
		font-size: 13px;
		float: right;
		margin: 4px 3px;
		color: #555;
		font-weight: bold;
	}
	
	div.content p {
		line-height: 15px;
	}
	
	div.content h2 {
		width: 60%;
		float: left;
	}
	
	div.content div {
		height: 32px;
	}
	
div#middle div#content div.right {
	float: right;
}

div#middle div#content h2 {
	padding-bottom: 10px;
}

div#middle div#content div.blue div.content {
	border-top-color: #0C419A;
}

	div#middle div#content div.blue div.content h2 {
		color: #0C419A;
	}

div#middle div#content div.red div.content {
	border-top-color: #CA0000;
}

	div#middle div#content div.red div.content h2 {
		color: #CA0000;
	}

div#middle div#content div.green div.content {
	border-top-color: #005900;
}

	div#middle div#content div.green div.content h2 {
		color: #005900;
	}

div#middle div#content div.orange div.content {
	border-top-color: #FF3300;
}

	div#middle div#content div.orange div.content h2 {
		color: #FF3300;
	}