/* CSS Document */

/**
* Hoja de estilo hotel 09
* Henry Alexander Falla Ortiz
* Febrero 10, 2012
* Versión: 1.0
*/

/* Elementos html */ 
body{padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#262626; background:url(../images/bg_body.jpg) repeat;}
img{border:none; vertical-align:middle;}
h1{font-size:38px; text-align:left; margin:0; padding:0; line-height:38px; font-weight:normal; letter-spacing:-2px; text-transform:uppercase;}
h2{font-size:36px; text-align:left; color:#FF9601; margin:0; padding:0; font-weight:normal;}
h3{font-size:30px; text-align:left; color:#FF9601; margin:0; padding:10px 0; font-weight:normal;}
h4{font-size:26px; text-align:left; color:#949494; margin:0; padding:0; font-weight:normal;}
h5{font-size:16px; text-align:left; color:#949494; margin:0; padding:0; font-weight:normal;}
h6{font-size:18px; text-align:left; margin:0; padding:0; font-weight:normal;}
a{color:#FF9601; text-decoration:none;}
a:hover{text-decoration:underline;}

/* Barra Superior */
#topRibbon{margin:0; padding:0; background:url(../images/top_ribbon.png) repeat-x; height:5px;}
#topBar{height:31px; margin:0; padding:3px 0; background:#E8E5E5; box-shadow:0 1px 1px #666;}
#cTopBar{width:940px; margin:0 auto; padding:0 30px;}
#orangeBtn{float:right; margin:0 5px 0 0; height:31px; text-align:center; color:#FFF; overflow:hidden;}
#orangeBtn ul{float:right; list-style:none; padding:0; margin:0;}
#orangeBtn ul li{display:inline;}
#orangeBtn ul li a{float:right; padding:0 12px; margin:3px 5px; border-radius:3px; background:url(../images/local_info_button.png) repeat-x; background-position:0 0; text-decoration:none; color:#FFF; font:13px/25px Tahoma, Geneva, sans-serif;}
#orangeBtn ul li a:hover{background-position:0 -35px;}
#addThisBar{float:right; margin:8px 0 0; width:140px;}

/* Contenedores y estilos para contenedores */
/*----Menu----*/
#bgMenu{height:55px; padding:0; margin:0; background:#F2F2F2; border-bottom:1px solid #D0D0D0;}
#menu{width:920px; height:55px; margin:0 auto; padding:0 20px; overflow:hidden; letter-spacing:1px;}	
#menu ul{float:left; list-style:none; padding:0; margin:0;}
#menu ul li{display:inline;}
#menu ul li:first-child a{border-left:1px solid #D0D0D0;}
#menu ul li a{float:left; padding:0 18px; color:#000; border-right:1px solid #D0D0D0; line-height:55px; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#menu ul li a:hover{background:#000; color:#FFF; border-right:1px solid #000;}
#menu ul li a.activo{background:#000; color:#FFF; border-right:1px solid #000;}
/*----Logo----*/
#bgLog{height:100px; padding:0; margin:0; background:url(../images/bg_log.gif) top repeat-x;}
#cLog{width:920px; height:100px; margin:0 auto; padding:0 20px; overflow:hidden;}
#log{float:left; width:auto; height:40px; margin:10px 15px 0 0; overflow:hidden;}
#log a{color:#262626; text-decoration:none;}
#slogan{float:left; width:auto; height:auto; padding:0; margin:0; overflow:hidden; clear:both;}
#code{float:left; width:auto; margin:0; padding:0; text-align:left; font-size:11px; clear:both; color:#949494;}
/*----Idioma----*/
#language{float:right; background:#000; padding:5px; text-align:center; font-size:12px; color:#FFF; width:48px; text-transform:uppercase;}
#language ul{float:left; padding:0; margin:0 0 0 3px;}
#language ul li a{color:#FFF;}
#language ul li{display:inline; list-style:none; margin:0 3px;}
#language ul li a.activo{color:#; text-decoration:underline;}
/*----Cuerpo----*/
#bg{background:url(../images/bg.jpg) center top no-repeat;}
#mainContainer{width:960px; margin:0 auto; padding:40px 0;}
#cSlider{width:920px; height:400px; background:#FFF; position:relative; padding:20px; clear:both; box-shadow:0 5px 8px #000;}
/*----Formulario Pequeño de Reserva----*/
#fBookingS{width:234px; height:348px; bottom:19px; right:19px; padding:30px 37px 20px; margin:0; background:#F2F2F2; position:absolute; border:1px solid #D0D0D0;}
#fBookingS img{margin:0 10px;}
/*----Slider----*/
.mSlider{float:left; position:relative; margin:0;}
.window{height:400px; width:600px; overflow:hidden;	position:relative;}
.image_reel{position: absolute; top:0; left:0;}
.image_reel img{float:left;}
/*----Paginador Slider----*/
.paging{position:absolute; bottom:0; left:0; width:100px; height:38px; line-height:40px; text-align:center; display:none;}
.paging a{padding:3px 6px; text-decoration:none; color:#FF9601; font-size:12px; font-weight:bold;}
.paging a.active{color:#FFF; font-weight:bold; border:1px solid #7A7451;}
.paging a:hover{color:#FFF; font-weight:bold;}
/*----Contenido Principal----*/
#title{width:940px; margin:30px 0 20px; padding:0 10px; clear:both;}
#title h2{color:#FFF;}
#picture{margin:20px 0 0;}
#picture img{border:7px solid #FFF; box-shadow:0 5px 8px #000;}
#cContent{background:url(../images/bg_cont.png) repeat-x #FFF;}
#content{width:920px; margin:0 auto; padding:10px 20px;}
#eServices{width:310px; padding:10px 0;}
#eServices a{padding:0 10px 0 0;}
#cFrame{margin:0 10px 20px 10px;}
#cFrame iframe{border:7px solid #FFF; width:620px; box-shadow:0 5px 8px #000;}
#fContact form{padding:10px; border:1px solid #FF9601; background:#F2F2F2; font-size:12px; text-align:left;}
#fContact table{width:720px; margin:auto;}
#fContact img{border:none; padding:2px; margin:0;}
#fContact td{border-bottom:none;}
/*----Footer----*/
#cFooter{background:#EDEDED; font-size:12px;}
#footer{width:960px; height:80px; margin:0 auto;}
#footer p{float:left; width:330px; height:40px; text-align:left; padding:27px 20px 0; margin:0;}
#social{float:right; width:280px; padding:20px 20px 0 0; text-align:right; margin:0; height:44px;}

/* Estilos globales */
.button a{background:#F5144A; color:#FFF; font-size:12px; text-decoration:none; border:none; padding:5px; margin:5px; border-radius:5px; float:right; clear:both;}
.button a:hover{background:#E8E6DB; color:#7A7451;}
.spacer10{height:10px; clear:both;}
.clear{clear:both;}
.gallery ul{padding:0; margin:10px 0;}
.gallery li{float:left; border:5px solid #FFF; box-shadow:0 5px 8px #000; list-style:none; text-align:center; margin:10px;}
/* ----Galería---- */
#iGallery img{margin:0;}
.uffAlbums{padding-bottom:20px; clear:both;}
.uffAlbum{float:left; width:130px; height:120px; margin:10px;}
.fancy img{width:120px; height:80px; border:5px solid #FFF; box-shadow:0 5px 8px #000;}
.uffAlbumName{width:130px; height:35px; margin-top:10px; text-align:center; overflow:hidden;}
/* --- */

/* Estilos de Tablas */
table{font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
th{background:#FF9601; color:#FFF; text-align:left; padding:0 0 0 5px; font-weight:normal;}
td{padding:0 0 0 5px; border-bottom:solid 1px #D0D0D0;}

/* Estilos de Formularios */
textarea{resize:none; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; border:1px dotted #7A7451;}
input[type = text]{border:1px dotted #7A7451; color:#333; vertical-align:middle; width:180px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px;}
select{border:1px dotted #7A7451; vertical-align:middle; width:200px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
input[type = submit]{background:#000; color:#FFF; cursor:pointer; border:none; padding:5px; width:180px; font-weight:bold;}
input[type = submit]:hover{background:#FF9601; color:#FFF;}

blockquote p{color:#FF9601; font-size:16px; line-height:16px; margin:0; padding:0;}

/*---------- Pagina de reservas -----------*/
#uffReservationsPage hr{border:1px dotted #D0D0D0; margin-bottom:15px;}
#uffReservationsPage table{border:none; font-size:14px;}
#uffReservationsPage th{background:#FF9601; color:#FFF; padding:3px 5px; border:none;}
#uffReservationsPage td{border:none;}
#uffFormPayment td{border-bottom:1px solid #D0D0D0;}
/*---------- Fin pagina de reservas -----------*/