@charset "utf-8";
/* CSS Document */
*{}
/*
01 = 8.333333333333332%
02 = 16.666666666666664%
03 = 25%
04 = 33.33333333333333%
05 = 41.66666666666667%
06 = 50%
07 = 58.333333333333336%
08 = 66.66666666666666%
09 = 75%
10 = 83.33333333333334%
11 = 91.66666666666666%
12 = 100%
*/

/* No responsive */
#site{}
header#header-wrap, #header-chamada-wrap, div#content-wrap, footer#footer-wrap{width:100%; clear:both;}
div#header-main, #header-chamada-main, div#content-main, div#footer-main{ width:960px; margin:auto; clear:both; padding:15px 0px 15px 0px;} 


header#header-wrap{background:url(../images/bg_header.jpg) top center no-repeat;}
div#header-main{}

div#header-chamada-wrap{background:#e3e3e3;}
div#header-chamada-main{}

div#content-wrap{}
div#content-main{}

footer#footer-wrap{border:#cecece 1px solid;}
div#footer-main{}

.cols{  min-height: 1px;  padding-right: 15px;  padding-left: 15px; float:left;}

/* -------------------------Header-------------------------------- */

div#header-main > section, div#header-main nav{}
div#header-main > footer{float:none; clear:both;}

/* logo header */
section#header-logo{width:25%; height:130px;}
section#header-logo img{}

/* infos header */
section#header-infos{width:75%;}
section#header-infos p{float:right;}
section#header-infos p strong{}

/* slogan header */
section#header-slogan{}

/* destaque header */
section#header-destaque{}

/* menu header */
nav#main-navigator{width:75%;  height:130px;}
nav#main-navigator ul{float:right; width:404px; height:56px; background:url(../images/bg_menu.png); margin-top:30px; }
nav#main-navigator ul li{width:97px; padding:0; border-right:#CCC 1px solid;}
nav#main-navigator ul li.last{border:none;}
nav#main-navigator ul li span{display:none;}
nav#main-navigator ul li a{background:#e1e1e1; height:46px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align:center;}
nav#main-navigator ul li.active{}
nav#main-navigator ul li.active a{background:#840101; color:#FFF;}
nav#main-navigator ul li:hover{}
nav#main-navigator ul li:hover a{background:#840101; color:#FFF;}

/* social media */
section#header-social-media{}
section#header-banner{}
section#header-chamada{}

/* banner header */
section#header-banner{width:102%; position:relative; clear:both; margin-top:10px; height:460px; background:url(../images/bg-banner.png) top left 15px; padding:0px;}
section#header-banner div#carousel-example-generic{width:914px; height:328px; margin:9px 25px;}
section#header-banner div#carousel-example-generic ol.carousel-indicators{top:0px; margin-top:322px; margin-left:-250px;}
section#header-banner div#carousel-example-generic ol.carousel-indicators li{background:#7a7a7a;}
section#header-banner div#carousel-example-generic ol.carousel-indicators li.active{background:#8a0101;}
section#header-banner div#carousel-example-generic div.carousel-inner div.item img{}
section#header-banner img.absolute{position:absolute; top:0; margin-top:150px; margin-left:-40px;}
section#header-banner img.fixed{margin-top:30px; margin-right:40px;}

/* -----------------------------------chamada---------------------- */

div#header-chamada-main{}
div#header-chamada-main article{width:25%; position:relative;}
div#header-chamada-main article image{position:relative; z-index:0;}
div#header-chamada-main article h3{position:absolute; top:0; color:#FFF; z-index:1; margin: 10px 5px;}

/* ----------------------------------Content------------------------ */

/* cabeçalho do conteudo */
header#content-header{width:100%;}

/* chamada principal */
section#splash-main{padding:0px; margin-bottom:20px; width:100%;}
section#splash-main figure img{width:100%; height:auto; opacity: 0.5; transition: all 1s; cursor: url(http://www.webcis.com.br/images/lupa-clientes.cur), default;}
section#splash-main figure{ float:left; width: 25%;}

section#splash-main-2{width:66.66666666666666%;}

section#splash-main figure img:hover{opacity: 1; transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); border:#069 10px solid; padding:5px;}

