/* ----------------------------------------
       Axis Focus Tecnologia Ltda.
-------------------------------------------

***********************
        Geral
***********************/

/* ----- Reset ----- */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section { margin:0; padding:0; }

img, fieldset { border:0; }

body { font-size: 62.5%; } 	/* fonte base 10 */

img, embed, object, video { max-width:100%; height:auto; width:auto\9; /* ie8 */ } /* imagem width em 100% */

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* --------------------
       Layout
-------------------- */

/* ----- Geral ----- */

body { font-family:Georgia, Arial; }

#pagewrap { max-width:1990px; overflow:hidden; }
.wrapper { margin:0 auto; }

/* ----- Maior que 1024 ----- */

@media screen and (min-width:1025px) {
	#header { margin-bottom:3%; background:url(../imagens/estrutura/cabecalho_bg.jpg) top center no-repeat; }
		#header .wrapper { max-width:1014px; }

		#header h1 { width:25%; margin:5% 3% 0 4.5%; float:left; }
		
		#header nav { width:67.5%; margin:5% 0 3% 0; float:left; }
		#header nav ul li { margin-left:1em; float:left; list-style-type:none; }
		#header nav ul li + li { padding-left:1.6em; background:url(../imagens/estrutura/cabecalho_menu_bullet.png) no-repeat center left; }
		#header nav ul li a { display:block; font-size:2.2em; color:#fff; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#header nav ul li a:hover { text-decoration:underline; }
		
		#header h2 { margin:2% 0 0 6%; float:left; font-size:2.4em; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:400; }
		
		#header .contato { margin-left:12%; float:left; }
		#header .email { margin-right:20px; margin-top:12%; float:left; }
		#header .email a { width:22px; height:15px; display:block; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_email_ico.jpg); }
		#header .telefone { padding-left:40px; float:left; background:url(../imagens/estrutura/cabecalho_tel_ico.jpg) 0px 24px no-repeat; }
		#header .telefone .sac { font-size:1.8em; line-height:1em; display:block; font-family:'Molengo', sans-serif; }
		#header .telefone .ddd { font-size:1.4em; line-height:2.2em; display:block; float:left; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }
		#header .telefone .numero { margin-left:4px; float:left; font-size:2.8em; line-height:1em; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }

	#content {}
		#content .wrapper { max-width:1014px; }

	#footer { margin:0; clear:both; background:url(../imagens/estrutura/rodape_bg.jpg) top center no-repeat; }
		#footer .wrapper { max-width:1014px; }	
		#footer nav {  }
		#footer nav ul { width:60%; margin-left:25%; }
		#footer nav ul li { margin-left:2em; padding:10% 0 7% 0; float:left; list-style-type:none; }
		#footer nav ul li a { font-size:1.6em; color:#fff; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#footer nav ul li a:hover { text-decoration:underline; }
}

/* ----- Menor que 1024 ----- */

