@charset "utf-8";
/* CSS Document */
* {margin:0 auto; padding: 0; }
html { 
  background:#B44242; 
}
/* BOX  #################################################*/
#box { width:900px; height:auto; background:#FFF; border-radius:10px 10px 0px 0px; }
/* FONTS DIVERSAS */
@font-face { font-family:QuicksandBook; font-style:normal; src:url(fonts/Quicksand_Book.otf); }
@font-face { font-family:QuicksandBold; font-style:normal; src:url(fonts/Quicksand_Bold.otf); }
@font-face { font-family:QuicksandLight; font-style:normal; src:url(fonts/Quicksand_Light.otf); }
@font-face { font-family:MyriadPro; font-style:normal; src:url(fonts/MyriadPro-Regular.otf);} 
/* HEADER ################################################ */
#header { width:900px; height:180px;  }
#logo { width:500px; height:120px; float:left; margin-top:-40px; margin-left:5px;}
#logo img { border:0px; padding-left:10px;}
#logo h1 { padding:10px; font:15px MyriadPro;}
#donation { width:110px; height:23px; float:right; margin-top:-10px; margin-right:10px;}

#menu { width:890px; height:48px; background:#7979FF; position:relative; top:125px; text-align:center; }
#menu ul { width:100%; list-style:none; margin:0px auto; padding:10px 0px 0px 0px;  }
#menu li { height:48px; display:inline; font:15px MyriadPro; color:#FFF; padding:5px;   }
#menu a {  text-decoration:none; color:#FFF;} 
#menu a:hover { text-decoration:underline;  color:#9FF;}


/* HEADER ################################################*/

/* CORPO ###############################################################################################################################################*/
#corpo { width:860px; height:auto; padding:10px 20px 0px 20px; background:#FFF;  }
#corpo a { font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#1860A7; text-decoration:none;}
#corpo h1 a { font:18px Verdana; font-weight:bold; color:#1860A7; text-decoration:none;}
#corpo h1 a:hover { text-decoration:underline; color:#FBA807;}
#corpo h1 { font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#333; margin:5px 0px 0px 5px;}
#corpo h2 { font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F00; font-weight:bold; margin:5px 0px 0px 5px;}
#corpo h3 { font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#008080; font-weight:bold; margin:10px 5px 10px 10px;}
#corpo h6  { font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:5px;}
#corpo p  { font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-align:justify; padding:5px;}
#corpo strong { color:#000; font:30px;}


/* FORMULÁRIO DE CONTATO ####################################################################*/
#contato {width:850px; height:auto; }
#contato p { margin-left:5px; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#contato h1 {font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; color:#1F1A6C; }
#contato h2 {font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; color:#AAAAAA; }
#contato h3 {font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; color:#FF7F00; }
#contato input { width:400px; height:28px; margin-left:5px; border:1px solid #BBBBBB; border-radius:5px; padding:2px; margin:2px; }
#contato input:hover { border:1px solid #000;} 
#contato select { width:405px; height:30px; margin-left:5px; border:1px solid #BBBBBB; border-radius:5px; padding:3px; margin:2px; }
#contato select:hover { border:1px solid #000;} 
#contato textarea { width:400px; height:100px; margin-left:5px; border:1px solid #BBBBBB; border-radius:5px; padding:2px; margin:2px; }
#contato textarea:hover { border:1px solid #000;} 
#contato .btn { width:55px; height:28px; border:1px solid #BBBBBB; background:#BBBBBB;  border-radius:5px; color:#FFF; }
#contato .x { border:0px; width:5px; height:5px;}
/* CORPO ###############################################################################################################################################*/

/* RODAPE ##############################################################################################################################################*/
#rodape{  width:900px; height:100px; background:#FFF; border-radius:0px 0px 10px 10px; }
#rodape p { font:10 MyriadPro; font-weight:normal; color:#B44242; text-align:center; }
#rodape a {font:13px MyriadPro; font-weight:bold; text-decoration:none; color:#5588D4; }
#rodape a:hover { text-decoration:underline; color:#FBA807;}
#rodape .img { float:right; padding:5px;}
#rodape a.link2 {font:10px MyriadPro; font-weight:bold; text-decoration:none; color:#5588D4; }
#rodape a.link2:hover { text-decoration:underline; color:#FBA807;}

/* RODAPE ######################################################################################################*/


/* MENSAGENS  ########################################################################################################*/
#mensagem { position:fixed; top:20%;left:35%; padding:30px;  width:30%; height:10%; border:1px solid #d0d0d0; background:#F4F5F8; text-align:center; border-radius:8px; }
#mensagem {font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#09C; font-weight:bold; margin:45 auto;}
#msgfloat { position:fixed; top:30%;left:50%; margin-left:-220px;margin-top:0px; padding:10px; width:300px; height:150px; border:1px solid #d0d0d0; background:#F4F5F8; border-radius:8px; text-align:center; }
#msgfloat { font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#09C; font-weight:bold; margin:45 auto;}
#msglogin { margin:0px; padding:30px; width:10%; height:10%; border:1px solid #d0d0d0; background:#F4F5F8; text-align:center; border-radius:8px; }
#msglogin { font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#09C; font-weight:bold; margin:45 auto;}
/* CONFIGURAÇÃO MENSAGEMS */