@charset "UTF-8";
/* CSS Document */
#pop{
	position:absolute;
	top:140px; 
	right:20%;
	left:20%;
	padding:10px;
	z-index:101;
	}
*{
	margin:0;
	font:14px Arial, Helvetica, sans-serif;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0;
}
#enviado{ color:#096; border:1px solid #066; padding:10px; width:400px;}
.clear{
	clear:both
}
h4{ color:#060; font-weight:bold; float:left; margin-left:145px;}
h5{ color:#060; font-weight:bold; float:left;}
img{
	border:0;
}
body{
	margin:0;
	padding:0;
	background:url(images/bg_fundo.jpg) repeat-x;
}
#site{
	width:980px;
	height:auto;
	margin:0 auto;
}


/*HEADER*/
#header{
	width:980px;
	height:180px;
}
#top_logo{
	width:980px;
	height:90px;
}
#logo{
	width:500px;
	height:80px;
	float:left;
	padding:10px 0 0 23px;
}
#marca{
	width: 350px;
	height: 90px;
	float: right;
}

#marca .img{
	position:relative;
	float:right;
	
}
#menu{
	width:980px;
	background:url(images/bg_menu.jpg) repeat-x;
	height:61px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 3px 2px 0px ;
	-moz-box-shadow: 1px 3px 2px 0px ;
	box-shadow: 1px 3px 2px 0px ; 
}
#banner_page{
	width:980px;
	background:#FFF;
	margin-bottom:15px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 3px 2px 0px ;
	-moz-box-shadow: 1px 3px 2px 0px ;
	box-shadow: 1px 3px 2px 0px ; 
	
	}

#banner_page img{
	width:980px;
	-webkit-border-radius: 8px;
	border-radius: 8px; 
	
	}
#banner{
	width:980px;
	height:300px;
}
#marca_logo{
	width:79px;
	height:79px;
	position:absolute;
	top: -29px;
}
#barra_banner{
	width:958px;
	height:49px;
	background:url(images/bg_banner_f.png) repeat-x;
	position:absolute;
	margin-top:220px;
	z-index:100;
	
}
#nav_banner{
	width:70px;
	float:right;
	padding-top: 8px;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 0;
}
/* Styling for prev and next buttons */
#buttons {
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#buttons a {
	display:block; 
	width:31px; 
	height:29px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(images/btn/arrow.png) 0 -28px no-repeat; 
}

a#prev:hover {
	background:url(images/btn/arrow.png) 0 0 no-repeat;
}

a#next {
	background:url(images/btn/arrow.png) -31px -28px no-repeat; 
}

a#next:hover {
	background:url(images/btn/arrow.png) -31px 0 no-repeat;
}
/*FIM HEADER*/


/*CONTENT*/
#content {
	min-height:500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background:#FFF;
	padding:10px 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#content #conteudo_site{
	border:1px solid #DCDCDC;
	background:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:5px 0 20px 10px;
	padding:10px 0 20px 10px;
	width:700px;
	min-height:650px;
	float:left;
}


#content #conteudo_site ul{
	list-style:none;
	margin-left:35px;
}

#content #conteudo_site ul li{
	float:left;
	margin-top:15px;
}
#content #conteudo_site ul li img{
	float:left;
}

#content #conteudo_site .page_diferenc{
	padding:10px 0 15px 10px;
	float:left;
}

#content #conteudo_site ul li p{
	padding:24px 0 15px 10px;
	float:left;
	width:480px;
}
.margintop{
	margin-top:-10px;
}


#content #conteudo_site h1{
	font:24px "Myriad Pro", Arial, Helvetica, sans-serif;
	margin-bottom:0px;
	margin-top:10px;
}

#content #conteudo_site h2{
	font:20px "Myriad Pro", Arial, Helvetica, sans-serif;
	padding:40px 0 10px 0;
}

#content #conteudo_site img{
	float:left;
	
}



#content #sidebar_page{
	width:257px;
	float:left;
}
#sidebar_page .sidebar_produtos{
	width:250px;
	min-height:68px;
	margin-top:20px;
}

#sidebar_orcamento{
	width:248px;
	float:left;
	margin-top:20px;
	background:#F3F3F3;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	padding-top:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}

#page .produtos-page{
	width:660px;
	padding:10px 0 0  5px;
	margin-bottom:15px;
	
}

#page .produtos-page img{
	padding:5px;
	float:left;
	margin:0 0 0 10px;
	border:1px solid #054574;
	
}
#page .produtos-page a{
	float:left;
	color:#054574;
	text-decoration:none;
	margin-left:10px;
	margin-top:3px;
}
#page .produtos-page a:hover{
	text-decoration:underline;
}
#page .produtos-page h3{
	float:left;
	display:block;
	width:310px;
	padding:5px 0 5px 5px;
	color:#054574;
	font:20px "Myriad Pro", Arial, Helvetica, sans-serif;
	
}

