@font-face {
    font-family: 'corbert';
    src: url('fonts/corbert-regular-webfont.eot');
    src: url('fonts/corbert-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corbert-regular-webfont.woff') format('woff'),
         url('fonts/corbert-regular-webfont.ttf') format('truetype'),
         url('fonts/corbert-regular-webfont.svg#corbertregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'corbert-italic';
    src: url('fonts/corbert-italic-webfont.eot');
    src: url('fonts/corbert-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corbert-italic-webfont.woff') format('woff'),
         url('fonts/corbert-italic-webfont.ttf') format('truetype'),
         url('fonts/corbert-italic-webfont.svg#corbertitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'corbert-bold';
    src: url('fonts/the_northern_block_-_corbert_bold-webfont.eot');
    src: url('fonts/the_northern_block_-_corbert_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/the_northern_block_-_corbert_bold-webfont.woff') format('woff'),
         url('fonts/the_northern_block_-_corbert_bold-webfont.ttf') format('truetype'),
         url('fonts/the_northern_block_-_corbert_bold-webfont.svg#corbertbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:left;
	font-family: 'corbert',sans-serif;
	color:#ffffff;
	background:#ffffff;
	overflow-y:scroll !important;
	overflow-x:auto !important;
}
b, strong{
	font-weight:normal;
	font-family:"corbert-bold",sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-weight:normal;
}
a{
	text-decoration:none;
}
.link:hover{
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	filter: alpha(opacity=70);
}
ul, li{
	list-style:none;
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0;
	font-family: 'corbert',sans-serif;
	font-size:13px;
	line-height:20px;
	color:#0a3153;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
section {
	background-color:#F1F1F1;
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.inside{
	width:980px;
	margin:0 auto;
	position:relative;
	height:100%;
}

#testimonials{
	width:980px;
	margin:20px auto 45px auto;
	position:relative;
	height:125px;
	background:#FFF;
	text-align:center;
}

#parcerias{
	width:980px;
	margin:0 auto;
	position:relative;
	height:100%;
	padding-top:30px;
}

#parcerias .title{
	font-size:16px;
	text-align:center;
	color:#333;
	padding-bottom:20px;
	text-shadow:1px 1px #CCCCCC;
}


#loader, #overlay {
	position:fixed;
	width:100%;
	height:100%;
	z-index:999999;
	top:0;
	left:0;
	background:#fff;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  /* IE 5-7 */
	  filter: alpha(opacity=50);
	  /* Netscape */
	  -moz-opacity: 0.5;
	  /* Safari 1.x */
	  -khtml-opacity: 0.5;
	  /* Good browsers */
	  opacity: 0.5;
	  display: none;
	  text-align: center;
	  color: #222222;
}
#overlay {
	z-index: 998 !important;
}
#loader img{
	position:absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -25px;
}
#wrapper{
	height:100%;
}

/* Topo */
#header{
	height:auto; 
}
#headerMobile{
	display:none;
}
#marca{
	position:fixed;
	top:0px;
	left:50%;
	margin:0 0 0 -450px;
	cursor:pointer;
	z-index:1000;
	display:none;
}
#marca img{
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.4);
}

#propostaTopo{
	position:fixed;
	top:0px;
	left:70%;
	margin:0 0 0 -450px;
	cursor:pointer;
	z-index:1000;
	display:none;
	height:32px;
	background-color:#00679F;
	color:#FFFFFF;
	padding:15px 8px 0px 8px;
	vertical-align:bottom;
	box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.4);
	border-radius:2px;
}
#propostaTopo a {
	color:#FFF;
}

#testeTopo{
	position:fixed;
	top:0px;
	left:87%;
	margin:0 0 0 -450px;
	cursor:pointer;
	z-index:1000;
	display:none;
	height:32px;
	background-color:#00679F;
	color:#FFFFFF;
	padding:15px 8px 0px 8px;
	vertical-align:bottom;
	box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.4);
	border-radius:2px;
}
#testeTopo a{
	color:#FFF;
}

#floatingMenu{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:2000;
	/*background:#ffffff;*/
}



/* Abas */
#chat{
	position:fixed;
	right:0;
	top:43%;
	margin:-20px 0 0 0;
	z-index:1000;
	width:140px;
	overflow:hidden;
	height:40px;
}
#chat a.icon{
	width:40px;
	height:40px;
	display:block;
	background:url(../img/Vous-Content-Icon-Chat.png) 0 0 no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}
#chat a.icon:active{
	background:url(../img/Vous-Content-Icon-Chat.png) 0 -40px no-repeat;
}
#chat a.aba{
	width:78px;
	height:24px;
	display:block;
	background:url(../img/Vous-Content-Aba-Chat.png) 0 0 no-repeat;
	position:absolute;
	right:-50px;
	top:8px;
	z-index:1;
}
#chat a.aba:active{
	background:url(../img/Vous-Content-Aba-Chat.png) 0 -24px no-repeat;
}
#fale-conosco{
	position:fixed;
	right:0;
	top:50%;
	margin:-20px 0 0 0;
	z-index:1000;
	width:140px;
	overflow:hidden;
	height:40px;
}
#fale-conosco a.icon{
	width:40px;
	height:40px;
	display:block;
	background:url(../img/Vous-Content-Icon-Fale-Conosco.png) 0 0 no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}
#fale-conosco a.icon:active{
	background:url(../img/Vous-Content-Icon-Fale-Conosco.png) 0 -40px no-repeat;
}
#fale-conosco a.aba{
	width:88px;
	height:24px;
	display:block;
	background:url(../img/Vous-Content-Aba-Fale-Conosco.png) 0 0 no-repeat;
	position:absolute;
	right:-50px;
	top:8px;
	z-index:1;
}
#fale-conosco a.aba:active{
	background:url(../img/Vous-Content-Aba-Fale-Conosco.png) 0 -24px no-repeat;
}

#newsletter{
	position:fixed;
	right:0;
	top:50%;
	margin:-20px 0 0 0;
	z-index:1000;
	width:140px;
	overflow:hidden;
	height:40px;
}
#newsletter a.icon{
	width:40px;
	height:40px;
	display:block;
	background:url(../img/Vous-Content-Icon-Fale-Conosco.png) 0 0 no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}
#newsletter a.icon:active{
	background:url(../img/Vous-Content-Icon-Fale-Conosco.png) 0 -40px no-repeat;
}
#newsletter a.aba{
	width:88px;
	height:24px;
	display:block;
	background:url(../img/Vous-Content-Aba-Newsletter.png) 0 0 no-repeat;
	position:absolute;
	right:-50px;
	top:8px;
	z-index:1;
}
#newsletter a.aba:active{
	background:url(../img/Vous-Content-Aba-Newsletter.png) 0 -24px no-repeat;
}

/* Top */
#top{
	height:10px;
	background:#00679e;
}

#subtop {
	background:#F1F1F1;
	height:90px;
}

