@charset "utf-8";
/* CSS Document */

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

body {
	font-family: MS Sans Serif, sans-serif;
	font-size: 14px;
	font-weight: 300;
	background: url(images/p6.png);
	padding-top: 220px;
}


.page-wrapper {
	width: 1020px;
	margin: 0 auto;

}

.top-wrapper {
	position: fixed;
	background: url(images/p6.png);
	height: 240px;
  	top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  	z-index:999 !important;
}


.top-head { 
	margin: 0 auto;
	width: 1020px;

 }

.header-wrap {
	width: 235px;
	height: 240px;
	margin: 0 auto;
	
	
}

.navigation {
	border-top: 1px solid #ababab;
	
}

.navigation ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.navigation ul li {
    display:inline-block;
    position:relative;
	padding: 0;
	z-index: 999;
	width: 200px;

}

.dropdown{
	margin-right: 47px;
	}

.navigation ul li:last-child {
	margin-right:0;
	}
	
.navigation ul li:first-child{
	margin-left:40px;
}

.navigation li ul{    
    position:absolute;
    left:0;
    top:0px; /* make this equal to the line-height of the links (specified below) */
    width:200px;
}

.navigation li ul li{
	 background-color: #AAA;
}
.navigation li li {
    position:relative;
    margin:0;
    display:block;
}

.navigation li li:first-child{
	margin: 0;
}
.navigation li li ul {
    position:absolute;
    top:0;
    margin:0;
}

/* style all links */
.navigation a {
    line-height:40px;
    padding:0 12px;
    margin:0 12px;
}
.navigation a {
    color:#fff;
    text-decoration:none;
    display:block;
}
.navigation a:hover,
.navigation a:focus,
.navigation a:active {
    color:rgb(50,50,50);
}

/* style sub level links */
.navigation li li a {
    border-bottom:solid 1px #ccc /*rgb(200,50,50)*/;
    margin:0 10px;
    padding:0;
}
.navigation li li:last-child a {
    border-bottom:none;
}

/* show arrows for dropdowns */
.navigation li.dropdown > a {
    background-image:url('../img/arrow-down.png');
    background-position:right 20px;
    background-repeat:no-repeat;
}

.navigation li li.dropdown > a {
    background-image:url('../img/arrow-right.png');
    background-position:right 16px;
    background-repeat:no-repeat;
}

/* hide sub menu links */
ul.sub-menu {
    display:none;
	text-align: center
}


/*.selecionado{
	background-color:#ababab;
	color:#FFF;
	cursor:pointer;
	background-image: url(images/menu-btn-pink.png);
	background-repeat:no-repeat;
	display:block;
	
	}*/
.home-welcome {
	width: 600px;
	margin: 0 auto;
	height: 770px;
	padding: 105px 0 0 0;
	}
.home-welcome h2 {
	font-weight:400;
	color: #006ef3;
	font-size:30px;
	text-align: center;
}


.home-welcome-bg {  line-height: 32px; margin-bottom: 15px; text-align: center }

