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

@font-face {
 font-family: 'CaviarDreams';
 src: url('../fonts/CaviarDreams.eot?#iefix') format('embedded-truetype'),
 url('../fonts/CaviarDreams.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'CaviarDreamsBold';
 src: url('../fonts/Caviar_Dreams_Bold.eot?#iefix') format('embedded-truetype'),
 url('../fonts/Caviar_Dreams_Bold.ttf') format('truetype');
 font-weight: bold;
 font-style: normal;
}
body { margin: 0px; padding: 0px; background-color: #fff; font-family: 'CaviarDreamsBold'; font-weight: bold; font-size:12px;}
.general { width:100%;}
.top { width:100%; background-image: url(../imagenes/bg-top.png); background-repeat: repeat-x; height: 235px; position: relative; z-index: 1; top: 0px;}
.inner-top{ width:970px; margin:0 auto;}
.logo {float:left;}
.logo:hover {opacity:0.7;}
.slider { width:100%; position: relative; z-index: 1; clear: both; margin-top: 60px;}
.hoteles { width:100%; margin-top: 0px; height: 200px;}
.inner-hoteles { width:1240px; margin:0 auto;}
.cada-hotel {float:left;}
.cada-hotel:hover {opacity:0.7;}
.pie { width:100%; height: 65px; margin-top: 10px; background-image: url(../imagenes/bg-menu.png); background-repeat: repeat-x; position: relative; padding-top: 30px;}
.inner-pie { width:180px; margin:0 auto; padding: 10px; visibility: hidden;}
.inner-pie a { font-family: 'CaviarDreamsBold'; font-size: 14px; font-weight: bold; color: #FEFCFC; text-align: center; text-decoration:none;}
.inner-pie a:active { color: #FEFCFC; text-decoration:none;}
.inner-pie a:visited { color: #FEFCFC; text-decoration:none;}
.inner-pie a:hover { color: #000; text-decoration:none;}
.menu { width:100%; background-image: url(../imagenes/bg-menu.png); background-repeat: repeat-x; height: 99px; z-index: 2; position: absolute; top: 210px; clear: both;}
.inner-menu { width: 980px; padding: 0px; margin:0 auto; position: relative;}
.inner-menu > ul{ list-style: none; margin: 0px; padding: 0px;}
.inner-menu >ul>li{ float: left; margin-right: 5px; margin-left: auto; text-align: center; word-spacing: 0px; cursor:pointer; height: 35px; padding-top: 22px; padding-right: 9px; padding-bottom: 8px; padding-left: 9px; display: block; margin-top: 18px; width: 220px; margin-bottom: 0px;}
.inner-menu >ul>li>a{ display: block; font-weight: bold; color:#fff; font-size: 18px; text-decoration: none;}
.inner-menu >ul>li>a:active{ color:#fff; text-decoration: none;}
.inner-menu >ul>li>a:visited{ color:#fff; text-decoration: none;}
.inner-menu >ul>li>a:hover{ color:#830d26; text-decoration: none;}
.inner-menu >ul>li>a.current{ color: #830d26; background-color: #4d829d;}
.inner-menu >ul>li.current{ color: #830d26; text-decoration: none; background-image: url(../imagenes/bg-li.png); background-repeat: repeat;}
.inner-menu >ul>li.current a{ color: #830d26; text-decoration: none;}
.inner-menu >ul>li.current a:active{ color: #830d26; text-decoration: none;}
.inner-menu >ul>li.current a:visited{ color: #830d26; text-decoration: none;}
.inner-menu >ul>li.current a:hover{ color: #fff; text-decoration: none;}
.inner-menu >ul>li:hover{ color: #830d26; text-decoration: none; background-image: url(../imagenes/bg-li.png); background-repeat: repeat;}
.textos { width:100%; position: relative; clear: both;}
.inner-textos{ width: 980px; margin:0 auto;}
.general .textos .inner-textos h1 { color: #830d26; font-size: 20px; font-family: 'CaviarDreamsBold';}
.general .textos .inner-textos p { font-size: 12px; color: #474747; text-align: justify;}
.general .textos .inner-textos #izq { float: left; width: 500px; height: 250px;}
.general .textos .inner-textos #der { float: left; width: 400px; clear: both; position: relative; height: 250px;}
#campo1, #campo2, #campo3, #campo4, #campo5 {width:280px; margin-top:5px; margin-bottom:5px; padding:5px;}
#enviar {padding-top:0px; padding-bottom:7px; position:relative!important; left: 40px; background-color: #830d26!important;}
#enviar:hover {color:#fff!Important; opacity:0.7;}
#mensaje {top:15px!Important; z-index: 999!Important; margin-left: -450px!Important;}
#contacto { clear: both; height: 400px; margin: 0 auto; position: relative; width: 980px;}