/***********************************
CSS do site eusou.jp
Autor do codigo: Rochester Oliveira (rochesterj [at] gmail.com)
Layout: Joao Paulo Teixeira (joaopaulots [at] gmail.com)
Ultima revisao: 23/08/2010
***********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} table { border-collapse: separate; border-spacing: 0; } a img, iframe { border: none; } ol, ul { list-style: none; } input, textarea, select, button { font-size: 100%; font-family: inherit; } select { margin: inherit; }ol { margin-left:2em; }

h1,h2,h3 { font-size:12px; margin-bottom:0.90em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; }
ul li a, ul li { color:#666666; font-size:11px; text-decoration:none; line-height:23px}
ul li a:hover { text-shadow:#e1e1e1 1px 1px; text-decoration:underline}

.line p, .wellcome p { margin-bottom:15px; font:italic 14px/120% Georgia, "Times New Roman", Times, serif; letter-spacing:-0.025em}

/*topo*/
.topoMenu h1, .topoMenu ul, .topoMenu li, .topoMenu a {
	float:left;
}
	.topoMenu ul {
		padding-top:50px;
		padding-left:25px;
	}
		.topoMenu ul li a {
			padding:0 10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:bold;
			text-transform: uppercase;
			text-decoration:none;
			color:#000;
		}
		.topoMenu ul li a:hover {
			color:#666666;
		}
.heading {
	float:left;
	width:425px;
	height:622px;
	}
	.heading h2 {
		text-align:right;
		padding-right:30px;
	}
.clear {
	clear:left;
}
body {
	background:#fff;
}
#content {
	position:relative;
	width:1270px;
	overflow:visible;
	margin:0;
	font-family:Arial, Helvetica, sans-serif
}
	.depois h2 { padding: 10px 10px 0 }
	.depois p {
		display:block;
		padding:0 10px 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	.depois .fecha {
		position:absolute;
		right: 0;
		padding:5px;
		font-size:10px;
		z-index:100;
	}
		.depois .fecha a {
			color:#f00;
			text-decoration:none;
		}
		.depois .fecha a:hover {
			color:#900;
		}
.blocos {
	float:left;
	width:810px;
}
.box {
	position:relative;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	overflow:hidden;
}
.antes {
	width:100%;
	height:100%;
}
	.antes a {
		text-decoration:none;
		display:block;
		width:100%;
		height:100%;
	}
		.antes a span { display:none }
		.antes a:hover span, .antes a span:hover { display:block }
		.antes a .titulo, .antes a .texto {
			position: relative;
			top:75px;
			padding:10px 10px 0;
			width:100%;
			height:70%;
			color:#C9D8E7;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bolder;
			letter-spacing:-0.7px;
			text-transform:uppercase;
			background:#fff;
			opacity: 0.8; /* Standard: FF gt 1.5, Opera, Safari */
			filter: alpha(opacity=80); /* IE lt 8 */
			-ms-filter: "alpha(opacity=80)"; /* IE 8 */
			-khtml-opacity: 0.8; /* Safari 1.x */
			-moz-opacity: 0.8; /* FF lt 1.5, Netscape */
		}
		.antes a .texto {
			padding-bottom:10px;
			text-transform:none;
			color:#ffffff;
			font-size:10px;
			letter-spacing:-0.5px;
		}
.depois {
	display:none;
	width:100%;
	height:100%;
}
/*tamanhos dos boxes e fixes*/
/* LINHA 1 */

.linha1{
	position:relative;
}
.linha1 .box {
	height:150px;
}
	.box1 {
		width:150px;
	}
		.box1 .antes { background: url(../_img/box1.jpg) no-repeat -142px -61px; }
		.box1 .depois { background: #fff; }
	.box2 {
		width:150px;
	}
		.box2 .antes { background: url(../_img/box2.jpg) no-repeat -226px -69px; }
		.box2 .depois { background: #fff; }
	.box3 {
		width:230px;
	}
		.box3 .antes { background: url(../_img/box3.jpg) no-repeat -373px -192px; }
		.box3 .depois { background: #fff; }
/* LINHA 2 */
.linha2 {
	clear:left;
}
.linha2 .box {
	height:200px;
}
	.box4 {
		width:302px;
	}
		.box4 .antes { background: url(../_img/box4.jpg) no-repeat -314px -100px; }
		.box4 .depois { background: #fff; }
	.box5 {
		width:230px;
	}
		.box5 .antes { background: url(../_img/box5.jpg) no-repeat -156px -206px; }
		.box5 .depois { background: #fff; }
	.box6 {
		width:150px;
	}
		.box6 .antes { background: url(../_img/box6.jpg) no-repeat -490px -107px; }
		.box6 .depois { background: #fff; }
/* LINHA 3 */
.linha3 {
	clear:left;
}
.linha3 .box {
	height:200px;
}
	.box7 {
		width:150px;
	}
		.box7 .antes { background: url(../_img/box7.jpg) no-repeat -156px -206px; }
		.box7 .depois { background: #fff; }
	.box8 {
		width:300px;
	}
		.box8 .antes { background: url(../_img/box8.jpg) no-repeat -156px -206px; }
		.box8 .depois { background: #fff; }
	.box9 {
		width:150px;
	}
		.box9 .antes { background: url(../_img/box9.jpg) no-repeat -156px -206px; }
		.box9 .depois { background: #fff; }
	.box10 {
		width:200px;
		height:150px!important;
		overflow: visible;
	}
		.box10 .antes { background: url(../_img/box10.jpg) no-repeat -156px -206px; }
		.box10 .depois {
			height: 280px;
			background: #fff;
		}

/* LINHA 4 */
.linha4 {
	clear:left;
}
.linha4 .box {
	height:150px;
}
	.box11 {
		width:150px;
	}
		.box11 .antes { background: url(../_img/box11.jpg) no-repeat -156px -206px; }
		.box11 .depois { background: #fff; }
	.box12 {
		width:230px;
	}
		.box12 .antes { background: url(../_img/box12.jpg) no-repeat -156px -206px; }
		.box12 .depois { background: #fff; }
	.box13 {
		width:150px;
	}
		.box13 .antes { background: url(../_img/box13.gif) no-repeat; }
		.box13 .depois { background: #fff }
	
/* rodape */
.rodape {
	width: 1250px;
}
	.rodape div {
		float:left;
	}
	.linha, .linhaSemBorda  {
		padding: 30px 0 30px 105px;
		margin-bottom:30px;
		width:1000px;
	}
	.linha {
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
	}
	.awards, .clients { width:450px; }
	.awards { margin-right:100px; }
		.rodape p {
			display:block;
			padding-bottom:20px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			font-style:italic;
			line-height: 1.25em;
		}
	.rodape ul li a { font-family: Arial, Helvetica, sans-serif; }
	.friends, .agencies { margin-left:90px; }
	.thankyou { width:1250px; }
		.thankyou img { float:left; padding-bottom:40px; }