@media screen and (min-width:651px) and (max-width:1024px) {
	#header { margin-bottom:3%; background:url(../imagens/estrutura/cabecalho_bg.jpg) top right no-repeat; }
		#header .wrapper { max-width:1014px; }

		#header h1 { width:25%; margin:5% 3% 0 4.5%; float:left; }
		
		#header nav { width:67.5%; margin:5% 0 3% 0; float:left; }
		#header nav ul li { margin-left:1em; float:left; list-style-type:none; }
		#header nav ul li + li { padding-left:1.6em; background:url(../imagens/estrutura/cabecalho_menu_bullet.png) no-repeat center left; }
		#header nav ul li a { display:block; font-size:1.2em; color:#fff; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#header nav ul li a:hover { text-decoration:underline; }
		
		#header h2 { margin:3% 0 0 6%; float:left; font-size:1.4em; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:400; }
		
		#header .contato { margin-left:8%; float:left; }
		#header .email { margin-right:20px; margin-top:12%; float:left; }
		#header .email a { width:22px; height:15px; display:block; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_email_ico.jpg); }
		#header .telefone { padding-left:40px; float:left; background:url(../imagens/estrutura/cabecalho_tel_ico.jpg) 0px 20px no-repeat; }
		#header .telefone .sac { font-size:1.8em; line-height:1.2em; display:block; font-family:'Molengo', sans-serif; }
		#header .telefone .ddd { font-size:1em; line-height:2.2em; display:block; float:left; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }
		#header .telefone .numero { margin-left:4px; float:left; font-size:1.8em; line-height:1.2em; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }

	#content {}
		#content .wrapper { max-width:1014px; }

	#footer { margin:0; clear:both; background:url(../imagens/estrutura/rodape_bg.jpg) top center no-repeat; }
		#footer .wrapper { max-width:1014px; }	
		#footer nav {  }
		#footer nav ul { width:60%; margin-left:25%; }
		#footer nav ul li { margin-left:2em; padding:10% 0 7% 0; float:left; list-style-type:none; }
		#footer nav ul li a { font-size:1em; color:#fff; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#footer nav ul li a:hover { text-decoration:underline; }
}

/* ----- Menor que 650 ----- */

@media screen and (min-width:312px) and (max-width:650px) {
	#header { width:100%; margin-bottom:3%; float:left; background:url(../imagens/estrutura/cabecalho_bg.jpg) right -10% no-repeat; }
		#header .wrapper { max-width:630px; }

		#header h1 { width:40%; margin:5% auto; }
		#header h1 img { width:100%; }
		
		#header nav { margin:5% 0 3% 0; }
		#header nav ul li { margin-left:1em; list-style-type:none; padding-left:1.6em; background:url(../imagens/estrutura/cabecalho_menu_bullet.png) no-repeat center left; }
		#header nav ul li a { display:block; font-size:1.6em; color:#000; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#header nav ul li a:hover { text-decoration:underline; }
		
		#header h2 { margin:2% 0; text-align:center; font-size:2em; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:400; }
		
		#header .contato { margin-left:12%; float:left; }
		#header .email { margin-right:20px; margin-top:12%; float:left; }
		#header .email a { width:22px; height:15px; display:block; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_email_ico.jpg); }
		#header .telefone { padding-left:40px; float:left; background:url(../imagens/estrutura/cabecalho_tel_ico.jpg) 0px 24px no-repeat; }
		#header .telefone .sac { font-size:1.8em; line-height:1em; display:block; font-family:'Molengo', sans-serif; }
		#header .telefone .ddd { font-size:1.4em; line-height:2.2em; display:block; float:left; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }
		#header .telefone .numero { margin-left:4px; float:left; font-size:2.8em; line-height:1em; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }

	#content {}
		#content .wrapper { max-width:630px; }

	#footer { margin:0; clear:both; background:url(../imagens/estrutura/rodape_bg.jpg) bottom center no-repeat; }
		#footer .wrapper { max-width:630px; }	
		#footer nav {  }
		#footer nav ul { text-align:center; }
		#footer nav ul li { padding:3% 0 3% 0; display:inline-block; list-style-type:none; }
		#footer nav ul li + li { margin-left:0.8em; }
		#footer nav ul li a { font-size:0.9em; color:#fff; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#footer nav ul li a:hover { text-decoration:underline; }
}

/* ----- Menor que 320 ----- */

