body{background:#FAFAFA;width:100%; height:100%;}
#main{background:#f8f8f8;margin:0 auto;min-width:990px; height: 100%;padding: 10px 0px;max-width:1024px;box-shadow:0 0 8px #ccc;overflow:hidden;}
#main h1{font-family: 'Fredericka the Great', cursive;font-size: 40px;color: #235789;text-align: center;margin: 5px 0 5px;border-bottom: solid 1px #CFDAE5;font-weight: normal;padding: 0px 9px;}

#main #painel{box-shadow: 0 0 8px #CCC;border: solid 2px #D3AB29;width:975px;margin:0 auto; height:650px;position: relative;}
#rodape{padding:0 15px;font-family: verdana; font-size: 11px;height: 30px;line-height:40px;color:#235789;text-align: center;margin-top:35px; border-top:dashed 1px #CFDAE5;opacity:0.6}
#rodape p{float: right;line-height: 14px;margin-top: 38px;text-align: right;}
#rodape img{float:left;margin:10px 10px 0 0;}

/*fontes*/
.credito{font-size:11px; color: #505050;font-family: 'Source Sans Pro', sans-serif;text-align:right;clear:both;display:block;}
.subtitulo{color:#505050;font-family: 'Source Sans Pro', sans-serif;margin:5px 0 20px;font-size: 14px;text-align: center;}

.sair,.info{background: url('../img/bg-info.png') no-repeat;display: block;width:35px; height: 35px; text-align: center; line-height: 35px;font-family:'Trebuchet MS', cursive;font-size: 12px; color:#fff;position: absolute; cursor: pointer;}

/*marcadores*/
#felix{top:16%;left:28%;}
#rosalba{top:25%;left:44%;}
#eduardo{top: 23%;left: 60%;}
#heber{top:45%;left: 32%;}
#michel{top:45%;left: 65%;}
#marcelo{top:16%;left: 83%;}


.item{border: solid 1px #D36029;display: none; position: absolute;z-index: 1111; top:-2%; left:4%;width:650px;max-height: 550px; background: #f1f1f1;padding:10px;}
.item h2{font-family: 'Fredericka the Great', cursive;font-size: 20px;color: #235789;font-weight:normal;border-bottom: solid 1px #CFDAE5;margin:0px 0 10px;}
.item p{font-family:Verdana, sans-serif; font-size:12px;text-align:justify;border-top:dashed 1px #CFDAE5;margin:5px 0 0;padding:5px 0 0;}
.item img{box-shadow:0 0 5px #666;}
.item .img_solo{margin-left:141px;}
.item .sair{left: 98%;top: -2%;}
.box{width: 100%; height: 100%;position: absolute; z-index: 111;background: #000;display: none;padding:0 !important; margin:0 !important;}

.fotos img{width:100px; height:80px;box-shadow:3px 3px 5px 5px #D5D5D5;;border-radius:5px; text-align:center; padding: 5px; margin:5px;}
#galeria{ width:260px;  float: left; margin-top:15px; margin-left:40px; margin-top:20px;}
#Iframe1{ float: right;  padding: 5px; margin-right:40px; margin-top:10px;box-shadow:3px 3px 5px 5px #D5D5D5;;border-radius:5px;}