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

***********************
        Geral
***********************

 Media screen
 
	320px  -        - Smartphones (portrait) - @media only screen and (max-width : 320px) { }
	320px  - 480px  - Smartphones (portrait and landscape) - @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { }
	321px  -        - Smartphones (landscape) - @media only screen and (min-width : 321px) { }
	768px  - 1024px - iPads (portrait and landscape) - @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }
	768px  - 1024px - iPads (landscape) - @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { }
	768px  - 1024px - iPads (portrait) - @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }
	1224px -        - Desktops and laptops - @media only screen and (min-width : 1224px) { }
	1824px -        - Large screens - @media only screen and (min-width : 1824px) { }
	                - iPhone 4 - @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { }

*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700|Open+Sans+Condensed:700,300|Merriweather:400);

@media screen and (min-width: 1024px) {
	body { font-size:1.3em; }
}
@media screen and (min-width : 768px) and (max-width : 1023px) {
	body { font-size:1.2em; }
}
@media screen and (max-width : 767px) {
	body { font-size:1.1em; }
}
@media screen and (max-width : 319px) {
	body { font-size:1em; }
}

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

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

body { min-width:260px; font-family:Arial, Helvetica, sans-serif; }

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

/* ----- Cabeçalho ----- */

#cabecalho { margin-bottom:10px; }

#cabecalho .topo { background:url(../imagens/estrutura/cabecalho_nav_bg.jpg) center center; }

#cabecalho .topo .atendimento { text-align:right; font-family:'Open Sans', sans-serif; color:#fff; }
#cabecalho .topo .atendimento .email { padding-left:26px; vertical-align:middle; background:url(../imagens/estrutura/cabecalho_email_ico.png) no-repeat left center; font-size:12px; }
#cabecalho .topo .atendimento .dominio { margin-right:20px; vertical-align:middle; font-size:12px; font-weight:bold; }
#cabecalho .topo .atendimento .skype { margin-right:20px; padding-left:26px; vertical-align:middle; background:url(../imagens/estrutura/cabecalho_skype_ico.png) no-repeat left center; font-size:12px; }
#cabecalho .topo .atendimento .whatsapp { padding-left:26px; vertical-align:middle; background:url(../imagens/estrutura/cabecalho_whatsapp_ico.png) no-repeat left center; font-size:12px; }
#cabecalho .topo .atendimento .facebook { padding-left:26px; display:inline-block; vertical-align:middle; }
#cabecalho .topo .atendimento p { margin:2px 5% 2px 26px; padding-left:30px; vertical-align:middle; display:inline-block; background:url(../imagens/estrutura/cabecalho_atendimento_ico.png) no-repeat left center; line-height:14px; }
#cabecalho .topo .atendimento p .horario { margin-bottom:3px; display:inline-block; font-size:10px; }

#cabecalho .logo a { margin:30px 0; display:inline-block; }

@media screen and (max-width : 767px) {
	#cabecalho .logo { text-align:center; }
	#cabecalho .logo a { margin:15px 0; }
}
@media screen and (min-width : 768px) {
	#cabecalho .logo p { display:none; }
}

#cabecalho .orcamento { min-height:39px; margin:30px 0 10px 0; padding-left:50px; display:block; background:url(../imagens/estrutura/cabecalho_orcamento_ico.jpg) no-repeat left top; color:rgb(153,153,153); font-size:13px; font-family:'Open Sans', sans-serif; line-height:16px; }
#cabecalho .orcamento .titulo { color:rgb(102,102,102); text-transform:uppercase; font-family:'Open Sans Condensed', sans-serif; font-weight:bold; font-size:14px; }
#cabecalho .busca { margin:0; border:1px solid rgb(221,221,221); }
#cabecalho .busca input { padding:0 10px; float:left; border:none; background-color:#fff; }
#cabecalho .busca input.termo { width:80%; height:auto; color:rgb(153,153,153); font-size:13px; line-height:26px; }
#cabecalho .busca input.bt { width:18px; height:26px; margin-right:4px; padding:4px 0 5px 0; float:right; }

