/* Documento - Site Viena Park Hotel - In-Meta Agência Digital */

* {
	margin:0;
	padding:0;
	border:0;
}

body{
  	font-family:"Trebuchet MS";
    background-image: url(../images/background.jpg);
    background-repeat: repeat-x;
    background-color: #BCB7B1;
}

address {
    font-style: normal;
}

/* FORMULARIO DE RESERVA INTERNO */

.formularioReserva{
    float: left;  
    width:680px;
    margin-left:14px;
}

.formularioReserva label{
    float:left;
    clear:both;
    width:120px;
    font-size: 12px;
    font-family: Trebuchet MS;
    margin-top:4px;
    color: #3E3935;
}
.reserva-input{
    float:left;
    clear:both;
    width:123px;
    height:17px;
    padding: 3px 0 0 3px;
    border:1px solid #3E3935;
    font-size: 12px;
    font-family: Trebuchet MS;
    background-image: url(../images/bg-input-reserva.jpg);
    background-repeat: repeat-x;
}
.reserva-select{
    float:left;
    width:189px;
    height:20px;
    padding: 3px 0 0 3px;
    border:1px solid #3E3935;
    font-size: 12px;
    font-family: Trebuchet MS;
    background-image: url(../images/bg-input-reserva.jpg);
    background-repeat: repeat-x;
}
.reserva-textarea{
    float:left;
    clear:both;
    width:276px;
    height:110px;
    padding: 3px 0 0 3px;
    border:1px solid #3E3935;
    font-size: 12px;
    font-family: Trebuchet MS;
    background-image: url(../images/bg-input-reserva.jpg);
    background-repeat: repeat-x;
}


.bloco-reserva-pequeno{
    width:150px;
    float:left;
}
.bloco-reserva-grande{
    width:300px;
    float:left;
    clear:both;
}
.fieldset-reserva {
    margin:10px 0 10px 0;
    padding:0 0 10px 0;
}


.border-bottom {
    border-bottom:1px solid #CCCCCC;
}

.ajuda{
    float:right;
    width:366px;
    height:92px;
    border:1px solid #CCCCCC;
    color:black;
    font-size: 12px;
    font-family: Trebuchet MS;
}
.ajuda-titulo{
    width:366px;
    height:20px;
    border-bottom:1px solid #CCCCCC;
    background-image: url(../images/bg-ajuda-reserva.jpg);
    background-repeat: repeat-x;
}
.ajuda-titulo span{
    margin: 5px 0 0 3px;
}

.ajuda-texto{
    width:356px;
    margin:3px 0 0 3px;
}

.input-errado{
    border:1px solid red;
}

.ultimas-info-left{
    width:301px;float:left;
}
.ultimas-info-right{
    width:301px;float:right;
}


/* FORMULARIO DE RESERVA INTERNO */

.unlockable-popup{
    z-index:0;
    width:auto;
    height:auto;
    position:absolute;
    top:5%;
    left:0;
    border:2px solid gray;
    background-color: #FFFFFF;
}
.unlockable-popup-top{
    height:40px;
    background-color: #FFFFFF;
}
.unlockable-popup-top img{
    float:left;
}
.unlockable-popup-content{

}

#reservaPopup {
    position: absolute;
    left: 20%;
    top: 20%;
    width:317px;
    border:2px solid gray;
    background-color: #FFF;
}
#reservaPopup img {
    margin:0;
    float:left;
}
#reservaPopupConteudo {
    clear:both;
    background-color: #FFF;
}

#reservaPopupConteudo fieldset {
    width:140px;
    font-size:12px;
    float:left;
    margin:8px 5px 8px 10px;
}

#reservaPopupConteudo label {
    font-size:12px;
    float:left;
    clear:both;
    margin:5px 0 0 0;
    color:#8C8C2F;
}

#reservaPopupConteudo input {
    font-size:12px;
    width:135px;
    float:left;
    border:1px solid gray;
}

.errorBox{
    display:none;
    float:left;
    margin-left:10px;
    margin-top: 3px;
    margin-bottom: 3px;
    color:red;
}


#geral {
	width:961px;
	margin:0 auto 0 auto;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

#topo{
  	width: 961px;
    height: 114px;
}

#topoLogo{
    background-image: url(../images/imagemFundoTopoLogo.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 629px;
    height: 114px;
}

#topoLogo img{
    margin: 8px 0 0 27px;
}

#topoBuscaIdioma{
    font-size: 10px;
    font-family: "Trebuchet MS";
    color: #969696;
    float: right;
    margin: 5px 7px 0 0;
    border: 1px solid #CCCCCC;
    width: 148px;
}

