@charset "utf-8";

@font-face {
    font-family: 'robotoregular';
    src: url('../webfont/Roboto-Regular-webfont.eot');
    src: url('../webfont/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/Roboto-Regular-webfont.woff') format('woff'),
         url('../webfont/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../webfont/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#backdoslide {
	padding:0;
	margin:0;
}

#semslide {
	padding:0;
	margin:0;
}


body {
	padding:0;
	margin:0;
	background-color:#f5f5f5;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#393939;
	/*background: url(../img/back_topo_site.jpg) repeat-x top;*/
}

#header {
	height: 90px;
	width: 960px;
	display:block;
	margin:0 auto;
	padding:0;
}

#center {
	display:block;
	min-height:300px;
	width:960px;
	margin:0 auto;
}

#footer {
	height: 161px;
	display:block;
}

#fasites {
	width:960px;
	color:#fff;
	font-size:11px;
	text-align: right;
	margin:0 auto;
	padding:0;
}

#fasites a {color:#fff;}

#logo {
	display:block;
	width:196px;
	height:91px;
	background-image:url(../img/logo_fasites.png);
	float: left;
	margin:0;
	padding:0;
}

#logo span { display:none;}



/**** Menu *****/

/* DIV DO MENU*/
#menu {
margin:40px 0 0 0;
padding:0;
float: right;
font: 18px 'robotoregular';
font-weight:bold;
}

/* LISTA DO MENU */
#menuList {
list-style-type: none;
padding:0px 0px 24px 0px;
margin: 0px;
}

/* OPÇÕES DO MENU */
#menuList li {
float: left;
height: 24px;
margin: 0px 10px 0 10px;
}

/* LINKS GERAIS DO MENU*/
#menuList a {
float: left;
display: block;
text-decoration: none;
padding: 5px;


}

#menuList a:link,
#menuList a:visited {
color: #3e3e3e;
text-shadow: 1px 1px #cfcece, 
                 2px 2px #cfcece, 
                 3px 3px #cfcece;
}

#menuList a:hover {
	/*border-bottom: 2px solid #393939;*/
	
	/*padding: 5px;
	color: #fff;
    outline-offset: -5px;
    background-color: #185570;
    -webkit-box-shadow: 2px 2px 2px #000;
    -moz-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;*/	
	color: #3e3e3e;
	position: relative; 
    top: -3px; 
    left: -3px; 
	text-shadow: 1px 1px #cfcece, 
                 2px 2px #cfcece, 
                 3px 3px #cfcece,
				 4px 4px #cfcece;
}

/* LINK ATIVO */
#menuList li#active a:link,
#menuList li#active a:visited {
/*border-bottom: 2px solid #393939;*/

/*	padding: 5px;
	color: #fff;
    outline-offset: -5px;
    background-color: #185570;
    -webkit-box-shadow: 2px 2px 2px #000;
    -moz-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;	*/
	color: #3e3e3e;
	text-shadow: 1px 1px #cfcece, 
                 2px 2px #cfcece, 
                 3px 3px #cfcece,
				 4px 4px #cfcece;
				 border-bottom:2px solid #999;
}

/**** Menu *****/



/**** jquery ****/

#slideshow {
	width:960px;
	height:320px;
	display:block;
	margin:0px auto 0 auto;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 320px;
  float: left;
  width: 960px;
  border: 0;
  }

#prebox33 {
	width:960px;
	margin:15px auto 0 auto;
	padding:0;
	display:block;
	height: 500px;
	background-color:#0C3;
}

.boxes33 {
	display:block; 
	float:left; 
	width:295px; 
	height:260px; 
	padding:0;
	margin: 10px;
	font: 18px;
}

.boxes33 p {
	margin-left: 10px;
}

.boxes33 a {
	display:block;
	width:295px;
	height: 108px;
	border:none;
}

.boxes33 img {border:none;}

.clearboth {
	clear:both;
	padding:0;
	margin:0;
}

