@charset "UTF-8";

/*
  Projeto: Red
  Desenvolvedor: Rafael Thomazetti
  URL: http://www.redbr.com.br
*/

/* ----- Home ----- */
/* #home #topo {width:100%; height:95px; background: url(../../img/default/apresentacao/bgtopo.jpg) repeat-x; border:none;} */

/* #home #banner {width:100%; height:355px; clear:both; background: url(../../img/default/apresentacao/home-banner.jpg); margin:0 auto;} */

#bandeiras {width:150px !important; height:20px; position:absolute; top:10px; right:0;}

#home #banner {overflow:hidden; margin-bottom:20px;}

#home #banner #conteudo {margin:0 auto; width:960px; height:350px; position:relative; display:block; }

#home #banner #conteudo li{display:block; width:960px !important; list-style: none; }

#home #banner .esquerda{width:27px; height:49px; display:block; text-indent: -999px; position:absolute;left:0; background: url(../../img/default/apresentacao/seta-esquerda.png); z-index:22;top:150px;}

#home #banner .direita{width:27px; height:49px; display:block; text-indent: -999px; position:absolute;right:0; background: url(../../img/default/apresentacao/seta-direita.png); z-index:22;top:150px;}

#home .box {width:298px; height:99px; float:left; padding-left:20px;}

#home .separador {width:1px; height:99px; float:left; background: url(../../img/default/apresentacao/separador.jpg); margin:10px 0 0 0;}

#home .box ul{margin:20px 0 0 20px; color:#616161; font-size:12px;}

#home #conteudo {width: 960px; height: 350px; display:block; overflow:hidden;}

#home .separador2 {width:1px; height:100px; border-left:1px dotted black; float:left;}



/* ----- Empresa ----- */

#empresa #esq {width:448px; height:457px; float:left; padding-right:30px; margin-top:0px;}

#empresa #dir {width:478px; height:457px; float:right; overflow:hidden; margin-top:0px;}

#empresa #dir span.sobre {clear:right; display:block; font-size:14px; line-height:18px;}

#empresa #dir span.sobre-direita {clear:right; display:block; font-size:14px; line-height:18px; color:#E30000; width:200px; float:right; text-align:justify; margin-right:5px;}

#empresa #dir img.foto {float:left; margin: 0 30px 20px 0;}

#empresa #dir p { width:475px; clear:both; padding-right:5px;}

#empresa #dir ul {width:488px; margin-top:5px; overflow:hidden; clear:right;}

#empresa #dir ul li {width:453px;  margin-left:20px; list-style-position:outside; list-style-type:normal; vertical-align:middle; color:#616161; font-size:12px; text-align: justify; line-height:17px;}

#empresa #dir ul li {}

#empresa #dir p {margin-top:20px;}


/*----- Produtos -----*/
#produtos {}

#produtos #etapas {width:970px; height:95px; clear:both; margin-top:15px;}

#produtos #etapas span.titulos {color:#d81e00; font-weight: bold; font-size:12px; display:block;}

#produtos #etapas .seta-menor p {width:130px; line-height:15px;}

#produtos #etapas .seta-maior {width:556px; height:65px; float:left; background: url(../../img/default/apresentacao/seta-maior.jpg); padding:15px;}

#produtos #etapas .seta-menor {width:162px; height:65px; float:left; background: url(../../img/default/apresentacao/seta-menor.jpg); padding:15px;}

#produtos .n1 {width:203px !important;}

#produtos .n2 {width:194px !important;}

#produtos .produto {width:191px; height:294px; float:left; overflow:hidden; margin-bottom:20px;}

#produtos .produto span.titulo-produto {color:#d81e00; font-size:11px; font-weight: bolder;}

#produtos .produto ul {overflow: hidden;}

#produtos .produto ul li {font-size:11px; color:#616161; width:150px; margin-left: 20px; list-style-position:outside; list-style-type: normal; vertical-align: middle;}

#produtos .foto {margin: 20px auto 0px auto;}



/*----- Projetos -----*/
#projetos {}

#projetos .separador {margin-bottom:30px;}

#projetos span.sobre {margin-bottom:30px; display:block;}

#projetos .projeto {width:455px; height:169px; float:left; margin: 0 55px 30px 0;}

#projetos .direita {margin:0 !important;}

#projetos .projeto .imagem {width:247px; height:167px; overflow:hidden; position:relative; float:left;}

#projetos .projeto .mascara {display:block; width:247px; height:167px; position:absolute; background: url(../../img/default/apresentacao/mascara.png);}

#projetos .projeto .foto {width:247px; height:167px; overflow:hidden;}

#projetos .projeto .desc {width:194px; height:167px; float:right; }

#projetos .projeto .desc .bolder {display:block; font-weight: bolder; font-size:12px;}

#projetos .projeto .desc p {text-align: left; line-height:15px;}

#projetos #paginacao {width:auto; height:25px; float:left; border-bottom: 1px solid #ed0e0f;}

#projetos #paginacao a {width:26px; height:21px; background: url(../../img/default/apresentacao/paginacao.jpg); float:left; margin-right:10px; overflow:hidden; color:white; text-align:center; font-weight: bolder; text-decoration:none;}

#projetos #paginacao a:hover {text-decoration:underline;}

#projetos #paginacao span.setinha {font-size:8px; color: #ed0e0f;}



/*----- Contato -----*/
#contato {}

#contato #esq {width:449px; height:413px; float:left; margin-right:30px}

#contato #esq h2 {font-size:20px;}

#contato #dir {width:465px; height:453px; float:right;}

#contato #dir form {width:465px; height:453px;}

#contato #dir form .error-message {margin:5px 0 0 93px; font-size:12px; color:red;}

#contato #dir form div {width:465px; min-height:24px; margin-bottom:10px; float:left;}

#contato #dir form div.input.file label {font-size:10px; padding:0; width:100px; margin-left:-28px; margin-right:21px;}

#contato #dir form div.input.file input {float:left;}


#contato #dir form div input {width:349px; height:23px; border:1px solid #565656; float:right; padding:0 10px 0 10px; line-height:23px; font-size:12px;}

#contato #dir form div select {float:right; width:371px; overflow:hidden;}

#contato #dir form div label {color:#545454; float:left; width:68px; font-size:12px; line-height:24px; height:24px; text-align:right; padding-right:20px;}

#contato #dir form div.campo-numero {width: 160px; }

#contato #dir form div input.numero {width:33px; float:left; margin-left:6px; }

#contato #dir form div.campo-complemento { width: 305px; }

#contato #dir form div label.complemento {width: 90px;}

#contato #dir form div input.complemento {width:190px; float:right; }

#contato #dir form div input.telefone {width:238px; float:left; margin-left:6px;}

#contato #dir form div textarea {width:348px; height:201px; border:1px solid #565656; margin-left:6px; float:right; padding:0 10px 0 10px; font-size:12px; line-height:23px;}

#contato #dir form .btn-enviar {width:71px; height:22px; background: url(../../img/default/apresentacao/btn-enviar.jpg); float:right;}

#bandeiras {width:120px;}

#bandeiras a {color:white; text-decoration:none; font-size:12px; float:left; min-width:35px; margin-top:2px;}

#bandeiras a:hover {text-decoration:underline;}

#bandeiras span {width:5px; float:left; color:white; display:block; margin: 0 5px;}