#topoBusca{
    float: left;
    width: 332px;
    height: 114px;
    background-image: url(../images/backgroundTopo.jpg);
    background-repeat: repeat-x;
}

.formBusca{
    float: right;
    width: 320px;
    margin-right: 7px;
}


#topoBuscaLinks{
    float: left;
    width: 320px;
    margin: 58px 0 3px 5px;
}

.topoBuscaSelecionado {
    float:left;
    list-style:none;
    font-size: 12px;
    text-align: center;
    margin: 0 5px 0 5px;
    height: 22px;
    color: #F15D5E;
    background-image: url(../images/setaVerticalUm.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.topoBuscaSelecionado a{
    text-decoration: none;
    color: #F15D5E;
}


.topoBuscaNSelecionado{
    float: left;
    font-size: 12px;
    color: #008EAA;
    text-align: center;
    margin: 0 5px 0 5px;
    height: 22px;
    cursor: pointer;
}

.topoBuscaNSelecionado a{
    text-decoration: none;
    color: #008EAA;
}

.separadorBusca{
    background-image: url(../images/separadorBusca.gif);
    background-repeat: no-repeat;
    background-position: center top;
    width: 20px;
    height: 22px;
    float: left;
}

#topoBuscaEntrada{
    width:243px;
    height:17px;
    border:1px solid #B7C9DD;
    float:left;
    padding-left: 1px;
}

#topoBuscaBotao{
    margin:1px 0 0 7px;
    float:left;
}

#menuHorizontal{
    float: left;
  	width: 961px;
    height: 24px;
    margin-top: 7px;
    font-size: 12px;
    color: #3D3936;
}

#menuHorizontal a{
    color: #3D3936;
    text-decoration: none;
}

#menuHorizontal ul{
    border-top: 1px solid #D0D6DF;
    width: 961px;
    height:24px;
    background-image: url(../images/backgroundInativoMenuhorizontal.jpg);
    background-repeat: repeat-x;
}

.MenuHorizontalInativo {
    height:20px;
    list-style:none;
    float: left;
    border-right: 1px solid #D0D6DF;
    border-bottom: 1px solid #D0D6DF;
    padding: 3px 20px 0 20px;
    background-image: url(../images/backgroundInativoMenuhorizontal.jpg);
    background-repeat: repeat-x;
}

.MenuHorizontalAtivo{
    background-image: url(../images/backgroundAtivoMenuhorizontal.jpg);
    background-repeat: repeat-x;
    height:20px;
    list-style:none;
    float: left;
    padding: 3px 20px 0 20px;
    border-right: 1px solid #D0D6DF;
}

#reserva{
    float: left;
    width: 313px;
    height: 214px;
    margin: 11px 0 0 7px;
    background-image: url(../images/backgroundReservas.jpg);
    background-repeat: repeat-y;
    font-size: 1px;
}
.reservaRodape{
    margin:0;
    float:left;
}

.ultimoFieldset{
    height:68px;
}


.topoReservas{
    float: left;
    width: 313px;
}

.diaReserva{
    border: 1px solid #B8CADD;
    color: #3366FF;
    font-family: "Trebuchet MS";
    font-size: 12px;
    margin: 7px 0 0 10px;
    width: 53px;
    height: 17px;
    padding-left: 7px;
    float: left;
}

.mesReserva{
    border: 1px solid #B8CADD;
    color: #3366FF;
    font-family: "Trebuchet MS";
    font-size: 11px;
    margin: 7px 0 0 10px;
    width: 53px;
    height: 17px;
    padding-left: 7px;
    float: left;
}

.anoReserva{
    border: 1px solid #B8CADD;
    color: #3366FF;
    font-family: "Trebuchet MS";
    font-size: 11px;
    margin: 7px 0 0 10px;
    width: 57px;
    height: 17px;
    padding-left: 4px;
    float: left;
}

.pessoasReserva{
    border: 1px solid #B8CADD;
    color: #3366FF;
    font-family: "Trebuchet MS";
    font-size: 12px;
    margin: 7px 0 9px 10px;
    width: 53px;
    height: 17px;
    padding-left: 7px;
    float: left;
}

.quartosReserva{
    border: 1px solid #B8CADD;
    color: #3366FF;
    font-family: "Trebuchet MS";
    font-size: 11px;
    margin: 7px 0 9px 10px;
    width: 53px;
    height: 17px;
    padding-left: 7px;
    float: left;
}

