@charset "utf-8";
/* CSS Document */

#cast {
	width:100%
}

#cast .head {
		background-repeat:no-repeat;
		background-size: cover;
		background-position:top !important;
}

#cast .head h1 {
	max-width: 1200px;
	font-family: 'Raleway', sans-serif;
	font-size: 3.5em;
	text-shadow: 1px 1px 10px #fff;
	color: #fff;
	padding-top: 8%;
	letter-spacing: 0.1em;
	margin: 0;
}

#cast .head h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.3em;
	color: #fff;
	text-shadow: 1px 1px 10px #fff;
	margin-top: 2%;
	padding-bottom: 8%;
	max-width:800px;
	line-height:150%;
}

#cast p {
		font-family: 'Open Sans', sans-serif;
		font-size:1em;
		line-height:180%;
		max-width: 860px;
		text-align:left;
		margin: 0 auto;
		padding: 0px 20px;
}

#cast .logocast {
	margin-top: 80px;
	margin-bottom: 50px;
	max-width: 90%
}

		#cast .servicos2 {
			max-width: 600px;
			margin: 0 auto;
			padding: 50px 0px;
		}
		
		#cast .servicos3 {
			max-width: 900px;
			margin: 0 auto;
			padding: 50px 0px;
		}		
		
			#cast .box {
			width: 300px;
			height: 250px;
			float: left;
			margin-bottom: 150px;
			margin-left: auto;
			margin-right: auto;
		}
		
			#cast .box img {
				margin: 10px auto
			}
			
				#cast .box .texto {
					width: 300px;
					height: 90px;
					margin-top: 10px auto;
					font-family: 'Open Sans', sans-serif;
				}
			
					#cast .box .texto h2 {
						font-size:1.5em;
						margin: 0 auto;
						text-align:center;
						font-family: 'Open Sans', sans-serif;
					}
					
					#cast .box .texto img { }
					
					#cast .box .texto p {
						font-size:1em;
						color: #666;
						text-align:center;
						margin-top:-10px;
						font-family: 'Open Sans', sans-serif;
						color: #999;
					}
											
		.galeria {
		max-width:1090px;
		margin:90px auto;
		height:auto;
	}

		.galeria img {
		width:18.34862385321100000000%; /*200px*/
		height:auto;
		float: left;
		margin-left: 1.37614678899083000000%;  /*15px*/
		margin-top: 1.37614678899083000000%;  /*15px*/
		-webkit-box-shadow: 0 0 5px 1px #999;
		box-shadow: 0 0 5px 1px #999;
	}
	
		.galeria img:hover {
			-webkit-box-shadow: 0 0 5px 3px #999;
		box-shadow: 0 0 5px 3px #999;
		transition: all .2s;
		}
					
					

	.bgclaro {background-image:url(imagens/bg-cast-claro.png); background-repeat:repeat;}
	.bgescuro {background-image:url(imagens/bg-cast-escuro.png); background-repeat:repeat;}
	
		.bgclaro p {color: #4d4d4d;}
		.bgescuro p {color: #e6e6e6;}
		
		.bgclaro .box .texto h2 {color: #4d4d4d;}
		.bgescuro .box .texto h2 {color: #e6e6e6;}