@import url(http://fonts.googleapis.com/css?family=Basic);

/*************************************************************
CONFIGURAÇÕES GERAIS
**************************************************************/
*{margin:0; padding:0;}
html{overflow:auto; background: url(../interface/2012/bg02.png);}
body{background:transparent url(../interface/2012/bg.png) repeat-x top center; width:100%; height:100%; font-family:Basic;}
a{text-decoration:none; cursor:pointer;}
img{border:none;}
ul li{list-style:none;}

/*************************************************************
GERAL
**************************************************************/
#geral{width:998px; margin:0 auto; position:relative; z-index:1;}
.limpa{clear:both;}
h6{font-size:14px; padding:0; margin:0; color:#D00;}
#easyTooltip {background:#CC191E; z-index:9999999999; padding:5px 10px; font-size:0.8em; color:#300; -moz-box-shadow:0 0 10px #231910; -webkit-box-shadow:0; box-shadow:0 0 10px #231910; border-radius:2px;}

/*************************************************************
SHARE
**************************************************************/
#geral #rs {position:absolute; top:0; left:0; margin:10px 0 0 -90px; border:1px solid #300; padding:10px; background:#e9e0d1 url(../interface/2012/bg-topo.jpg) no-repeat bottom left; text-align:center;}
#geral #rs ul li {margin-bottom:5px;}
#geral #rs ul li a#backtopclick{display:block; margin-top:10px; background:#34271e; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; line-height:28px; color:#FFE; font-size:0.8em; font-weight:100;}
#geral #rs ul li a#backtopclick:hover {color:#300; background:#FFC82F;}

/*************************************************************
TOPO
**************************************************************/
#shadow-top {width:1052px; background:url(../interface/2012/shadow-top.png) no-repeat center center; height:373px; position:absolute; z-index:0; top:0; left:50%; margin-left:-526px; margin-top:30px;}
#topo {width:966px; height:353px; background:#e9e0d1 url(../interface/2012/bg-topo.jpg) no-repeat bottom left; padding:10px 16px; position:relative; z-index:15;}
#topo #logo-wrap {float:left; width:260px;}
#topo #logo-wrap a.logo-facilpa{background:url(../images/logo-facilpa-2012.png) no-repeat top center; width:260px; height:254px; line-height:273px; text-align:center; display:block; text-indent:-99999999px; margin:0; padding:0 0 0 0;}
#topo ul.rs {float:right; color:#3100;}
#topo ul.rs li {float:left; margin-left:5px;}
#topo #logo-wrap h1.periodo {color:#F1F1F1; font-size:1.4em; font-weight:100; color:#300; width:260px; text-align:center; margin-top:5px; line-height:40px;}
#topo #logo-wrap h1.periodo strong {color:#CC191E; font-weight:600;}
#topo #banner{background:#000; width:680px; height:290px; padding:1px; float:right; font-size:12px; border:4px solid #FFE; overflow:hidden;}
#topo #banner #int{background:#000; width:680px; height:290px; position:relative; z-index:1; font-family:Arial;}
#topo #banner #int #s4{z-index:0 !important; position:relative !important;}
#topo #banner #int #s4 img {margin-top:-20px;}
#topo #banner #int #s4 img.bannerrodeio {margin-top:0;}
#topo #banner #int #paginacao{width:100%; height:30px; background:#313131 url(../images/bgdatas2.jpg) repeat-x; position:absolute; left:0; bottom:0; z-index:99999px; line-height:10px;}
#topo #banner #int #paginacao .paginas{line-height:30px; height:30px; position:relative;}
#topo #banner #int #paginacao .paginas a{list-style:none; font-size:1.1em; float:left; cursor:pointer; color:#FFE; font-weight:bold; padding:0 11px;}
#topo #banner #int #paginacao .paginas a.firschild {width:64px; text-align:center;}
#topo #banner #int #paginacao .paginas a:hover{background:#ffc82f url(../images/bgdatas.jpg) repeat-x; color:#2b2b2b; font-weight:bold;}
#topo #banner #int #paginacao .paginas a.activeSlide{background:#ffc82f url(../images/bgdatas.jpg) repeat-x; color:#2b2b2b; font-weight:bold;}
#topo #banner #int #paginacao #showstxt{float:left; color:#B7B7B7; font-weight:bolder; color:#FF9; margin:0 10px; line-height:30px; height:30px;}
#topo #ingressos-top {float:left; margin:14px 0 0 280px;}
#topo #ingressos-top ul li {float:left;}
#topo #ingressos-top ul li a {display:block; margin-top:0; background:#300; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; line-height:28px; color:#FFE; font-size:0.9em; font-weight:100; padding:4px 20px; width:130px; text-align:center; margin-right:5px;}
#topo #ingressos-top ul li a.ingresso-btn {background:#34271e url(../interface/2012/ticket-icon.png) no-repeat 5px center;}
#topo #ingressos-top ul li a.mapa-btn {background:#34271e url(../interface/2012/maps-icon.png) no-repeat 5px center;}
#topo #ingressos-top ul li a.ingresso-btn:hover {background:#FFC82F url(../interface/2012/ticket-icon.png) no-repeat 5px center;; color:#300;}
#topo #ingressos-top ul li a.mapa-btn:hover {background:#FFC82F url(../interface/2012/maps-icon.png) no-repeat 5px center; color:#300;}

/*************************************************************
MEIO
**************************************************************/
#meio {width:998px; padding:0 0 15px 0; background:#1b130e url(../interface/2012/bg-conteudo.png) repeat-y; -moz-box-shadow:0 0 10px #231910; -webkit-box-shadow:0; box-shadow:0 0 10px #231910; position:relative; z-index:10;}
#meio:after {display: block; content: "."; height: 0; font-size:0; visibility: hidden; clear: both;}

/*************************************************************
COLUNA LATERAL
**************************************************************/
#colunalateral{width:260px; float:left; background:#34271e; text-align:center; padding:0 15px; min-height:1024px;}

/*************************************************************
MENU
**************************************************************/
#menu{width:260px; margin:20px 0 0 0; padding:0; text-align:left;}
#menu ul{width:auto; padding:0 20px}
#menu ul li {line-height:36px; border-bottom:1px solid #53453A;}
#menu ul li a{color:#FFE; display:block; outline:none; font-size:0.9em;}
#menu ul li a:hover{color:#FFC82F;}
#menu ul li a small {font-size:0.5em; border:1px solid #4B3831; padding:1px 5px; color:#FFC82F;}
#menu ul li ul{width:auto; padding:0; border:none;background:none;}
#menu ul li ul.submenu {padding:14px; background:#534336; border-radius:5px; font-size:0.8em; display:none; margin-bottom:10px;}
#menu ul li ul.submenu li {border-bottom:1px dotted #4B3831; line-height:28px;}
#menu ul li ul.submenu li:first-child {border-top:1px dotted #4B3831;}
#menu #banners-lateral {padding:0 20px; margin-top:40px;}

/*************************************************************
CONTEUDO
**************************************************************/
#conteudo{width:708px; float:left; padding-bottom:40px;}
#conteudo h2{margin:0 0 10px 0; font:Basic; color:#FFC82F; border-bottom:1px dotted #4B3831; font-size:1.2em;}
#conteudo h3{margin:0 0 5px 0; font:Basic; color:#FFC82F; font-size:1em;}
#conteudo h4{margin:0 0 3px 0; font:Basic; color:#FFC82F;}
#conteudo p{margin:0 0 10px 0;font:Arial; text-align:justify; color:#FFE; font-size:0.8em;}

/*************************************************************
HOME
**************************************************************/
#home{margin:15px; padding:15px; color:#FFE;}
#home #noticiashome a{color:#FFC82F;}
#home #noticiashome h3 {font-size:1em;}
#home #noticiashome p{text-align:left; color:#FFE;}
#home #noticiashome #destaque {float:left; width:420px; position:relative; overflow:hidden;}
#home #noticiashome #destaque p {padding:5px 0; position:absolute; top:0; left:0; margin:270px 0 0 0; padding:5px 0 5px 10px; background: url(../interface/2012/bg-alpha.png); width:400px; height:80px;}
#home #noticiashome a.imgwrap {position:relative; overflow:hidden; width:420px; height:300px; display:block;}
#home #noticiashome a.imgwrap img {position:absolute; top:50%; left:50%; width:420px; height:300px; margin:-150px 0 0 -220px;}
#home #noticiashome #mnews {float:right; width:200px;}
#home #noticiashome #mnews p {border-bottom:1px dotted #4B3831; padding:0 0 10px; font-size:0.9em;}
#home #noticiashome #mnews p small a {color:#FFE;}
#home #noticiashome #mnews p small a:hover {text-decoration:underline;}
#home #lastpics {background:#FFD35A; margin:30px 0; border-radius:6px; padding:10px; width:180px; float:right; position:relative;}
#home #lastpics img.camera {position:absolute; top:0; left:0; margin:-20px 0 0 140px;}
#home #lastpics h3 {color:#1B130E;}
#home #lastpics a.smore {color:#1B130E; font-size:0.8em; padding:2px 5px; display:block; text-align:center; margin-top:5px;}
#home #lastpics a.smore:hover {background:#34271E; color:#FFD35A;}
#home #lastpics ul {overflow:hidden;}
#home #lastpics ul li {float:left; width:auto; border:1px solid #FFD35A; margin-right:-1px; margin-bottom:-1px;}
#home #lastpics ul li a {display:block; position:relative; overflow:hidden; width:88px; height:60px;}
#home #lastpics ul li img {position:absolute; top:0; left:0; margin:0 0 0 0;}

/*************************************************************
GALERIA FOTOS
**************************************************************/
#galeriafotos {margin:15px; padding:15px;}
#galeriafotos ul li {float:left; width:auto; border:1px solid #1B130E; margin-right:-1px; margin-bottom:-2px;}
#galeriafotos ul li a {display:block; position:relative; overflow:hidden; width:107px; height:80px;}
#galeriafotos ul li img {position:absolute; top:0; left:0; margin:0 0 0 0;}
#galeriafotos ul li.ajusta {display:none;}

/*************************************************************
A FACILPA
**************************************************************/
#afacilpa {margin:15px; padding:15px;}
#afacilpa ul li {float:left; width:auto; border:1px solid #1B130E; margin-right:-1px; margin-bottom:-1px;}
#afacilpa ul li a {display:block; position:relative; overflow:hidden; width:107px; height:80px;}
#afacilpa ul li img {position:absolute; top:0; left:0; margin:0 0 0 -20px;}
#afacilpa ul.diretoria li {margin:0 0 10px 0;font:Arial; text-align:justify; color:#FFE; font-size:0.8em; display:block; width:100%; border:none;}
#afacilpa ul.diretoria li strong {font-family:Arial;}

/*************************************************************
ATRAÇÕES
**************************************************************/
#atracoes {margin:15px; padding:15px;}
#atracoes ul li {float:left; width:auto; border:1px solid #1B130E; margin-right:-1px; margin-bottom:-1px;}
#atracoes ul li a {display:block; position:relative; overflow:hidden; width:107px; height:80px;}
#atracoes ul li img {position:absolute; top:0; left:0; margin:0 0 0 -20px;}

/*************************************************************
PROGRAMAÇÃO
**************************************************************/
#programacao {margin:15px; padding:15px;}
#programacao span{font-size:14px; color:#FF9;}
#programacao strong{text-transform:uppercase; font-size:14px; display:block; margin:20px 0 5px 0; border-bottom:1px solid #666;}
#programacao p{line-height:20px;}

/*************************************************************
HOTEIS
**************************************************************/
#hoteis{margin:15px; padding:15px;}
#hoteis .hotel {width:auto; height:150px; margin:0 0 35px 0; display:block;}
#hoteis .hotel h3 {font-size:1em; text-transform:uppercase; font-family:Basic;}
#hoteis .hotel img {width:200px; float:left; margin-right:20px; border-radius:2px;}
#hoteis .hotel #address {width:auto; font-size:0.8em; font-family:Arial; color:#FFE; line-height:20px;}
#hoteis .hotel #address a {color:#FFC82F;}
#hoteis .hotel #address strong {font-size:1.3em; font-weight:100;}

/*************************************************************
COMO CHEGAR
**************************************************************/
#comochegar {margin:15px; padding:15px;}

/*************************************************************
CONTATO
**************************************************************/
#contato {margin:15px; padding:15px;}
#contato form {margin:20px 0 0 0; padding:0; border:none;}
#contato form label {display:block; font-size:0.8em; color:#FFE; margin:10px 0 5px;}
#contato form input[type=text],#contato form textarea {padding:8px; border-radius:2px; border:none; width:400px;}
#contato form input[type=submit] {display:block; margin-top:10px; background:#34271e; border-radius:2px; line-height:28px; color:#FFE; font-size:0.8em; font-weight:100; border:none; padding:5px 10px; cursor:pointer;}
#contato form input[type=submit]:hover {color:#300; background:#FFC82F;}
#contato address {color:#FFE; margin-top:50px; font-size:0.8em;}
#contato address a {color:#FFC82F;}

/*************************************************************
DOWNLOADS
**************************************************************/
#downloads {margin:15px; padding:15px; border:1px solid #0f1110; background:#313131;}
#downloads ul li {margin:0 0 10px 0; font:12px/20px Arial; text-indent:30px; background:url(../interface/baixar_seta.gif) left center no-repeat;}
#downloads ul li a {color:#311806;}
#downloads ul li a:hover {text-decoration:underline; color:#333;}

/*************************************************************
ENTIDADES
**************************************************************/
#entidades {margin:15px; padding:15px;}

/*************************************************************
EQUOTERAPIA
**************************************************************/
#equoterapia {margin:15px; padding:15px;}
#equoterapia #destaque {background:#100; padding:20px; margin:20px 0; border:1px dotted #FFE;}
#equoterapia a {text-decoration:none; color:#FFC;}
#equoterapia a:hover {text-decoration:underline;}
#equoterapia ul {list-style:none;margin-bottom:10px;}
#equoterapia ul li {font-size:12px; color:#FFF; line-height:18px; color:#FFE;}
#equoterapia div.galeria ul li {float:left; width:auto; border:1px solid #1B130E; margin-right:-1px; margin-bottom:-1px;}
#equoterapia div.galeria ul li a {display:block; position:relative; overflow:hidden; width:107px; height:160px; color:#FFE;}
#equoterapia div.galeria ul li img {margin-bottom:10px; display:block;}

/*************************************************************
FOTOS
**************************************************************/
#fotos {margin:15px;	padding:15px;}
#fotos ul li {float:left; width:auto; border:1px solid #1B130E; margin-right:-1px; margin-bottom:-1px;}
#fotos ul li a {display:block; position:relative; overflow:hidden; width:107px; height:160px; color:#FFE;}
#fotos ul li img {margin-bottom:10px; display:block;}
#fotos ul li p {padding:0 5px; text-align:left; font-family:Arial; font-size:0.7em;}

/*************************************************************
INGRESSOS
**************************************************************/
#ingressos{margin:15px; padding:15px;}
#ingressos ul li {margin:0 0 5px 0; padding:0 0 5px 0; font-size:1em; color:#FFF; border-bottom:1px dotted #4B3831;}
#ingressos table {width:100%; margin:0 0 15px 0;}
#ingressos table tr th {font-size:0.9em; font-family:Basic; color:#FFE; background:transparent; padding:10px 0; text-align:left;}
#ingressos table tr.zebra1 {background:#FFD35A; color:#1B130E;}
#ingressos table tr.zebra2 {background:transparent; color:#FFE;}
#ingressos table tr td {padding:10px 5px; font-size:0.8em;font-family:Arial;}
#ingressos table tr td strong {font-size:1em; text-transform: uppercase;}

/*************************************************************
LEILOES
**************************************************************/
#leiloes{margin:15px;padding:15px;}

/*************************************************************
MAPA DO RECINTO
**************************************************************/
#maparecinto {margin:15px; padding:15px;}

/*************************************************************
NOTÍCIAS
**************************************************************/
#noticias {margin:15px; padding:15px;}
#noticias h5 {color:#FFE; font-size:0.9em; font-weight:bold; padding:10px 0 20px;}
#noticias p a {color:#FFC82F;}
#noticias p a:hover {text-decoration: underline;}
#noticias #unoticias a {display:block; padding:5px 0;}
#noticias #unoticias a:hover {background:#FFD35A; color:#000; padding-left:5px;}
#noticias .grande{float:left; margin:0 10px 5px 0; background:#FFF; width:400; height:288;}
#noticias ul li {margin:0; padding:0; font:12px/20px Arial; border-bottom:1px solid #4B3831;}
#noticias ul li a {color:#FFE;}
#noticias ul li a:hover {color:#EEE;}
#noticias .linknot{margin:0 0 10px 10px; display:block; float:left;}
#noticias .imgc{border:4px solid #444; width:100px; height:80px; padding:1px; background:#B5B5B5;}
#noticias .imgc:hover{border:4px solid #6CA753;}
#noticias .fb-comments {background:transparent;}

/*************************************************************
RODEIO
**************************************************************/
#rodeio {margin:15px; padding:15px;}
#rodeio img {margin:0 0 5px 0;}
#rodeio ul {margin:0 0 10px 0;}
#rodeio ul li {font:12px/18px Arial, Helvetica, sans-serif; color:#FFF;}
#rodeio table {width:100%; margin:0 0 15px 0; border:none;}
#rodeio table tr th {padding:5px 0; font:bold 12px Tahoma, Helvetica, sans-serif; color:#FFF; text-align:left;}
#rodeio table tr td {padding:5px 0; font:12px Tahoma, Helvetica, sans-serif; color:#FFF;}
#rodeio #bannerrodeio {margin:0 0 10px 0;}
#rodeio #bannerrodeio img {margin:0; padding:0; border:0;}
#rodeio .modalidades p {margin:0 0 3px 0;}
#rodeio .modalidades ul {margin:20px 0 0 0;}
#rodeio .modalidades ul li {float:left; margin:0 0 0 1px;}
#rodeio .modalidades ul li:first:child {margin:none;}
#rodeio .modalidades ul li a {color:#FFF; display:block; overflow:hidden; width:161px; height:260px; position:relative;}
#rodeio .modalidades ul li p {font-size:1em; font-family:Basic;}
#rodeio .modalidades ul li a img {border:none; position:absolute; top:0; left:0;}
#rodeio .modalidades ul li a img:hover {margin-left:-100px;}

/*************************************************************
SALA DE IMPRENSA
**************************************************************/
#salaimprensa {margin:15px; padding:15px;}
#salaimprensa form {margin:20px 0 0 0; padding:0; border:none;}
#salaimprensa form label {display:block; font-size:0.8em; color:#FFE; margin:10px 0 5px;}
#salaimprensa form input[type=text],#salaimprensa form textarea {padding:8px; border-radius:2px; border:none; width:400px;}
#salaimprensa form input[type=submit] {display:block; margin-top:10px; background:#34271e; border-radius:2px; line-height:28px; color:#FFE; font-size:0.8em; font-weight:100; border:none;padding:5px 10px; cursor:pointer;}
#salaimprensa form input[type=submit]:hover {color:#300; background:#FFC82F;}

/*************************************************************
ENTIDADES
**************************************************************/
#entidades img {padding:4px; border:1px solid #aaa;}
a.irtopo {width:727px; clear:both; display:block; margin:10px 0 0 0; font:12px Arial, Helvetica, sans-serif; color:#fff;}
a.irtopo:hover {text-decoration:underline;}

/*************************************************************
RODAPÉ
**************************************************************/
#rodape{width:100%; margin:0 auto; height:400px; font:0.8em Basic; text-align:left; color:#FFE; clear:both; background: url(../interface/2012/footer-facilpa.jpg) repeat-x top center;}
#rodape #footer-wrapper{width:998px; height:380px; margin:0 auto; padding:20px 0 0 0; position:relative; overflow:hidden;}
#rodape #footer-wrapper p {float:left;}
#rodape #footer-wrapper a {color:#FFC82F;}
#rodape #footer-wrapper a:hover {color:#FFF;}
#rodape #footer-wrapper ul.rs {float:right; color:#3100;}
#rodape #footer-wrapper ul.rs li {float:left; margin-left:5px;}
#rodape .fb-like-box {margin-top:335px; background:#FFE url(../interface/2012/bg-topo.png); position:absolute; top:0; left:0; border:4px solid #6DB52D; z-index:99; display:block;}

/*************************************************************
TWITTER SEARCH
**************************************************************/
.twtr-widget {float:left; margin-top:30px;}
.twtr-ft  {display: none;}

/*************************************************************
APOIO
**************************************************************/
#apoio {margin-top:0;}
#apoio ul {padding:0; margin:0;}
#apoio ul li {background:#FFE; width:154px; line-height:180px; display:block; text-align:center; color:#000; float:left; margin-right:10px; border-radius:5px; overflow:hidden;}
#apoio ul li:last-child {margin:0; padding:0;}
#apoio ul li a {display:block; width:154px; height:180px;}
#apoio ul li a.apoio01 {background: url(../interface/2012/top-team.jpg) no-repeat top center;}
#apoio ul li a.apoio02 {background: url(../interface/2012/pmlp.jpg) no-repeat top center;}
#apoio ul li a.apoio03 {background: url(../interface/2012/crystal.jpg) no-repeat top center;}
#apoio ul li a.apoio04 {background: url(../interface/2012/expovelha.jpg) no-repeat top center;}