#reservaBotao{
    float: right;
    width: 82px;
    height: 22px;
    margin: 5px 16px 0 0;
}

#banner{
    float: left;
    width: 630px;
    height: 214px;
    margin: 11px 0 0 6px;
}

#itens{
    float: left;
    width: 961px;
    margin: 10px 0 0 0;
}

.item{
    float: left;
    width: 312px;
    margin-left: 7px;
}

.itemTopo{
    float: left;
    width: 312px;
    height: 36px;
}

.itemConteudo{
    float: left;
    width: 312px;
    height: 173px;
    background-image: url(../images/backgroundItem.jpg);
    background-repeat: repeat-y;

}

.itemConteudo p{
    float: left;
    width: 272px;
    height: 39px;
    margin: 7px 0 5px 11px;
    font-size: 12px;
    color: #333333;
}

.itemConteudo img{
    border: 1px solid #333333;
    width: 103px;
    height: 78px;
    padding: 3px;
    float: left;
}

.itemRodape{
    background-image: url(../images/rodapeItens.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 312px;
    height: 5px;
}

.botaoVerMais img{
    float: left;
    margin: 8px 0 0 7px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border: none;
}

.linkVerMais{
    float: left;
    margin: 11px 0 0 6px;
    font-size: 12px;
    color: #0000FF;
}

.linkVerMais a{
    color: #0000FF;
}

#dicasRoteiro{
    float: left;
    width: 961px;
    margin: 8px 0 0 0;
}

#dicasRoteiroTopo{
    background-image:url(../images/topoRoteiro.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 960px;
    height: 34px;
    margin-left: 7px;
}

#dicasRoteiroConteudo{
    margin-left: 7px;
    border-left: 1px solid #CCCCCC;
    width: 944px;
    float: left;
    background-image: url(../images/backgroundRoteiro.jpg);
    background-repeat: repeat-x;
    height: 205px;
}

#dicasRoteiroSombra{
    background-image: url(../images/fundoDireitoRoteiro.jpg);
    background-repeat: repeat-y;
    float: left;
    width: 5px;
    height: 205px;
}

#dicasRoteiroRodape{
    background-image: url(../images/rodapeRoteiro.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 950px;
    height: 5px;
    margin-left: 7px;
}

.roteiroConteudo{
    float: left;
    width: 265px;
    height: 198px;
    margin: 5px 0 0 22px;
}

.roteiroConteudoTopo{
    float: left;
    width: 265px;
    height: 22px;
}

.roteiroConteudoTopo img{
    float: left;
}

.roteiroConteudoTopo h1{
    float: left;
    font-size: 16px;
    color: #999933;
    width: 243px;
    margin-left: 5px;
    margin-bottom: 3px;
}

.roteiroConteudoMeio{
    float: left;
    width: 265px;
    margin-top: 10px;
}

.roteiroConteudoMeio p{
    font-size: 12px;
    color: #333333;
    float: left;
    line-height: 160%;
}

.roteiroConteudoMeio img{
    border: 1px solid #333333;
    width: 103px;
    height: 78px;
    padding: 3px;
    margin: 0 0 3px 5px;
    float: right;
}

.roteiroVejaMais img{
    float: left;
    margin: 8px 0 0 0;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border: none;
    clear: both;
}

.separador {
    width:29px;
    height:146px;
    float:left;
}

#cadastro{
    float: left;
    width: 944px;
    height: 71px;
    border: 1px solid #D5D5D5;
    margin: 10px 0 0 7px;
    background-image: url(../images/backgroundCadastro.jpg);
    background-repeat: repeat-x;
}

#cadastroColuna1{
    float: left;
    width: 103px;
    height: 70px;
}

#cadastroColuna1 img{
    float: left;
    margin: 9px 0 0 13px;
}

#cadastroColuna2{
    float: left;
    width: 292px;
    height: 61px;
    margin-top: 3px;
}

#cadastroColuna2 img{
    float: left;
    margin: 3px 12px 2px 0;
}

#cadastroColuna2Topo{
    float: left;
    width: 260px;
    font-size: 22px;
    text-decoration: underline;
    color: #3E3935;
}

#cadastroColuna2 p{
    float: left;
    font-size: 12px;
    color: #666666;
    margin: 0 5px 0 30px;
}

#cadastroColuna3{
    float: left;
    width: 340px;
    height: 61px;
    border-right: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    margin-top: 4px;
}

#cadastroColuna3 label{
    float: left;
    width: 35px;
    text-align:right;
    padding-top:3px;
}