#subtop .logo{
	width:127px;
	height:40px;
	display:block;
	text-indent:-9999px;
	margin:25px 0;
	background:url(../img/Vous-Logo.png) 0 0 no-repeat;
}
#subtop .slogan{
	color: #00abc6;
	font-size: 13px;
	line-height: 11px;
	padding: 43px 12px 0 12px;
	text-transform: uppercase;
}
#subtop .area-cliente {
	color: #A87BD8;
	padding: 5px 20px 5px 20px;
	border: 1px #A87BD8 solid;
	border-radius: 25px;
	font-size:14px;
	text-transform:uppercase;
	float:right;
	margin:27px 0;
}
#subtop .area-cliente a {
	color: #A87BD8;
}

#subtop .area-cliente a:after {
	content: url("../img/customer.png");
}


#subtop .central-vendas {
	color: #5EA7C7;
	padding: 5px 20px 5px 20px;
	border-radius: 25px;
	font-size:14px;
	text-transform:uppercase;
	float:left;
	margin:31px 0 0 14%;
}
#subtop .central-vendas a {
	color: #5EA7C7;
}

#subtop .central-vendas a:after {
	content: url("../img/caret_vendas.png");
}
.div-central-vendas {
	position: absolute;
    z-index: 9999;
    border-radius: 4px;
    top: 70px;
    display: none;
    width: 200px;
    height: 110px;
    left: 39%;
    padding: 10px 0 0 20px;
    background:#5EA7C7;
	line-height:32px;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
	/*background: linear-gradient(#fff 0,#e5e5e5 40%);*/
}

.div-central-vendas a {
	color:#FFF;
}

.div-area-cliente {
	position: absolute;
    z-index: 9999;
    border-radius: 4px;
    top: 60px;
    display: none;
    width: 200px;
    height: 114px;
    padding: 10px 0 0 20px;
    /*background: linear-gradient(#fff 0,#e5e5e5 40%);*/
	float:right;
	right:21px;
}

.form-area-cliente {
	width:200px;
	padding:11px;
	background:#A87BD8;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    position:relative;
}

.form-area-cliente input {
	width:170px;
}

.form-area-cliente .button {
	width:70px;
	padding:2px;
	font-weight:bold;
	cursor:pointer;
}
.form-area-cliente .button:hover{
	background:#00ABC6;
	color:#FFF;
}

#top p{
	color:#fff;
	font-family:"corbert-bold", sans-serif;
	text-transform:uppercase;
	font-size:10px;
	line-height:24px;
	padding:0 0 0 30px;
	margin:0 0 0 18px;
	height:24px;
}
#top .contact-news{
	background:url(../img/Vous-Icon-News.png) 0 0 no-repeat;
}
#top .contact-address{
	background:url(../img/Vous-Icon-Address.png) 0 0 no-repeat;
}
#top .contact-phone{
	background:url(../img/Vous-Icon-Phone.png) 0 0 no-repeat;
}
#top .login{
	padding:0 0 0 30px;
	margin:0 0 0 18px;
	background:url(../img/Vous-Icon-Login.png) 0 0 no-repeat;
	height:24px;
	width:auto;
}
#top input{
	border:0;
	background:#fff;
	height:24px;
	width:140px;
	margin:1px 7px 3px 0;
	padding:0 10px;
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
    float:left;
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#00679e;
}
#top input.enviar{
	width:24px;
	margin:1px 0;
	padding:0;
	font-family:"corbert-bold", sans-serif;
	cursor:pointer;
}
#top input.enviar:hover{
	background:#00ABC6;
}
#top input.enviar:active{
	background:#83D2E0;
}

/* Menu */
#cssmenu {
  font-family:"corbert", sans-serif;
  font-size:13px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: center;
  padding-top:20px;
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  /*background: #ffffff;*/
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
  font-size:14px;
  color:#00679E;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 290px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
  font-size:12px;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
  text-align:left;
}
#cssmenu > ul li.has-sub > a:after {
  content: url('../img/caret_black.png');
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover:after {
  content: url('../img/caret_white.png');
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #00679e;
  text-shadow: 0px 1px 0px #fff;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background-color: #00679e;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #d80041;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}


#menu{
	height:80px;
}
#menu .menu{
	height:80px;
	width:auto;
}
#menu .menu li{
	float:left;
}
#menu .menu a{
	height:80px;
	padding:0 10px;
	line-height:83px;
	color:#00679e;
	font-family:"corbert", sans-serif;
	font-size:14px;
	text-transform:uppercase;
	display:block;
}
#menu .menu a.menu-contato{
	float:left;
}
#menu .menu a:hover{
	color:#00ABC6;
	background:url(../img/Vous-Icon-Menu.png) center top no-repeat;
}
#menu .menu li.active a{
	background:url(../img/Vous-Icon-Menu.png) center top no-repeat;
}
.social{
	height:20px;
	margin:10px 10px;
}
.social a{
	width:20px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin:0 0 0 3px;
}
.social a.blog{
	background:url(../img/Vous-Icon-Social.png) -55px 0 no-repeat;
}
.social a.blog:hover{
	background:url(../img/Vous-Icon-Social.png) -55px -21px no-repeat;
}
.social a.blog:active{
	background:url(../img/Vous-Icon-Social.png) -55px -43px no-repeat;
}


.social a.linkedin{
	background:url(../img/Vous-Icon-Social.png) 0 0 no-repeat;
}
.social a.linkedin:hover{
	background:url(../img/Vous-Icon-Social.png) 0 -21px no-repeat;
}
.social a.linkedin:active{
	background:url(../img/Vous-Icon-Social.png) 0 -43px no-repeat;
}


.social a.facebook{
	background:url(../img/Vous-Icon-Social.png) -28px 0 no-repeat;
}
.social a.facebook:hover{
	background:url(../img/Vous-Icon-Social.png) -28px -21px no-repeat;
}
.social a.facebook:active{
	background:url(../img/Vous-Icon-Social.png) -28px -43px no-repeat;
}


.social a.gplus{
	background:url(../img/Vous-Icon-Social.png) -82px 0 no-repeat;
}
.social a.gplus:hover{
	background:url(../img/Vous-Icon-Social.png) -82px -21px no-repeat;
}
.social a.gplus:active{
	background:url(../img/Vous-Icon-Social.png) -82px -43px no-repeat;
}

