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

pela 3ip - Agencia Digital

Webdesigner: Yuri Biehl*/

*{
	margin:0 auto;
	padding:0;
}


body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	background-image:url(images/background_body.gif);
}

/* conteúdo topo */


#top{
	background-repeat:repeat-x;
	height:147px;
	width:100%;
}

#top_content{
	margin:0 auto;
	padding:0;
	width:1000px;
	height:147px;
}

#logo_top{
	float:left;
    width:111px;
    height:109px;
    padding-left:54px;
    padding-top:15px;
}


#menu_top {
float:left;
height:32px;
padding-left:76px;
padding-top:25px;
width:475px;
}

#menu_top ul {
    float:left;
    height:32px;
    width:730px;
}

#menu_top li {
    display:inline;
    float:left;
    height:32px;
    color:#FFFFFF;
}

#menu_top li.backLava, #menu_top li.backLava a {
    background-color:#F9B734;
    position:absolute;
    width:9px;
    color:#000;
    z-index: -1;
}

#menu_top a {
    font:normal 18px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#FFFFFF;
    float:left;
    height:32px;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    text-decoration:none;
}

.contato_top{
    float:right;
    height:33px;
    padding-top:15px;
    padding-right:24px;
    width:265px;
}

.contato_top span{
    color:#FFFFFF;
    float:right;
    font:18px/32px "Trebuchet MS",Arial,Helvetica,sans-serif;
    height:33px;
    padding-right:7px;
    width:232px;
}

.contato_top strong{
    float:left;
    font:normal 23px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#FFFFFF;
    line-height:30px;
    width:136px;
    height:33px;
}


/* conteudo geral */

#geral{
    width:1000px;
    height:500px;
    margin:0 auto;
    padding:0;
}

#texto_home {
    float:left;
    height:230px;
    padding-left:73px;
    padding-top:3px;
    width:500px;
}

#texto_home h3{
    float:left;
    font:normal 30px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#FFC73A;
    text-align:left;
}

#texto_home h2{
    float:left;
    font:normal 14px arial;
    color:#FFFFFF;
    text-align:left;
    padding-top:15px;
}

#texto_home strong{
    float:left;
    font:normal 14px arial;
    color:#666666;
    text-align:left;
}

.sistemas_home{
    float:right;
    height:307px;
    padding-right:58px;
    width:365px;
}

.design_home{
    float:left;
    height:234px;
    padding-left:65px;
    width:293px;
}

.seo_home{
    float:left;
    height:123px;
    padding-left:80px;
    width:121px;
}

.quemsomos_home{
    float:right;
    height:132px;
    padding-right:83px;
    width:137px;
}

.contato_home{
    float:right;
    height:147px;
    padding-right:72px;
    padding-top:13px;
    width:101px;
}

.blog_home{
    float:right;
    height:109px;
    padding-right:55px;
    padding-top:12px;
    width:127px;
}

.carousel{
    padding-left:76px;
    height:330px;
    clear: both;
    display: block;
}

/* conteudo pagina empresa */



#geral_empresa{
    width:1000px;
    height:893px;
    margin:0 auto;
    padding:0;
}

#box_text_port_empresa{
    float:left;
    height:511px;
    padding-left:103px;
    width:480px;
}

#box_text_port_empresa h3{
    float: left;
    font:normal 30px arial;
    color: #FFC138;
}

#box_text_port_empresa strong{
    float: left;
    font:normal 20px arial;
    color: #FFC138;
    padding-left:6px;
    padding-top:8px;
}

#box_text_port_empresa p{
    color:#FFC138;
    float:left;
    font:16px arial;
    height:20px;
    padding-top:15px;
    text-align:left;
    width:502px;
}

#box_text_port_empresa h4{
    float: left;
    font:normal 13px arial;
    color: #FFFFFF;
    text-align: justify;
    width:503px;
    height:175px;
    padding-top:20px;
}

#box_text_port_empresa ul{
    float:left;
    height:216px;
    padding-left:11px;
    padding-top:20px;
    width:475px;
}

#box_text_port_empresa ul li{
    color:#FFFFFF;
    display:inline;
    float:left;
    font:12px arial;
    padding-bottom:7px;
    padding-top:7px;
    text-align:justify;
    width:456px;
}

#box_text_port_empresa ul li span{
    color:#FFC138;
    font:normal 13px arial;
    text-align:left;
    float: left;
}

#box_text_port_empresa ul li h2{
    color:#FFFFFF;
    font:normal 13px arial;
    text-align:left;
    float: left;
    padding-left:5px;
}

.text_contact_port_empresa{
    float: left;
    width:503px;
    height: 35px;
    padding-left:105px;
}

.text_contact_port_empresa p{
    color:#FFFFFF;
    font:normal 13px arial;
    text-align:left;
}

.text_contact_port_empresa a{
    color:#FFC138;
    font:normal 13px arial;
    text-align:left;
}


/* conteúdo fale conosco */


#geral_contato{
    width:1000px;
    height:550px;
    margin:0 auto;
    padding:0;
}