#cadastroColuna3 input{
    float: left;
    margin:3px 0 0 3px;
}

#cadastroColuna4 label{
    float: left;
    width: 35px;
    text-align:right;
    padding-top:3px;
}

#cadastroColuna4 input{
    float: left;
    margin:3px 0 0 3px;
}

.cadastroColuna3Topo{
    float: left;
    color: #3E3935;
    font-size: 12px;
    margin: 0 5px 0 20px;
}

#cadastroColuna3Topo img{
    float: left;
    width: 8px;
    height: 8px;
    margin: 5px 7px 0 0;
}

#cadastroColuna3Corpo{
    float: left;
    font-size: 12px;
    color: #666666;
    width: 300px;
    margin: 3px 0 0 20px;
}

#cadastroColuna3CorpoNome{
    border: 1px solid #CCCCCC;
    width: 128px;
    font-size: 12px;
    padding-left: 2px;
}

#cadastroColuna3CorpoMail{
    width: 128px;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding-left: 2px;
}

#cadastroColuna4{
    float: left;
    width: 200px;
    height: 61px;
    margin-top: 4px;
    font-size: 12px;
}

#cadastroColuna4Corpo{
    float: left;
    font-size: 12px;
    color: #666666;
    margin: 3px 0 0 20px;
}

#cadastroColuna4CorpoMail{
    width: 128px;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding-left: 2px;
}

#cadastroColuna4CorpoBotao{
    margin: 5px 0 0 39px;
}

#linha{
    float: left;
    width: 961px;
    height: 8px;
    background-image: url(../images/backgroundLinha.gif);
    background-repeat: repeat-x;
    margin: 11px 0 10px 0;
}

#rodape{
    float: left;
    width: 961px;
    height: 120px;
    margin: 0 0 30px 0;
}

#rodapeEsquerdo{
    float: left;
    width: 17px;
    height: 121px;
    margin-left: 7px;
    background-image: url(../images/backgroundEsquerdoRodape.jpg);
    background-repeat: no-repeat;
}

#rodapeConteudo{
    float: left;
    width: 912px;
    height: 121px;
    background-image: url(../images/backgroundRodape.jpg);
    background-repeat: repeat-x;
}

#rodapeConteudo address{
    float: left;
    font-family: "Arial";
    font-size: 11px;
    color: #666666;
    text-align: center;
    margin-top: 8px;
}

#rodapeConteudo address img{
    margin: 8px 0 4px 0;
}

.rodapeLinks{
    float: left;
    text-align: center;
    margin-top: 4px;
    width: 912px;
}

.rodapeLinks a{
    color: #0000FF;
}

#rodapeDireito{
    float: left;
    width: 17px;
    height: 121px;
    background-image: url(../images/backgroundDireitoRodape.jpg);
    background-repeat: no-repeat;
}

#migalhas{
    background-color: #3E3935;
    float: left;
    width: 947px;
    height: 20px;
    margin: 10px 0 0 7px;
}

#migalhas p{
    color: #FFFFFF;
    font-size: 12px;
    margin: 1px 0 0 30px;
}

#colunaNavegacao{
    float: left;
    width: 223px;
    margin-left: 7px;
}

.menuVertical{
    float: left;
    margin-top: 11px;
}

#menuUmTopo{
    float: left;
    background-image: url(../images/topoMenuNavegacaoUm.jpg);
    background-repeat: no-repeat;
    width: 223px;
    height: 37px;
}

.menuVertical ul li{
    float: left;
    list-style: none;
    color: #666666;
}

.menuVertical ul li a{
    color: #666666;
    text-decoration: none;
}
.menuVertical ul li a:hover{
    text-decoration: underline;
}

.menuVertical ul{
    float: left;
}

.subArea{
    float: left;
    list-style: none;
    color: #666666;
}


.menuVertical img{
    float: left;
    margin: 1px 14px 0 12px;
}

.menuNavegacaoSelecionado{
    float: left;
    background-image: url(../images/backgroundMenuNavegacaoSelecionado.gif);
    background-repeat: repeat-y;
    height: 26px;
    padding-top: 6px;
    font-size: 14px;
    border-top: 1px solid #DDDDDD;
    width: 222px;
}

.menuNavegacaoNSelecionado{
    float: left;
    background-image: url(../images/backgroundMenuNavegacaoNSelecionado.gif);
    background-repeat: repeat-y;
    width: 222px;
    height: 26px;
    font-size: 14px;
    padding-top: 6px;
    border-top: 1px solid #DDDDDD;

}

