﻿html, body, table {height: 100%}
body {background:url(../imagens/fundo.jpg) center; margin: 0;}
table {background:url(../imagens/fundo_logo.gif) center no-repeat;}
* {margin:0;padding:0;list-style:none;text-decoration:none;}
#site{width:850px;padding:5px 0 5px 0;background:url(../imagens/fundo_site.gif); }
#geral {width:840px; height:540px;text-align:left;}
.spacer {float: none; display: block; clear: both;}

a {text-decoration:none; color:#C71F00;}
a:hover {text-decoration:underline;}


/****BARRA MENU****/
#menu {float:left; width:162px; height:520px; background:#C71F00 url(../imagens/menu.jpg) repeat-x; margin:0 1px 0 0;}
#menu a{cursor:pointer;}
#menu h1{display:block; text-indent:-5000px; overflow:hidden; width:162px; height:150px; margin:0; background:url(../imagens/logo_rosadosventos.gif) no-repeat; margin-bottom:100px;}

#menu ul li {list-style:none; display:block; margin-left: 5px; text-align: left; margin-top: 11px;}
#menu ul li a {color: #FFF; font-size: 12px; font-family: Sans-Serif; letter-spacing: 0px; font-weight: bold}

/****CONTEÚDO****/
#conteudo {float:left; width:677px; height:520px; margin:0;}

/*home*/
#conteudo #home #foto {width:677px; height:449px; }
#conteudo #home #texto {display:block; width:677px; height:71px; background:#BCB800;background:url(../imagens/fundo_texto_home.gif);}
#conteudo #home #texto p{width:530px; font:bold 11px verdana, tahoma, arial; color:#fff; padding:14px 0 0 0; margin:0 0 0 75px; text-align:center;}
#conteudo #home #texto2 {display:block; width:677px; height:71px; background:#BCB800;background:url(../imagens/fundo_texto_home.gif);}
#conteudo #home #texto2 p{width:530px; font:bold 11px verdana, tahoma, arial; color:#fff; padding:2px 0 0 0; margin:0 0 0 75px; text-align:center;}

/*interna*/
#interna {width:632px; height:490px; margin:15px 10px 15px 25px; overflow-y:auto; padding:0 10px 0 0; font:11px verdana, tahoma, arial; color:#666;}
#interna .titulo{margin:0 0 20px 0;}
#interna .destaque{font:bold 11px verdana, tahoma, arial; color:#666; margin:0 0 20px 0; color:#C71F00;}

/*interna com fotos*/
#interna .texto_intro{font:9px verdana, tahoma, arial; color:#666; margin:0 0 20px 0;}
#interna .texto_intro2{font:11px verdana, tahoma, arial; color:#666; margin:0 0 20px 0; font-weight: bold;}

#interna #portfolio {width:620px; height:22px; background:#C2C01F;}
#interna #portfolio .imagem{float:left;}
#interna #portfolio ul{float:right; padding:3px; margin-right:5px;}
#interna #portfolio ul li{font:12px tahoma, verdana, arial; color:#666; float:left; padding-left:15px}
#interna #portfolio ul li a{color:#FFF;}
#interna #portfolio .dropdown{float:right; padding:2px;}
#interna #portfolio .dropdown select{font:11px tahoma, verdana, arial; color:#666;}

#interna #album {clear:both; margin:15px 0 15px 0;}
#interna #album .titulo_album {margin:0 0 0 13px;font:bold 12px tahoma, verdana, arial; color:#666;}
#interna #album ul li{margin:18px 15px 0 13px; float:left;}
#interna #album ul li a img {background-image: url(../imagens/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; width: 73px; height: 73px;}

#interna #paginacao {clear:both; float:right; margin:5px 15px -10px 0; font:bold 11px verdana, tahoma, arial;}

#interna span {clear:both; font:bold 15px verdana, tahoma, arial; color:#C71F00;}
#interna dd {margin-bottom: 10px;}

#interna .photo{float: left; margin-right: 20px; width: 140px;}
#interna .text{text-indent: 20px; text-align: justify; padding-left: 160px;}
#interna .text .texto_intro2{margin-top: 5px;}
/****RODAPÉ****/
#rodape {clear:both; background:#C71F00; font:10px arial, tahoma, verdana; color:#fff; padding:3px 0 4px 8px;}
#rodape a{text-decoration:none; color:#fff;}
#rodape a:hover{text-decoration:underline;}

#interna #loadingView {padding-top: 130px; padding-left: 300px;}

#interna .destaque table {color: #000;}
#interna .destaque th {padding-right: 2px;}
#interna .destaque td {font-weight: normal;}

#interna .selected {font-weight: bold;}