/* Sub Menu */
#subMenu{
	height:100px;
	background:#00679e;
	margin:0;
	display:none;
}
#subMenu .inside{
	padding:0 0 0 255px;
	width:725px;
}
#subMenu .carousel-stage {
    position: relative;
    overflow: hidden;
}
#subMenu .carousel-stage ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#subMenu .carousel-stage li{
	width:725px;
	padding:10px 0;
	height:100px;
	float:left;
}
#subMenu .carousel-stage li.produtos{
	width:780px;
	padding:10px 0 10px 0px;
}
#subMenu .carousel-stage li.hosting{
	width:645px;
	padding:10px 0 10px 0px;
}
#subMenu .carousel-stage li.suporte{
	width:577px;
	padding:10px 0 10px 0px;
}
#subMenu .carousel-stage li.consultoria{
	width:394px;
	padding:10px 0 10px 0px;
}
#subMenu .carousel-stage li.cases{
	width:299px;
	padding:10px 0 10px 426px;
}
#subMenu .carousel-stage li.quem-somos{
	width:245px;
	padding:10px 0 10px 480px;
}
#subMenu .carousel-stage li.contato{
	width:152px;
	padding:10px 0 10px 573px;
}
#subMenu .carousel-stage li .col{
	width:250px;
	float:left;
}
#subMenu .carousel-stage li a{
	font-family:"corbert-bold",sans-serif;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
	display:block;
	line-height:20px;
}
#subMenu .carousel-stage li a:hover{
	color:#00ABC6;
}

/* Content */
#content{
	height:auto;
	padding:0 0 0 0;
}

/* Bottom */
#bottom{
	height:auto;
	background:#00abc6;
	padding:30px 0 0 0;
}
#bottom .div-menu{
	width:22%;
	padding:0 40px 0 0;
}
#bottom .last{
	padding:0;
	width:14%;
}
#bottom ul{
	padding:0 0 20px 0;
}
#bottom li{
	height:15px;
}
#bottom .menu a{
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	line-height:17px;
}
#bottom .menu a:hover{
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	filter: alpha(opacity=70);
}
#bottom .menu span {		
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 15px;
}
#bottom .infos{
	clear:left;
}
#footer .infos .logo{
	width:61px;
	height:39px;
	display:block;
	text-indent:-9999px;
	margin:3px 0 10px 0;
	background:url(../img/Vous-Logo-Footer.png) 0 0 no-repeat;
}
#bottom .infos p{
	font-family:"corbert-bold",sans-serif;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
	line-height:14px;
	padding:20px 0 0 0;
}

/* Footer */
#footer{
	height:45px;
	background:#00abc6;
}
#footer p{
	line-height:45px;
	color:#fff;
	font-size:9px;
	padding:0 15px 0;
}
#footer a.praetzel{
	width:46px;
	height:23px;
	background:url(../img/Vous-Made-With-Praetzel.png) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	margin:6px 3px;
}

/****** Home ******/

/* Banner Home */
#banner{
	height:auto;
	overflow:hidden;
	position:relative;
}
#slideshow{
	width:980px;
	height:auto;
	margin:0 auto 0 auto;
}
#slideshow img{
	width:100%;
	height:auto;
}
#prev, #next{
	position:absolute;
	width:28px;
	height:50px;
	top:50%;
	margin-top:-45px;
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter: alpha(opacity=50);
	z-index:99;
	cursor:pointer;
}
#prev:hover, #next:hover{
	opacity: 0.8; 
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);
}
#prev{
	left:50%;
	margin-left:-475px;
	background:url(../img/Vous-Slideshow-Setas.png) 0 0 no-repeat;
}
#next{
	right:50%;
	margin-right:-475px;
	background:url(../img/Vous-Slideshow-Setas.png) -28px 0 no-repeat;
}
#pager{
	position:absolute;
	width:200px;
	left:50%;
	margin:-30px 0 0 -100px;
	text-align:center;
	z-index:99;
	height:12px;
}
#pager a{
	display:inline-block;
	height:12px;
	width:12px;
	text-indent:-9999px;
	background:url(../img/Vous-Banner-Pager.png) -26px 0 no-repeat;
	margin:0 7px;
}
#pager a.activeSlide{
	background:url(../img/Vous-Banner-Pager.png) 0 0 no-repeat;
}

/* Content Home */
#content.home{
	height:auto;
	background-color:#F1F1F1;
}
#content.home .mini-banner{
	width:237px;
	height:auto;
	position:relative;
	margin:0 10px 0 0;
}
#content.pq-vous {
	background-color:#F1F1F1;
	padding-bottom:0px;
	padding-top:45px;
	height:215px
}
#content.home .mini-banner.last{
	margin:0;
}
#content.home .mini-banner img{
	width:100%;
	height:auto;
}
#slideshowHosting, #slideshowCases{
	width:100%;
	height:100%;
}
#slideshowHosting img, #slideshowCases img{
	width:100%;
	height:auto;
}

/****** Internas ******/

#bannerInternas{
	height:280px;
	text-align:center;
	position:relative;
	z-index:100;
	margin:0 auto;
	overflow:hidden;
}
#bannerInternas.perfil{
	height:406px;
}
#bannerInternas #marca{
	display:none;
}
#content .marca{
	position:absolute;
	top:0;
	left:820px;
}

.content.left{
	width:100%;
	padding:52px 0 50px 10px;
}


.content.left h1{
	color:#00679e;
	font-size:48px;
	line-height:48px;
	padding:5px 0 30px 0;
	letter-spacing:-2px;
	text-transform:uppercase;
	text-indent:-2px;
}
.hosting .content.left h1{
	color:#ED1847;
}
.suporte .content.left h1{
	color:#99CA3C;
}
.consultoria .content.left h1{
	color:#663694;
}
.cases .content.left h1, .quem-somos .content.left h1{
	color:#99CA3C;
}
.content.left h1.small{
	font-size:38px;
	line-height:38px;
}
.content.left h1 .small{
	font-size:31px;
	line-height:31px;
}
.content.left h1.r2pro{
	padding:5px 65px 5px 0;
	display:inline-block;
}
.content.left h1.emm{
	color:#00abc6;
	font-size:26px;
	line-height:26px;
	padding:0 0 30px 0;
	letter-spacing:-2px;
	clear:both;
	text-transform:uppercase;
}

section h2{
	font-family:"corbert-bold",sans-serif;
	color:#00abc6;
	font-size:14px;
	line-height:18px;
	padding:0 0 10px 0;
	letter-spacing:0.2px;
	text-transform:uppercase;
}
section h2 .small{
	font-size:31px;
	line-height:31px;
}
section h2 .r2pro{
	padding:5px 65px 5px 0;
	display:inline-block;
}
section h3{
	font-family: "corbert-bold",sans-serif;
	color: #663694;
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 20px 0;
	letter-spacing: -1px;
	text-transform: uppercase;
}
section h4{
	font-family:"corbert-bold",sans-serif;
	color:#00abc6;
	font-size:18px;
	line-height:18px;
	padding:0;
	letter-spacing:0.2px;
	text-transform:uppercase;
}
section p{
	line-height:22px;
	padding:0 0 20px 0;
	text-align:justify;
}
section .textInd{
	padding:20px 0 0 40px;
}
.content.left h5{
	font-family:"corbert-bold",sans-serif;
	color:#00abc6;
	font-size:14px;
	line-height:18px;
	padding:0;
	letter-spacing:-1px;
	text-transform:uppercase;
}
section h6{
	font-family:"corbert-bold",sans-serif;
	color:#00679e;
	font-size:14px;
	line-height:18px;
	padding:0 0 20px 0;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-align:center;
}
.demo{
	width:330px;
	padding:16px;
	background:#663694;
	color:#FFF;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    position:relative;
	text-align:center;
    margin:0 0 70px 37px;
}
.proposta{
	width:330px;
	padding:16px;
	background:#00679e;
	color:#FFF;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    position:relative;
	text-align:center;
    margin:0 0 70px 37px;
}
.quem-somos .content.left h3{
	font-family: "corbert",sans-serif;
	color: #00ABC6;
	font-size: 28px;
	line-height: 28px;
	padding: 0 0 20px 0;
	letter-spacing: -2px;
	text-transform: uppercase;
}
.cases .content.left .image{
	margin:0 0 30px 0;
	text-align:center;
}
.cases .content.left a.saiba-mais{
	width:60px;
	display:block;
	float:right;
	height:20px;
	padding:0 25px;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	line-height:20px;
	font-size:10px;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    background:#99CA3C;
    margin:30px 0;
	cursor:pointer;
}
.cases .content.left a.saiba-mais:hover{
    background:#00ABC6;
}
.cases .content.left a.saiba-mais:active{
    background:#0BBED3;
}
.content.right{
	width:367px;
	padding:52px 53px 0 0;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}