#cabecalho .fixo { background-image:url(../imagens/estrutura/cabecalho_nav_bg.jpg); text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#cabecalho .fixo .logo { display:none; }
#cabecalho .fixo .carrinho { display:none; }
#cabecalho .fixo nav { display:inline-block; }
#cabecalho .fixo nav ul { height:48px; margin:0; display:inline-block; }
#cabecalho .fixo nav ul li { display:inline-block; list-style-type:none; }
#cabecalho .fixo nav ul li a { display:inline-block; color:#fff; text-transform:uppercase; font-family:'Merriweather', serif; font-size:17px; line-height:18px; font-weight:normal; padding:16px 25px 14px; }
#cabecalho .fixo nav ul li a:hover { padding-bottom:10px; background-color:rgb(70,77,87); border-bottom:5px solid rgb(69,216,187); }

#cabecalho .fixo.scroll-to-fixed-fixed { margin-top:5px; }
#cabecalho .fixo.scroll-to-fixed-fixed .logo { height:38px; margin:5px 0 5px 20px; display:inline-block; float:left; }
#cabecalho .fixo.scroll-to-fixed-fixed .logo img { display:inline-block; }
#cabecalho .fixo.scroll-to-fixed-fixed nav ul li a { padding:16px 10px 14px; }
#cabecalho .fixo.scroll-to-fixed-fixed .carrinho { height:34px; padding-left:64px; display:inline-block; background:url(../imagens/estrutura/cabecalho_carrinho_ico.png) no-repeat center; line-height:34px; color:#fff; }

@media screen and (max-width : 767px) {
	#cabecalho .orcamento { width:50%; margin:0; float:left; }
	#cabecalho .fixo { background:none; }
	#cabecalho .fixo nav { display:none !important; }
	#cabecalho .fixo.scroll-to-fixed-fixed { display:none; }
}

/* ----- Conteúdo ----- */

#coluna_esquerda nav dl { background-color:rgb(242,242,242); font-family:'Open Sans', sans-serif; }
#coluna_esquerda nav dl {  }
#coluna_esquerda nav dl dt { line-height:35px; font-size:13px; }
#coluna_esquerda nav dl dt.on { font-weight:bold; }
#coluna_esquerda nav dl dt span { width:30px; height:35px; margin-right:10px; display:inline-block; float:left; background-color:rgb(199,199,199); text-align:center; }
#coluna_esquerda nav dl dd { padding:3px 4px 3px 40px; color:rgb(136,136,136); font-size:12px; line-height:16px; }
#coluna_esquerda nav dl dd.on { font-weight:bold; }
#coluna_esquerda nav dl dt + dt { border-top:1px solid #fff; }
#coluna_esquerda nav dl dd + dt { border-top:1px solid #fff; }

@media screen and (max-width : 767px) {
	#coluna_esquerda.ocultar { display:none; }
}


#coluna_esquerda aside { margin-top:30px; }
#coluna_esquerda aside article { width:100%; font-family:'Open Sans', sans-serif; }
#coluna_esquerda aside article + article { margin-right:10px; }
#coluna_esquerda aside article figure { width:40%; height:100px; margin-right:10%; float:left; text-align:center; line-height:100px; }
#coluna_esquerda aside article figure img { max-width:100%; max-height:100%; vertical-align:middle; }
#coluna_esquerda aside article h3 { margin:0 0 8px 0; font-weight:normal; font-size:13px; }
#coluna_esquerda aside article .ref { margin-bottom:6px; font-style:italic; }
#coluna_esquerda aside article .detalhes { margin-bottom:0; padding:0 16px 0 10px; display:inline-block; background:rgb(254,84,0) url(../imagens/estrutura/coluna_esquerda_mais_orcados_bg.jpg) no-repeat right center; color:#fff; text-transform:uppercase; font-size:13px; line-height:21px; }

/* ----- Rodapé ----- */

#rodape .topo .busca { height:120px; background-color:rgb(160,206,78); }
#rodape .topo .busca form { padding:10px 0 0 40px; }
#rodape .topo .busca form h2 { margin-bottom:10px; font-family:'Open Sans', sans-serif; color:#fff; text-transform:uppercase; font-size:18px; }
#rodape .topo .busca form input.termo { width:70%; margin-right:30px; padding:4px 5px 4px 5px; float:left; border:none; font-size:13px; line-height:26px; text-transform:uppercase; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#rodape .topo .busca form input::-webkit-input-placeholder { color:#000; }
#rodape .topo .busca form input:-moz-placeholder { color:#000; }
#rodape .topo .busca form input::-moz-placeholder { color:#000; }
#rodape .topo .busca form input:-ms-input-placeholder { color:#000; }

