@charset "UTF-8";

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

/* ----- Body ----- */
body {color:#333; font:62.5%/2em Verdana, sans-serif;}

body, html {height:100%;}

/* ----- Geral ----- */
strong {font-weight:bold;}

em {font-style:italic;}



/* ----- Títulos ----- */
h2 {color:#2e2e2e; font-size:18px; font-weight:normal;}

.separador {width:960px; height:2px; background: url(../../img/default/apresentacao/separador.jpg); display:block; clear:both;}



/* ----- Paragráfos ----- */
h1 {color:#d81e00; font-size:18px; font-weight: bolder; text-transform: uppercase; margin-bottom:20px;}

h1.contato {margin:20px 0 5px 0; text-transform: none;}

span.sobre {color:#e30000; font-size:14px; text-align: justify; display:block; line-height:21px;}

span.titulo {color:#d81e00; font-weight: bolder; font-size:13px; display:block; margin-top:23px; display:block;}

p {color:#616161; font-size:12px; text-align: justify; line-height:14px; display:block;}

h3 {font-size:14px; color:#cc1c00;}



/* ----- Container ----- */
#container {font-size:1.5em; min-height:100%; position:relative; border-bottom:1px solid transparent;}

#container-interno {width:970px; margin:0px auto; overflow:hidden;}



/* ----- Topo ----- */
#home #topo {margin-bottom:0;}

#topo {width:100%; height:95px; background: url(../../img/default/apresentacao/bg-topo.jpg) center; margin-bottom:20px; position:relative; z-index:2}

#topo #topo-interno {width:960px; height:95px; margin:0 auto; position:relative;}

#topo #topo-interno .logo {width:360px; height:95px; background:url(../../img/default/apresentacao/logo-red.png) no-repeat; float:left;}



/* ----- Menu ----- */
#menu{ width:auto; height:40px; float:right; margin:54px 0 0 0;}

#menu li {font-size:14px; float:left; list-style: none; height:40px; margin:0 0px 0 -1px; position:relative;}


li.link-home {width:73px;}

li.link-empresa {width:98px;}

li.link-produtos {width:110px;}

li.link-projetos {width:104px;}

li.link-clientes {width:104px;}

li.link-contato {width:100px;}
/*
#empresa #menu li {width:98px;}
*/

#menu li a {background:url(../../img/default/apresentacao/separador-menu.png) no-repeat right 8px;  padding: 0 15px; position:relative; color:white; text-decoration:none; text-transform:uppercase; display:block; height:40px; line-height:30px; display:block;}

#menu li a:hover,
#menu li a:focus {color:#bd0a0a;}

#menu li.link-home a:hover,
#menu li.link-home a:focus {background: url(../../img/default/apresentacao/menu-home.png) no-repeat;}

#menu li.link-empresa a:hover,
#menu li.link-empresa a:focus {background: url(../../img/default/apresentacao/menu-empresa.png) no-repeat;}

#menu li.link-produtos a:hover,
#menu li.link-produtos a:focus {background: url(../../img/default/apresentacao/menu-produtos.png) no-repeat;}

#menu li.link-projetos a:hover,
#menu li.link-projetos a:focus {background: url(../../img/default/apresentacao/menu-projetos.png) no-repeat;}

#menu li.link-clientes a:hover,
#menu li.link-clientes a:focus {background: url(../../img/default/apresentacao/menu-projetos.png) no-repeat;}

#menu li.link-contato a:hover,
#menu li.link-contato a:focus {background: url(../../img/default/apresentacao/menu-contato.png) no-repeat;}

#menu li.sfHover {background: url(../../img/default/apresentacao/menu-projetos.png) !important;}

#menu li.sfHover a {color:#bd0a0a;}

#menu ul li.link-contato a {background:none;}


#home #menu ul li.link-home a {background: url(../../img/default/apresentacao/menu-home.png) center !important; color:#bd0a0a !important; cursor: default;}

#empresa #menu ul li.link-empresa a {background: url(../../img/default/apresentacao/menu-empresa.png) center !important; color:#bd0a0a !important; cursor: default;}

#produtos #menu ul li.link-produtos a {background: url(../../img/default/apresentacao/menu-produtos.png) center !important; color:#bd0a0a !important; cursor: default;}

#projetos #menu ul li.link-projetos a {background: url(../../img/default/apresentacao/menu-projetos.png) center; color:#bd0a0a; cursor: default;}

#contato #menu ul li.link-contato a {background: url(../../img/default/apresentacao/menu-contato.png) center !important; color:#bd0a0a !important; cursor: default;}


/* ------ Submenu ----- */
#menu ul#submenu {width:175px; height:57px; position:absolute; top:40px; right:0; background: url(../../img/default/apresentacao/submenu.png) no-repeat; z-index:5;}

#menu ul#submenu li {text-align:right; width: 170px; height:20px; font-size:14px; line-height: 20px; text-transform: normal; float:right; display:block;  background: none !important;}

#menu ul#submenu li a {color:#848484 !important; font-size:12px; line-height: 20px; text-transform: none; margin-top:8px; background: none !important;}

#menu ul#submenu li a:hover, #menu ul#submenu li a:focus {color:#e30000 !important; cursor: pointer;  background: none !important;}



/* ----- Principal ----- */
#principal {overflow:hidden; padding: 0 0 83px 0; position:relative; z-index:1; }



/* ----- Rodapé ----- */
#rodape {width:100%; height:63px; background: url(../../img/default/apresentacao/rodape.jpg); position:absolute; left:0; bottom:0;}

#rodape #rodape-interno {width:960px; height:63px; margin:0 auto;}

#rodape #esquerda {width:605px; float:left;}

#rodape .endereco {color:white; font-size:12px; margin:15px 0 0 0 !important;}

#rodape #direita {width:200px; float:right; text-align:right;}