@charset "utf-8";
/* =============================================================================

CSS Document 

Cliente: ÁLVARO ROSA
Projeto: Website

============================================================================= */

@import "menu.css";
@import "textos.css";

/* =============================================================================
HTML
============================================================================= */

* { margin:0; padding:0; }
html, body { background:#000034 url(../images/bg_website.gif) no-repeat left top fixed; font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFF; }

a img {border: 0;}
a {color:#0085cc; text-decoration:none;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}

/* =============================================================================
GERAL
============================================================================= */

div.clear { clear:both; height:1px; }

#limites { width:960px; margin:15px auto; }
#topo { height:95px; }
a.logo {float:left; width:300px; height:80px; background:url(../images/logo_alvaro.gif) no-repeat; display:block; text-indent:-9999px; margin:5px 0 0 20px;}
#login {float:right; width:270px; height:65px; margin:20px 0 0 0; }

#destaque { height:180px; background:#3399CC; }
#conteudo { background:#344d8f; padding:35px; }
#rodape { padding:15px; text-align:center; color:#283e60; font-size:11px; }

.esquerda { float:left;}
.direita { float:right;}

/* =============================================================================
HOME
============================================================================= */

.box-1 { width:420px;}
.box-2 { width:420px;}
.box-chamadas { padding:20px 0; border-top:#1e387b solid 1px;}
.imagem {margin:0 20px 0 0}
.borda-branco { border:#FFF solid 2px;}

.box-foto {width:155px;}
.box-texto {width:265px;}

/* =============================================================================
INTERNA
============================================================================= */

.box-1-interna { width:280px;}
.box-2-interna { width:500px; background:#FFF; border:#293e72 solid 2px; padding:30px; color:#1e387b;}

.box-2-interna li { margin:0 0 0 35px; line-height:150%; margin-bottom:15px;}
.box-2-interna h3 { font-size:13px; color:#1e387b; margin: 8px 0;}

.box-3-interna {border-top: dotted 1px #d2d7e3; padding-top: 15px; margin-top: 15px;}

#perguntas li {width:258px; height:40px; list-style:none; padding:15px; background:url(../images/bt_interno.gif) no-repeat; margin-bottom:10px;}
#perguntas li a { color:#fff; text-decoration:none;}
#perguntas li a:hover { color:#00ccff;}

.interna-foto { width:200px; border: 1px solid #FFF;}
.interna-foto-texto { width:655px; border-bottom: 1px solid #1e387b; margin-bottom: 30px;}

.interna-foto-texto ul {margin-left:35px; line-height:150%; }

.obs { margin: 20px 20px; font-size: 12px; color:#519500; border-right: 3px solid #daffaf; border-bottom: 2px solid #daffaf; padding: 10px 15px;}

/* =============================================================================
FORMULÁRIOS
============================================================================= */

input, select, textarea {font-size: 12px; padding:3px; margin-bottom:10px;}
label {float:left; width:60px;}
.campo {border: 1px #000034 solid; }

/* =============================================================================
TABELAS
============================================================================= */

table {margin: 10px 0; border: #cbe3ef 1px solid;}
thead {font-weight: bold; }
td {border-bottom: 1px dashed #cbe3ef; padding: 8px;}