#rodape .topo .newsletter { height:120px; background-color:rgb(51,51,51); }
#rodape .topo .newsletter form { padding:10px 0 0 40px; }
#rodape .topo .newsletter form h2 { margin-bottom:10px; font-family:'Open Sans', sans-serif; color:#fff; text-transform:uppercase; font-size:18px; font-weight:normal; }
#rodape .topo .newsletter form input.nome { width:40%; margin-right:30px; padding:4px 5px 4px 5px; float:left; border:none; font-size:13px; line-height:26px; text-transform:uppercase; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#rodape .topo .newsletter form input.email { width:30%; margin-right:30px; padding:4px 5px 4px 5px; float:left; border:none; font-size:13px; line-height:26px; text-transform:uppercase; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#rodape .topo .newsletter form input::-webkit-input-placeholder { color:#000; }
#rodape .topo .newsletter form input:-moz-placeholder { color:#000; }
#rodape .topo .newsletter form input::-moz-placeholder { color:#000; }
#rodape .topo .newsletter form input:-ms-input-placeholder { color:#000; }

#rodape .baixo { padding:30px 0; font-family:'Open Sans', sans-serif; color:rgb(77,77,77); }
#rodape .baixo h3 { text-transform:uppercase; font-size:17px; font-weight:normal; color:rgb(102,102,102); }
#rodape .baixo h3.bg { background:url(../imagens/estrutura/rodape_h3_bg.jpg) repeat-x center; }
#rodape .baixo h3 span { padding-right:20px; background-color:#fff; }
#rodape .baixo p { font-size:13px; line-height:16px; }

#rodape .baixo nav { width:80%; }
#rodape .baixo nav ul li { padding:9px 0 9px 14px; background:url(../imagens/estrutura/rodape_menu_bullet.jpg) no-repeat left center; font-size:13px; list-style-type:none; }
#rodape .baixo nav ul li + li { border-top:1px dotted rgb(180,180,180); }
#rodape .baixo nav ul li a:hover { text-decoration:underline; }

#rodape .baixo .atendimento .logo { margin-bottom:10px; }
#rodape .baixo .atendimento .slogan { font-size:15px; }
#rodape .baixo .atendimento .separador { height:8px; margin:10px 0; display:block; border:1px dotted rgb(180,180,180); border-left:none; border-right:none; }
#rodape .baixo .atendimento .telefone_horario { font-size: }

#rodape .baixo .desenvolvimento { font-size:13px; }

/* --------------------
     Formulário
-------------------- */

input { outline:none; }

form.padrao p { margin-bottom:4px; }
form.padrao .margem { margin-left:150px; }

form.padrao label { width:140px; margin-right:10px; padding:7px 0; display:block; float:left; text-align:right; }

form.padrao input[type="text"], form.padrao input[type="password"], form.padrao textarea, form.padrao select { padding:7px 3px; border:1px solid rgb(153,153,153); background-color:#fff; }

form.padrao .botao { margin-left:150px; }
form.padrao .botao input { padding:8px 30px; border:none; text-transform:uppercase; font-size:1.4em; cursor:pointer; background-color:rgb(0,51,26); border:none; color:#fff; }

.checkboxlist input, .radiobuttonlist input { margin-top:7px; float:left; }
.checkboxlist label, .radiobuttonlist label { width:140px; margin-left:10px; float:left; display:inline; text-align:left !important; }

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

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

h1.titulo_padrao { margin:0 0 20px 0; font-weight:normal; }
h2.titulo_padrao { margin:0 0 20px 0; font-weight:normal; }
h3.titulo_padrao { margin:0 0 20px 0; font-weight:normal; }

.titulo_padrao { margin-bottom:20px; text-align:center; position:relative; font-size:20px; line-height:20px; }
.titulo_padrao span { margin:0 auto; padding:0 20px 12px 20px; display:inline-block; color:#000; border-bottom:1px solid rgb(225,225,225); text-transform:uppercase; font-family:'Open Sans', sans-serif; text-align:center; }
.titulo_padrao i { width:12px; height:12px; left:50%; right:0; bottom:-7px; margin-left:-6px; position:absolute; background-image:url(../imagens/estrutura/geral_titulo_bg.png); }

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

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

/* ----- Gerais ----- */

.left { float:left; }
.right { float:right; }

/* ----- 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%; }