#page .produtos-page span{
	padding:0 0 0 10px;
	float:left;
	width:360px;
	font:14px Arial, Helvetica, sans-serif;
	color:#666;
	
}

#content .paragrafo{
	font:14px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 19px;
}

#content .paragrafo-color{
	font:14px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 19px;
	color:#999;
}

#content .h1{
	margin:30px 0 15px 10px;
	display:block;
	font:18px Arial, Helvetica, sans-serif;
	color:#064776;
}

#content .h2{
	display:block;
	font:18px Arial, Helvetica, sans-serif;
	color:#064776;
	margin-right: 0;
	margin-left: 20px;
	padding-top:20px;
}

#content .prod{
	font:20px Arial, Helvetica, sans-serif;
	color:#064776;
	margin:0px;
	display:block;
}
.produtos_box{
	float:left;
	width:400px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:10px;
}

#content .box{
	width:309px;
	height:300px;
	float:left;
	margin:5px 5px;
}
#content .box p{
	font:13px Arial, Helvetica, sans-serif;
	margin:150px 0 0 0;
	padding:4px 7px;
	position:relative;
	
}

#content .box .p{
	font:13px Arial, Helvetica, sans-serif;
	margin:210px 0 0 0;
	padding:4px 7px;
	position:relative;
	
}

.box a, .p a{
	font:13px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	
}

.box a:hover, .p a:hover{
	font:13px Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	
}

#content .box #empresa{
	background:url(images/bg_empresa.jpg) no-repeat;
	height:144px;
	width:309px;
	position:absolute;
}
#content .box #empresa h1{
	background:url(images/empresa_bg.png) no-repeat;
	height:50px;
	position:relative;
	margin:108px 0 0 0;
}

#content .box #tecnologia{
	background:url(images/bg_tecnologia.jpg) no-repeat;
	height:206px;
	width:309px;
	position:absolute;
}
#content .box #tecnologia h1{
	background:url(images/tecnologia_voip_bg.png) no-repeat;
	height:37px;
	position:relative;
	margin:170px 0 0 0;
}

#content .box #contato{
	background:url(images/bg_contato.jpg) no-repeat;
	height:144px;
	width:309px;
	position:absolute;
}
#content .box #contato h1{
	background:url(images/contato_bg.png) no-repeat;
	height:50px;
	position:relative;
	margin:106px 0 0 12px;
}


#content #serv{
	width:958px;
	margin:30px 0 0 0;
}

#content #serv #politica_priv{
	width:520px;
	height:240px;

}
#look{
	width:112px;
	float:left;
	padding:50px 10px 0 5px;
}

#privacidade{
	background:url(images/bg_politica.jpg) repeat-x;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; 
	width:357px;
	height:189px;
	float:left;
	margin:15px 3px;
	padding:5px;
	
	-webkit-box-shadow: 2px 2px 3px 1px #000;
	-moz-box-shadow: 2px 2px 3px 1px #000;
	box-shadow: 2px 2px 3px 1px #000; 
}
#privacidade h1{
	background:url(images/texto_politica.png) no-repeat;
	display:block;
	height:28px;
	width:300px;
	margin-left:7px;
}

#privacidade p{
	margin:7px 7px 7px 18px ;
	width:320px;
}

#cont_lendo{
	background:url(images/bg_read.png) no-repeat;
	width:200px;
	height:40px;
	padding:11px 0 0 11px;
	position:relative;
	float:right;
	margin-right:-21px;
}
#cont_lendo a{
	color:#000;
	text-decoration:none;
}

#cont_lendo a:hover{
	color:#000;
	text-decoration:underline;
}

#duobox{
	width:410px;
	height:275px;
	float:right;
	text-align:right;
}
#duobox h1{
	background:url(images/texto_orcamento.png) no-repeat;
	display:block;
	height:28px;
	width:300px;
	margin-left:7px;
}

/*PAGES*/
#tel_contato{
	background:#D9D9D9;
	width:290px;
	float:right;
	margin:20px 20px 5px 20px;
	min-height:200px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;

}

#tel_contato b{
	margin:16px 0 0 0;
	font-weight:bold;
	display:block;

}

#tel_contato span{
	font:16px Arial, Helvetica, sans-serif;
	color:#044673;
	display:block;
	padding:5px 0;

}
#tel_contato strong{
	font:11px Arial, Helvetica, sans-serif;
	color:#044673;
	display:block;

}