#foot33 {
	width:960px; 
	margin:30px auto 0 auto;
	padding:0;
	display:block;
	height:160px;
	font: 14px Arial, Helvetica, sans-serif;
}

.foots33 {
	display:block; 
	float:left; 
	width:30%; 
	height:110px; 
	padding:5px;
	margin: 20px 10px;
}

.foots33 span {
	color:#6c7f80;
	font: 18px qlassik_boldregular, sans-serif;
}

.foots33 a {
	color:#fff;
	border: none;
}

.foots33 img {
	float: left;
	border:none;
	margin: 5px 0 0 50px;;
	display:block;
}


#prebox25 {
	width:960px;
	margin:15px auto 0 auto;
	padding:0;
	display:block;
	height:230px;
}

.boxesfoto {
	display:block; 
	float:left; 
	width:215px; 
	height:auto; 
	padding:0;
	margin: 10px;
	font: 18px arial, sans-serif;
	text-align:center;
}

.boxesfoto {
	text-align:center;
}

.boxesfoto img {border:none;}


/**/

.boxescopy {
	display:block; 
	float:left; 
	width:auto; 
	height:auto; 
	padding:0;
	margin: 10px 22px;
	font: 18px qlassik_boldregular, sans-serif;
	text-align:center;
}

.boxescopy p {
	text-align:center;
}

.boxescopy img {border:none;}

.peqpeq {
	font-size:14px;
	text-align:left; 
}

.peqpeq a:hover {
		text-shadow: 1px 1px #000, 
                 2px 2px #000; 
				 color: #cfcece;
}

#semifoot {
	height:160px;
	background: #175a89;
	background: url(../img/back_do_slide.jpg) repeat-x;
	color:#fff;
	font-family: Helvetica, Arial, sans-serif;
}

.novecents {
	display:block;
	width:960px; 
	margin: 0 auto;
}

.novecents a {
	text-decoration: none;
	color: #fff;
}

#semifoot div div {
	float:left;
	min-width:150px;
	margin-right: 20px;
	margin-left: 20px;
}

.backgray {
	background-color:#449dc3;
	height:350px;
	padding-top: 30px;
	background: url(../img/heroLightingBg.png) center no-repeat, url(../img/back_do_slide.jpg) repeat-x;
	/*background-image: url(../img/heroLightingBg.png);
	background-position:center;
	background-repeat: no-repeat;*/
}

#coisas {
	background-color: #17546e;
	height: 40px;
	margin-top:30px;
}

#coisas h1 {
	display:block;
	text-align: center;
	margin: 0 auto;
	padding-top:10px;
}

#coisas1 {
	background-color: #17546e;
	height: 40px;
}

#coisas1 h1 {
	display:block;
	text-align: center;
	margin: 0 auto;
	padding-top:10px;
}

h1 {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

#vamoscomecar {
	background-image:url(../img/back_cristo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#151515;
	height:490px;
}

#continterno {
	width: 960px;
	margin:0 auto;
}

.hrbola {
	background-image:url(../img/hrbola.png);
	background-repeat:no-repeat;
	background-position:center;
}

#continterno ul {
	color:#fff;
	list-style-type:none;
	line-height:25px;
	width: 300px;
	margin:0  auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#continterno ul li {
	line-height:60px;
}

#oi {
	width: 160px;
	height: 50px;
	display:block;
	background-image:url(../img/logo_oi.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:80px;
	margin:15px auto 15px auto;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:50px;
}

#tim {
	width: 160px;
	height: 50px;
	display:block;
	background-image:url(../img/logo_tim.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:80px;
	margin:0 auto 15px auto;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:50px;
}

#claro {
	width: 160px;
	height: 50px;
	display:block;
	background-image:url(../img/logo_claro.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:80px;
	margin:0 auto 15px auto;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:50px;
}

