body, html{
    font-family: "fontsite", Helvetica, Arial, sans-serif;
    color: #000;
	margin: 0;
	height:100%;
	width:100%;
	padding:0;
}

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

}

a, a:link, a:visited, a:active{
    text-decoration: none;
    cursor:pointer;
    border:0;
	color: inherit; 
	text-decoration: inherit;
	display: block;

}

a:hover {
    text-decoration: none;
}

a img 
{ 
border: none; 
}

input, textarea, submit {
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}

img,
picture,
video,
embed {
    max-width: 100%;
	border:0;
}

.parallax-window {
    min-height: 200px;
    background: transparent;
}

.parallax-window-ios {
    min-height: 200px;
    background: transparent;
	-webkit-overflow-scrolling:touch;
	overflow:hidden;
}

/*estrutura inicial*/

.img-popup { max-width:100%; max-height:100%;}

.header { min-height:140px; background-image:url(../images/bg-home-marketing.gif);
	background-size: contain;
	background-attachment:fixed;
	
	}

.area-logo-menu {width:100%; position:fixed; text-align:center; z-index:99; margin:0; padding:0;}

.area-logo-menu-stop { position:relative;}

.logo-menu {margin-left:auto; margin-right:auto; margin-top:0px; height:100px !important; width:1170px; background-color: rgba(255,255,255,0.70);}

.logo {
	z-index:100;
	background-image:url(../images/logo-virtuacomm.png); background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
	width:220px;
	height:74px;
	margin:13px;
	}

.destaque-home { height:650px; background-position:center; background-size: cover !important; width:100%; z-index:1; background-repeat:no-repeat;}	

.bg-topo-internas { height:180px; margin-top:132px; background-position:center; background-size: cover !important; width:100%; z-index:1; background-repeat:no-repeat;}	

