@charset "UTF-8";


/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td ,figure{margin:0; padding:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
section, header{display: block;}

@font-face {
    font-family: 'century_gothicregular';
    src: url('../fonts/century_gothic-webfont.eot');
    src: url('../fonts/century_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/century_gothic-webfont.woff') format('woff'),
         url('../fonts/century_gothic-webfont.ttf') format('truetype'),
         url('../fonts/century_gothic-webfont.svg#century_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-- Body --*/
body{color:#303c85; font:62.5% 'century_gothicregular', Arial, sans-serif ;}

.linha-topo {width: 100%; height: 6px; background: #2d4678;}
.top_pan{background:#2d4678; border-radius:0 0 10px 10px; color:#FFF; float:right; margin:0 20px; 20px 0; padding:5px 20px;}
.top_pan p{color:#fff; font-size:16px;}

body.internas{background:url("../img/internas_bg.jpg") repeat-x;}

/*-- Paragrafos --*/
p{color:#303c85; font-size:15px; margin:0 0 15px 0;}


/*-- Titulos --*/
h1{color:#303c85; font-size:35px; text-align:center; font-weight:bold; margin:0;}

h2{color: #303c85;
font-size: 25px;
font-weight: bold;
margin: 40px 0 15px 0;}

h3{color:#303c85; font-size:15px; font-weight:bold; margin:0 0 15px 0;}


.separador-laranja{ height:7px; width:100%; background:#ff8000;}

/*-- Classes --*/
.box_radius_shadow{
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px rgba(0,0,0,0.2); 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/*-- Container --*/

.main{display:table; margin:0 auto; width:1020px;}
.content_main{display: table;
min-height: 244px;
margin: 0 auto 0 auto;}


/*-- Botao voltar --*/
.back_btn{background:url("../img/back_btn.jpg") no-repeat; float:right; height:54px; margin:0 0 20px 0; text-indent:-99999px; width:176px;}

.back_btn:hover{opacity:0.9;}


/*-- Background para a sombra de cima --*/
.page_top{background:url("../img/top_content.jpg") no-repeat; display:block; min-height:244px; margin:0 0 -50px 0; padding:30px 30px 0 30px ; width:1040px;}


/*-- Mapa --*/
#abas{background:#FF0 url("../img/mapa.jpg") no-repeat 0 100px; height:800px; margin:0 0 0 40px; position:relative; width:960px;}

.abas{background:url("../img/balao.png") no-repeat; height:104px; padding:10px; position:absolute; width:263px;}

.abas p{color:#FFF;}

.tabs-nav li a{border:1px solid #000; display:block; position:absolute;}

/*-- Cear� --*/
.tab_ce{left:515px; height:58px; top:240px; width:28px;}
#tab-ce{left:500px; top:120px;}

/*-- Acre --*/
.tab_ac{height:40px; left:20px; top:310px; width:60px;}
#tab-ac{left:15px; top:200px;}

/*-- Alagoas --*/
.tab_al{top:330px; left:550px; height:18px; width:23px;}
#tab-al{left:530px; top:215px;}

/*-- Amap� --*/
.tab_ap{left:320px; height:23px; top:150px; width:40px;}
#tab-ap{left:300px; top:40px;}

/*-- Amazonas --*/
.tab_am{left:80px; height:111px; top:190px; width:145px;}
#tab-am{top:120px; left:120px;}

/*-- Bahia --*/
.tab_ba{height:70px; left:440px; top:340px; width:100px;}
#tab-ba{left:450px; top:250px;}

/*-- DF --*/
.tab_df{left:380px; height:46px; top:390px; width:33px;}
#tab-df{top:290px; left:380px;}

/*-- Espirito Santo --*/
.tab_es{left:490px; height:40px; top:470px; width:25px;}
#tab-es{left:480px; top:360px;}


/*-- Goias --*/
.tab_go{left:320px; height:60px; top:400px; width:60px;}
#tab-go{left:330px; top:310px;}

.tab_ma{left:405px; height:69px; top:220px; width:68px;}
#tab-ma{left:420px; top:130px;}

.tab_mt{left:225px; height:80px; top:320px; width:120px;}
#tab-mt{left:250px; top:250px;}

/*-- Titulos --*/
h1.agencia{background: min-height:200px;}

h1.desenvolvimento{min-height:173px; line-height:173px;}

h1.criacao-title{min-height:173px; line-height:173px;}

h1.blog-title{min-height:112px; line-height:112px; margin:20px 0 0 0;}

h1.email-title{min-height:127px; line-height:127px; margin:20px 0 0 0;}

h1.links-title{background:min-height:136px; line-height:136px; margin:20px 0 0 0;}

h1.redes-title{min-height:136px; line-height:136px; margin:20px 0 0 0;}

h1.otimizacao-title{min-height:136px; line-height:136px; margin:20px 0 0 0;}

h1.planos-title{min-height:120px; line-height:120px; margin:40px 0 0 0;}

h1.duvidas-title{min-height:141px; line-height:141px; margin:10px 0 0 0;}

.page_title2{margin:40px 0 0 0;}

.page_title2 h1{text-align:left; line-height:50px !important;}


/*-- Header --*/

#header .logo{line-height:0; padding:0; margin: 10px 0 50px 50px;}

#header .home{background:url("../img/home-pic.jpg") no-repeat; display:block; float:right; height:26px; margin:5px 0 0 0; text-indent:-999999px; width:31px;}

#header .nav li{float:left; font-size:21px; line-height:21px; margin:0 0 0 30px;}

#header .nav li a{color:#2d4678; text-decoration:none;}

#header .nav li a:hover{text-decoration:underline;}


/*-- Banner_pan --*/
.banner_pan{background:url("../img/blue_pan_bg.jpg") repeat-x; padding:11px 0 0 0;}

.banner{margin:0 auto; width:1280px;}



/*-- Mapa --*/
.mapa_box{background:url("../img/mapa-box.jpg") no-repeat; height:836px; width:1099px;}


/*-- Fale Conosco --*/
.fale_conosco_box{height: 370px; margin: 0 0 0 -10px; padding: 30px 30px;}

.fale_conosco_box h2{margin:0 0 30px 0;}

.fale_conosco_box form {height: 285px; width: 100%;}

.fale_conosco_box form  input, .fale_conosco_box form  textarea{background:#f1eeee; border:1px solid #b0afb0; border-radius:10px; color:#59639d; font-size:15px; font-family:'century_gothicregular', Arial, sans-serif ; height:34px; margin:0 0 15px 0; padding:5px 10px; width:100%;}

.fale_conosco_box form  textarea{height:78px; overflow:auto;}

.fale_conosco_box form  #enviar{background: url("../img/enviar.jpg") no-repeat;
border: none;
cursor: pointer;
margin: 0;
height: 54px;
width: 176px;}

.fale_conosco_box form  #enviar:hover{opacity:0.8;}

.servicos_form{background:url("../img/form_servicos.jpg") no-repeat; height:457px; width:623px;}

.servicos_form form textarea{height:108px;}


/*-- Facebook box --*/
.facebook_box{background:url("../img/facebook_sombra.jpg") no-repeat; float:right; height:382px; padding:20px; text-align:center; width:286px;}

.facebook_box h2{text-align:center;}


/*-- Blue Panel --*/
.blue_pan{background:#00226a; clear:both; display:table; margin:50px 0 0 0 ; height:271px; padding:25px 0; width:100%; border-top:solid 10px #fd8000;}

.blue_pan h3{color: #FFF;
font-size: 24px;
line-height: 23px;
font-weight: bold;
text-align: center;}


/*-- ULtimos Trabalhos --*/
.ultimos_trabalhos{float:left; margin:0 30px 0 0; position:relative; width:310px;}

.ultimos_trabalhos h3{margin:0;}

.slides_ultimos_trabalhos .slides_container {display:none; margin:0 auto; width:175px; }

.slides_ultimos_trabalhos .slides_container .item{ background:url("../img/ultimos_trabalhos.jpg") no-repeat; display:block; height:213px; padding:20px 0 0 16px; width:159px; z-index:999;}
	
.slides_ultimos_trabalhos .pagination {display:none;}

.ultimos_trabalhos .prev, .ultimos_trabalhos .next{background:url("../img/setas_brancas.png") no-repeat; display:block; height:36px; top:50%; position:absolute; text-indent:-9999px; width:16px;}

.ultimos_trabalhos .prev{background-position:right top; right:35px;}

.ultimos_trabalhos .next{left:35px;}


/*-- Cidades Box --*/
.cidades_box{background:url("../img/mapa_brasil.jpg") no-repeat right bottom; height:280px; float:left; position:relative; width:315px;}

.cidades_box .procurar{background:url("../img/procurar_red.jpg") no-repeat; bottom:15px; display:block; height:41px; position:absolute; right:10px; text-indent:-8888px; width:133px;}

.cidades_box .procurar:hover, 
.seja_atual input#enviar_atual:hover{opacity:0.9;}


/*-- Seja Atual --*/
.seja_atual{}

.seja_atual input, .seja_atual textarea{background:#FFF; border:none; border-radius:5px; display:block; height:26px; font:15px 'century_gothicregular', Arial, sans-serif ; margin:0 0 10px 0; padding:0 10px; width:290px;}

.seja_atual textarea{height:28px; padding:10px; overflow:auto;}

.seja_atual input#enviar_atual{background:url("../img/enviar_red.jpg") no-repeat; cursor:pointer; height:41px; margin:0; padding:0; float:right; width:133px;}


/*-- Otimizacao --*/
.otimizacao_box{background:url("../img/sombra_otimizacao.jpg") no-repeat bottom center; margin:40px 0; padding:0 0 8px 0; }

.otimizacao_box_inter{border:2px solid #eec919; border-radius:10px; padding:15px; margin:0 auto; width:680px;}

.otimizacao_box_inter li{font-size:15px; margin:0 0 5px 0;}

.otimizacao_box_inter ul{padding:0 0 0 60px;}


/*-- Planos --*/
.planos_list{font-size:15px; margin:0 0 20px 0; float:left; width:345px;}

.planos_list li{height:35px; line-height:35px; margin:0 0 15px 0; padding:0 0 0 35px;}


.criacao_implantacao{background:url("../img/criacao-icon.jpg") no-repeat left center;}

.layout_personalizado{background:url("../img/layout-icon.jpg") no-repeat left center;}

.cadastro_busca{background:url("../img/cadastro-icon.jpg") no-repeat left center;}

.dominio_exclusivo{background:url("../img/dominio-icon.jpg") no-repeat left center;}

.visibilidade{background:url("../img/visibilidade-icon.jpg") no-repeat left center;}

.contas_email{background:url("../img/contas-email-icon.jpg") no-repeat left center;}

.conexao_redes{background:url("../img/redes-icon.jpg") no-repeat left center;}

.espaco_videos{background:url("../img/videos-icon.jpg") no-repeat left center;}

.cadastro_google_maps{background:url("../img/google-maps-icon.jpg") no-repeat left center;}

.formulario_contato{background:url("../img/formulario-icon.jpg") no-repeat left center;}

.palavra_chave{background:url("../img/palavra-chaves.jpg") no-repeat left center;}

.banner_rondomico{background:url("../img/banner-icon.jpg") no-repeat left center;}

.galeria_fotos{background:url("../img/galeria-icon.jpg") no-repeat left center;}

.elaboracao_texto{background:url("../img/elaboracao-texto-icon.jpg") no-repeat left center;}

.hospedagem_desconto{background:url("../img/hospedagem-desconto-icon.jpg") no-repeat left center;}

.paginas{background:url("../img/paginas-icon.jpg") no-repeat left center;}

.autonomia{background:url("../img/autonomia-icon.jpg") no-repeat left center;}


/*-- Servi�os --*/
.servicos_box{background:url("../img/sombras-servicos.jpg") no-repeat; height:444px; float:left; margin:20px 30px 0 0; padding:20px 0 0 0; position:relative; width:326px;}

.servicos_box .ca-icon{width:311px;}

.servicos_box .more{bottom:27px;}

.servicos_box h3, .servicos_box p{padding:0 20px; text-align:justify;}

.servicos_box h3{font-size:23px; letter-spacing:-1px;}

.form_servicos{float:left; margin:20px 0 0 0;}


/*-- Contato --*/
.contato{height:492px; padding:35px 40px; width:100%;}

.contato #faleconosco_form{background:none; width:84%;}

.contato #faleconosco_form h2{margin:15px 0 30px 0;}

.contato_left{float:left; width:630px;}

.contato_right{float:right; margin:0 20px 0 0 ; width:320px;}

.contato form {background:url("../img/fale_conosco_pic.jpg") no-repeat 400px 0;}

.contato form  input, .contato form  textarea{
background: #f1eeee;
border: 1px solid #b0afb0;
border-radius: 10px;
color: #59639d;
font-size: 15px;
font-family: 'century_gothicregular', Arial, sans-serif;
height: 34px;
width: 100%;;}

.contato form  input#fone, .contato form  input#cel{float:left;}

.contato form  input#cel{}

.contato form  textarea{height:145px; overflow:auto;}

.contato form  #enviar{background:url("../img/enviar.jpg") no-repeat; border:none; cursor:pointer; height:54px; padding:0; width:176px;}

.contato form  #enviar:hover{opacity:0.8;}

.skype{background:url("../img/skype.jpg") no-repeat center top; font-size:25px; font-weight:bold; padding:40px 0 0 0; text-align:center;}

.tel{background:url("../img/telefone.jpg") no-repeat center top; font-size:25px; font-weight:bold; padding:45px 0 0 0; text-align:center;}

.mail{background:url("../img/email.jpg") no-repeat center top; font-size:17px; font-weight:bold; padding:45px 0 0 0; text-align:center;}

.endereco{background:url("../img/localizacao.jpg") no-repeat center top; font-size:17px; font-weight:bold; padding:45px 0 0 0; text-align:center;}

.map{border-top:2px solid #ff7f00; margin:20px 0 0 0; padding:10px 0 0 0;}


/*-- Footer --*/

#footer{clear:both; border-top:2px solid #ff7f00; margin:12px 0 0 0; padding:0 0 10px 0;}

.address_footer{float:left; padding:30px 0 0 0;}

.address_footer li{color:#2d4678; font-size:13px;}

.right_footer{display:table; float:right; padding:46px 0 0 0;}

.right_footer figure{float:right; margin:0 0 5px 0;}

.right_footer p{color:#2d4678; clear:both; text-align:right;}

.copy{float:right; margin-top: 43px;}

/* Circular Content Carousel Style */
.ca-container{
	color:#303c85;
	position:relative;
	margin:25px auto 40px auto;
	width:1040px;
	height:460px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	border-radius:10px !important;
	position:relative;
	float:left;
	width:350px;
	height:100%;
}

.ca-item .more{bottom:70px;}

.more{
	display:block;
	background:url("../img/saiba_mais.jpg") no-repeat;
	bottom: 10px;
	height:54px;
	left:70px;
	position: absolute;
	text-indent:-99999px;
	width:176px;
}

.more:hover{opacity:0.9;}


.ca-close{
	position:absolute;
	top:10px;
	right:50px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px 0;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:url("../img/sombras-servicos.jpg") no-repeat;
	overflow:hidden;
	width:326px;
	height:464px;
	

}

.ca-item-main p{text-align:justify; padding:0 20px;}

.ca-item-main h3{padding:0 20px;}

.ca-icon{
	width:313px;
	height:153px;
	position:relative;
	margin:0 auto;

}

.servicos_slides h3{color:#303c85; font-size:23px; letter-spacing:-1px; margin:0 0 10px 0;}


.ca-item h4{
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	background:#062769;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
	
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;

	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	color:#FFF;
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#FFF;
	border-bottom:2px solid #99bcb4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:30px;
	height:68px;
	background:transparent url("../img/setas-cinza.png") no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
 
 
#footer .about {
	padding-left:30px;
	border-left:1px solid #f6f6f6;
}
		#footer .about .social li {
			list-style-type:none;
			display:block;;	
		}
			#footer .about .social li img {
				width:32px;
				height:32px;
				margin-top:4px;
			}
			.social li{ margin-top:10px; margin-left:5px; float:left; }


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #fff;

}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #fff;
	position: relative;
}

.jspDrag
{
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}









      #full-width-slider {
  width: 100%;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 520px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: 100%;
    max-height: 100%;
    min-width: 40%;
    left: 0;
    top: 0;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}

.features {
	padding:30px 0px 20px;
	color:#7a7a7a;
	margin-top: 50px;
}
.features .item {
		margin-bottom:40px;
		overflow:hidden;
	}
 .features .item img {
			float:left;
			width:10%;	
		}
.features .item .content {
			float:right;
			width:86%;
		}
.features .item .content h4 {
				font-size:20px;
				font-weight:600;
				margin-top:0px;
				line-height:26px;
			}