/* Start of CMSMS style sheet 'layout' */ * {margin:0; padding:0; outline:none; font-family:Trebuchet MS, Arial;} body {background:#abd0d4 url(images/bg.jpg) repeat-x ;} /*------------------------------------------------------------- ALINHA SITE */ #alinhasite {background:#000; margin:0 auto; width:990px;} /*------------------------------------------------------------- TOPO */ #barratopo {float:left; background:#000; width:990px; height:20px; } /*------------------------------------------------------------- BANDEIRAS */ #bandeiras {float:left; width:350px; padding-left:50px; margin-top:15px;} #bandeiras ul {display:block;} #bandeiras li {display:inline; padding-right:5px;} /*------------------------------------------------------------- PLAYER */ #player {width:401px; background-color:#000000; height:15px; float:right; margin-top:20px; margin-right:40px;} /*------------------------------------------------------------- GAIO TOPO */ #gaio {background:url(images/topo/foto1.jpg) no-repeat #000000; width:792px; height:328px; float:left; margin:0;} /*------------------------------------------------------------- MENU */ #menu {background:#000; float:left; width:198px; height:328px;} #menu ul {list-style:none; margin-top:35px;} #menu li a {display:block; background:url(images/list_menu_1.gif) no-repeat right; width:150px; height:29px; font-size:16px; font-weight:bold; color:#fff; text-align:right; padding-right:30px; margin-bottom:15px; text-decoration:none;} #menu ul li a:hover {display:block; background:url(images/list_menu_2.gif) no-repeat right; width:150px; height:29px; font-size:16px; font-weight:bold; color:#fff; text-align:right; padding-right:30px; margin-bottom:15px; text-decoration:none;} #menu ul li a.ativo {display:block; background:url(images/list_menu_2.gif) no-repeat right; width:150px; height:29px; text-decoration:none;} /*------------------------------------------------------------- CENTRO */ #centro {width:975px; background:#000; padding-left:15px; padding-top:20px; float:left; overflow:hidden;} /* divisão do #centro ----------------------------- */ #esquerda {width:600px; float:left;} #direita {width:335px; margin-left:15px; float:left;} /* novidades ----------------------------- */ #boxnovidades {width:290px; height:250px; background:#FFFFFF; float:left; overflow:auto; } #boxnovidades h1 {font-size:22px; color:#34abb8; margin-left:10px; margin-bottom:5px;} #boxnovidades p {font-size:11px; color:#666666; text-align:justify; line-height:18px; padding:0 20px; margin-bottom:10px;} #boxnovidades a:link {color:#C03; text-decoration:none;} #boxnovidades a:visited {color:#C03; text-decoration:none;} #boxnovidades a:hover {color:#C03; text-decoration:underline;} #boxnovidades a:active {color:#C03; text-decoration:none;} .novidades_img { float:right; margin:0 10px;} /* agenda ----------------------------- */ #boxagenda {width:285px; height:250px; background-color:#FFFFFF; margin-left:20px; float:left; overflow:hidden;} #boxagenda h1 {font-size:22px; color:#000000; padding-left:10px; margin:10px 0 0 0;} #boxagenda h2 {font-size:11px; color:#34ABB8; margin-top:5px; padding-left:10px;} #boxagenda h3 {font-size:16px; color:#34ABB8; margin-top:5px; padding-left:10px;} #boxagenda h4 {font-size:16px; color:#C03; padding-left:10px;} #boxagenda h5 {font-size:11px; color:#333333; padding-left:10px;} p.navegacao {margin:10px 0 5px 0;} #boxagenda p {font-size:12px; color:#333333; padding:0 10px;} #boxagenda caption {font-size:13px; font-weight:bold; color:#34ABB8; margin-top:0;} #boxagenda a:link {font-family:Times; color:#C03; text-decoration:none; font-weight:bold;} #boxagenda a:visited {font-family:Times; color:#C03; text-decoration:none; font-weight:bold;} #boxagenda a:hover {font-family:Times; color:#C03; text-decoration:underline; font-weight:bold;} #boxagenda a:active {font-family:Times; color:#C03; text-decoration:none; font-weight:bold;} #boxagenda table {margin-left:25px;} #boxagenda td {font-family:Times; padding:2px 6px; text-align:center; border:1px solid #CCC;} .agenda_cinza {width:285px; height:60px; background-color:#F5F5F5; float:left;} .agenda_branca {width:285px; height:60px; background-color:#FFFFFF; float:left;} /* galeria ----------------------------- */ #boxgaleria {width:594px; height:170px; background-color:#FFFFFF; margin-top:20px; float:left;} #boxgaleria h1 {font-size:18px; color:#000000; margin-left:10px;} #boxgaleria ul {padding-left:50px; margin-top:10px; list-style:none inside;} #boxgaleria li {width:175px; color:#666666; float:left; list-style:none;} #boxgaleria li a:link {color: #666666; text-decoration:none;} #boxgaleria li a:visited {color: #666666; text-decoration:none;} #boxgaleria li a:hover {color: #666666; text-decoration:underline;} #boxgaleria li a:active {color: #666666; text-decoration:none;} /* borda imagens ---------------------------- */ .bordaimg {border:5px solid #FFFFFF;} a img.bordaimg {border:5px solid #FFFFFF;} a:hover img.bordaimg {border:5px solid #9AC7CC;} /* mídia ----------------------------- */ .youtube {width:595px; float:left; text-align:center; margin-bottom:25px;} #midia {width:345px; height:440px; background-color:#FFFFFF; float:left; overflow:hidden;} #midia h1 {float:left; font-size:22px; color:#000; margin-left:10px; margin-bottom:10px;} #midia h2 {font-size:11px; color:#34abb8; margin-top:5px; padding-left:15px;} #midia p {float:left; font-size:12px; color:#000; text-align:justify; line-height:18px; padding:4px 20px; width:350px;} #midia object {position:relative; left:15px; margin-bottom:10px;} /* -- fundo cinza -- */ .fundo_cinza {width:345px; background:#f5f5f5 url(images/ico_musicas.gif) no-repeat right center; float:left;} /* -- fundo branco -- */ .fundo_branco {width:345px; background:#fff url(images/ico_musicas.gif) no-repeat right center; float:left;} /* credito Saulo ------------------------------- */ .saulo { color:#ff9900;} /* rodapé ------------------------------- */ #rodape {width:990px; height:70px; float:left;} #base {width:545px; height:70px; background:#000; overflow:hidden; float:left;} #base img { margin-top:15px; margin-left:20px;} #credito {width:445px; height:70px; background:#000; text-align:right; overflow:hidden; float:left;} p.cereja {color:#fff; font-size:12px; font-weight:bold; padding-right:5px; margin-top:10px; float:right;} p.saulo {color:#fff; font-size:12px; font-weight:bold; padding-right:20px; margin-top:10px; float:right; clear:right;} #credito img {border:0; float:right; margin-right:20px; margin-top:10px;} #credito a {color:#ccc; text-decoration:none;} #credito a:hover {color:#ccc; text-decoration:underline;} /* internas ------------------------------- */ #interna {float:left; width:595px; background-color:#FFFFFF; min-height:440px;} #interna h1 {font-size:22px; color:#34abb8; padding-left:20px; margin: 20px 0 10px 0;} #interna h2 {font-size:18px; color:#cc0000; padding-left:20px; margin:10px 0 10px 0;} #interna p {font-size:12px; color:#000; text-align:justify; line-height:18px; margin-bottom:10px; padding:0 20px;} #interna ul {list-style:inside disc; padding-left:40px;} #interna li {font-size:12px; color:#000; line-height:18px; margin-bottom:10px;} #interna a { color:#C33; text-decoration:none;} #interna a:hover { color:#C33; text-decoration:underline;} #interna img { vertical-align:bottom; margin-top:20px} /* CONTATO */ #contato {float:left; width:595px; background-color:#FFFFFF;} #contato h1 {font-size:22px; color:#34abb8; padding-left:20px; margin: 20px 0 10px 0;} #contato p { font-size:12px; color:#000; text-align:justify; line-height:18px; margin-bottom:10px; padding:0 20px;} #contato h2 {font-size:14px; color:#12804C; margin-bottom:10px; padding-left:10px;} #contato p {font-size:11px; color:#333333; margin-bottom:10px; text-align:justify; line-height:18px; padding:0 10px;} #contato p a:link { color:#333333; text-decoration:none;} #contato p a:visited { color:#333333; text-decoration:none;} #contato p a:hover { color:#333333; text-decoration:underline;} #contato p a:active { color:#333333; text-decoration:none;} #contato_campos {width:320px; margin:20px auto;} #contato_campos ul {list-style:none;} #contato_campos li {font-size:13px; list-style:none; color:#5B5736; margin-bottom:10px;} #contato_campos label {width:60px; text-align:right; vertical-align:middle; padding:2px 0px; margin-right:10px; float:left;} #contato_campos input {width:210px; vertical-align:middle; font-size:12px; color:#5B5736; border:1px solid #DEDBD4; padding:2px 5px;} #contato_campos textarea {font-family:Verdana, Arial, Helvetica, sans-serif; width:300px; height:150px; font-size:12px; color:#5B5736; border:1px solid #DEDBD4; padding:3px 5px; overflow:auto; margin-top:5px;} #botoes_contato {margin:5px 0 20px 110px; } input.botoes {background-color:#EAE7E0; text-align:center; font-size:12px; color:#5B5736; margin-right:6px; border:0; padding:3px 3px;} #alerta_mensagem {font-weight:bold; color:#C5271D; font-size:14px; margin-left:20px; float:left;} /* End of 'layout' */