/*
 **************************************************************
 *                                                            *
 *	Descrição: folhas de estilo do hotsite Aplausos / Sesc-PE *
 *	Data de criação: 11-06-2009                               *
 *	End. HotSite: www.sescpe.com.br/aplausos                  *		
 *	Autor: Jefferson Santos                                   *
 *	Site do autor: http://www.pontojs.com                     *
 *                                                            *
 **************************************************************
 */

/* estilos gerais
------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
fieldset,img {border:0;} 
body {background:#000 url(../images/aplausos.jpg) top center no-repeat; font:12px arial, verdana, "sans-serif";}
img {border: none; outline: none;}
a {text-decoration:none; outline:none; color:#5a5a48; }
a:hover { color:#5a5a48; border-bottom: 1px dashed #CCCCCC; }
ul {padding-left:0; margin-left:0; text-align:left; margin-top:0; padding-top:0; margin-bottom:0; color:#5a5a48; text-transform:none; letter-spacing:0; font-weight:normal;}
li {padding-left: 13px; padding-bottom:5px; list-style-type: none;}
li a {color:#055F81; text-transform:uppercase; letter-spacing:0; font-weight:bold; }
li a:hover {color:#83C6D9; border-bottom: 1px dashed #C5D8DC; letter-spacing:0;}

hr { margin: 10px 0 0 0; border: 1px solid #FFFFFF; border-bottom: 1px dashed #D4E2E3; border-right: none; border-left: none; }
h1 { margin: 0; font: 18px arial; color: #82C6D9; font-weight:lighter; }
h2 { margin: 0; font: 18px arial; letter-spacing: -1px; color: #D0C362; font-weight:bold; text-transform:lowercase; }
h3 { margin: 0; font: 30px arial; letter-spacing:-1px; color: #D0C362; padding-left:5px; margin-bottom:20px; border-bottom:3px solid #817728;}
h4 { margin: 0; font: 18px arial; color:#DFCFC3; margin-bottom:10px; text-transform:lowercase;}
h5 { margin: 0; font: 16px arial; color: #82C6D9; font-weight:bold; margin:10px 0 0 0; }
h6 { margin: 0; font: 10px arial; color: #82C6D9; font-weight:lighter; text-transform:uppercase; }
p {margin:0;}
h3 a {color: #D0C362;}

/* container
------------------------------------------------ */
#container {width:768px; margin:0 auto; overflow:hidden;}

/* header
------------------------------------------------ */
#header {width:100%; margin-bottom:50px; overflow:hidden;}
h2.aplausos {background:url(../images/logo-aplausos.png) no-repeat 0 0; display:block; width:273px; height:187px; float:left; text-indent:-1000em;}
h2.aplausos a {border:0; display:block; width:273px; height:187px;}
h2.arena {background:url(../images/logo-arena.png) no-repeat 0 0; display:block; width:200px; height:102px; text-indent:-1000em; position:relative; left:-60px;}

/* conteudo
---------------------------------------------- */
#content { 
background:url(../images/bg-conteudo1.png) no-repeat 0 0; 
height:210px; 
vertical-align:top; 
outline:none; 
color:#313131; 
font:12px arial; 
line-height:18px; 
padding:20px;
clear:both;
}
#content h3 {color:#dfcfc3/*#BD8B4C*/; border-bottom:3px solid #CF9F55/*#ECD882*/;}
#content p span {background-color:#D0C362; line-height:15px;}
*.txt {overflow:auto; height:150px;}

/* estrutura
---------------------------------------------- */
#index_container {margin-top:60px; overflow:hidden; }
*.box_left {margin:0 50px; _margin:0 25px;}
*.box_left, .box_right {float:left; width:260px; font: 12px arial; color:#ccc; line-height:18px; padding:0px 15px;}
*.box_left a, .box_right a {position:relative;}
*.box_left ul, .box_right ul {margin-top:10px;}
*.icon {position:absolute; display:inline-block; width:13px; height:15px; top:0; left:60px; background:url(../images/icones.png) no-repeat 0 0;}
*.box_right .icon {left:100px; background-position:-20px 0;}

/* rodape
---------------------------------------------- */
#footer {height:116px; margin-top:10px; clear:both; _margin-top:0; float:right;}
.f_details {margin-top:20px; color:#FFFFFF; text-transform:none; font:10px arial; _margin-top:0;}
.f_details a { color:#FFFFFF; }
.f_details a:hover { color:#FFFFFF; border-bottom: 1px dashed #C5D8DC; }