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

#div_centro{
	background-color:#EEEEEE;
}

#msg_chamativa{
	width:100%;
	height:150px;
	text-indent:10%;
	letter-spacing:4px;
	font-size:40px;
	line-height:150px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	background-color:#333333;
	color:#FFFFFF;
	display:inline-block;
}


.space_jumbo{
	margin-top:10px;
	margin-bottom:20px;
}

#asas, #puxadores, #outros{
	width:25%;
	vertical-align:middle;
	float:left;
	text-align:center;
	min-height:375px;
	background-repeat:no-repeat;
	background-position:right center;
	vertical-align:middle;
	background-size:100%;
	margin-bottom:40px;
	border-bottom:10px solid transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	/*background-size:100% 175px;*/
}

#asas{
	background-color:#69CCF6;
	background-image:url(../imagens/produtos/tipo_asa.png);
	margin-bottom:40px;
	margin-left:10%;
}

#puxadores{
	background-color:#A0C049;
	background-image:url(../imagens/produtos/tipo_puxador.png);
	margin-bottom:40px;
	margin-left:2%;
}

#outros{
	background-color:#F19860;
	background-image:url(../imagens/produtos/tipo_cena.png);
	margin-bottom:40px;
	margin-left:2%;
}

.tipo{
	width:100%;
	height:80px;
	text-align:left;
	text-indent:20px;
	line-height:80px;
	font-size:25px;
	vertical-align:middle;
	font-family: 'Open Sans', sans-serif;
	background-color:#FFFFFF;
	border-top:10px solid transparent;
}

#asas:hover, #puxadores:hover, #outros:hover{
	border-bottom:10px solid #FFFFFF;
}

#asas .tipo:hover{
	border-top:10px solid #69CCF6;
}

#puxadores .tipo:hover{
	border-top:10px solid #A0C049;
}

#outros .tipo:hover{
	border-top:10px solid #F19860;
}

@media (max-width:640px) and (min-width:1px) {
	#asas, #puxadores, #outros{
		margin-left:10%;
		width:80%;
		min-height:250px;
		background-position:center bottom;
		background-size:contain;
	}
}