@media screen and (max-width:320px) {
	html { -webkit-text-size-adjust:none; } /* disable webkit text size adjust (for iPhone) */
	#pagewrap { min-width:300px; }

	#header { width:100%; margin-bottom:3%; float:left; background:url(../imagens/estrutura/cabecalho_bg.jpg) right -15% no-repeat; }
		#header .wrapper { max-width:320px; }

		#header h1 { width:50%; margin:5% auto; }
		#header h1 img { width:100%; }
		
		#header nav { margin:5% 0 3% 0; }
		#header nav ul li { margin-left:1em; list-style-type:none; padding-left:1.6em; background:url(../imagens/estrutura/cabecalho_menu_bullet.png) no-repeat center left; }
		#header nav ul li a { display:block; font-size:1.6em; color:#000; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#header nav ul li a:hover { text-decoration:underline; }
		
		#header h2 { margin:2% 0; text-align:center; font-size:2em; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:400; }
		
		#header .contato { margin-left:12%; float:left; }
		#header .email { margin-right:20px; margin-top:12%; float:left; }
		#header .email a { width:22px; height:15px; display:block; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_email_ico.jpg); }
		#header .telefone { padding-left:40px; float:left; background:url(../imagens/estrutura/cabecalho_tel_ico.jpg) 0px 24px no-repeat; }
		#header .telefone .sac { font-size:1.8em; line-height:1em; display:block; font-family:'Molengo', sans-serif; }
		#header .telefone .ddd { font-size:1.4em; line-height:2.2em; display:block; float:left; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }
		#header .telefone .numero { margin-left:4px; float:left; font-size:2.8em; line-height:1em; font-family:'Molengo', sans-serif; font-weight:bold; font-style:italic; }

	#content {}
		#content .wrapper { max-width:320px; }

	#footer { margin:0; clear:both; background:url(../imagens/estrutura/rodape_bg.jpg) bottom center no-repeat; }
		#footer .wrapper { max-width:320px; }	
		#footer nav {  }
		#footer nav ul { text-align:center; }
		#footer nav ul li { padding:3% 0 3% 0; display:inline-block; list-style-type:none; }
		#footer nav ul li + li { margin-left:0.8em; }
		#footer nav ul li a { font-size:0.9em; color:#fff; text-transform:uppercase; text-decoration:none; font-family:'Oswald', sans-serif; }
		#footer nav ul li a:hover { text-decoration:underline; }
}

/* --------------------
Configurações específicas
-------------------- */

/* -----  ----- */


/* --------------------
        Texto
-------------------- */

h1.titulo { margin:2% 0 3% 0; padding:1% 0 1% 6%; border-bottom:5px solid rgb(33,66,97); font-size:2.4em; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:400; }
h2.titulo { margin:2% 0 2% 20px; padding:0 0 0 20px; font-size:2em; font-family:'Oswald', sans-serif; font-weight:300; background:url(../imagens/estrutura/corpo_h2_bullet.png) left center no-repeat; }

h2.destaque { margin:1% 2% 0; clear:both; font-size:3.4em; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:700; color:rgb(212,4,122); }
h3.destaque { margin:0% 2%; clear:both; font-size:2em; font-family:'Oswald', sans-serif; font-weight:400; }

a { text-decoration:none; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.center { text-align:center; }
.underline { text-decoration:underline; }

.paragrafo p { margin:8px 0px 4px; }
.paragrafo strong { font-weight:bold; }
.paragrafo ul { margin-left:30px; }

/* --------------------
     Formulários
-------------------- */

#content form label { width:160px; margin-right:15px; float:left; text-align:right; }

#content form input, #content form textarea, #content form select { padding:3px; background-color:rgb(220,220,220); border:none; }

#content form input { max-width:425px; }

#content form p { margin-bottom:5px; }

#content form p.botao input { margin-left:175px; padding:5px 40px; background-color:rgb(33,66,97); color:#fff; }

#content form .alerta { margin:0px 0px 8px 175px; font-weight:bold; }
#content form .alerta span { font-weight:bold; }

#content form .checkboxlist input, #corpo form .radiobuttonlist input { float:left; }
#content form .checkboxlist label, #corpo form .radiobuttonlist label { width:160px; margin-left:10px; float:left; display:inline; text-align:left; }

.mensagem_alerta { margin:0px -10px 10px -10px; padding:5px; text-align:center; background:rgb(255,235,193); }
.mensagem_alerta span { font-weight:bold; color:#000; }

/* --------------------
      Funções
-------------------- */

/* ----- Clearfix ----- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height:1%; }