.home-welcome-link { width: 100px; padding: 10px; color: #fff; background-color: #006ef4; text-align: center; float: right; margin:-4px 0 0 0 ; }
.home-welcome-link  a { color: #fff; text-decoration: none; }
.home-welcome-link:hover { color: #fff; text-decoration: none; background-color: #fe0056; }


.home-services { padding: 10px 0 10px 0}
.home-services h2 {
	text-transform: uppercase;
	color: #006ef3;
	font-size: 24px;
	border-bottom: 5px solid #666;
}


.title-header {
	font-weight: 400; 
	font-size: 28px; 
	font-family: MS Sans Serif;
	color: #006ef3;
}

.home-differece {  width: 430px; height: 680px; margin: 0 auto; padding-top: 300px; clear: both;}

ul.diff { margin: 0; padding: 0; }
.diff li { list-style-type: none; display: block; height: 20px; font-size: 16px; margin-bottom: 15px; }
.diff  li:before {
    color: #fe0056; /* or whatever color you prefer */
	font-size: 24px;
}

ul.diff2 { margin: 0; padding: 0;  }
.diff2 li { list-style-type: none; display: block; font-size: 16px; margin-bottom: 15px; }
.diff2  li:before {
    color: #0a6dee; /* or whatever color you prefer */
	font-size: 24px;
}

.footer {
	background-color: #1c1c1c;
	padding: 25px;
	margin: 55px 0 0 0;
	color: #fff;
}

.cont_ntw_management{
	width:758px;
	margin:0 auto;
	
	}
	
.clearer { clear: both; }

.texto_about{
	font-weight:400;
	font-size:16px;
	font-family:MS Sans Serif;
	}
.home-circle{ padding-top: 350px; height: 800px; }

.circle {
	width: 190px;
	height: 190px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #096dee;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-size: 12px;
	line-height: 15px;
	-webkit-transition: all 1s; /* Safari*/
    transition: all 1s;
}

.circle h3 { }

.circle:hover {
	background-color: #f80557;
	 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}


.align1 { float: left;
width: 200px;
	height: 200px;
}

.align2 { 
	float: left;
	width: 200px;
	height: 200px;
	margin-top: 220px;
}

.home-diffrece {
	padding: 45px;
}


/**/

.inner-content {
	width: 860px;
	margin: 0 auto;
	height: 770px;
	padding-top: 350px;
	text-align: justify;
	line-height: 28px;
	
	}
.inner-content h2 {
	font-weight: 400; 
	font-size: 28px; 
	font-family: MS Sans Serif;
	color:#096dee;

}


.title1 {
	color: #f80557;
	font-size: 23px;
	font-weight:400;
}

.title2 {
	color: #0a6dee;
	font-size: 18px;
}

.title3{
	color: #096dee;
	font-size:24px;
	font-weight:400;
		}

.titulo{
	width:900px;
	text-align:center;
	margin:0 auto;
	
	font-size:24px;
	font-weight:400;
}

.titulo2{
	
	font-size:24px;
	font-weight:400;	
	}
	
	
.conteudo_web_dev{
	width:800px;
	 margin-left: 170px;
	}
	
.texto_completo{
	 width:955px;
	 height:281px;
	 margin-bottom:60px;
	
	}
.texto_final{
	width:955px;
	text-align:center;
	font-size:24px;
	font-weight:400;	
	}
	
.texto_final2{
	width:955px;
	text-align:center;
	font-size:18px;
	font-weight:400;	
	}

.texto_final2 span{
	color:#568dee;
	}
	
.texto_final2 span:hover{
	color:#096dee;
	cursor:pointer;
	}
	
.title_princ{
	text-align: center; 
	color: #096dee; 
	font-size: 23px; 
	line-height:23px;
	font-weight:400; 
	margin:45px 0;
	}
	
.cont_web_design{
	width:857px;
	position:relative;
	margin-left:140px;
	}
	
.sub-titulo{
	text-align: center;
    font-weight: 400;
    font-size: 18px;
   	margin-top:45px;
}
	
.commitment{
	width:400px;
	position:relative;
	float:left;	
	}
	
.commitment p{
	font-size:24px;
	color:#096dee;
	font-weight:400;
	}
	
.commitment2{
	position:relative;
	margin-left:170px;
	}

	
.commitment2 p{
	font-size:24px;
	color:#096dee;
	font-weight:400;
	}
		
.focus{	
	width:400px;
	position:relative;
	float:right;	
	}	
	
.focus p{
	font-size:24px;
	color:#096dee;
	font-weight:400;
	}
	
.itens{
	font-size:16px;
	font-weight:400;
	}
	
.itens span{
	font-size:18px;
	}
	
#mv { text-align: center;}

.cgap {  }

.align3 { 
	float: left;
	width: 240px;
	height: 240px;
}

.align3 div:first-child{
	margin-left:45px;
	
	}
.circle2 {
	width: 180px;
	height: 180px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #096dee;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-size: 12px;
	line-height: 15px;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

.circle2 h3 { }

.circle2:hover {
background-color: #f80557;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.texto_esfera_serv{
	color:#000;
	font-weight:500;
	}
#intro {

}

.inner-services {
	width: auto;
	/*height: 770px;*/
	padding-top: 135px;
	text-align: justify;
	line-height: 28px;
	
	}
	
.inner-services2 {
	width: auto;
	/*height: 770px;	
	padding-top: 135px;*/
	margin-top: 80px;
	text-align: justify;
	line-height: 28px;
	}	
	
.inner-services3 {
	width: auto;
	padding-top: 230px;
	margin-top: 80px;
	text-align: justify;
	line-height: 28px;
	}
.breadcrums strong { color: #f80557; }	

.breadcrums a { color: #0a6dee; text-decoration: none; }

#main h2 { 
	width: 847px;
	text-align: center; 
	color: #096dee; 
	font-size: 30px; 
	line-height:30px;
	font-weight:400; 
	margin-left: 78px;
	font-family: MS Sans Serif;
	} 
.sub-title {text-align: center; font-weight: 400; font-size: 28px; font-family: MS Sans Serif; }

.sub-title2 { 
	width:666px;
	margin:0 auto;
	text-align: center; 
	font-weight: 400; 
	font-size: 18px;
	padding-bottom:20px;
	}

#main .titulo_principal{
	width: 847px;
	text-align: center; 
	color: #096dee; 
	font-size: 24px; 
	line-height:24px;
	font-weight:400; 
	margin-left: 78px;
	} 
	
	


.texto_int-tech{
	text-align:center;
	font-size:24px;
	color:#000000;
	font-weight:400;
	}

.floatBox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 215px;
	border: 2px solid #f80555;
	background-color: #fff;
	padding-left:30px;
	padding-bottom:20px;
	
}

.floatBox2 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 252px;
	border: 2px solid #f80555;
	background-color: #fff;
	padding-left:30px;
	padding-bottom:20px;
}

.cont_seo{
	margin-left:30px;
	
	}
/*.txtcontact {
	border: 1px solid #929394;
	width: 365px;
	padding: 5px;
}

.txtquestion
{
	border: 1px solid #929394;
	width: 790px;
	padding: 5px;
}*/

.formulario{
	width:1005px;
	/*margin: 0 auto;*/
	margin-right: 30px;
	position:relative;
	}
	
.dados{
	width:1020px;
	height:49px;
	}
	
.txtPreencher{
	width:479px;
	height:42px;
	position:relative;
	padding-left:5px;
	border: 2px solid #929394;
	font-size:18px;
	}
	
.esquerda{
	width:488px;
	position:relative;
	}
	
.direita{
	width:488px;
    position: relative;
    float: right;
	margin-top:-49px;
	}



.question{
	margin-top:40px;
	}
	
.txtPreencher_mensagem{
	width:1006px;
	height:177px;
	border: 2px solid #929394;
	padding:5px;
	font-family:Arial;
	font-size:18px;
	}


.error { color: #F00; font-style: italic; font-size: 18px;}

label.error {
    float:left;
}


.mensagem{
	width:1029px;
	height:200px;
	position:relative;
	margin-top:40px;
	}
	
::-webkit-input-placeholder {
   color:black;
   font: 18px verdana, arial, sans-serif;
}

:-moz-placeholder {
   color:black;
   font: 18px verdana, arial, sans-serif;
}

::-moz-placeholder {
   color:black;  
   font: 18px verdana, arial, sans-serif;
}

:-ms-input-placeholder {  
   color:black;  
   font: 18px verdana, arial, sans-serif;
}

.send{
	width:138px;
	height:42px;
	line-height:42px;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	background-color:#096dee;
	color:#fff;
	position:absolute;
	right:11px;
	bottom:10px;
	cursor:pointer;
	}
	
.rodape{
    margin-top: 60px;
    /*margin-left: 48px;*/
    width: 1000px;
    height: 42px;
    /* line-height: 162px; */
    background-color: #3c3c3c;
    padding-left: 20px;
    padding-top: 122px;
    color: #FFF;
    position: absolute;
    /* clear: both; */
    font-family: MS Sans Serif;
    font-size: 10px;
	}
	
.rede_social{
	width:363px;
	height:49px;
	position:relative;
	float:right;
	margin-top: -30px;

	}
.img_twitter{
	float:left;	
	cursor:pointer;
	}
	
.img_facebook{
	float:left;	
	cursor:pointer;
	}
	
.img_linkedin{
	float:left;
	cursor:pointer;
	}
	
.img_skype{
	float:left;	
	cursor:pointer;
	}
	
.img_google{
	float:left;	
	cursor:pointer;
}