@charset "iso-8859-1";
/* CSS Document */

#clientes
{
	width  : 967px;
	
	text-align : center;
}

#clientes h1
{
	font-family : Helvetica, Arial, sans-serif;
	font-size   : 30px;
	font-weight : bold;
	color       : #ffa12d;
	
	border-bottom : 1px solid #999;
	
	padding-bottom : 25px;
	margin-bottom  : 27px;
}

#cases
{
	width  : 869px;
	height : auto;
	min-height : 100px;
	
	text-align : left;
	
	position : relative;
	
	padding : 33px;
	
	margin-top    : 49px;
	margin-bottom : 31px;
	
	background-color : #dfe5e6;
}

#cases #media
{
	width  : 328px;
	height : 284px;
	
 	position:relative;
	top : -35px;
	float:left;
	margin-right:15px;
 }

#texto_cases
{
/*		width  : 518px; */
	sheight : 283px;
	
	soverflow-y : auto;
	
	font-family : Calibri, Arial, sans-serif;
	font-size   : 16px;
	font-weight : normal;
	color       : #36424a;
	
/*	margin-left : 343px;
*/	position:relative;
	sfloat:left;
	sdisplay:table;
 
}

#texto_cases p
{
	margin-bottom : 20px;
	margin-top : 0px;
}

#clientes h4
{
	font-family : Calibri, Arial, sans-serif;
	font-size   : 16px;
	font-weight : bold;
	color       : #f7941d;
	
	margin-bottom : 0px;
	padding-bottom : 0px;
}

#rodape_cases
{
	width  : 881px;
	height : 66px;
	
	background : transparent url('../../../images/clientes_bg_rodape.gif') top left repeat-x;
	
	clear : both;
	
	position : relative;
	top      : 25px;
	
	font-family : Calibri, Arial, sans-serif;
	font-size   : 21px;
	font-weight : bold;
	color       : #fff;
	text-decoration : italic;
	text-align      : center;
	
	padding-top : 12px;
}

#assinatura_rodape
{
	text-align  : right;
	font-family : Calibri, Arial, sans-serif;
	font-size   : 16px;
	font-weight : bold;
	color       : #4b565e;
	
	position : relative;
	top : -15px;
}

#texto_rodape_cases
{
	width : 848px;
	margin-left  : 15px;
	
	position : relative;
	z-index : 99;
}

#cases_top_left
{
	width  : 17px;
	height : 17px;
	
	background : transparent url('../../../images/cases_top_left.gif') top left no-repeat;
	
	position : absolute;
	top  : 0px;
	left : 0px;
}

#cases_top_right
{
	width  : 17px;
	height : 14px;
	
	background : transparent url('../../../images/cases_top_right.gif') top left no-repeat;
	
	position : absolute;
	top   : 0px;
	right : 0px;
}

#cases_bottom_left
{
	width  : 15px;
	height : 17px;
	
	background : transparent url('../../../images/cases_bottom_left.gif') top left no-repeat;
	
	position : absolute;
	bottom : 0px;
	left   : 0px;
}

#cases_bottom_right
{
	width  : 17px;
	height : 15px;
	
	background : transparent url('../../../images/cases_bottom_right.gif') top left no-repeat;
	
	position : absolute;
	bottom : 0px;
	right  : 0px;
}

#rodape_cases_left
{
	width  : 43px;
	height : 66px;
	
	background : transparent url('../../../images/clientes_rodape_left.gif') top left no-repeat;
	
	position : absolute;
	top  : 0px;
	left : -6px;
}

#rodape_cases_right
{
	width  : 41px;
	height : 66px;
	
	background : transparent url('../../../images/clientes_rodape_right.gif') top left no-repeat;
	
	position : absolute;
	top   : 0px;
	right : -5px;
}

#mais_cases
{
	width  : 100%;
	height : 30px; 
	
	text-align  : right;
	font-family : Calibri, Arial, sans-serif;
	font-size   : 16px;
	font-weight : bold;
	color       : #36424a;
	
	position : absolute;
	top   : -21px;
	right : 18px;
}

#mais_cases ul
{
	margin  : 0px;
	padding : 0px;
	float : right;
	
	margin-left : 5px;
}

#mais_cases li
{
	min-width  : 35px;
	width  : auto; 
	height : 30px;
	
	text-align  : center;
	font-family : Helvetica, Arial, sans-serif;
	font-size   : 16px;
	font-weight : bold;
	color       : #36424a;
	
	padding-top : 2px;
	
	list-style-type : none;
	display : inline-block;
	
	position : relative;
	
	sbackground : transparent url('../../../images/clientes_case.gif') top left no-repeat;
}

#mais_cases li:hover
{
	color : #fff;
}

.mais_cases_bt
{
	min-width : 10px;
	width  : auto;
	height : 21px;
	
	position : relative;
	
	background-color : #f7941d;
	
	padding : 0px 10px 0px 10px;
	
	margin : 0px 5px;
}

.cases_left
{
	width  : 10px;
	height : 21px;
	
	position : absolute;
	top  : 0px;
	left : -5px;
	
	background : transparent url('../../../images/clientes_case_left.gif') top left no-repeat;
}

.cases_right
{
	width  : 9px;
	height : 21px;
	
	position : absolute;
	top   : 0px;
	right : -6px;
	
	background : transparent url('../../../images/clientes_case_right.gif') top left no-repeat;
}

.cases_seta
{
	width  : 15px;
	height : 8px;
	
	position : absolute;
	left : 50%;
	bottom : -8px;
	
	margin-left : -7px;
}

#mais_cases li:hover .cases_seta
{
	background : transparent url('../../../images/clientes_case_seta.gif') bottom left no-repeat;
}