#vivo {
	width: 160px;
	height: 50px;
	display:block;
	background-image:url(../img/logo_vivo.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:80px;
	margin:0 auto 15px auto;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:50px;
}

.comecemos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	text-align:center;
	padding-top:10px;
	color: #fff;
	height: 25px;
	/*text-align: center;
	padding-top: 10px;
	 font:normal 38pt Arial;
	 color:#FFFFFF;
	 text-shadow: 0 1px 0 #ccc,
	 0 2px 0 #c9c9c9,
	 0 3px 0 #bbb,
	 0 4px 0 #b9b9b9,
	 0 5px 0 #aaa,
	 0 6px 1px rgba(0,0,0,.1),
	 0 0 5px rgba(0,0,0,.1),
	 0 1px 3px rgba(0,0,0,.3),
	 0 3px 5px rgba(0,0,0,.2),
	 0 5px 10px rgba(0,0,0,.25),
	 0 10px 10px rgba(0,0,0,.2),
	 0 20px 20px rgba(0,0,0,.15);*/
}
}

.botaoorcamento span {display: none;}

.botaoorcamento {
	/*display:block;
	background-image: url(../img/botao_orc.jpg);
	background-position:top;
	width: 269px;
	height: 46px;*/
	margin:0 auto 10px auto;
	display: block;
    text-decoration: none;
    font: bold 16px/16px HelveticaNeue, Arial;
    width: 200px;
	text-align:center;
	padding: 15px 20px;
    color: #555;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background: #f5f5f5;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */
    background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
    border-color: #dedede #d8d8d8 #d3d3d3;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.botaoorcamento:hover {
	/*background-position:bottom;*/
		background: #f4f4f4;
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /*  IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#f8f8f8)); /*  WebKit */
		background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
		border-color: #c7c7c7 #c3c3c3 #bebebe;
		text-shadow: 0 1px 0 #fdfdfd;
		-webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
		-moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
		box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
}

.centeral {
	text-align:center;
}

#finaldetudo {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

blockquote {
	width:960px;
	margin: 0 auto;
}

#fraseimpacto {
	clear:both;
	margin:0;
	padding:0 0 0 0 ;
	height:30px;
	display:block;
}

#fraseimpacto h6 {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:5px 0 0 0 ;
	margin:0;
	display:block;
}

h2, h3, h4, h5, .imitah {
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	color: #17546e !important;  
}

h2:hover, h3:hover, h4:hover, h5:hover, .imitah:hover {
	color: #3e3e3e;
	cursor: pointer;
	position: relative; 
    top: -3px; 
    left: -3px;
	text-shadow: 1px 1px #cfcece, 
                 2px 2px #cfcece, 
                 3px 3px #cfcece,
				 4px 4px #cfcece;
}

#criacsites {
	text-align:center;
	margin:0 auto;
	display:block;
	width: 126px;
	height: 125px;
	background:url(../img/01_sites.png) top no-repeat;
}

#criacsites:hover {
	background-position:bottom;
}

#criaclogo {
	text-align:center;
	margin:0 auto;
	display:block;
	width: 126px;
	height: 125px;
	background:url(../img/02_logo.png) top no-repeat;
}

#criaclogo:hover {
	background-position:bottom;
}

#posbusca {
	text-align:center;
	margin:0 auto;
	display:block;
	width: 126px;
	height: 125px;
	background:url(../img/03_seo.png) top no-repeat;
}

#posbusca:hover {
	background-position:bottom;
}

#idvisual {
	text-align:center;
	margin:0 auto;
	display:block;
	width: 126px;
	height: 125px;
	background:url(../img/04_identidade_visual.png) top no-repeat;
}

#idvisual:hover {
	background-position:bottom;
}

.bold {
	font-weight:bold;
}

.w3c {float:right;}

.tagsdosite {
	float:left;
	width:800px;
}

.porcento {
	float:left;
	width: 430px;
	height: 260px;
	background-color:#17546e;
	color: #fff;
	padding: 10px;
	margin-top: 20px;
}