.clearfix {
	*display: inline-block;
	height: 1%;
}

.pMarginRight {
	margin-right:20px;
}

.pMarginLeft {
	margin-left:20px;
}

.pMarginBottom {
	margin-bottom:20px;
}

.pMarginTop {
	margin-top:20px;
}

.one-half {
	width: 43%;
}

.one-third {
	width: 27.33%;
}

.two-third {
	width: 58.66%;
}

.one-fourth {
	width: 20.5%;
}

.three-fourth {
	width: 61.5%;
}

.one-fifth {
	width: 15.2%;
}

.two-fifth {
	width: 30.4%;
}

.three-fifth {
	width: 45.6%;
}

.four-fifth {
	width: 60.8%;
}

.one-sixth {
	width: 11.66%;
}

.five-sixth {
	width: 58.3%;
}
.two-third img {
	max-width: 100%;
    height: auto;
    vertical-align: bottom;
    position: relative;
    z-index: 0;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth,.three-fifth, .four-fifth, .one-sixth, .five-sixth {
	position: relative;
	display:block;
	margin-right: 6%;
	margin-bottom: 30px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content-wrapper {
	display: block;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.05);
}
#content-wrapper section:first-child .row{
	border-top: none;
}
#content-wrapper .row-news {
    width: 80%;
    margin: 0 auto;
    max-width: 1020px;
    padding-bottom: 100px;
    position: relative;
}
.row {
	width: 100%;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
	padding: 80px 0;
}
.row p:last-child {
    margin-bottom: 0px;
}
#content-wrapper section .row {
    padding: 100px 0;
}
#full-width-title-item .row {
    padding: 200px 0;
}
#full-width-title-item .row p {
    color:#FFF;
	margin-bottom:8px;
}
.home-title {
	color:#00abc6;
	font-style: normal;
    font-weight: 700;
    letter-spacing: .08em;
    font-size: 18px;
	margin-bottom: 20px;
	text-transform:uppercase;
}
.border-block {
	background-color:#00abc6;
	display: block;
    width: 40px;
    height: 2px;
	margin-bottom:30px;
}
.centered {
	text-align:center;
}
.border-center {
    text-align: center;
	margin: 0px auto 30px;
}
.border-left {
    text-align: left;
}
.border-right {
    text-align: right;
}
.extra-bottom-client {
    margin-bottom: 50px;
}
.skillbar {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* Slick Slider */

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list {}
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; position:relative; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; position:relative;}
.slick-slide .back-image {  background:#000000; position:absolute; top:0; bottom:0; height:100%; width:100%; display:block; z-index:-1;}
.slick-slide .back-image-testimonial {  background:#000000; position:absolute; top:1px; left:1px; bottom:0; height:98%; width:98%; display:block; z-index:-1; border-radius:55%;}
.image-info {position: relative;display: block;background: #fff;padding: 15px 15px 25px;text-align: center;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide {margin:0px 55px; display: block; }
.testimonial-slider .slick-initialized .slick-slide {margin:0px 0px;}
.slick-initialized .slick-slide img {opacity:0.6;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out; }
.testimonial-slider .slick-initialized .slick-slide img {opacity:1.0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out; }
.slick-initialized .slick-center { opacity: 1; transition: all 300ms ease; }
.slick-initialized .slick-center { transition: all 300ms ease; }
.slick-initialized .slick-center img { opacity:1.0; }
.testimonial-slider  .slick-initialized .slick-center img { opacity:1.0; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer;top:50%; background: transparent; color: transparent; padding: 0; border: none; outline: none;width:60px; height:60px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.4; cursor:default;}
.slick-prev, .slick-next {opacity:1;}

.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 30px; line-height: 1; color: #7b858b; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}

.slick-prev { left: 0px; margin-top:-30px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content:"\f104"; }
[dir="rtl"] .slick-prev:before { content:"\f104"; }

.slick-next { right: 0px; margin-top:-30px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "\f105"; }
[dir="rtl"] .slick-next:before { content: "\f105"; }

.slider-nav {
	width:100%;
	max-width:980px;
	margin:0 auto;
}
.inner-blockquote {
	position:relative;
	width:60%;
	float:none;
	margin:0 auto;
}
.text-blockquote p {
    font-style: italic;
    padding-bottom: 20px;
    max-width: 640px;
    margin: 0 auto;
}
.image-blockquote img {
	border-radius: 50%;
	cursor:pointer;
	height:auto;
	margin:0 auto;
}

.image-blockquote {
	position:relative;
	max-width:80px;
	height:auto;
	margin:0 82px;
}
.image-blockquote {
	width:100%;
}
.inner-blockquote {
	position:relative;
	width:60%;
	float:none;
	margin:0 auto;
}

.title-blockquote {
	float:right;
	width:75%;
}

.title-blockquote h4 {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align:left;
	color: #4d515c;
	position: relative;
	letter-spacing: 0px;
	font-size:12px;
	text-transform: uppercase;
}

.under-blockquote {
	padding:0 20px;
	display:block;
	position:relative;
}

.under-blockquote h4 {
	line-height:43px;
	margin:0;
}

/* Dots */
.extra-topping {padding-top:100px;}
.slick-slider { margin-bottom: 100px;}

.testimonial-slider .slick-slider { margin-bottom:50px; }
.testimonial-slider .extra-bottom { margin-bottom:100px; }

.slick-initialized .slick-slide:hover img {
	opacity:1.0;
}
.slick-dots li {
	display: inline-block;
	position:relative;
	width: 6px;
	height: 6px;
	cursor:pointer;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none;	
	border: solid 2px #d2d8d9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.slick-dots li:hover, .slick-dots li.slick-active {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	border:none;
	background:#84cbc5;
	border: solid 2px #84cbc5;
}

.slick-dots { margin-top:0px; position: relative; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 8px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.testimonial-slider .slick-initialized .slick-slide {
}

.slick-initialized .slick-center .text-blockquote {
	background:#81b3ab;
}
form{
	width:280px;
	padding:15px;
	background:#00abc6;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    position:relative;
    /*margin:0 0 70px 37px;*/
}

form h5{
	font-size:21px;
	line-height:21px;
	padding:15px 0 10px 0;
	color:#ffffff;
	text-transform:uppercase;
}
form p{
	font-size:15px;
	line-height:15px;
	padding:0 0 20px 0;
	color:#ffffff;
	text-transform:uppercase;
}
form input, form textarea, form select {
	border:0;
	background:#ffffff;
	width:250px;
	height:auto;
	padding:4px 15px;
	color:#00abc6;
	font-family: 'corbert',sans-serif;
	font-size:11px;
	line-height:18px;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    margin:0 0 6px 0;
}
form textarea{
	resize:none;
	overflow:auto;
	height:60px;
	margin:0;
}
form input.btnEnviar{
	position:absolute;
	width:75px;
	height:20px;
	background:#00679e;
	padding:4px 15px;
	color:#ffffff;
	right:34px;
	bottom:-10px;
	margin:0;
	cursor:pointer;
	padding:0;
}
form input.btnEnviar:hover{
	background:#0A3153;
}
form input.btnEnviar:active{
	background:#455D7E;
}

.button{
	width:auto;
	height:24px;
	background:#00679e;
	padding:4px 15px;
	color:#ffffff;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    margin:0 0 6px 0;
	border:0;
	cursor:pointer;
}
.button:hover{
	background:#0A3153;
}
.button:active{
	background:#455D7E;
}

::-webkit-input-placeholder { color:#00abc6; }
::-moz-placeholder { color:#00abc6; } /* firefox 19+ */
:-ms-input-placeholder { color:#00abc6; } /* ie */
input:-moz-placeholder { color:#00abc6; }
.testimonial{
	width:367px;
	height:150px;
	position:relative;
	margin:0 0 50px 30%;
	text-align:justify;
}
.testimonial .image{
	width:72px;
	height:72px;
}
.testimonial .image img {
	border-radius: 50%;
	cursor: pointer;
	height: auto;
	margin: 0px auto;
}
.testimonial .text{
	width:277px;
}
.testimonial .text p{
	padding:5px 0 5px 30px;
	background:url(../img/Vous-Depoimento-Aspas-Inicio.png) 0 0 no-repeat;
	font-size:12px;
	line-height:16px;
}
.testimonial .text p.autor{
	padding:0 30px 0 0;
	background:url(../img/Vous-Depoimento-Aspas-Final.png) right center no-repeat;
	color:#00abc6;
	text-transform:uppercase;
	text-align:right;
	height:20px;
	line-height:20px;
	font-size:14px;
}
.testimonial .text a.veja-mais{
	width:auto;
	height:20px;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	line-height:20px;
	font-size:10px;
	position:absolute;
	bottom:0;
	right:-30px;
	padding:0 10px 0 10px;
	-moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    border-radius: 13px;
    background:#00abc6;
}
.testimonial .text a.veja-mais:hover{
    background:#00679E;
}
.testimonial .text a.veja-mais:active{
    background:#5685B3;
}
.even {
	background:#FFFFFF;
}


/* Quem Somos */
.quem-somos .testimonial{
	display:none;
}
#content.quem-somos.perfil{
	padding:0 0 500px 0;
}
#content.quem-somos.perfil .content.left{
	padding:52px 0 0 23px;
}
.quem-somos.perfil .item{
	width:350px;
	padding:0 0 30px 30px;
	clear:both;
}
.quem-somos.perfil .image{
	width:60px;
	float:left;
	text-align:center;
}
.quem-somos.perfil .text{
	width:280px;
	float:right;
}
.quem-somos.perfil h2{
	font-family: "corbert",sans-serif;
	font-size: 22px;
	line-height: 22px;
	padding: 0 0 10px 0;
	color: #00ABC6;
	letter-spacing: -2px;
	text-transform: uppercase;
}

/* Contato */
.contato form{
	width:400px;
	padding:0;
	background:none;
    margin:0;
}


.contato .content.left h1{
	font-size:46px;
	line-height:46px;
	color:#99ca3c;
}


.contato .content.left h2{
	font-size:46px;
	line-height:46px;
	color:#99ca3c;
}
.contato .content.left form h5{
	font-size:28px;
	line-height:28px;
	padding:0 0 15px 0;
	color:#00abc6;
	text-transform:uppercase;
	font-family:"corbert",sans-serif;
}

.contato .content.left label{
	font-size:14px;
	color:#0a3153;
}

.contato form input, .contato form textarea, .contato form select {
	background:#00abc6;
	width:370px;
	color:#ffffff;
}
.contato form input.btnEnviar{
	bottom:-25px;
	right:0;
	background: none repeat scroll 0 0 #00679E;
	color: #FFFFFF;
	cursor: pointer;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 75px;
}
.contato ::-webkit-input-placeholder { color:#fff; }
.contato ::-moz-placeholder { color:#fff; } /* firefox 19+ */
.contato :-ms-input-placeholder { color:#fff; } /* ie */
.contato input:-moz-placeholder { color:#fff; }

#content.contato .content.right p{
	margin:80px 0 20px 0;
	font-family:"corbert-bold",sans-serif;
	color:#00679E;
}
#map-canvas{
	width:367px;
	height:275px;
}




/* Newsletter */
.newsletter form{
	width:400px;
	padding:0;
	background:none;
    margin:0;
}


.newsletter .content.left h1{
	font-size:46px;
	line-height:46px;
	color:#99ca3c;
}


.newsletter form input, .newsletter form textarea, .newsletter form select {
	background:#00abc6;
	width:370px;
	color:#ffffff;
}
.newsletter form input.btnEnviar{
	bottom:-25px;
	right:0;
	background: none repeat scroll 0 0 #00679E;
	color: #FFFFFF;
	cursor: pointer;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 75px;
}
.newsletter ::-webkit-input-placeholder { color:#fff; }
.newsletter ::-moz-placeholder { color:#fff; } /* firefox 19+ */
.newsletter :-ms-input-placeholder { color:#fff; } /* ie */
.newsletter input:-moz-placeholder { color:#fff; }

#newsletter.contato .newsletter.right p{
	margin:80px 0 20px 0;
	font-family:"corbert-bold",sans-serif;
	color:#00679E;
}




/* Trabalhe Conosco */
.trabalhe-conosco form{
	background:#99CA3C;
}
.trabalhe-conosco input, .trabalhe-conosco textarea{
	color:#99CA3C;
}
.trabalhe-conosco textarea{
	margin:0 0 10px 0;
}
input#uploadFile{
	width:170px;
}

.icon-email-marketing{
	background:url(../img/icons/icon-email-marketing.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-sms{
	background:url(../img/icons/icon-sms.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-audio{
	background:url(../img/icons/icon-streaming-audio.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-video{
	background:url(../img/icons/icon-streaming-video.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-dedicado{
	background:url(../img/icons/icon-dedicado.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-compartilhado{
	background:url(../img/icons/icon-compartilhado.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-colocation{
	background:url(../img/icons/icon-colocation.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-cloud{
	background:url(../img/icons/icon-servidores-cloud.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-infra{
	background:url(../img/icons/icon-gerenciador-infraestrutura.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-integracao{
	background:url(../img/icons/icon-integracao-sistemas.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-outsourcing{
	background:url(../img/icons/icon-outsourcing.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-seguraca{
	background:url(../img/icons/icon-seguranca-dados.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-analise{
	background:url(../img/icons/icon-analise-diagnostico.png) 5px 14px;
	background-repeat:no-repeat;
}

.icon-otimizacao{
	background:url(../img/icons/icon-otimizacao-ambiente.png) 5px 14px;
	background-repeat:no-repeat;
}

.fileUpload {
	position: relative;
	width: 280px;
	min-height:26px;
	top:-32px;
	cursor: pointer;
	background:url(../img/Vous-Quem-Somos-Trabalhe-Conosco-Enviar-Curriculo.png) right center no-repeat;
}
.fileUpload input.upload {
	position: absolute;
	top: 0px;
	left: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	height:26px;
	width:280px;
	cursor: pointer;
}

label.error {
	color: #990101;
	font-family: 'corbert-italic';
	margin:-2px 0 3px 10px;
	display: block;
	font-size:12px;
}
label.error[for=uploadBtn] {
	margin-top: 30px;
	margin-left: 2px;
	width: 200px;
}
form select {
	width: 100% !important;
}
#msg {
	position: fixed;
	width: 350px;
	height: 200px;
	border: 1px solid #ccc;
	border-radius: 8px;
	left: 50%;
	top: 50%;
	margin-left: -175px;
	margin-top: -100px;
	background-color: #fff;
	padding: 10px;
	display: none;
	z-index: 9999;
}
#msg .msg-body {
	padding: 25px;
}
#msg .msg-header {
	padding: 40px 15px 0;
}
#msg p {
	font-size: 16px;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	margin-top: -2px;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity=50);
}

/* Tablet */
@media screen and (max-width:1024px) {
	body{
		overflow-x:hidden;
		background:#FFFFFF;
	}
	img {
		width:100% !important;
	}
	.inside{
		width:100%;
		padding:0;
	}
	#marca{
		left:20px;
		margin:0;
	}
	.itens-top{
		float:left;
	}
	#top .contact-news{
		display:none;
	}
	#top .contact-address{
		margin:0;
		padding-left:28px;
	}
	#top .login{
		margin:0 80px 0 18px;
	}
	#top .login input[type=text]{
		width:100px;
	}
	#top .login input[type=password]{
		width:100px;
	}
	#top .login input[type=submit]{
		width:35px;
	}
	#menu .logo{
		margin:7px 15px 7px 0;
		position:relative;
		z-index:5;
	}
	#menu .slogan{
		position:absolute;
		padding:50px 16px 0px 58px;
		z-index:1;
	}
	#menu .social{
		margin:0;
		position:absolute;
		right:0px;
		top:-29px;
	}
	#menu .menu a{
		padding:0 5px;
	}
	#subMenu{
		overflow:hidden;
	}
	#subMenu .inside{
		width:100%;
		padding:0;
	}
	#subMenu .carousel-stage li{
		padding:10px 0;
	}
	#subMenu .carousel-stage li.hosting{
		padding:10px 0 30px 0;
	}
	#subMenu .carousel-stage li.suporte{
		padding:10px 0;
	}
	#subMenu .carousel-stage li.consultoria{
		padding:10px 0 ;
	}
	#subMenu .carousel-stage li.cases{
		padding:10px 0;
	}
	#subMenu .carousel-stage li.quem-somos{
		padding:10px 0;
	}
	#subMenu .carousel-stage li.contato{
		padding:10px 0;
	}
	#subMenu .carousel-stage li a{
		padding:0 0 0 155px;
	}
	#slideshow{
		width:100%;
		height:230px;
	}
	#prev{
		left:15px;
		margin-left:0;
	}
	#next{
		right:15px;
		margin-right:0;
	}
	#content.home .mini-banner{
		width:23%;
		margin:0 2% 0 0;
	}
	#content.pq-vous {
		width:100% !important;
		padding-top:5px;
		height:auto;
	}
	#content.pq-vous img{
		width:100% !important;
	}
	#content.home img{
		width:100% !important;
	}
	#content.home img.img50 {
		width:50% !important;
	}
	#parcerias {
		width:98%;
	}
	#parcerias table{
		width:100% !important;
	}
	.parceiro {
		width:24%;
	}
	
	.pMarginRight {
		margin-right:5px;
	}
	
	.pMarginLeft {
		margin-left:5px;
	}
	
	.pMarginBottom {
		margin-bottom:5px;
	}
	
	.pMarginTop {
		margin-top:5px;
	}
	.widhtSpacial {
		width:47% !important;
	}
	
	#testimonials {
		width:98%;
	}
	.testimonial {
		width:340px;
		margin:0 0 50px 0;
	}
	.testimonial .text {
		width:90%;
	}
	.testimonial .text p {
		font-size:0.7em;
	}
	.testimonial .text a.veja-mais {
		right:0;
	}
	.testimonial .text p.autor {
		font-size:0.8em;
	}
	#bottom{
		padding:20px 0 0 0;
	}
	#bottom .facebook{
		display:none;
	}
	#bannerInternas{
		padding:0;
		height:auto;
	}
	/*#bannerInternas img{
		width:100%;
		height:auto;
	}
	#bannerInternas.perfil{
		height:auto;
	}*/
	.content.left{
		width:46%;
		padding:30px 0;
	}
	.content.left h1{
		font-size:40px;
		line-height:40px;
	}
	.content.left h2{
		font-size:40px;
		line-height:40px;
	}
	#content.quem-somos.perfil{
		background:url(../img/Quem-Somos-Perfil-Diretores2.jpg) no-repeat scroll center bottom;
		padding:0 0 300px 0;
	}
	#content.quem-somos.perfil .content.left{
		padding:30px 0;
	}
	.quem-somos.perfil .text{
		width:240px;
	}
	.quem-somos.perfil .item{
		width:300px;
		padding:0 0 30px 0;
	}
	.content.right{
		width:46%;
		padding:30px 0;
	}
	.content form{
		margin:0;
	}
	#content .marca{
		left:auto;
		right:100px;
		top:-10px;
	}
	.cases .content.left .image img{
		float:none;
	}
	#map-canvas{
		width:290px;
		height:275px;
		margin:140px 0 0 0;
		float:right;
	}
}