.colum_contact{
    float: left;
    width: 380px;
    height: 460px;
    padding-left:110px;
    padding-top: 20px
}

.colum_contact h4{
    color:#FFC138;
    float:left;
    font:30px arial;
    height:38px;
    text-align:left;
    width:372px;
}

.colum_contact b{
    float: left;
    font:normal 14px arial;
    color: #FFC138;
    padding-top:20px;
}

.colum_contact span{
    float: left;
    font:normal 16px arial;
    color: #FFFFFF;
    padding-left:10px;
    padding-top:18px;
}

.colum_contact strong{
    color:#FFC138;
    float:left;
    font:16px arial;
    height:20px;
    padding-top:10px;
    text-align:left;
    width:372px;;
}

.campos{
    float:left;
    padding-top:17px;
    width:373px;
}

.campos p{
    float: none;
    font:normal 12px arial;
    color: #FFFFFF;
    text-align:left;
}

.campos input.focus{

    border:1px solid red;
}

.campos input{
   background-color:#FFFFFF;
border:1px solid #FFC138;
color:#333333;
float:left;
font:15px arial;
height:22px;
width:259px;
}

.campos textarea{
    float: left;
    border: 1px solid #FFC138;
    background-color: #FFFFFF;
    color: #333333;
}

.link_send_contact a{
    float: left;
    width: 84px;
    height: 22px;
}

.link_send_contact{
    float: left;
    padding-left:0;
    padding-top:15px;
}

#alert{
    float: left;
    padding-left:10px;
    padding-top:15px;
    color: red;
}

.iphone_localizacao{
    float: left;
    background-image: url(images/iphone_contato.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 261px;
    height: 500px;
    padding-left:200px;
    padding-top: 20px
}

.mapa{
    float: left;
    padding-left:36px;
    padding-top:79px;
}

/*conteudo pagina design */

.carousel a{
    color: #FFFFFF;
    text-decoration: none;
    font: bold 12px arial;
}

.carousel a:hover{
    text-decoration: underline;
}

#geral_design{
    width:1000px;
    margin:0 auto;
    padding:0;
    display: block;
}

#box_text_port{
    float:left;
/*    height:690px;*/
    padding-left:103px;
    padding-bottom: 50px;
    width:480px;
}

#box_text_port h3{
    float: left;
    font:normal 30px arial;
    color: #FFC138;
    line-height: 60px;
}

#box_text_port strong{
    float: left;
    font:normal 20px arial;
    color: #FFC138;
    padding-left:6px;
    padding-top:8px;
}

#box_text_port h4 strong{
    color: #FFFFFF;
    padding: 0;
    float: none;
    font:bolder 13px arial;
}

#box_text_port p{
    float: left;
    font:normal 10px arial;
    color: #999999;
    text-align: left;
    height:40px;
    width:502px;
    padding-top:15px;
}


#box_text_port h4{
    float: left;
    font:normal 13px arial;
    color: #FFFFFF;
    text-align: justify;
    width:503px;
    height:auto;
}

#box_text_port ul{
    float: left;
    width:510px;
    padding-top:20px;
/*    height: 94px;*/
    padding-left:10px;
}

#box_text_port ul li{
    color:#FFFFFF;
    display:inline;
    float:left;
    font:12px arial;
    padding-bottom:5px;
    padding-top:5px;
    text-align:justify;
    width:255px;
}

#box_text_port ul li span{
    color:#FFC138;
    font:normal 13px arial;
    text-align:left;
    float: left;
}

#box_text_port ul li h2{
    color:#FFFFFF;
    font:normal 13px arial;
    text-align:left;
    float: left;
    padding-left:5px;
}

.text_contact_port{
    float: left;
    width:503px;
    height: 35px;
    padding-left:105px;
}

.text_contact_port p{
    color:#FFFFFF;
    font:normal 13px arial;
    text-align:left;
}

.text_contact_port a{
    color:#FFC138;
    font:normal 13px arial;
    text-align:left;
}

/*conteudo pagina seo */

#geral_seo{
    width:1000px;
    height:790px;
    margin:0 auto;
    padding:0;
}

#box_text_port_seo{
    float:left;
    height:432px;
    padding-left:103px;
    width:480px;
}

#box_text_port_seo h3{
    float: left;
    font:normal 30px arial;
    color: #FFC138;
}

#box_text_port_seo strong{
    float: left;
    font:normal 20px arial;
    color: #FFC138;
    padding-left:6px;
    padding-top:8px;
}

#box_text_port_seo p{
    float: left;
    font:normal 10px arial;
    color: #999999;
    text-align: left;
    height:40px;
    width:502px;
    padding-top:15px;
}

#box_text_port_seo h4{
    float: left;
    font:normal 13px arial;
    color: #FFFFFF;
    text-align: justify;
    width:503px;
    height:140px;
}

#box_text_port_seo ul{
    float:left;
    height:115px;
    padding-left:11px;
    padding-top:20px;
    width:475px;
}

