/*! xsource Document - xgrid - version 1.0.0 - xsource.com.br © */
/*
 * O que se segue é o resultado de muita pesquisa sobre estilo cross-browser.
 * Este documento foi formulado e desenvolvido por Thiago Carvalho - Front-end Developer.
 * Email: thiago.xsource@xsource.com.br
 * © 2007 - 2017 copyright.
 */

@charset "UTF-8";
@import url('../modules/fonts.css');
@import url('../structure/userful.css');
@import url('../modules/form.css');

/* ==========================================================================
	html and body
 	========================================================================== */
	html, body { height: 100%; position: relative; }
	body { border-top: 3px solid #ff9f1b; }

/* ==========================================================================
	 Header
	 ========================================================================== */
		header { }
		.logo { width: 100%; max-width: 220px; margin-bottom: 24px; margin-bottom: 1.5rem; }
		.logo img { width: 100%; display: block; position: relative; }
		.logo h1 { display: none; visibility: hidden; }

		@media (max-width: 960px){
			header { text-align: center; }
			header .logo { display: inline-block; *display: inline; *zoom: 1; }
		}

 /* ==========================================================================
    informations
    ========================================================================== */
		.btnGaleria { color: #000; font-size: 12px; font-size: 0.75rem; font-weight: 600; font-family: 'Exo', sans-serif; text-transform: uppercase;
		    border: 2px solid #000; padding: 10px;
		    line-height: 1;
				-webkit-border-radius: 3px;
		    border-radius: 3px;
		    letter-spacing: 0.025rem;
		}
		.btnGaleria:hover { color: #000; }
		@media (min-width:960px){
			.btnGaleria { position: absolute; top: 35px; right: 7%; margin: 0; }
		}
		@media (max-width:960px){
			.btnGaleria { margin: 1rem 0; display: block; padding: 12px; }
		}
		.informations { padding: 1rem 0; margin-top: 1rem; }
		.informations .phones { background: url("../../images/iconPhone.png") no-repeat left center; }
		.informations .facebook { background: url("../../images/iconFacebook.png") no-repeat left center;}
		.informations .instagram { background: url("../../images/iconInstagram.png") no-repeat left center;}
		.informations strong { display: block; font-family: 'Exo', sans-serif; color: #000; font-size: 15px; font-size: 0.9375rem; line-height: 1; text-transform: uppercase; }
		.informations a { font-size: 12px; font-size: 0.75rem; color: #333; }
		.informations a:hover { color:#000; }
		.informations ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 1; padding-left: 36px; margin-left: 16px; margin-left: 1rem; text-align: left; margin-bottom: 1rem; }
		.informations ul li:first-child { margin-left: 0; }

		@media (min-width:1400px){
			.informations ul li { margin-left: 32px; margin-left: 2rem; }
		}
		@media (max-width: 960px){
			.informations { margin: 0; padding: 1rem 0; }
			.informations ul li { width: 100%; margin-left: 0; padding: 0.5rem 0 0.5rem 36px; }
		}



/* ==========================================================================
	 formContato
	 ========================================================================== */
	.formContato {}
	.formContato hr { margin: 1rem 0; border: 1px solid #eee; }
	.formContato .titleForm { position: relative; }
	.formContato .titleForm .iconEmail { max-width: 36px; fill: #ccc; margin-top: -3px; display: none }
	.formContato .titleForm h2 { font-size: 30px; font-size: 1.875rem; font-weight: 400; color: #444; font-family: 'Exo', sans-serif; }
	.formContato .titleForm >* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
	.formContato p { font-size: 13px; font-size: 0.8125rem; font-style: italic; }
	.formContato form { margin-top: 1.5rem; }

/* ==========================================================================
	 mainContent
	 ========================================================================== */

		.content { padding: 1rem 0; }
		@media (min-width:1130px){
			.content { max-width: 92%; }
		}

		/* Margin */
		.content p,
		.content h1,
		.content h2,
		.content h3,
		.content h4,
		.content h5,
		.content h6,
		.content ol,
		.content ul,
		.content li,
		.content table,
		.content fieldset,
		.content article { }
		/* Elements */
		.content h1 {}
		.content h2 {}
		.content h3 {}
		.content h4,
		.content h5,
		.content h6 { }
		.content p { font-size: 14px; font-size: 0.875rem; min-height: 14px; min-height: 0.875rem; }
		.content small { font-size:80%; }
		/* Links */
		.content a {  }
		.content a:hover {}

/* ==========================================================================
 	 Pages: Print
	========================================================================== */
@media print {
	header,
	footer { display:none }
}