.txt-topo-internas { position:absolute; z-index:99;}
.area-topo-internas {
	width:100%;
	height:auto;
	position:absolute;
	z-index:99;
	margin-top:230px;
}
.area-topo-internas p { float:right; text-align:left; width:auto; font-size:22px; letter-spacing:0.8px; color:#FFFFFF; padding:20px; background-color:rgba(0,0,0,0.40);}

.img-browser {
	position: absolute;
	z-index:99;
	width:100%;
	height:100%;

}

.img-browser img {
    margin-left: auto;
    margin-right: auto;
	margin-top:200px;
}

.area-titulos-internas {background-image:url(../images/noisy.png); width:100%; background-color:#f2f2f2;}

.area-titulos-internas-txt { width:100%}
.area-titulos-internas h1 {text-align: left; color:#000; font-size:30px; padding-top:5px;}
.area-titulos-internas p {text-align: justify; color:#f87222; font-size:18px; padding-top:5px; letter-spacing:0.8px;}

.area-conteudos-internas {width:100%;}
.area-conteudos-internas  p {text-align: justify; color:#000000; font-size:16px; padding-top:5px; letter-spacing:0.8px;}

.area-marketing {
	width:100%;
	height:auto;
	background-image:url(../images/bg-home-marketing.gif);
	background-size: contain;
	background-attachment:fixed;
}
.area-marketing-txt {float:left; width:60%;}
.area-marketing h1 {text-align:center; color:#000; font-size:50px; padding-top:5px;}
.area-marketing p {text-align:center; color:#f87222; font-size:25px; padding-top:5px;}

.area-marketing-img {float:right; width:40%;}
.area-marketing-img-individual { width:18%; height:20%; float:left; padding:0 1% 0 1%;}
.area-marketing-ilustra img { width:100%; height:100%;}


.area-desenvolvimento {
	background-image:url(../images/noisy.png);
	background-color:#1daec9;
	width:100%;
	height:auto;
}

.area-desenvolvimento-txt { width:100%;}
.area-desenvolvimento h1 {text-align:center; font-size:50px; color:#FFF;}
.area-desenvolvimento p {color:#000; font-size:25px; text-align:center; padding-top:5px;}
.area-desenvolvimento img { text-align:center;}

.area-produtos {
	width:100%;
	height:auto;
	background-image:url(../images/bg-home-marketing.gif);
	background-size: contain;
	background-attachment:fixed;
}

.area-produtos-bg {
	background-color:#FFFFFF !important;
	background-image:none;
	width:100%;
	height:auto;
}

.area-produtos-txt { width:20%; float:left; padding:0 2% 0 2%;}
.area-produtos-txt h1 {text-align:center; font-size:30px; color:#f87222; margin-bottom:10px;}
.area-produtos-txt p {text-align:justify; font-size:18px; color:#000000; line-height:20px;}

.area-responsivo {
	background-image:url(../images/noisy.png);
	background-color:#f8b735;
	width:100%;
	height:auto;
}

.area-responsivo-txt { width:100%;}
.area-responsivo h1 {text-align:center; font-size:50px; color:#FFF;}
.area-responsivo p {color:#000; font-size:25px; text-align:center; padding-top:5px;}
.area-responsivo img { text-align:center;}


.area-projetos {
	width:100%;
	height:auto;
	background-image:url(../images/bg-home-marketing.gif);
	background-size: contain;
	background-attachment:fixed;
}

.area-projetos-txt { width:100%; margin-bottom:20px;}
.area-projetos h1 {text-align:center; font-size:50px; color:#000;}
.area-projetos p {color:#000; font-size:25px; text-align:center; padding-top:5px;}

.area-projetos-individual { width:23%; height:auto; float:left; padding:0 1% 0 1%;}
.area-projetos-individual h1 {text-align:center; font-size:22px; color:#000; padding-top:5px;}
.area-projetos-individual p {text-align:center; font-size:16px; color:#000; padding-top:5px;}
.area-projetos-individual img { width:100%; height:100%;}

.area-blog {
	background-image:url(../images/noisy.png);
	background-color:#d2514b;
	width:100%;
	height:auto;
}

.area-blog-bg {
	background-color:#f87222 !important;
}

.area-blog-txt { width:100%;}
.area-blog p {text-align:center; font-size:30px; color:#fff; font-family: 'Marck Script', cursive; width:70%; margin-left:auto; margin-right:auto;}
.area-blog a {color:#fff; text-decoration:none;}
.area-blog a:hover {color:#fdfa00;}
.area-blog span {width:auto; height:auto; color: rgba(255,255,255,0.50); font-size:14px; letter-spacing:1px;}


.area-formulario {
	background-image:url(../images/noisy.png);
	background-color:#73c61a;
	width:100%;
	height:auto;
}

.area-formulario-bg {
	background-color:#bdbdbd !important;
}

.area-formulario-txt { width:100%; margin:-0 0 20px 0;}
.area-formulario h1 {text-align:center; font-size:50px; color:#FFF;}
.area-formulario p {color:#000; font-size:25px; text-align:center; padding-top:5px;}

.area-valida-email{ margin: 10px 0 0px 0; height:auto;}

.formulario-campos {float:left; width:50%}
.formulario-textos {float:left; width:50%}

.txt-tipo-form {
	margin: 6px 0 4px 0;
	font-size: 14px; 
}
.forms { 
	font-size: 14px; 
	color: #000;
	padding-left:4px;
	background-color: #ffffff; 
	border: 0px double #ccc;
	letter-spacing:0.8px;
	width:100%;
	border:0px solid #2D2727;
	margin-bottom:10px;
	height:30px;
	font-family: "fontsite", Helvetica, Arial, sans-serif;

}

.forms-text {
	font-size: 14px; 
	color: #000;
	padding-left:4px;
	background-color: #ffffff; 
	border: 0px double #ccc;
	letter-spacing:0.8px;
	width:100%;
	border:0px solid #2D2727;
	margin-bottom:10px;
	height:60px;
	font-family: "fontsite", Helvetica, Arial, sans-serif;
	}

input:required:focus {
  border: 0px solid #2D2727;
  outline: none;
}

input:required:hover {
  opacity: 1;
}

input:required:invalid {
  border: 0px solid #2D2727;
  outline: none;
}

textarea:required:invalid {
  border: 0px solid #2D2727;
  outline: none;
}

.bt-form {height:45px; float:right; width:15%; background-color:#fff; margin-left:5px; border: 0px double #2D2727; font-size: 16px; cursor:pointer; color: #333; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; font-family: "fontsite", Helvetica, Arial, sans-serif;}
.bt-form:hover { background-color:#ccc;}

.txt-endereco-rodape { margin:0 0 0 50px; font-size:20px; letter-spacing:0.8px; line-height:30px; text-align:left;}

.slogan-virtuacomm { padding:6px; background-color:#FFFFFF; font-size:16px; letter-spacing:0.8px; width:90%; text-align:center; margin-top:20px;}

.img-captcha { width:126px; height:47px; float:left; margin:0 10px 0 10px;}
.captcha-input {
	font-size: 14px; 
	color: #000;
	padding-left:4px;
	background-color: #ffffff; 
	border: 1px double #ccc;
	letter-spacing:0.8px;
	width:20%;
	border:0px solid #2D2727;
	height:41px;
	text-align:center;
	float:left; margin:0 10px 0 10px;
	font-family: "fontsite", Helvetica, Arial, sans-serif;
}

.area-mapa-internas { width:100%; display:none;}

#map-canvas {width: 50%; height:350px; float:left}
#pano {width: 50%; height:350px; float:left}

.conteudos {
	width:1170px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0 20px 0;
	overflow: hidden;
}

.conteudos-bg {
	background-image:url(../images/bg-home-marketing.gif);
	background-size: contain;
	background-attachment:fixed;
}

.area-missao-visao-valores {
	width:100%;
	height:auto;
	background-image:url(../images/noisy.png); background-color:#f2f2f2;
}

.area-missao-visao-valores-txt { width:31%; float:left; padding:0 1% 0 1%;}
.area-missao-visao-valores h1 {text-align:center; font-size:22px; color:#f87222; margin-bottom:10px;}
.area-missao-visao-valores p {text-align:justify; font-size:16px; color:#000000; line-height:20px;}

.area-solucoes {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	overflow: hidden;
}

.area-solucoes-individual {width:31%; height:auto; float:left; padding:0 1% 0 1%; margin-bottom:10px; margin-top:10px;}
.area-solucoes-individual img {width:100%; height:100%;}
.area-solucoes-individual h1 {text-align:center; font-size:22px; color:#f87222; margin:5px 0 5px 0; display:block;}
.area-solucoes-individual p {text-align:justify; font-size:16px; color:#000000; line-height:18px; height:41px; display:block; padding:2px; margin-bottom:4px;}

.area-solucoes-individual h1 a { text-decoration:none; color:#f87222;}

.area-solucoes-individual p a { text-decoration:none; color:#000000;}

.area-clientes { width:100%; overflow:hidden;}
.area-clientes-individual {width:auto; height:auto; float:left; padding:3%; border:double #E5E5E5 1px; margin:10px}
.area-clientes-individual img {width:100%; height:100%; border:0;}

@media only screen and (max-width:1070px){
	.logo-menu {width:940px;}
	
	.destaque-home { height:550px; background-position:center top;}
	
	.area-marketing-txt {float:left; width:60%;}
	.area-marketing h1 {font-size:35px;}
	.area-marketing p {font-size:20px;}
	.area-marketing-img {float:left; width:30%;}
	
	.conteudos {width:940px; padding:10px 0 10px 0; overflow: hidden;}
	
	.img-captcha { width:106px; height:47px; float:left; margin:0 10px 0 10px;}
}
@media only screen and (max-width:960px){
	.area-logo-menu {position: absolute !important;}
	.area-logo-menu-stop { position:relative; margin-bottom:20px;}
	.logo-menu {width:90%;}
	
	.img-browser img { width:80%;}
	
	.area-marketing-txt {float:left; width:60%;}
	.area-marketing-img {float:left; width:40%;}
	
	.area-desenvolvimento h1 {font-size:35px;}
	.area-desenvolvimento p {font-size:20px;}
	.area-desenvolvimento img { width:80%;}
	
	.area-responsivo h1 {font-size:35px;}
	.area-responsivo p {font-size:20px;}
	.area-responsivo img { width:80%;}
	
	.area-projetos h1 {font-size:35px;}
	.area-projetos p {font-size:20px;}
	
	.area-projetos-individual h1 {font-size:18px;}
	.area-projetos-individual p {font-size:14px;}
	
	.area-formulario h1 {font-size:35px;}
	.area-formulario p {font-size:20px;}
	.area-valida-email{ margin: 10px 0 20px 0; height:auto; overflow:hidden;}
	
	.txt-endereco-rodape { margin:0 0 0 30px; font-size:18px; letter-spacing:0.8px; line-height:23px; text-align:left;}
	
	.slogan-virtuacomm { padding:6px 0 6px 0; margin-top:10px; width:100%;}
	
	.img-captcha { width:70px; height:47px; float:left; margin:0 10px 0 10px;}
	
	.captcha-input { width:13%; }
		
	.conteudos {width:90%; padding:10px 0 10px 0; overflow: hidden;}	
	
	.area-solucoes-individual h1 {font-size:18px;}
	.area-solucoes-individual p {font-size:14px;}
	
}
@media only screen and (max-width:768px){
	
	.area-marketing-txt {float:none; width:100%;}
	.area-marketing-img { display:none;}
	
	.area-produtos-txt { width:100%; float:none; padding:2% 0 2% 0;}
	.area-produtos-txt p {text-align:center;}
	
	.area-projetos h1 {font-size:20px;}
	.area-projetos p {font-size:16px;}
	.area-projetos-individual h1 {font-size:14px;}
	.area-projetos-individual p { display:none;}
	
	.formulario-campos {float:none; width:100%; overflow:hidden;}
	.formulario-textos {float:none; width:100%; overflow:hidden;}
	
	.txt-endereco-rodape { margin:0 0 0 0; font-size:20px; letter-spacing:0.8px; line-height:20px; text-align:left;}
	
	.slogan-virtuacomm { padding:6px 0 6px 0; margin-top:10px; width:100%;}
	
	.img-captcha { width:70px; height:47px; float:left; margin:0 10px 0 10px;}
	
	.area-missao-visao-valores { display:none;}
	.area-mapa-internas { display:none}
	
	.area-solucoes-individual {width:48%;}
	
	.area-clientes-individual {width:24%; height:auto; float:left; padding:3%; border:double #E5E5E5 1px; margin:1%;}
}
@media only screen and (max-width:480px){
	
	.header { min-height:60px;}
	.area-logo-menu {position: absolute !important; margin-top:-20px !important; padding:0;}
	.logo-menu {margin-left:auto; margin-right:auto; width:100%; height:64px !important; background-color:#FFF; padding:0px;}
	.logo {
	z-index:100;
	background-image:url(../images/logo-virtuacomm.png); background-repeat:no-repeat;
	text-indent:-9999px;
	text-align:center;
	width:165px;
	height:56px;
	margin:2px 0 0 10px;
	padding:2px 0 0 10px;
	background-size: contain;
	}
	
	.destaque-home { height:250px; background-position:center top;}

.img-browser img {
margin-left: auto;
margin-right: auto;
margin-top:100px;
} 
	
	.area-topo-internas {
		display:none;
	}
	
	.bg-topo-internas { height:180px; margin-top:32px; background-position:center; background-size: cover !important; width:100%; z-index:1; background-repeat:no-repeat;}	

	.area-projetos-individual { width:100%; padding:1% 0 1% 0; float:none;}
	.area-projetos-individual h1 {font-size:18px;}
	
	.area-valida-email{ margin: 0 0 20px 0; height:auto; overflow:hidden;}
	
	.txt-endereco-rodape { margin:2px 0 0 0; font-size:16px; letter-spacing:0.8px; line-height:14px; text-align:left;}
	
	.img-captcha { width:100%; height:47px; float:left; margin:10px 0 10px 0;}
	
	.captcha-input { width:20%; }
	
	.bt-form {width:25%;}
	
	.area-solucoes-individual {float:none; width:100%; padding:0;}
	
	.conteudos {width:96%; padding:10px 0 10px 0; overflow: hidden;}

}