/* Mobile */
@media screen and (max-width:700px) {	
	body {
		overflow-x:scroll;
		overflow-y:hidden;
	}
	#header{
		display:none;
	}
	#fale-conosco{
		display:none;
	}
	#chat{
		display:none;
	}
	#bottom{
		display:none;
	}
	#headerMobile{
		display:block;
	}
	#topMobile{
		height:31px;
		width:100%;
		background:#005D98;
	}
	#topMobile .address{
		width:19px;
		height:19px;
		margin:6px 5px 6px 10px;
		display:block;
		float:left;
		background:url(../img/Vous-Icons-Mobile.png) 0 0 no-repeat;
		cursor:pointer;
	}
	#topMobile .address:hover, #topMobile .address:active{
		background:url(../img/Vous-Icons-Mobile.png) 0 -26px no-repeat;
	}
	#topMobile .address p{
		display:none;
		position:absolute;
		top:31px;
		left:10px;
		width:165px;
		height:32px;
		font-family:"corbert-bold", sans-serif;
		font-size:11px;
		color:#005D98;
		line-height:32px;
		text-align:center;
		background:#ffffff;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.4);
		z-index:999;
	}
	#topMobile .phone{
		width:19px;
		height:19px;
		margin:6px 5px;
		float:left;
		display:block;
		background:url(../img/Vous-Icons-Mobile.png) -24px 0 no-repeat;
		cursor:pointer;
	}
	#topMobile .phone:hover, #topMobile .phone:active{
		background:url(../img/Vous-Icons-Mobile.png) -24px -26px no-repeat;
	}
	#topMobile .phone p{
		display:none;
		position:absolute;
		top:31px;
		left:10px;
		width:150px;
		height:32px;
		font-family:"corbert-bold", sans-serif;
		font-size:11px;
		color:#005D98;
		line-height:32px;
		text-align:center;
		background:#ffffff;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.4);
		z-index:999;
	}
	#topMobile a{
		color:#005D98;
		width:100%;
		height:100%;
		display:block;
	}
	#topMobile form{
		background:none;
		/*margin:0 10px 0 0;*/
		padding:5px 0 0 0;
		width:50%;
		min-width:200px;
	}
	#topMobile input{
		border:0;
		background:#fff;
		height:16px;
		width:60px;
		margin:3px 7px 3px 0;
		padding:0 10px;
		-moz-border-radius: 9px;
	    -webkit-border-radius: 9px;
	    -khtml-border-radius: 9px;
	    border-radius: 9px;
	    float:left;
		font-family:"corbert", sans-serif;
		font-size:8px;
		color:#00679e;
	}
	#topMobile::-webkit-input-placeholder { color:#00679e; }
	#topMobile::-moz-placeholder { color:#00679e; } /* firefox 19+ */
	#topMobile:-ms-input-placeholder { color:#00679e; } /* ie */
	#topMobile input:-moz-placeholder { color:#00679e; }
	#topMobile input.enviar{
		width:16px;
		margin:3px 0;
		padding:0;
		font-family:"corbert-bold", sans-serif;
		cursor:pointer;
		line-height:15px;
		font-size:7px;
	}
	#topMobile input.enviar:hover{
		background:#00ABC6;
	}
	#topMobile input.enviar:active{
		background:#83D2E0;
	}
	#topMobile .form {
		width:75%;
	}
	#menuMobile{
		height:50px;
		position:relative;
		border-bottom:1px solid #e1e1e1;
	}
	#menuMobile .menuMobile{
		width:29px;
		height:22px;
		margin:15px 0 15px 15px;
		float:left;
	}
	#menuMobile .menuMobile p{
		width:29px;
		height:22px;
		background:url(../img/Vous-Menu-Mobile.png) 0 0 no-repeat;
		cursor:pointer;
	}
	#menuMobile .menuMobile p:active, #menuMobile .menuMobile p.active{
		background:url(../img/Vous-Menu-Mobile.png) 0 -22px no-repeat;
	}
	#menuMobile .menuMobile ul{
		position:absolute;
		top:51px;
		left:0;
		z-index:999;
		width:100%;
		display:none;
		border-bottom:1px solid #e1e1e1;
	}
	#menuMobile .menuMobile ul li{
		height:auto;
		background:#fff url(../img/Vous-Seta-Menu-Mobile.png) 96% 12px no-repeat;
		z-index:999;
		position:relative;
	}
	#menuMobile .menuMobile ul li a{
		height:36px;
		display:block;
		color:#005D98;
		font-family:"corbert-bold", sans-serif;
		font-size:14px;
		text-transform:uppercase;
		padding:0 0 0 10px;
		line-height:36px;
	}
	#menuMobile .menuMobile ul li a:hover{
		color:#00ABC6;
	}
	#menuMobile .menuMobile ul ul{
		position:relative;
		top:0;
		display:none;
		border:none;
	}
	#menuMobile .menuMobile ul ul li{
		background:#005f99;
		position:relative;
		z-index:1000;
	}
	#menuMobile .menuMobile ul ul a{
		color:#ffffff;
	}
	#menuMobile h1 a{
		width:110px;
		height:35px;
		left:50%;
		top:7px;
		display:block;
		position:absolute;
		margin:0 0 0 -55px;
		background:url(../img/Vous-Logo-Mobile.png) 0 0 no-repeat;
		text-indent:-9999px;
	}
	.social{
		/*float:right;
		width:auto;
		height:21px;
		margin:15px 0 0 0;*/
		width:32%;
		margin-left:18%;
	}
	.social a{
		width:21px;
		height:21px;
		display:block;
		text-indent:-9999px;
		margin:0 0 0 5px;
	}
	.social a.blog{
		background:url(../img/Vous-Icon-Social.png) -54px 0 no-repeat;
	}
	.social a.blog:hover{
		background:url(../img/Vous-Icon-Social.png) -54px -21px no-repeat;
	}
	.social a.blog:active{
		background:url(../img/Vous-Icon-Social.png) -54px -42px no-repeat;
	}
	.social a.linkedin{
		background:url(../img/Vous-Icon-Social.png) 0 0 no-repeat;
	}
	.social a.linkedin:hover{
		background:url(../img/Vous-Icon-Social.png) 0 -21px no-repeat;
	}
	.social a.linkedin:active{
		background:url(../img/Vous-Icon-Social.png) 0 -42px no-repeat;
	}
	.social a.facebook{
		background:url(../img/Vous-Icon-Social.png) -27px 0 no-repeat;
	}
	.social a.facebook:hover{
		background:url(../img/Vous-Icon-Social.png) -27px -21px no-repeat;
	}
	.social a.facebook:active{
		background:url(../img/Vous-Icon-Social.png) -27px -42px no-repeat;
	}
	.social a.gplus{
		background:url(../img/Vous-Icon-Social.png) -82px 0 no-repeat;
	}
	.social a.gplus:hover{
		background:url(../img/Vous-Icon-Social.png) -82px -21px no-repeat;
	}
	.social a.gplus:active{
		background:url(../img/Vous-Icon-Social.png) -82px -43px no-repeat;
	}
	.infos {
		width:20%;
		margin-left:3px;
	}
	#footer p{
		padding:0;
	}

	/* Content */
	#content{
		padding:0 0 20px 0;
	}
	#content .marca{
		display:none;
	}
	.content.left{
		width:100%;
		padding:20px 0;
	}
	.content.left h1, .contato .content.left h1{
		font-size:30px;
		line-height:30px;
		padding:5px 0 20px 0;
	}
	.content.left h2, .contato .content.left h2{
		font-size:18px;
		line-height:18px;
		padding:5px 0 20px 0;
	}
	.content.right h2, .contato .content.right h2{
		font-size:18px;
		line-height:18px;
		padding:5px 0 20px 0;
	}
	.quem-somos.perfil h3{
		padding:10px 0 0 0;
	}
	.content.right{
		display:none;
	}
	#content.quem-somos.perfil{
		padding:0;
		background:none;
	}
	#content.quem-somos.perfil .content.right, #content.quem-somos.perfil .content.left{
		width:100%;
		display:block;
		float:none;
		padding:20px 0 0 0;
	}
	#content.quem-somos.perfil .content.right{
		padding:0;
	}
	.quem-somos.perfil .item{
		padding:0 0 15px 0;
	}
	#content.quem-somos.trabalhe-conosco .content.right, #content.quem-somos.trabalhe-conosco .content.left{
		width:100%;
		display:block;
		float:none;
		padding:20px 0;
	}
	#content.quem-somos.trabalhe-conosco .content.right{
		padding:0 0 20px 0;
	}
	#content.quem-somos.trabalhe-conosco .content form{
		margin:0 auto;
		padding:8px;
	}
	.quem-somos.perfil .item{
		width:320px;
	}
	.quem-somos.perfil .text{
		width:260px;
	}
	#content.home .mini-banner, #content.home .mini-banner.last{
		/*width:280px;
		height:140px;*/
		margin:5px auto 0 2%;
		float:left;
	}
	.contato form input, .contato form textarea, .newsletter form input, .newsletter form textarea{
		width:260px;
	}
	.contato form select, .newsletter form select{
		max-width:290px;
	}
	.contato form input.btnEnviar, .newsletter form input.btnEnviar{
		right:auto;
		left:0;
	}	
	#slideshow{
		margin:0 auto 30px auto;
		height:auto;
	}
	#prev, #next{
		width:17px;
		height:30px;
		margin-top:-25px;
	}
	#prev{
		left:5px;
		background:url(../img/Vous-Slideshow-Setas-Mobile.png) 0 0 no-repeat;
	}
	#next{
		right:5px;
		background:url(../img/Vous-Slideshow-Setas-Mobile.png) -17px 0 no-repeat;
	}
	#pager{
		bottom:5px;
	}
	.button {
		height:auto;
		font-size:0.7em;
	}
}
@media screen and (max-width:480px) {	
	#slideshow{
		margin:0 auto 25px auto;
		height:160px;
	}
}



