@CHARSET "ISO-8859-1";
::-moz-selection{ background:#000; color: #fff; }
::selection{ background:#000; color: #fff; }

body, html{ margin: 0 auto; padding: 0; font-size: 12px; font-family: 'Roboto', sans-serif; height: 100%; width: 100%; max-width: 2000px;}
body{ min-height: 100%; }
select, input, textarea{ font-family: sans-serif; font-size: 12px; outline: 0px; resize: none; }
h1, h2, h3, h4, h5{ margin: 0; padding: 0; }
a, a img{ border: 0px; outline: none; text-decoration: none; }
a img:HOVER, a:HOVER{ text-decoration: underline; border: 0px; }

.noMarginRight{ margin-right: 0px !IMPORTANT; }			.noMarginLeft{ margin-left: 0px !IMPORTANT; }		.noMargin{ margin: 0px !IMPORTANT; }
.noPaddingRight{ padding-right: 0px !IMPORTANT; }		.noPaddingLeft{ padding-left: 0px !IMPORTANT; }		.noPadding{ padding: 0px !IMPORTANT; }
.noBackground{ background: none !IMPORTANT; }			.floatRight{ float: right !IMPORTANT; }				.floatLeft{ float: left !IMPORTANT; }
.displayNone{ display: none; }							.noBorder{ border: 0px !IMPORTANT; }				.noBackground{ background: none !IMPORTANT; }
.clearfix{zoom:1;} .clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;} .clearfix{*zoom:1;}
.position-relative{position: relative;}

#header{padding: 20px 0; position: relative;}
#header .container{position: relative;}
#header .logo img{max-width: 100%;}
#footer .contatos, #header .contatos{position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 0; margin: 0;}
#footer .contatos li, #header .contatos li{display: inline-block; list-style: none; padding: 0; margin: 0 5px; vertical-align: middle;}
#footer .contatos li a.face, #header .contatos li a.face{display: inline-block; width: 22px; height: 22px; background: url(images/face.png) bottom center no-repeat; background-size: contain;}
#footer .contatos li a.insta, #header .contatos li a.insta{display: inline-block; width: 22px; height: 22px; background: url(images/insta.png) bottom center no-repeat; background-size: contain;}
#footer .contatos li a.whats, #header .contatos a.whats{background: url(images/whats.png) left center no-repeat; background-size: contain; padding-left: 36px; margin-right: 10px; color: #61ce56; font-weight: bold; font-size: 18px;}
@media all and (max-width: 767px){
	#header{text-align: center;}
	#header .logo img{max-height: 70px;}
}

#banner{background: url(images/banner.jpg) center no-repeat fixed; background-size: cover; padding: 66px 0 90px; color: #fff; font-size: 44px; font-weight: bold; text-align: center; line-height: 56px; letter-spacing: -0.015em;}
#banner small{font-size: 22px;}
#banner a{color: #fff; text-decoration: underline;}
#banner p{margin-bottom: 30px;}
#banner .container{max-width: 820px;}

#opcoes{margin-top: -50px; padding-bottom: 20px;}
#opcoes .container{max-width: 820px;}
#opcoes .opcao{background: #fff; border: 3px solid #fd644c; border-radius: 8px; padding: 35px 50px; margin-bottom: 30px;}
#opcoes .opcao .imagem{text-align: center; margin-bottom: 30px;}
#opcoes .opcao .imagem img{max-width: 100%; height: 130px; width: auto;}
#opcoes .opcao .descricao{color: #4d4d4d; font-size: 15px; line-height: 24px; margin-bottom: 25px; text-align: justify;}

#LauncherTranslatePhrase{border: none !important;}
#LauncherTranslatePhrase, .bt-padrao{
	background: #f5947c !important;
	background: -moz-linear-gradient(top, #f5947c 0%, #da2415 100%) !important;
	background: -webkit-linear-gradient(top, #f5947c 0%,#da2415 100%) !important;
	background: linear-gradient(to bottom, #f5947c 0%,#da2415 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5947c', endColorstr='#da2415',GradientType=0 );
	font-size: 17px; color: #fff; border: none; border-radius: 5px; text-transform: uppercase; font-weight: bold; display: inline-block; width: 100%; text-align: center; padding: 12px 0;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4); font-family: 'Roboto', sans-serif;
}
.bt-padrao:HOVER, .bt-padrao:FOCUS, .bt-padrao:ACTIVE{
	background: #f4a897;
	background: -moz-linear-gradient(top, #f4a897 0%, #d6382c 100%);
	background: -webkit-linear-gradient(top, #f4a897 0%,#d6382c 100%);
	background: linear-gradient(to bottom, #f4a897 0%,#d6382c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a897', endColorstr='#d6382c',GradientType=0 );
	text-decoration: none; color: #fff;
}

#contato{padding: 85px 0; font-size: 22px; font-weight: bold; color: #fff; text-align: center; background: url(images/banner.jpg) center no-repeat fixed; background-size: cover;}
#contato .container{max-width: 650px;}
#contato .form{padding-top: 50px;}
#contato .input{margin: 0 0 15px;}
#contato input, #contato textarea{border: 2px solid #fff; border-radius: 5px; background: transparent; font-size: 18px; font-family: 'Roboto', sans-serif; font-style: italic; height: 50px; padding: 10px 15px; width: 100%; font-weight: normal;}
#contato input::placeholder{color: #fff;}
#contato textarea::placeholder{color: #fff;}
#contato textarea{height: 167px;}


#footer{padding: 38px 0; position: relative;}
#footer .container{position: relative;}
#footer .emails, #footer .emails a{color: #1575bb; font-size: 18px font-weight: bold;}
#footer .emails{padding-top: 15px; padding-bottom: 15px;}
#footer .copy{font-weight: normal; font-size: 16px; color: #4d4d4d;}

@media all and (min-width: 1300px){
	#footer .container{width: 1280px;}
}

@media all and (max-width: 1199px){
	#footer .contatos{clear: both; position: relative; top: auto; left: auto; transform: none; width: 100%; text-align: center; padding-top: 25px;}
}

@media all and (min-width: 768px) and (max-width: 991px){
	#banner{font-size: 36px;}
	#banner .container{padding-left: 50px; padding-right: 50px;}
}
@media all and (max-width: 767px){
	#banner{font-size: 24px; line-height: 32px;}
	#banner small{font-size: 16px;}
	#footer .logo{text-align: center; margin-bottom: 20px;}
	#footer .contatos li a.whats span, #header .contatos a.whats span{display: none;}
	#footer .contatos li a.whats, #header .contatos a.whats{padding:0; width: 22px; height: 22px; background-size: contain; display: inline-block; margin-right: 0;}

	#banner,#contato{background-size: cover; background-attachment: initial;}
	#header .logo{text-align: left;}
}