/* serviços */
header#anchor-serv{width:100%; margin-bottom:20px; }
header#anchor-serv section{border:#840101 1px solid; height:30px;}
header#anchor-serv section a{display:block; width:25%; text-align:center; float:left; border-right:#999 1px solid; cursor:pointer; padding-top:5px; padding-bottom:5px;}
header#anchor-serv section a.last{border:none;}

section#servicos-box{width:100%;}
section#servicos-box article{width:100%; padding:0px; margin-bottom:20px; border-bottom:#999 1px solid; padding-bottom:20px;}
section#servicos-box article.last{border:none;}
section#servicos-box article figure{width:28%; float:left;}
section#servicos-box article figure img{border:#666 1px solid; padding:5px; box-shadow: 2px 2px 3px #888888;}
section#servicos-box article div.text{width:72%; display:block; float:left;}

/* chamada secundaria */

section#splash-sec{}

/* acrdeão */
dl#lista-item{}
dl#lista-item dt, dl#lista-item dd{border-radius:0; border:none; padding:0;}
dl#lista-item dt{background:#666;}
dl#lista-item dd{background:#CCC;}
dl#lista-item dt.ui-state-active{background:#0F9;}

/* texto principal do conteudo */
section#content-text-main{width:50%;}
section#content-text-main-100{width:100%;}
section#content-text-main-2{width:66.66666666666666%;}

section#content-text-main-2 ul li{margin-left:20px;}

section#content-text-main a{float:right; background:#bf0411; color:#FFF; border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

/* textos secundarios do conteudo */
section#content-text-second{}

/* informações de contato do conteudo */
section#content-infos{}

/* conteudo lateral esquerda do site */
aside#left-content{}

/* conteudo lateral direita */
aside#right-content{width:50%;}
aside#right-content-2{width:33.33333333333333%;}

/* galeria de fotos */
section#photo-galery{}

/* ilustrações da página */
section#ilustration{}

/* blocos de produtos ou serviços */
section#display-blocks{}


/* Formulario de contato */
section#contato-form{width:33.33333333333333%;}
section#contato-form form{width:100%;}
section#contato-form form article{width:100%; height:26px; background:#e3e3e3; margin-bottom:10px; padding:3px;}
section#contato-form form article label{float:left; font-size:12px;}
section#contato-form form article input{float:right; width:70%; height:20px; border:none;}
section#contato-form form article.textarea{height:150px;}
section#contato-form form article.textarea textarea{width:100%; height:120px; clear:both; border:1px solid #CCC;}
section#contato-form form article.button{}
section#contato-form form article.button button{background:#4e0202; border:1px solid #CCC; color:#FFF; width:49%;}

/* mapa de contato */
section#contato-mapa{width:33.33333333333333%;}
section#contato-mapa article h3{background:#e3e3e3; text-transform:uppercase; padding: 5px 5px 5px 10px;}
section#contato-mapa article p{margin-left:20px;}

/* contato-infos */
section#contato-infos{width:33.33333333333333%;}
section#contato-infos article{margin-bottom:10px;}
section#contato-infos article h3{background:#e3e3e3;text-transform:uppercase; padding-left:10px; padding:5px; margin-bottom:10px;}
section#contato-infos article p{margin-left:20px;}

/* contato obrigado */
section#contato-obrigado{width:66.66666666666666%;}

/* rodapé do conteudo do site */
footer#content-footer{clear:both; float:none;}

/* ----------------------------------Footer-------------------------- */

/* logotipo footer */
section#footer-logo{width:33.33333333333333%; }

/* infos foter */
section#footer-infos{width:33.33333333333333%;}
section#footer-infos p{float:right;}

/* menu footer */
section#footer-navigator{width:33.33333333333333%;}
section#footer-navigator ul{}
section#footer-navigator ul li{display:block; float:left;}
section#footer-navigator ul li a{padding:0px 5px;}

/* social media footer */
section#footer-social-media{}

/* copyright footer */
section#footer-copyright{width:66.66666666666666%;}

/* links patrocinados */
section#links-patrocinados{width:33.33333333333333%;}
#links-patrocinados img{float:right;}

div#clear-footer{float:none; clear:both;}