.porcento2 {
	float:right;
	width: 430px;
	height: 260px;
	background-color:#17546e;
	color: #fff;
	padding: 10px;
	margin-top: 20px;
}

.agas, .imitah {
	color: #fff !important;
}

/* orcamento 2 */

.botaoorcamento2 {
	margin:0 auto 10px auto;
	display: block;
    text-decoration: none;
    font: bold 16px/16px HelveticaNeue, Arial;
    width: 90%;
	text-align:center;
	padding: 15px 20px;
    color: #555;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background: #f5f5f5;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */
    background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
    border-color: #dedede #d8d8d8 #d3d3d3;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #000, inset 0 1px 0 #fbfbfb;
    -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.botaoorcamento2:hover {
	/*background-position:bottom;*/
		background: #f4f4f4;
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /*  IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#f8f8f8)); /*  WebKit */
		background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
		border-color: #c7c7c7 #c3c3c3 #bebebe;
		text-shadow: 0 1px 0 #fdfdfd;
		-webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
		-moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
		box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
}

/* orcament 2 */


#funcoesss {
	text-align:center;
	width:960px;
	display:block;
	margin:30px 0 150px 0;
}

#funcoesss div {
	float:left;
	width:25%;
	/*margin:0 5px;*/
}

#funcoesss a {
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	color: #17546e;
}

#funcoesss a:hover {
		color: #3e3e3e;
	cursor: pointer;
	position: relative; 
    top: -3px; 
    left: -3px;
	text-shadow: 1px 1px #cfcece, 
                 2px 2px #cfcece, 
                 3px 3px #cfcece,
				 4px 4px #cfcece;
}

.tablealright { text-align:right; }
.tablealleft { text-align:left; }

#logos {
	background-color:#fff;
	display:block;
	height:1230px;;
}

#logos img {
	float: left;
}

#web img {
	float: left;
	margin:0 20px 20px 20px;
}

.espacado {
	width:600px;
	margin-left:150px;
}

.espacado li {
	margin-bottom:10px;
	/*list-style:circle;*/
	list-style-image:url(../img/bullet.jpg);
}

.espacado2 li {
	margin-bottom:10px;
	list-style-image:url(../img/bullet.jpg);
}

.divfloatleft {
	display:block;
	width: 600px;
	float:left;
}

.divfloatright {
	display:block;
	width: 350px;
	float:right;
}

.linksinternos li {
	list-style-type:none;
}

.linksinternos a {
	text-decoration:none;
	font-weight:bold;
	color: #666;
}

.linksinternos a:hover {
	text-shadow: 1px 1px #11485f, 
                 2px 2px #11485f; 
				 color: #6aa4bd;
}

.boxes66 {
	width: 30%;
	display:block;
	margin-left: 20px;
	float:left;
}

.barrafunda {
	background:#17556e;
	color: #FFF;
	widows:100%;
	line-height:20px;
	padding: 10px;
	text-align:center;
}

.barrafunda a {
	text-decoration:none;
	color: #fff;
	font-weight:bold;
	text-shadow: 1px 1px #4d8ca7, 
                 2px 2px #4d8ca7,
				 3px 3px #4d8ca7; 
}

.barrafunda a:hover {
	color: #4d8ca7;
	text-shadow: 1px 1px #fff, 
                 2px 2px #fff,
				 3px 3px #fff; 
}

h4 a {
	text-decoration: none;
	color: #17546e;
}

.divideem2 div {
	width: 400px;
	display:block;
	float:left;
	margin-left:20px;
}

.divideem2 div ul {
	margin-left: 80px;
}

.orcamentos {	
	margin:0 auto;
	width:450px;
	display:block;
	text-align:left;
}

.orcamentos INPUT, TEXTAREA {	
	width: 400px;
}

.orcamentos radio {
	width: 20px;
}

.radinho {
	width:20px !important;
}