.subAreaList {
    float:left;
    clear:both;
    padding-bottom:8px;
    background-image: url(../images/backgroundMenuNavegacaoNSelecionado.gif);
    background-repeat: repeat-y;
    border-top: 1px dashed #DDDDDD;
}


.subArea{
    float: left;
    width: 222px;
    height:20px;
    font-size: 14px;
}
.subArea a{
    font-size: 14px;
    color: #EEE;
    text-decoration: none;
}
.subArea img{
    float:left;
    margin:0 2px 0 4px;
}
.subArea span{
    float:left;
    margin-top:5px;
    margin-left:2px;
}


.rodapeNavegacao{
    float: left;
    width: 223px;
    height: 6px;
    background-image: url(../images/rodapeMenuNavegacao.gif);
    background-repeat: no-repeat;
}

#menuDoisTopo{
    float: left;
    background-image: url(../images/topoMenuNavegacaoDois.jpg);
    background-repeat: no-repeat;
    width: 223px;
    height: 37px;
}

.colunaConteudo{
    float: left;
    width: 713px;
    margin: 11px 0 0 9px;
}

.colunaConteudoTopo{
    float: left;
    width: 713px;
    height: 34px;
    border: 1px solid #CCCCCC;
    background-image: url(../images/backgroundMenuConteudoTopo.jpg);
    background-repeat: repeat-x;
}

.colunaConteudoTopo h2{
    font-size: 16px;
    color: #3E3935;
    margin-top: 5px;
}


.colunaConteudoTopo img{
    float: left;
    margin: 6px 15px 0 13px;
}

.colunaConteudoMeio{
    float: left;
    width: 713px;
    border: 1px solid #CCCCCC;
    border-top: none;
}

.colunaConteudoMeio p{
    width:685px;
    float: left;
    padding: 9px 15px 9px 15px;
    font-size: 14px;
    color: #3E3935;
    line-height: 160%;
}

.colunaConteudoMeio ul{
    float:left;
}
.colunaConteudoMeio ul li{
    list-style-image: url(../images/icones/ulLiConteudo.jpg);
    margin-left:20px;
    font-size:14px;
    font-size: 14px;
    color: #3E3935;
}


.colunaConteudoMeioImg1{
    border:1px solid black;
    padding:4px;
    padding-bottom:0;
    float: right;
    clear:both;
    margin: 6px 0 10px 10px;
}

.colunaConteudoMeioImg2{
    clear:both;
    float: left;
    height: 22px;
    margin: 0 0 13px 15px;
}
.colunaConteudoMeioImg2 img{
    cursor:pointer;
}
.zend_form {
    margin:15px;
}
.zend_form dt {
    float:left;
    clear:both;
    width:96px;
    text-align:right;
}
.zend_form dd {
    padding:4px 0;
    float:left;
}

.zend_form label {
    width:86px;
    font-size:12px;
    text-align:right;
    padding-right:6px;
    font-size:14px;
    color:#3E3935;
} 

#SendNormal{
    margin-left:96px;
}


.blogComentarioTextArea {
    float:left;
    border:1px solid gray;
    font-size:12px;
    margin:0;
}

.blogComentarioTextField {
    float:left;
    border:1px solid gray;
    font-size:12px;
    margin:0;
}



.blogHeader {
    border:1px solid gray;
    border-bottom: 0;
    margin: 15px 0 0 15px;
    width:673px;
    height:21px;
    background-image: url(../images/blogHeaderBg.jpg);
    float:left;
    font-size: 11px;
    padding: 5px 0 0 7px;
}
.blogHeader span{
    float:left;
}
.blogHeader img{
    float:right;
    margin-right:3px;
}

.blogContent {
    float:left;
    border:1px solid gray;
    border-top: 0;
    border-bottom: 0;
    width:680px;
    margin: 0 0 0 15px;
}
.blogContent p {
    margin: 8px;
}


.blogFooter {
    border:1px solid gray;
    border-top: 0;
    margin: 0 0 0 15px;
    width:673px;
    height:21px;
    background-image: url(../images/blogFooterBg.jpg);
    float:left;
    font-size: 11px;
    padding: 5px 0 0 7px;
}

.selectBox{
    margin-left:0;
    border:1px solid gray;
    width:60px;
}

.resultadoBusca{
    width:95%;
    float:left;
    clear:both;
    margin:10px 0 0 15px;
}

.resultadoBusca p{
    padding:0;
    margin:4px 0 0 0;
}