/*Theme Name: Pousda da Espera
Theme URI: http://www.pousadadaespera.com.br/
Description: Tema do site Pousada da Espera
Author: Setweb Global
Author URI: http://setweb.com.br
*/

html, body {height: 100%;}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form, fieldset, legend, dl, dt, dd, ul, li {margin: 0;	padding: 0;}
body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
img {border:0;}
address {font-style: normal}
form {margin:0;	padding:0;}
fieldset {border:0;}
legend {display:none;}
p {color:#333;}
a {text-decoration:none; outline: none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
body {margin:10px 0 0 0}


.clear {clear:both;}
.btn-link {background:#1d66a4; padding:5px; font-size:10px; color:#fff !important; text-transform:uppercase;}
.destaque {display:block; width:656px; background:#F8F8F8; padding:7px !important; text-align:center}
:hover.destaque {background:#F2F2F2; text-decoration:none;}
.calendar {margin-left:5px;}
.notbox {margin-left:135px;}
.error p {font-weight:bold; color:#CC0000 !important}

#topo, #global {width:970px; margin:0 auto}

/*topo*/
#logo, #qtranslate-chooser, #menu, #banner, #sidebar, #conteudo, #sobre {float:left;}

/*logo*/
#topo #logo {width:810px; text-align:center;}
#topo #logo a {text-indent: -900%; display:block; width:223px; height:111px; margin:0 0 0 46%; *margin:0 0 0 15%; padding:0;  background:url(images/logo.jpg) no-repeat;}

/*idiomas*/
#qtranslate-chooser {margin-bottom:20px; width:120px;}
#qtranslate-chooser li {float:left; position: relative; z-index: 100;}
#qtranslate-chooser li a {outline:0; margin-right:12px;display: block; text-decoration: none; text-indent:-50000px; width:28px; height:20px; cursor:pointer}
/*
#idiomas li.br {width:51px; margin-right:5px; background:url(images/idiomas.gif) no-repeat 98% 0}
#idiomas li.en {width:40px; margin-right:5px; background:url(images/idiomas.gif) no-repeat 0 50%}
#idiomas li.es {width:40px; background:url(images/idiomas.gif) no-repeat 0 100%}

#idiomas li.br a:hover {width:51px; margin-right:5px; background:url(images/idiomas.gif) no-repeat 98% 0}
#idiomas li.en a:hover {width:42px; margin-right:5px; background:url(images/idiomas.gif) no-repeat 64% 50%}
#idiomas li.es a:hover {width:42px; background:url(images/idiomas.gif) no-repeat 62% 100%}
*/

#menu_top {width:100%; *width:150px; margin:30px 0 0 0}
#menu_top li {float:left; position: relative; z-index: 100;}
#menu_top li a {outline:0; display: block; text-decoration: none; text-indent:-50000px; height:11px; cursor:pointer}
#menu_top li.menu-0 {width:59px; background:url(images/menu_00.gif) no-repeat; margin-right:15px;}
#menu_top li.menu-000 {width:62px; background:url(images/menu_000.gif) no-repeat;}

/*menu*/
#menu {width:100%; margin:30px 0 0 0}
#menu li {float:left; position: relative; z-index: 100;}
#menu li a {outline:0; display: block; text-decoration: none; text-indent:-50000px; height: 15px; cursor:pointer}
#menu li.menu-1 {width:166px; background:url(images/menu_01.gif) no-repeat; margin-right:48px;}
#menu li.menu-2 {width:52px; background:url(images/menu_02.gif) no-repeat; margin-right:48px;}
#menu li.menu-3 {width:38px; background:url(images/menu_03.gif) no-repeat; margin-right:48px;}
#menu li.menu-4 {width:112px; background:url(images/menu_04.gif) no-repeat; margin-right:48px;}
#menu li.menu-5 {width:43px; background:url(images/menu_05.gif) no-repeat; margin-right:48px;}
#menu li.menu-6 {width:53px; background:url(images/menu_06.gif) no-repeat; margin-right:48px;}
#menu li.menu-7 {width:67px; background:url(images/menu_07.gif) no-repeat; margin-right:48px;}
#menu li.menu-8 {width:83px; background:url(images/menu_08.gif) no-repeat;}

#banner {width:100%; height:398px; margin:30px 0 10px 0; background:url(images/banner.jpg) no-repeat top center;}
#banner_capa {width:100%; height:398px; margin:30px 0 10px 0; /*background:url(images/banner.jpg) no-repeat top center;*/}

/*sidebar*/
#sidebar {width:215px;}
#sidebar h2 {text-indent: -900%; display:block; height:18px; margin-bottom:10px;}
#sidebar p {margin:0; padding:0; color:#848484;  font-size:11px;}

#reserva input, #reserva select, #newsletters input {padding:5px; font:11px Arial, Helvetica, sans-serif; border:1px solid #a0a0a0}
#reserva button, #newsletters button, .btns {background:#1d66a4; font:10px Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-transform:uppercase;  border:0; cursor:pointer;}
#reserva, #newsletters {padding-bottom:15px; margin-bottom:20px; }

/*reserva online*/
.titulo-reserva {width:156px; background:url(images/tit_reserva_sidebar.gif) no-repeat;}
#reserva {float:left; margin-top:5px; border-bottom:2px solid #cecece;}
#reserva p {margin:0 0 20px 0 !important;}
#reserva .align-input {float:left; width:87px; margin:0;}
#reserva .align-select {float:left; width:70px; margin:0 0 10px 0;}
#reserva .afasta-input {margin-right:30px;}
#reserva .afasta-select {margin-right:2px}
#reserva label {float:left; width:100px; font-weight:bold;} 
#reserva input {float:left; width:75px;}
#reserva select {width:68px;}
#reserva button {float:right; margin-right:3px; padding:3px;}

/*newsletters*/
.titulo-newsletter {width:113px; background:url(images/tit_newsletter.gif) no-repeat;}
#newsletters {border-bottom:1px solid #cecece}
#newsletters p {margin:0 0 10px 0;}
#newsletters input {width:155px;}
#newsletters button {padding:5px; margin-left:5px; border:1px solid #1d66a4}

/*banners laterais*/

#banners_lateral {margin:0; padding:0;}
#banners_lateral li {border:1px solid #cecece}

/*conteudo*/
#conteudo {width:700px; margin:0 0 0 45px; color:#777777}
#conteudo h3, #sobre h3 {padding:0; font-size:12px;}
#conteudo p, #sobre p {color:#777777}
#conteudo .bordas {border:1px solid #a0a0a0}
#conteudo .saiba-mais, #conteudo .ver-lista {text-indent: -900%; display:block;  height:19px;}
#conteudo .saiba-mais {width:88px; background:url(images/saiba_mais.gif) no-repeat;}
#conteudo .ver-lista {width:118px; background:url(images/lista_completa.gif) no-repeat;}

#conteudo .esquerda, #conteudo .bem-vindo, #conteudo .ofertas-pacotes, #conteudo .comentarios-clientes {float:left;}
#conteudo .bem-vindo h2 , #conteudo .ofertas-pacotes h2, #conteudo .comentarios-clientes h2 {text-indent: -900%; display:block;}
#conteudo .bem-vindo h2 , #conteudo .ofertas-pacotes h2 {margin-bottom:10px;}

#conteudo .bem-vindo {width:460px;}
#conteudo .bem-vindo h2 {width:158px; height:18px; background:url(images/tit_bem_vindo.gif) no-repeat;}
/*#conteudo .bem-vindo h3 {margin:10px 0 3px 0;}*/
#conteudo .bem-vindo p {margin:10px 0 10px 0;}
#conteudo .bem-vindo a {float:right;}

#conteudo .ofertas-pacotes {width:210px; margin-left:30px}
#conteudo .ofertas-pacotes h2 {width:188px; height:18px; background:url(images/tit_ofertas.gif) no-repeat;}
#conteudo .ofertas-pacotes h3 {margin:5px 0 3px 0; color:#1d66a4}
#conteudo .ofertas-pacotes p {margin:0 0 5px 0;}
#conteudo .ofertas-pacotes .detalhes { width:223px; margin-bottom:10px; padding:5px; background:#f0f0f0; text-align:center; }
#conteudo .ofertas-pacotes .detalhes .preco {font-size:16px; font-weight:bold; color:#1d66a4;}
#conteudo .ofertas-pacotes .ver-lista {margin-left:113px;}

/*comentários*/
#conteudo .comentarios-clientes {width:700px; margin:40px 0 0 0; padding:10px; background:#f2f2f2;}
#conteudo .comentarios-clientes h2 {float:left; width:190px; height:100px; background:url(images/tit_comentarios.gif) no-repeat 20% 50%;}
#conteudo .comentarios-clientes ul {float:left; width:510px; margin:0 0 5px 0;}
#conteudo .comentarios-clientes ul li blockquote p {margin-bottom:5px; line-height:18px; color:#6a6b6d;}
#conteudo .comentarios-clientes ul li blockquote h3, #conteudo .comentarios-clientes ul li blockquote h4 {font-weight:normal; color:#004988;}
#conteudo .comentarios-clientes ul li blockquote h3 {font-size:14px;}
#conteudo .comentarios-clientes ul li blockquote h4 {font-size:11px;}


/*rodape*/
#rodape {width:100%; margin:20px 0 20px 0; padding:40px 0 40px 0; background:#fff url(images/bg_rodape.jpg) no-repeat top center;}

#rodape .menu-rodape {margin:0 0 20px 0; text-align:center;}
#rodape .menu-rodape li {display:inline; margin:0 25px 0 0; text-transform:uppercase; }
#rodape .menu-rodape li a {font-size:11px; color:#6e6e6e}

#social, #agencia {float:left; margin:20px 0 0 0}
/*social*/
#social {float:left; width:190px; height:47px; padding:10px 0 0 15px; background:url(images/bg_acompanhe.gif) no-repeat top;}
#social li {position: relative; z-index: 100; float:left; padding:0; }
#social li h2 {text-indent: -900%; display:block; width:80px; height:20px; background:url(images/tit_acompanhe.gif) no-repeat bottom;}
#social li a {outline:0; display: block; text-indent:-50000px; width:27px; height:27px; padding:0; text-decoration: none; cursor:pointer}
#social li.twitter {margin-right:5px; background:url(images/social.gif) no-repeat 0 0;}
#social li.flickr {margin-right:5px; background:url(images/social.gif) no-repeat 0 50%;}
#social li.youtube {background:url(images/social.gif) no-repeat 0 100%;}
#social li.twitter a:hover {background:url(images/social.gif) no-repeat 100% 0;}
#social li.flickr a:hover {background:url(images/social.gif) no-repeat 100% 50%;}
#social li.youtube a:hover {background:url(images/social.gif) no-repeat 100% 100%;}

/*agencia*/
#agencia a {text-indent: -900%; display:block; float:left; width:127px; height:21px; margin:10px 0 0 630px; background:url(images/agencia.gif) no-repeat; padding:0;}
#agencia a span {display:none;}


/*internas*/
/*.internas {width:670px !important;} mudar isso*/
.internas h1 {margin:0 0 20px 0; font-size:20px; font-weight:normal;}
.internas p {margin:0 0 10px 0; line-height:20px;}
.internas a {color:#1D66A4}
.internas ul {margin:0 0 0 30px;}
.internas ul li {list-style:outside; margin:0 0 10px 0;}
.titulo {text-indent: -900%; display:block; margin-bottom:20px; }
.txt, .fotos-pag, .fotos-pag ul, .fotos-pag ul li {float:left;}
.txt {width:480px;}
.txt ul {margin:10px 0 10px 30px;}
.txt ul li {list-style:outside; margin:0 0 10px 0;}

.fotos-pag {width:200px; margin:0 0 0 20px;}
.fotos-pag h3 {margin:0 0 10px 0; font-size:15px !important; text-transform:uppercase; color:#235178}
.fotos-pag small {margin-left:20px;}
.fotos-pag ul {width:180px; margin:0 0 5px 0; padding:8px 5px 2px 5px; background:#F2F2F2; }
.fotos-pag ul li {margin:0 5px 3px 5px; padding:0;}
/*.fotos-pag ul li img {width:170px;}
*/
#galerias {margin:20px 0 10px 0;}
#galerias li {float:left; width:100%; margin:0 0 20px 0;}
#galerias li .img-chamada, #galerias li .txt-chamada {float:left;}
#galerias li .img-chamada {width:163px; border:2px solid #EFEFEF}
#galerias li .txt-chamada {width:518px; margin-left:15px; }
#galerias li .txt-chamada h1 {margin:0 0 5px 0; font-size:18px; font-weight:normal;}


/*o hotel*/
.o-hotel {width:135px; height:27px; background:url(images/tit_hotel.gif) no-repeat}

/*fotos*/
.fotos {width:97px; height:27px; background:url(images/tit_fotos.gif) no-repeat}
#gal_fotos {margin:0; padding:0;}
#gal_fotos li {float:left; list-style:none; margin:0 8px 20px 0; padding:0;}
#gal_fotos li h1 {font-size:13px; font-weight:bold; text-align:center}

/*pacotes & ofertas*/
.pacotes-ofertas {width:287px; height:27px; background:url(images/tit_pacote_ofertas.gif) no-repeat}
.subcategoria {margin:30px 0 10px 0 !important; font-size:15px; font-weight:normal; color:#858585}

.lista-um {margin:5px 0 40px 0 !important;}
.lista-um li, .lista-um li .chamada, .lista-um li img {float:left; }
.lista-um li {list-style:none; width:650px; margin:0 0 10px 0; padding:10px; background:#f2f2f2;}
.lista-um li .chamada {width:440px; margin-right:10px;}
.lista-um li .chamada h2 {font-size:13px; margin-bottom:5px; color:#1D66A4}
.lista-um li .chamada h3 {margin-bottom:10px; font-size:14px !important;}
.lista-um li .chamada p {margin-bottom:10px !important; line-height:18px;}
/*.lista-um li img {width:170px;}*/


/*o hotel*/
.tarifas {width:104px; height:27px; background:url(images/tit_tarifas.gif) no-repeat}

.lista-dois {margin:20px 0 10px 0 !important; padding:0;}
.lista-dois li {float:left; list-style:none !important; width:650px; padding:10px; margin:0 0 20px 0; background:#f2f2f2;}
.lista-dois li .tit-tipo, .lista-dois li .infos, .lista-dois li .preco {float:left;}
.lista-dois li .tit-tipo {width:100px; height:55px; padding:15px 10px 0 0; text-transform:uppercase; text-align:center; border-right:1px solid #A6A6A6}
.lista-dois li .tit-tipo h3 {padding-top:10% !important;}
.lista-dois li .infos {width:440px; height:55px; padding:20px 8px 0 8px; text-align:center; border-right:1px solid #A6A6A6}
.lista-dois li .infos p {margin:0 !important; padding:0 !important;}
.lista-dois li .preco {width:70px;  padding-left:10px; font-weight:bold; text-align:center; }
/*atividades*/
.atividades {width:163px; height:27px; background:url(images/tit_atividades.gif) no-repeat}

/*localizacao*/
.localizacao {width:209px; height:36px; background:url(images/tit_localizacao.gif) no-repeat}

/*eventos*/
.eventos {width:130px; height:36px; background:url(images/tit_eventos.gif) no-repeat}

/*contato*/
.contato {width:149px; height:27px; background:url(images/tit_contato.gif) no-repeat}
#contato {margin:20px 0 20px 0;}

/*cadastro*/
.cadastro {width:157px; height:27px; background:url(images/tit_cadastro.gif) no-repeat}

/*orçamentos*/
.orcamento {width:198px; height:33px; background:url(images/tit_orcamento.gif) no-repeat}

/*reservas*/
.reservas {width:124px; height:27px; background:url(images/tit_reservas.gif) no-repeat}

/*formatação formulários*/
.lbl-um {float:left; width:130px; font-weight:bold;}
.tam-grande, .tam-medio, .tam-pequeno, .tam-pequeno-2, .combo-list {padding:5px; font:12px Arial, Helvetica, sans-serif; border:1px solid #CDCDCD}
.tam-grande {width:450px;}
.tam-medio {width:300px;}
.tam-pequeno {width:140px}
.tam-pequeno-2 {width:85px}

.btns {padding:5px;}

/*páginacao*/
.box-paginacao {clear:both; float:left; width:100%; margin:10px 0 30px 0;}

/*anterior*/
.box-paginacao .link-anterior, .link-anterior-single a {float:left; padding:10px; font-size:12px; color:#fff !important; background:#c00}
.link-anterior-single a { width:auto; }
.box-paginacao .link-anterior:hover, .link-anterior-single a:hover {text-decoration:none; background:#990000; color:#fff;}
.box-paginacao .link-anterior-sem {display:none; float:left; padding:10px; font-size:12px; color:#fff;}
.box-paginacao a.link-anterior, .link-anterior-single a  {color:#fff;}
.box-paginacao a.link-anterior:hover, .link-anterior-single a:hover {color:#fff;}

/*proximo*/
.box-paginacao .link-proximo, .link-proximo-single a {float:right;  padding:10px; font-size:12px; color:#fff !important; background:#c00}
.link-proximo-single a {width:auto; }
.box-paginacao .link-proximo:hover, .link-proximo-single a:hover {text-decoration:none; background:#990000; color:#fff;}
.box-paginacao .link-proximo-sem {display:none; float:right; padding:10px; font-size:12px; color:#fff;}
.link-proximo-single a {float:right;}
.box-paginacao a.link-proximo, .link-proximo-single a {color:#fff;}
.box-paginacao a.link-proximo:hover, .link-proximo-single a:hover {color:#fff;}

/*paginas*/
.paginas {float:left; display:none; text-align:center; width:374px; margin:0 auto; padding:8px 0 5px 0; font-size:13px;  color:#CC0000; }
.paginas span {margin-right:5px; font-size:14px !important; color:#666 !important; font-weight:normal;}
.paginas a {color:#c00; font-weight:bold}
.paginas a:hover {color:#000 !important;}

/*sobre*/
#sobre {color:#777777}
.sobre {width:222px; height:27px; background:url(images/tit_sobre.gif) no-repeat}
#sobre h3 {margin-bottom:10px;}


/*validacao form*/
.formError {position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000;}
.formError .formErrorContent {width:100%; background: #ee0101; color:#FFF; width: 150px; font: 11px Arial; border: 2px solid #DDD; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background: #33be40;}
.yellowPopup .formErrorContent {background: #393939; color: #FFF;}
.formError .formErrorArrow{position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001;}
.formError .formErrorArrow div{border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin:0 auto; line-height: 0px; font-size: 0px; display: block;}
.greenPopup .formErrorArrow div{background: #33be40;}
.yellowPopup .formErrorArrow div{background: #393939; color: #FFF;}
.formError .formErrorArrow .line10{width: 15px;border: none;} 
.formError .formErrorArrow .line9{width: 13px; border: none;} 
.formError .formErrorArrow .line8{width: 11px;} 
.formError .formErrorArrow .line7{width: 9px;} 
.formError .formErrorArrow .line6{width: 7px;} 
.formError .formErrorArrow .line5{width: 5px;} 
.formError .formErrorArrow .line4{width: 3px;} 
.formError .formErrorArrow .line3{width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0px solid #ddd;} 
.formError .formErrorArrow .line2{width: 3px;border: none; background: #ddd;}
.formError .formErrorArrow .line1{width: 1px; border: none; background: #ddd;}