/* Flexslider */

.flex-container a:active,
.flexslider a:active,
.flexslider-small a:active,
.flexslider-blockquote a:active,
.flex-container a:focus,
.flexslider a:focus,
.flexslider-small a:focus,
.flexslider-blockquote a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
} 

.flexslider .slides li, .flexslider-small li, .flexslider-blockquote li {
    	position:relative;
}

.slide .row {
	padding:0px !important;
}

.caption {
    	position:absolute;
    	margin:0 auto;
	bottom:0;
	top:30%;
    	z-index:9999;
	max-width:1040px;
}

.flexslider, .flexslider-small {
	margin: 0;
	padding: 0;
	overflow:hidden;
}

.flexslider-blockquote img {
	max-width:20%;
	height:auto;
	margin-bottom:20px !important;
	margin:0 auto;
	border-radius: 50%;
	float:left;
}

.flexslider .slides > li, .flexslider-small .slides > li, .flexslider-blockquote .slides > li {
	display: none;
	list-style:none !important;
	-webkit-backface-visibility: hidden;

} 

.flexslider .slides img, .flexslider-small .slides img, .flexslider-blockquote .slides img {
	max-width: 100%;
	height:auto;
	display: block;
	position:relative;
	z-index:999;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flexslider-container {
	position: relative;	
	z-index:999;
	margin-bottom:0px;
}

.flexslider, .flexslider-small, .flexslider-blockquote {
	zoom: 1;
	position: relative;
}

.flexslider ul {
	margin: 0 !important;
	list-style:none !important;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*main*/
.entry-content .flexslider-container {
	margin-bottom:30px;
}

.flexslider-container {
	position: relative;	
	z-index:999;
}

.flexslider, .flexslider-small, .flexslider-blockquote {
	zoom: 1;
	position: relative;
	overflow:hidden;
}

.flexslider ul, .flexslider-small ul {
	margin: 0 !important;
	list-style:none !important;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.flex-direction-nav li {list-style:none;}

.one-third .flex-control-nav {z-index:990;width: 100%; position: absolute; bottom: -40px; text-align:left;}
.flex-control-nav {z-index:990;width: 100%; position: absolute; bottom: 20px; text-align:center;}

.lefty .flex-control-nav {z-index:990;width: 100%; position: absolute; bottom: -5px; text-align:left;}
.lefty .flex-control-nav li {margin-right: 12px; margin-left:0px; display: inline-block; zoom: 1; *display: inline;text-align:center;}
.flex-control-nav li {margin-right: 12px; display: inline-block; zoom: 1; *display: inline;text-align:center;}
.flex-control-paging li a {width: 6px; height: 6px; display: block; border: 2px solid #d2d8d9; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.flex-control-paging li a:hover { border: 2px solid #d2d8d9;}
.flex-control-paging li a.flex-active { border: 2px solid #00abc6; cursor: default; background:#00abc6;}





video { 
  position:absolute;
  top: 220px;
  left: 50%;
  width: 980px;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

#polina { 
  font-family: 'corbert',sans-serif;
  font-weight:100; 
  /*background: rgba(0,0,0,0.7);*/
  color: white;
  padding: 0.7rem 2rem 1rem 1rem;
  width: 320px;
  height:100%;
  float: right;
  font-size: 1.2rem;
}
#polina h1 {
  font-size: 2rem;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
}
#polina p {
	color:#FFF;
	font-size:0.8rem;
	text-align:left;
	padding-left:2px;
}
#polina button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#polina button:hover { 
   background: rgba(0,0,0,0.5);
}

#polina a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background:rgba(0,0,0,0.5);
  padding: .5rem;
  transition: .6s background; 
}
#polina a:hover{
  background:rgba(0,0,0,0.9);
}
@media screen and (max-width: 500px) { 
  div{width:100%;} 
}
@media screen and (max-device-width: 800px) {
  #bgvid { display: none; }
}