#box_text_port_seo ul li{
    color:#FFFFFF;
    display:inline;
    float:left;
    font:12px arial;
    padding-bottom:7px;
    padding-top:7px;
    text-align:justify;
    width:456px;
}

#box_text_port_seo ul li span{
    color:#FFC138;
    font:normal 13px arial;
    text-align:left;
    float: left;
}

#box_text_port_seo ul li h2{
    color:#FFFFFF;
    font:normal 13px arial;
    text-align:left;
    float: left;
    padding-left:5px;
}

.text_contact_port_seo{
    float: left;
    width:503px;
    height: 35px;
    padding-left:105px;
}

.text_contact_port_seo p{
    color:#FFFFFF;
    font:normal 13px arial;
    text-align:left;
}

.text_contact_port_seo a{
    color:#FFC138;
    font:normal 13px arial;
    text-align:left;
}
#cliente
    {float:left;
    height:40px;
    padding-top:24px;
    width:1000px;}

.cliente{
    float: left;
    width:280px;
/*    height:290px;*/
    padding-left:100px;
    padding-right:0px;
    padding-bottom: 20px;
}

.cliente ul{
    float:left;
    padding-top:12px;
    width:270px;
    text-align:justify;
}

.cliente ul li{
    color:#FFFFFF;
    display:inline;
    float:left;
    font:12px arial;
    padding-bottom:5px;
    padding-top:5px;
    text-align:justify;
    width:270px;
}

.cliente ul li a{
    color: #FFD67F;
    font: normal 12px arial;
    text-decoration: none;
}
.cliente ul li a:hover {
    text-decoration: underline;
}

.title_cliente{
    float: left;
    width: 270px;
    height: 20px;
    padding-top: 15px;
}

.title_cliente strong{
    float: left;
    font:normal 20px arial;
    color:#FFC138;
}



/* conteúdo rodape */

#rodape{
    width:100%;
    background-image:url(images/background_rodape.gif);
    height:388px;
    margin: 0 auto;
    padding: 0;
}

.content_rodape{
    margin:0 auto;
    padding:0;
    width:1000px;
    height:391px;
}

#endereco{
    clear:both;
    height:40px;
    padding-top:24px;
    width:1000px;
}

#endereco h4{
    float:left;
    width:1000px;
    height:20px;
    font:normal 14px arial;
    color:#FFFFFF;
    text-align: center;
}

#endereco strong{
    float:left;
    width:1000px;
    height:20px;
    font:normal 14px arial;
    color:#FFFFFF;
    padding-top:5px;
    text-align: center;
}

.title_column_footer {
    color:#FFC138;
font:24px arial;
padding:10px 10px 10px 0;
text-align:left;
}


.column_footer{
    float: left;
    width:950px;
    height:306px;
    padding-top: 10px;
    padding-left: 65px;
}


.post_twiter{
    float: left;
    width: 270px;
    height:315px;
    border-right: 1px solid #FFC138;
    padding-left: 10px;
    padding-right:20px;
}


.post_twiter ul{
    float:left;
    padding-top:20px;
    width:270px;
    text-align:justify;
}

.post_twiter ul li{
    color:#FFFFFF;
    display:inline;
    float:left;
    font:12px arial;
    padding-bottom:10px;
    padding-top:10px;
    text-align:justify;
    border-bottom:1px solid #666666;
}

.post_twiter ul li a{
    color: #FFC138;
    font: normal 12px arial;
    text-decoration: none;
}

.post_twiter ul li a:hover{
    text-decoration: underline;
}

.contato_rodape {
    float: left;
    width: 270px;
    height:290px;
    padding-left:20px;
}

.post_blog{
    float: left;
    width: 270px;
    height:315px;
    border-right: 1px solid #FFC138;
    padding-left:20px;
    padding-right:20px;
}

.post_blog ul{
    float: left;
    width: 270px;
    padding-top:20px;
}

.post_blog ul li{
    color:#FFC138;
    display:inline;
    float:left;
    font:bold 12px arial;
    padding-bottom:10px;
    padding-top:10px;
    text-align:justify;
    width:270px;
}

.post_blog ul li a{
    font:bold 12px arial;
    color:#FFFFFF;
    text-decoration: none;
    text-align:left;
}

.post_blog ul li a:hover{
    text-decoration: underline;
}



#box_text_port ul.box_text_seo {
    float:left;
    height:127px;
    padding-left:11px;
    padding-top:20px;
    width:475px;
}

#box_text_port ul.box_text_seo li{
    color:#FFFFFF;
    display:inline;
    float:left;
    font:12px arial;
    padding-bottom:7px;
    padding-top:7px;
    text-align:justify;
    width:456px;
}

#box_text_port ul.box_text_seo li span{
    color:#FFC138;
    font:normal 13px arial;
    text-align:left;
    float: left;
}

#box_text_port ul.box_text_seo li h2{
    color:#FFFFFF;
    font:normal 13px arial;
    text-align:left;
    float: left;
    padding-left:5px;
}



.ancora {
    clear:both;
    display:block;
    float:none;
    height:30px;
}