/*
MCR ESCRITÓRIO VIRTUAL - URL: www.mcrvirtual.com.br
DESENVOLVEDOR: Leandro Silva
PUBLICAÇÃO: Setembro de 2011
*/

/* GERAL */
*{ margin:0; padding:0; }
body {margin:0; color:#000000; background:#FFFFFF url(../images/layout/background.jpg) top center;}

/* DIVS */
#container {width:920px; margin:0 auto; padding-top:10px;}
#topo-da-pagina {}
#logomarca {float:left; width:210px;}
#barra-topo {float:right; width:690px; height:166px; background:url(../images/layout/imagem-topo.png);}
#webmail {float:right; width:66px; height:16px; padding-top:140px;}
#navegacao {float:right; width:690px;}
#painel {}
#painel-empresa {height:100px; background-color:#FFFFFF; background-image:url(../images/layout/titulo-empresa.png);}
#painel-vantagens {height:100px; background-color:#FFFFFF; background-image:url(../images/layout/titulo-vantagens.png);}
#painel-servicos {height:100px; background-color:#FFFFFF; background-image:url(../images/layout/titulo-servicos.png);}
#painel-clientes {height:100px; background-color:#FFFFFF; background-image:url(../images/layout/titulo-clientes.png);}
#painel-parceiros {height:100px; background-color:#FFFFFF; background-image:url(../images/layout/titulo-parceiros.png);}
#painel-contato {height:100px; background-color:#FFFFFF; background-image:url(../images/layout/titulo-contato.png);}
#conteudo-principal {width:920px; background-color:#FFFFFF;}
#rodape {width:920px; height:90px; background-color:#D2ECE7;}
#rodape-endereco-recife {float:left; width:320px;}
#rodape-endereco-olinda {float:right; width:485px;}
#copyright {background-color:#00913C; height:40px;}
#quebra {background-color:#FFFFFF; padding:10px;}
#quebra-bg {clear:both;}
#endereco-1 {background-color:#D2ECE7;}
#endereco-2 {background-color:#D2ECE7;}

/* FONTS */
p {font-family:Arial, sans-serif; font-size:13px; color:#000000; font-weight:normal; padding-top:10px; line-height:18px;} 
p.endereco {font-family:Arial, sans-serif; font-size:13px; color:#000000; font-weight:normal; padding:10px; line-height:18px;}
p.rodape {font-family:Arial, sans-serif; font-size:11px; color:#FFFFFF; font-weight:normal; padding-top:10px;}
h1.titulo {font-family: 'Voltaire', sans-serif; font-size:22px; color:#333333; padding-top:10px;}
h1.titulo-paginas {font-family: 'Voltaire', sans-serif; font-size:30px; color:#333333; padding-top:10px;}
h1.subtitulos {font-family: 'Voltaire', sans-serif; font-size:20px; color:#333333; padding-top:10px;}

/* CLASSES */
.col-principal-1 {float:left; width:300px; padding:5px;}
.col-principal-2 {float:left; width:300px; padding:5px; padding-left:15px;}
.col-principal-3 {float:right; width:270px; padding:5px; padding-left:15px;}
.col-pag-empresa-1 {float:left; width:580px; padding:5px;}
.col-pag-empresa-2 {float:right; width:300px; padding:5px; padding-left:15px; padding-top:65px;}
.col-pag-vantagens-1 {float:left; width:580px; padding:5px;}
.col-pag-vantagens-2 {float:right; width:300px; padding:5px; padding-left:15px; padding-top:65px;}
.col-pag-servicos-1 {float:left; width:580px; padding:5px;}
.col-pag-servicos-2 {float:right; width:300px; padding:5px; padding-left:15px; padding-top:65px;}
.col-pag-clientes-1 {float:left; width:290px; padding:5px;}
.col-pag-clientes-2 {float:left; width:290px; padding:5px; padding-left:15px; padding-top:80px;}
.col-pag-clientes-3 {float:right; width:290px; padding:5px; padding-left:15px; padding-top:80px;}
.col-pag-parceiros {float:left; padding:5px;}
.col-pag-contato-1 {float:left; width:550px; padding:5px;}
.col-pag-contato-2 {float:left; width:550px; background-color:#D2ECE7;}
.col-pag-contato-3 {float:right; width:330px; padding:5px; padding-left:15px; padding-top:50px;}

/* LINKS */
a.padrao:link {font-family:Arial, sans-serif; font-size:13px; color:#000000; text-decoration: none; font-weight:normal; padding:5px;} 
a.padrao:visited {font-family:Arial, sans-serif; font-size:13px; color:#000000; text-decoration: none; font-weight:normal; padding:5px;}
a.padrao:hover  {font-family:Arial, sans-serif; font-size:13px; color:#000000; text-decoration: none; font-weight:normal; padding:5px; text-decoration:underline;}

a.secoes:link {font-family:Arial, sans-serif; font-size:13px; color:#FFFFFF; text-decoration: none; font-weight:normal; background-color:#00913C; padding:5px;} 
a.secoes:visited {font-family:Arial, sans-serif; font-size:13px; color:#FFFFFF; text-decoration: none; font-weight:normal; background-color:#00913C; padding:5px;}
a.secoes:hover  {font-family:Arial, sans-serif; font-size:13px; color:#FFFFFF; text-decoration: none; font-weight:normal; background-color:#00913C; padding:5px; text-decoration:underline;}

a.rodape:link {font-family:Arial, sans-serif; font-size:11px; color:#FFFFFF; line-height:20px; text-decoration:none; font-weight:normal;}
a.rodape:visited {font-family:Arial, sans-serif; font-size:11px; color:#FFFFFF; line-height:20px; text-decoration:none; font-weight:normal;}
a.rodape:hover {font-family:Arial, sans-serif; font-size:11px; color:#FFFFFF; line-height:20px; text-decoration:none; font-weight:normal; text-decoration:underline;}