/*
      Adaptado para Viņa del Mar Hotel
      por: D.G. Betty Lumbreras
      E-mail: b.lumbreras@gmail.com
*/

* {padding:0; margin:0;}

body {background-color:#F2E5C2; font-family: Trebuchet MS, sans-serif; font-size:16px;}
#wrapper {margin:auto; width:960px;}

/*---->Begin Header---->*/
#header {width:940px; float:left; height:160px; margin: 10px 0px 0px; border-bottom: 5px solid #702c2b; border-top: 5px solid #702c2b;}
#logo a {height:140px; width:220px; float:left; background:transparent url(../images/logo.jpg) no-repeat; margin-top:20px; line-height:140px; text-align:center; color:transparent;}
#headerimg {background:transparent url(../images/header.gif) no-repeat; height:160px; width:720px; float:left;}

/*---->Begin Content<----*/
#container {width:940px; height:590px; margin:auto; float:left;}

/*---->Begin Left Colum---->*/
#leftcolumn, #leftcolumn2 {height:590px; width:220px; float:left; margin:0;}
#leftcolumn {background: url(../images/bienv.gif) no-repeat bottom;}
#leftcolumn2 {background: url(../images/welcome.gif) no-repeat bottom;}

/*---->Menu Vertical---->*/
#menu {list-style-type:none; margin:20px auto; width:150px; text-align: center; vertical-align:center;}
#menu li {background: url(../images/mnbg.jpg) repeat-x; margin-bottom:4px; height:30px;}
#menu ul {margin:0; padding:0;}
#menu li:hover {background: url(../images/mnbg2.jpg) repeat-x; margin-bottom:4px; height:30px; padding:0;}
#menu a {font-weight: bolder; text-decoration:none; text-transform:uppercase; color:#fff; line-height:30px;}

/*---->Begin Contenido---->*/
#content {margin:0; height:590px; width:720px; color:#333; float:left; }
.home {background: url(../images/home1.jpg) no-repeat right bottom #ffffff;}
.habitaciones {background: url(../images/habitaciones.jpg) no-repeat right bottom #ffffff;}
.servicios {background: url(../images/servicios.jpg) no-repeat right bottom #ffffff;}
.galeria {background: url(../images/galeria.jpg) no-repeat right bottom #ffffff;}
.reservas {background: url(../images/reservas.jpg) no-repeat right bottom #ffffff;}
.tarifas {background: url(../images/tarifas.jpg) no-repeat right bottom #ffffff;}

#cont{margin:30px; color:#333; float:left; }
.uvas  {background: url(../images/uvas.jpg) no-repeat top center; height:400px; width:510px; padding-top:60px; float:left;}
.habita {width:480px; height:127px; padding-left:30px; margin: 0 0 40px 15px; background: url(../images/champ.jpg) no-repeat;}
.gall {width:480px; height:450px; padding: 0 10px 10px 10px;	text-align:center; margin-bottom: 10px;}
.servi {height:400px; width:520px; margin: 0 0 40px 15px; background: url(../images/taza.jpg) no-repeat;}
.ubica {background: url(../images/ubicacion.jpg) no-repeat right bottom #ffffff;}
.tarif {height:400px; width:520px; margin: 0 0 40px 15px; background: url(../images/pluma.jpg) no-repeat;}

.vineta {margin: 30px auto 30px auto; height:100%; width:350px; list-style-image: url(../images/vineta.jpg); list-style-position:outside; border-bottom: 2px dotted #702c2b; padding: 0px 0px 10px 0px;}
.lista {height:300px; width:175px; padding: 30px 30px 15px 30px; float:left;}
.lista li {height:100%; width:175px; list-style-image: url(../images/vineta.jpg) outside; margin-bottom:10px;}
.lista li:hover {background:#f2e5c2;}
.lista2 {list-style-type:none; height:290px; width:210px; padding:5px; float:left; margin:30px 20px 0 30px; border:2px solid #702a2a;}
.lista2 li, .lista3 li  {list-style-type:none;}
.lista3 {list-style-type: none; height:290px; width:150px; padding:5px; float:left; margin:30px 0 0 10px; border:2px solid #702a2a;}
.celda_title {background:#702a2a; font-weight:bolder; text-align:center; color:white; height:22px; padding:5px;}
.celda1 {height:100%; padding: 5px 10px;}
.celda2 {height:100%; padding: 5px 10px; background:#faeed3;}

#fotogaleria {background:#702c2b; border-style:none;	list-style-type:none; margin:15px; padding:5px; width:440px; height:340px; display:inline; float:left;}
#fotogaleria a img{border:none;}
#fotogaleria li.images a img { display: block; float:left; height:75px; margin:5px; overflow:hidden; width:100px; }

h1 {width:450px; color:#702c2b; text-align:center; font-style:italic; margin:auto;}
h3 {width:500px; margin: 20px 0 0 0; text-align:center;}
h3 a {color:#702c2b; text-decoration:none;}
h3 a:hover {color: black; background:faeed; text-decoration:none;}
h4 {width:450px; color:#000; text-align:center; margin:auto;}

/*---->Begin Formulario---->*/
.box  {background:#A38B8B; height:420px; width:450px; padding:30px 15px; border:solid 1px #000;}
.box.label {display:block; margin-bottom:10px; color:#555555; height:16px; width:140px;}
.box span { text-align: right; color:#fff; font-weight:bolder;}
.input {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.box h1 {	font-size:14px; color:#000000; padding-bottom:4px;}
.box input .input-text { border:1px solid #3b6e22; color:#000; width:180px;}
input#nombre, input#direccion, input#ciudad,
input#telefono, input#email, input#numero, textarea#comentarios
{border:1px solid #3b6e22; color:#000; width:260px;}
.box label {display:block; margin-bottom:10px; color:#555;}
.box label span {display:block; float:left; padding-right:5px; width:170px; text-align:right; font-weight:bold;}
.buttons {height:10px; margin: 10px auto; padding:5px 10px 5px 100px; width:200px;}
.button {background:transparent url(../images//bt.jpg); border:1px solid #fff; color:#FFFFFF;  display:inline-block; font-size:12px; float:left; margin: 0 10px; padding:0px 6px; text-decoration:none; }
.datos h6 { color:#fff; font-weight:bolder; margin:0 auto; width:420px; text-align:center;}

ul#fotos {margin:30px;}
#fotos {background:#702c2b; border-style:none; list-style-type:none; margin:15px; width:505px; height:116px; padding:15px 5px 15px 0px; display:inline; float:left;}
#fotos a img{border:none;}
.image {width:150px; height:116px; margin-left:15px; float:left;}
#fotos_serv {width:360px; height:74px; background: url(../images/serv.jpg) no-repeat; float:left; margin-left:70px;}

/*---->Promociones---->*/
#slideshow {height:215px; width:345px; float:left; margin:30px 70px; border: 12px solid #702a2a; }
#slideshow { position:relative; height:215px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}
#slideshow a img { border:none;}

#promo {height:215px; width:345px; float:left; margin:30px 70px; border: 12px solid #702a2a; }

/*---->Begin Right Sidebar---->*/
.phones {background: url(../images/phones.jpg) no-repeat; margin:0; float:right; height:67px; width:131px; padding:181px 5px 0 5px; color:#FFF; text-align:center; font-weight:bolder; border-bottom: 5px solid #702c2b; }
.phones h2 {font-size:18px; line-height:30px; }

/*---->Begin Footer---->*/
#footer {background:#702c2b; width:920px; height:55px; float:left; color:#fff; margin:auto; padding:10px; text-align:center; font-size:12px; font-weight:bold;}