#tel_contato p{
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	padding:5px 0;
	margin-top:20px;

}
#form{
	width:340px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float:left;
}
#form h1{
	background:url(images/ne_contato.jpg) no-repeat;
	margin:5px 0 15px 10px;
	display:block;
}


#form p{
	font:14px Arial, Helvetica, sans-serif;
	width: 300px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

#form_cont{
	float:right;
	width:480px;
	margin-left:20px;
}

#contatos{
	width:350px;
	height:596px;
	float:right;
	margin-top:20px;
}
#contatos h1{
	margin:20px 10px 5px 10px;
	display:block;
}

#contatos p{
	margin:0px 10px 5px 30px;
	display:block;
}

.contato_img{
	float:right;
}

#map{
	width:240px;
	float:right;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:10px 0 0 5px;
}

#map span{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 3px;
}

#map a{
	color:#000;
	text-decoration:none;
	font:11px Arial, Helvetica, sans-serif;
}

#map a:hover{
	text-decoration:underline;
}
	
/*FIM PAGES*/


/*FIM CONTENT*/


/*FOOTER*/
#footer_all{
	background:url(images/bg_footer.jpg) repeat-x;
	width:100%;
	height:280px;
}

#footer{
	margin:0 auto;
	width:980px;
	height:280px;
}

#footer #marca_logo_footer{
	width:90px;
	height:90px;
	float:left;
}

#footer #margem{
	width:950px;
	height:50px;
	margin:0 auto;
	
	}

#footer #end{
	width:570px;
	height:60px;
	float:left;
	color:#FFF;
	padding:5px 0 0 5px;
	font:12px Arial, Helvetica, sans-serif;
}

#footer #valid{
	width:372px;
	height:60px;
	float:left;
	color:#FFF;
	padding:25px 0 0 0;
	text-align:right;
}

#footer #valid a{
	padding:5px;
}

#footer #referencias{
	width:965px;
}

#footer #direitos{
	width:560px;
	float:left;
	padding:15px 0 0 5px;
	font:12px Arial, Helvetica, sans-serif;
}

#footer #desenvolvimento{
	width:150px;
	float:right;
	padding:20px 0 0 0;
}

#footer #desenvolvimento p{
	width:100px;
	float:left;
	padding:6px 0 0 0;
}

#footer #desenvolvimento p a{
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

/*FIM FOOTER*/


/*FORMULARIO HOME*/
form {
	padding:10px 0 0 0;
}
.formhome{
	margin:5px 0;
	
}
.formhome input, .formhome textarea, {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12pt;
}
.formhome p {
	margin: 5px 0;
	float:left;
}
.formhome br {
	display: none;
}
.formhome input, form textarea { 
	padding: 5px; 
	width: 280px; 
	margin: 0;
	}
.formhome p {
	margin: 5px 5px 5px 6px; 
	float:left; 
	text-align:right;
	color: #999999;
	width: 92px;
	}
.formhome input {
	border: solid 1px #ccc;
	}
.formhome textarea {
	border: solid 1px #ccc;
	}

#submits{
	height:36px;
	width:118px;
	float:right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
#enviar_contato{
	float:right;
	padding-top:15px;
	height:36px; 
	width:118px; 
	cursor:pointer;  
	border: solid 1px #ccc; 
	background:url(images/btn_orc.png) no-repeat top;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	filter: dropshadow(color=#ffffff, offx=1, offy=1); 
	}
	
.yes {
	padding:3px; 
	background:#EAFFD5; 
	border:1px solid #0F0; 
	width:100%; 
	height:auto;
}
.no {
	padding:3px; 
	background:#FDD; 
	border:1px solid #F00;
	margin-right:10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.form_color{
	color:#999; 
	font:12px Arial, Helvetica, sans-serif;
}
#sucesso_img{
	background:url(images/sucesso.png) no-repeat; 
	width:23px; 
	height:37px; 
	float:right;
}
#sucesso_msg{
	width:230px; 
	height:37px; 
	float:left; 
	margin:15px 0 0 0;
	}
#sucesso_env{
	width:280;
	}
#processando_img{
	background:url(images/loader.gif) no-repeat; 
	width:23px; 
	height:37px;
	}
#aviso {
	height:20px; 
	width:280px; 
	color:#090; 
	display:normal; 
	float:left; 
	margin-left:110px; 
	display:none;
}
#erro{
	color:#F00;
}
/*FIM FORMULARIO*/

/*FORMULARIO SIDEBAR*/

