@charset "utf-8";



body {
	background-color: #333; margin: 0 ; padding: 0 ;
}


#banner-solution { margin: 0 auto; width: 1000px ; height: 200px;  }

#bock { background: #3C3C3C ; text-align: center; width: 1000px ; height: 45px;  margin: 0 auto ; padding : 10px 0 0 0 }

#bock ul { list-style: none ; margin: 0  ; padding: 0 ;  }

#bock li { display: inline ; float: left ; } 

#bock li a{margin: 0 0 0 12px;  width: 120px ; height: 40px; font-family: Arial, Helvetica, sans-serif ; color: #FFF ; font-size: 15px; text-decoration: none; display: block; line-height: 29px; }

#bock li a:hover { color: #333 ; background: url(../img-comum/hover.jpg) no-repeat ;  }


#centralizar-menu{ width: 940px ; height: 40px; margin: 0 auto ; }


#central-conteudo { margin: 0 auto ; width: 1000px ; padding: 10px 0 ; }

#container-left { float: left; width: 730px; height: 550px; margin: 0 0 10px 0  }

#container-left-galeria { float: left; width: 730px; height: 630px; margin: 0 0 10px 0  }

#container-right { float: right; width: 250px; height: 550px; border-left: 1px solid #3C3C3C ; padding: 0 0 0 10px;  margin: 0 0 10px 0  }

h1 { margin: 0 0 5px 0 ; padding: 0 ; border-bottom: 1px solid #3C3C3C ; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FAC20B ; line-height: 30px; font-weight:normal; }

h1 a{ color: #09C; text-decoration: none;  }
h1 a:hover { color: #FFF }


em { color: #FFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-style: normal;  } 

em a { color: #bbb; text-decoration: none;}

em a:hover { color:#F90 }


p { margin: 0 ; padding: 0 ; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc ; line-height: 45px; font-weight:normal; }


p a{ color: #ccc; text-decoration: none; }
p a:hover { color: #FFF }
p.home{line-height:20px;}

h2 {  margin: 25px 0 0 0 ; padding: 0 0 21px 0  ; border-bottom: 1px solid #3C3C3C ; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc ; line-height: 20px; font-weight:normal; }

h2 a{ color: #09C; text-decoration: none; }



#rodape { margin: 0 auto ; width: 1000px; height: 150px; clear: both; background: url(../img-comum/img-rodape.jpg) no-repeat ;  }

#menu-inferior {  width: 500px; height: 18px; margin: 150px 0 0 250px; padding: 2px 0 0 0 ; text-align: center ;  }
#menu-inferior  h2 { color: #444; font-size: 11px;  }

#copyright {  width: 500px; height: 18px; margin: 50px 0 0 250px; padding: 2px 0 0 0 ; text-align: center ;  float: left;  }
#copyright em { color: #444; font-size: 11px;  }


#container-contato-rodape { float: left; margin: 20px 0 0 105px ; width: 350px; height: 50px; float: left; display: inline; }

#container-contato-rodape em{ color: #444; font-size: 11px;  }

#container-contato-rodape em a { color: #444; }

#container-contato-rodape em a:hover { color:#FFF ; }

#galeria ul { margin: 0 ; padding: 0 }
#galeria li { float: left ; width: 240px ; height: 220px ; display: block ; list-style: none; background: #3C3C3C; margin: 30px 3px 20px 0 }



#web ul { margin: 0 ; padding: 0 }
#web li { padding: 0 10px; width: 710px ; height: 45px ; display: block ; list-style: none; background: url(../img-comum/img-web-link.jpg) no-repeat ; margin: 5px 0 0 0  }


#midia-social { float: right ; width: 87px; height: 25px; margin: 30px 10px 0 0 ; display: inline; }
#midia-social img { margin: 0 0 0 5px; }

fieldset { border: 0 ; margin: 15px 0 0 0 ; padding: 0 ; }

legend { color: #ccc ; margin: 0 0 5px 0 ; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } 

input { height: 30px; background: #333; border: 1px solid #444; color: #fff ; line-height: 30px;  } 

textarea { height: 130px; width: 480px; background: #333; color: #FFF ; border: 1px solid #444;  } 


#menu-galeria ul { margin: 0 ; padding: 0 }

#menu-galeria li {  margin: 0 0 10px 0 ; list-style: none;  font-family: Arial, Helvetica, sans-serif ; font-size: 14px; }

#menu-galeria li a{ display: block ; width: 240px; height: 30px ; color: #777; background: #3C3C3C; padding: 0 0 0 10px; line-height: 30px ; text-decoration: none;  } 

#menu-galeria li a:hover { background:#3C3C3C; color:#09C }


#text-img-servico { margin: 5px 0 0 0; padding: 15px 5px 5px 250px; border: 1px solid #3a3a3a ; width: 470px; height: 100px; background: url(../img-comum/website.jpg) no-repeat  left ;  }

#text-img-servico-dois { margin: 5px 0 0 0; padding: 15px 5px 5px 250px; border: 1px solid #3a3a3a ; width: 470px; height: 100px; background:url(../img-comum/arte-grafica.jpg) no-repeat  left ;  }

#text-img-servico-tres{ margin: 5px 0 0 0; border: 1px solid #3a3a3a ; width: 727px; height: 120px; background:url(../img-comum/hospedagem.jpg) no-repeat  left ;  }

#text-img-servico-quatro{ margin: 5px 0 0 0; padding: 15px 5px 5px 250px; border: 1px solid #3a3a3a ; width: 470px; height: 100px; background:url(../img-comum/loja-virtual.jpg) no-repeat  left ;  }


#img-clientes ul { margin: 0 ; padding: 0 ; display: inline; }

#img-clientes li { float: left; list-style: none; display: block; width: 150px; height: 120px; background: #333; margin: 20px 24px 0 0; text-align: center; border: 1px solid #3a3a3a; }