@charset "utf-8";
/* CSS Document */

@font-face {
     font-family: 'Frutiger LT Std';
     src: url('../frutiger.otf');
}

html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{  margin:0; padding:0; vertical-align:baseline;}
body{background:#fff; color:#111; font:62.5% Verdana, Arial, Helvetica, sans-serif; position:absolute;top:0; width:100%; background: url(../img/bg_wine.jpg) center top no-repeat;}
textarea{font:100%/1.5em Verdana, Arial, Helvetica, sans-serif;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:none;}
/* Baseline and common looks - Sets a vertical rhythm and styles the different elements. */
a{text-decoration:underline; color:#ae5bae; font-weight:bold;}
.roxo{color:#ae5bae;}
a:hover,a:focus{text-decoration:none;}
a img{ border:0;}
abbr,acronym{border-bottom:1px dotted; cursor:help; font-variant:small-caps;}
address,cite,em,i{font-style:italic;}
blockquote p{margin:0 1.5em 1.5em; padding:0.75em;}
code,kbd,tt{font-family:"Courier New", Courier, monospace, serif; line-height:1; *line-height:1.5;}
del{text-decoration:line-through;}
dfn{border-bottom:1px dashed; font-style:italic;}
dl{margin:0 0 1.5em;}
dt{font-weight:700; line-height:1.8em;}
dd{margin-left:20px;line-height:1.8em;}
h1,h2,h3,h4,h5,h6{padding:0; font-family:'Frutiger LT Std',Arial, Helvetica, sans-serif;color:#6b6b6b; font-weight:normal}
h1{font-size:2em; margin:25px 0 0;  width:377px;  height:84px;  background:url(../img/logo_hoteis_opala.png); position:absolute; margin-left:290px; top:100px;}
h1 a {display:block; width:262px; height:105px;}
h1 span{display:none;}
h2{font-size:3em;  margin:0 0 1em; text-align:center; font-weight:normal; font-family:'Frutiger LT Std',Arial, Helvetica, sans-serif; color:#111; letter-spacing:0.5pt;}
h3{font-size:2.3em; margin:0 0 1.286em; letter-spacing:0.5pt}
h4{font-size:1em; margin:0 0 1.5em;}
h5{font-size:0.8333em; margin:0 0 1.8em;}
h6{font-size:0.666em; margin:0 0 2.25em;}
img{display:inline-block; vertical-align:text-bottom;}
ins{text-decoration:overline;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
ol{list-style:outside decimal;}
p{font-weight:300;  margin:0 0 1.8em;}
pre{font-family:"Courier New", Courier, monospace, serif;  margin:0 0 1.5em;}
sub{top:0.4em;  font-size:0.85em; line-height:1; position:relative; vertical-align:baseline;}
sup{font-size:0.85em;  line-height:1; position:relative;  bottom:0.5em; vertical-align:baseline;}
strong,b{font-weight:700;}
ul{list-style:outside disc;}
ul,ol{margin:0; padding:0;}
li ul,li ol{ padding:0; margin:0 0 1.5em 1.5em;}
table{border-collapse:collapse; border-spacing:0; margin:0 0 1.5em; padding:0;}
caption{font-style:italic; text-align:left;}
tr.alt td{ background:#eee;}
td{ border:1px solid #000; padding:0.333em; vertical-align:middle;}
th{ font-weight:700; padding:0.333em; vertical-align:middle;}
button{ cursor:pointer; display:block; font-size:1em; height:2em; line-height:1.5em; margin:0.8em 0 0; *margin:1.75em 0 0; padding:0 0.5em;}
button::-moz-focus-inner { border: 0;}
fieldset{ margin:0 0 1.5em; position:relative; padding:20px; border: solid 1px #eaedef; background:#f4f6f7;}
fieldset fieldset{ clear:both; margin:0 0 1.5em; padding:0 0 0 1.5em;}
input{ border:1px solid #ccc; border-bottom-color:#eee; border-right-color:#eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;  font-size:1em; height:2.25em; *height:1.5em; line-height:1.5em; padding:0.29em 0; margin:0 0 0.75em; font-family:Verdana, Arial, Helvetica, sans-serif}
input[type=file]{ height:2.25em; padding:0;}
textarea{ border:1px solid #ccc; border-bottom-color:#eee; border-right-color:#eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; margin:0; padding:0.29em 0;}
select{ border:1px solid #ccc; border-bottom-color:#eee; border-right-color:#eee; font-size:1em; height:2.25em; margin:0 0 0.75em; *margin:0 0 0.8em; _margin:0 0 1.3em; padding:0.2em 0 0;}
optgroup { font-weight:700; font-style:normal; text-indent:0.2em;}
optgroup + optgroup { margin-top:1em;}
option{ font-size:1em; height:1.5em; padding:0; text-indent:1em;}
label{ cursor:pointer; display:block; margin:0; padding:0;}
label input{ background:0; border:0; height:1em; *height:1.5em; line-height:1.5em; margin:0 0.5em 0 0; padding:0; width:auto;}
legend{ font-size:1.1666em; font-weight:700; left:0; margin:0; padding:0;}

.idiomas{position:absolute;margin-left:50px; top:15px;}
.idiomas h2{display:none}
.idiomas li{ list-style:none; display:inline;color:#fff; font-weight:bold;}
.idiomas li a{color:#fff; font-weight:normal;}

.siga{position:absolute;margin-left:782px; top:12px; width:135px;}
.siga h2{font-size:1.1em; font-family:Verdana, Geneva, sans-serif; font-weight:normal;color:#fff; display:inline; margin:0 2px 0 0}
.siga li{  height:18px; list-style:none; display:inline; }
.siga .twitter{ background-position:18px 0;}
.siga .orkut{ background-position:37px 0;}
.siga span{display:none;}
.siga a{ background-image:url(../img/icones_redes_sociais.png);display:inline-block; width:18px; height:18px;}

ul.menu{ background:url(../img/bg_menu.png) no-repeat; position:absolute; top:230px; margin-left:100px; width:643px;height:40px; padding-left:117px;}
ul.menu li{float:left;list-style:none; width:130px; height:40px; margin:8px 1px 0 0;}
ul.menu li a{ display:block; width:130px; height:30px;}
ul.menu li a:hover, ul.menu li a.quem_somos_on { background: url(../img/menu_principal.png) 0px -8px;}
ul.menu li a.historia:hover, ul.menu li a.historia_on{ background: url(../img/menu_principal.png) -131px -8px;}
ul.menu li a.parceiros:hover, ul.menu li a.parceiros_on{ background: url(../img/menu_principal.png) -262px -8px;}
ul.menu li a.fale_conosco:hover, ul.menu li a.fale_conosco_on{ background: url(../img/menu_principal.png) -393px -8px;}

ul.menu li a span{ display:none;}
.container{width:960px; margin: auto}

.conteudo{ position:absolute; top:290px; width:760px; padding:0 100px;background:url(../img/bg_rodape.png) bottom center no-repeat;}
.conteudo p{ font-size:1.2em; line-height:2em;}

.nossos_hoteis{ text-align:center; margin:40px 0; background:url(../img/bg_nossos_hoteis.png) center no-repeat;}
.nossos_hoteis li{ list-style:none; display:inline; margin:0 70px; width:227px;}

ul.menu_rodape{ text-align:center; font-size:1.2em; margin-bottom:6px;font-family:'Frutiger LT Std',Arial, Helvetica, sans-serif; text-transform:uppercase;}
ul.menu_rodape li { list-style:none; display:inline; margin:0 5px;}

.rodape{margin-top:80px; text-align:center; padding-bottom:20px;}
.rodape p{ text-align: center; line-height:1.6em; margin:0}
.rodape a{ color:#666; text-decoration:none; font-weight:normal;}
.rodape a:hover{color:#111;}

h2.logo_rodape{ width:110px; height:26px; background:url(../img/logo_hoteis_opala_rodape.png); margin:20px auto ;}
h2.logo_rodape span{display:none;}

div.historia{ padding-left:200px; background:url(../img/bg_linha_do_tempo.png) no-repeat 55px 0;}

ul.lista_logos{ list-style:none; text-align:center}
ul.lista_logos li{ display:inline; margin:0 10px; }

/*form*/
.conteudo .contatos{margin-bottom:40px; margin-left:105px; border: solid 1px #ddd; border-width:1px 0; padding:20px 0; width:550px;}
.conteudo .contatos p{margin:0; padding:0;}
.conteudo .contatos .tel{ background: url(../img/ic_telefone.png) no-repeat 0 7px; padding-left:15px; }
.conteudo .contatos .mail{ background: url(../img/ic_email.png) no-repeat 0 8px; padding-left:15px; }


.conteudo form	{ width:550px; margin:auto}
.conteudo label	{ font-size:1.2em}
.conteudo fieldset{float:left; margin:0 10px; display:inline}
.conteudo input, .conteudo select, .conteudo textarea { border-color:#e0e4e7; background:url(../img/bg_input.png) repeat-x 0 1px #fff; padding: 0 2px; font-size:1.2em}
.conteudo input, .conteudo select{height:23px;}
.conteudo label { margin-bottom:2px;}
.conteudo input#enviar, .conteudo input#limpar{ border-color:#ccc; color:#666; background:url(../img/bg_bt_enviar.png) center; text-transform:uppercase; font-size:0.9em;float:left; margin:0 10px 0 0;}
.conteudo input#enviar{font-weight:bold;}
.conteudo input#limpar{clear:left;}
.conteudo textarea{height:100px; margin-bottom:20px;}
.t50{width:50px}
.t100{width:100px}
.t150{width:150px}
.t200{width:200px}
.t250{width:250px}
.t300{width:300px}
.t350{width:350px}
.t400{width:400px}
.t450{width:450px}
.t500{width:500px}
.t550{width:550px}
.t600{width:600px}
.t650{width:650px}
.t700{width:700px}
.t750{width:750px}
.t800{width:800px}
.t850{width:850px}