#sidebar_orcamento input{
	width:230px;
	float:left;
	background:#FFF;
	border: solid 1px #ccc;
	padding:5px 0;
	margin-bottom:5px;
	
}
#sidebar_orcamento form, #sidebar_orcamento form  input, #sidebar_orcamento form  textarea, #sidebar_orcamento form label {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12pt;
}
#sidebar_orcamento form p {
	position: relative; 
	margin: 15px 0 0 0; 
	clear: both;
	font:14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#sidebar_orcamento form p br {
	display: none;
}
#sidebar_orcamento form p input, #sidebar_orcamento form p textarea {
	display: block; 
	padding: 4px; 
	width: 230px; 
	margin: 5px 0 10px 0;
	}
#sidebar_orcamento form p textarea {
	border: solid 1px #ccc;
	}
#sidebar_orcamento form p label {
	color: #999999;
	width: 92px;
	}

#sidebar_orcamento #submits{
	height:36px;
	width:118px;
	float:right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	}
#sidebar_orcamento #enviar_contato{
	float:right; 
	height:30px; 
	width:118px; 
	cursor:pointer;
	padding-bottom:30px;  
	border: solid 1px #ccc; 
	background:url(images/btn_orc.png) no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	filter: dropshadow(color=#ffffff, offx=1, offy=1); 
	}
	

#sidebar_orcamento #sucesso_img{
	background:url(images/sucesso.png) no-repeat; 
	width:150px; 
	height:37px; 
	float:right;
}
#sidebar_orcamento #sucesso_msg{
	width:220px; 
	height:37px; 
	float:left; 
	margin:15px 0 0 0;
	}
#sidebar_orcamento #sucesso_env{
	width:230;
	}
#sidebar_orcamento #processando_img{
	background:url(images/loader.gif) no-repeat; 
	width:23px; 
	height:37px;
	}
#sidebar_orcamento #aviso {
	height:20px; 
	width:230px; 
	color:#090; 
	display:normal; 
	float:left; 
	margin-left:110px; 
	display:none;
}
#sidebar_orcamento #erro{
	color:#F00;
}
#sidebar_orcamento h2{
	width:230px;
	color:#090;
	font-weight:bold;
}

#sidebar_orcamento h1{
	width:250px;
	background:#FFF;
	padding:5px 0 0 2px;
}
/*FIM FORMULARIO*/



/*FORMULARIO CONTATO*/
#form_contato{
	width:305px;
	margin-left:30px;
	float:left;
	text-align:left;
	
	
}
#form_contato input{
	width:300px;
	float:left;
	background:#FFF;
	border: solid 1px #ccc;
	padding:5px 0;
	margin-bottom:5px;
	
}
#form_contato form, #form_contato form  input, #form_contato form  textarea, #form_contato form label {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12pt;
}
#form_contato form p {
	position: relative;
	clear: both;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
#form_contato form p br {
	display: none;
}
#form_contato form p input, #form_contato form p textarea {
	display: block; 
	padding: 4px; 
	width: 230px; 
	margin: 5px 0 10px 0;
	}
#form_contato form p textarea {
	border: solid 1px #ccc;
	}
	
#form_contato textarea {
	display: block; 
	padding: 4px; 
	width: 295px; 
	margin: 5px 0 10px 0;
	}
#form_contato textarea {
	border: solid 1px #ccc;
	}
	
#form_contato form p label {
	color: #999999;
	width: 92px;
	}

#form_contato #submits{
	height:36px;
	width:118px;
	float:right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	}
#form_contato #enviar_contato{
	float:right; 
	height:30px; 
	width:118px; 
	cursor:pointer;
	padding-bottom:30px;  
	border: solid 1px #ccc; 
	background:url(images/btn_orc.png) no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	filter: dropshadow(color=#ffffff, offx=1, offy=1); 
	}
	

#form_contato #sucesso_img{
	background:url(images/sucesso.png) no-repeat; 
	width:150px; 
	height:37px; 
	float:right;
}
#form_contato #sucesso_msg{
	width:220px; 
	height:37px; 
	float:left; 
	margin:15px 0 0 0;
	}
#form_contato #sucesso_env{
	width:230;
	}
#form_contato #processando_img{
	background:url(images/loader.gif) no-repeat; 
	width:23px; 
	height:37px;
	}
#form_contato #aviso {
	height:20px; 
	width:230px; 
	color:#090; 
	display:normal; 
	float:left; 
	margin-left:110px; 
	display:none;
}
#form_contato #erro{
	color:#F00;
}
#form_contato h3{
	width:230px;
	color:#090;
	font-weight:bold;
}

#form_contato h1{
	width:250px;
	background:#FFF;
	padding:5px 0 0 2px;
}
/*FIM FORMULARIO*/