/* CSS Document */

/**
* Hoja de estilo hotel 14
* Henry Alexander Falla Ortiz
* Marzo 1, 2012
* Versión: 1.0
*/

/* Fuentes */
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);

/* Elementos html */ 
body{padding:0; margin:0;  font:12px Tahoma, Geneva, sans-serif; color:#676767; background:url(../images/bg_body.jpg) top repeat;}
img{border:none; vertical-align:middle;}
h1{font:55px/65px 'PT Sans Narrow', sans-serif; text-align:left; color:#FFF; margin:0; padding:0; font-weight:lighter; letter-spacing:-3px;}
h2{font:38px 'PT Sans Narrow', sans-serif; text-align:left; color:#7CAC00; margin:0 0 15px 0; padding:0; font-weight:lighter;}
h3{font:32px 'PT Sans Narrow', sans-serif; text-align:left; color:#4F382A; margin:0; padding:0; font-weight:lighter;}
h4{font:26px 'PT Sans Narrow', sans-serif; text-align:left; color:#7CAC00; margin:0; padding:0; font-weight:lighter;}
h5{font:22px 'PT Sans Narrow', sans-serif; text-align:left; color:#7CAC00; margin:0; padding:0; font-weight:lighter;}
h6{font:18px 'PT Sans Narrow', sans-serif; text-align:left; color:#7CAC00; margin:0; padding:0; font-weight:lighter;}
a{color:#D17629; 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 */
#header{margin:0; padding:0; background:url(../images/bg_header.jpg) #333;}
/*----Logo----*/
#cLog{width:940px; height:115px; margin:0 auto; padding:10px 0 0; position:relative; overflow:hidden;}
#log{float:left; width:auto; margin:0 0 0 30px; padding:0; overflow:hidden;}
#log a{color:#FFF; text-decoration:none;}
#slogan{float:left; width:auto; padding:0; margin:0 0 0 30px; font:20px/24px 'PT Sans Narrow', sans-serif; color:#949390; overflow:hidden; clear:both;}
#code{float:left; width:200px; clear:both; margin:0 0 0 30px; font:11px Tahoma, Geneva, sans-serif; color:#7CAC00;} 
/*----Idioma----*/
#language{width:40px; padding:4px; text-align:center; font:12px 'PT Sans Narrow', sans-serif; color:#FFF; position:absolute; right:0; bottom:1px; background:#89AF39; border-top-left-radius:10px; border-top-right-radius:10px; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.60) inset, 0 0 0 1px #333;}
#language ul{float:left; padding:0; margin:0 0 0 3px;;}
#language ul li{display:inline; list-style:none; margin:0 3px;}
#language ul li a{color:#FFF;}
#language ul li a.activo{text-decoration:underline;}
/* ---- */
#main{width:940px; margin:0 auto; padding:0;}
/*----Menu----*/
#menu{float:right; width:940px; height:56px; margin:0; padding:0; background:url(../images/bg_menu.png) repeat-x; overflow:hidden; font-size:13px; box-shadow:0 0 1px rgba(0, 0, 0, 0.5);}	
#menu ul{float:left; list-style:none; padding:0; margin:0;}
#menu ul li{display:inline;}
#menu ul li a{float:left; padding:17px 25px; margin:0; color:#1F1C18; display:block; text-decoration:none; font:18px 'PT Sans Narrow', sans-serif; background:url(../images/menu_border.png) right no-repeat;}
#menu ul li a:hover{background:url(../images/bg_menu_h.png) repeat-x; color:#D17629;}
#menu ul li a.activo{background:url(../images/bg_menu_h.png) repeat-x; color:#D17629;}
/*----Slider----*/
.mSlider{float:left; position:relative; width:880px; height:342px; margin:0; padding:30px; background:url(../images/bg_slider.jpg) repeat-x; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75) inset, 0 0 0 1px #F1F1F1;}
.window{height:322px; width:860px; overflow:hidden;	position:relative; border:10px solid #FFF;}
.image_reel{position:absolute; top:0; left:0;}
.image_reel img{float:left;}
/*----Paginador Slider----*/
.paging{position:absolute; bottom:3px; left:372px; width:auto; height:29px; line-height:32px; text-align:center; display:none;}
.paging a{padding:2px 5px; margin:0 2px; text-decoration:none; font-size:9px; background:#190F06; color:#190F06; border-radius:10px;}
.paging a:hover{color:#CCCBC3; background:#CCCBC3;}
.paging a.active{color:#CCCBC3; background:#CCCBC3;}
/*----Contenido Principal----*/
#mainContainer{width:940px; margin:0 auto; padding:0; background:url(../images/bg_content.png) repeat; box-shadow:0 0 16px rgba(0, 0, 0, 0.05);}
#fullInfo{width:880px; padding:30px;}
#content{float:left; width:570px; padding:0 20px 0 30px; margin:35px 0 40px;}
#content img{margin:0 0 15px 10px; border:4px solid #FFF; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.19);}
#content .gallery img{margin:0 0 15px;}
#content .fancy img{margin:0;}
#sideBar{float:left; width:290px; padding:0; margin:35px 30px 20px 0;}
/*----Formulario Pequeño de Reserva----*/
#fBookingS{float:left; width:247px; padding:10px 20px 0px; margin:0; background:url(../images/bg_body.jpg); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.20) inset, 0 0 0 1px #F1F1F1;}
#fBookingS h3{text-align:center; margin-bottom:10px;}
#fBookingS img{margin:0 10px;}
#eServices{float:left; width:140px; padding:10px 73px 0; background:url(../images/separator.gif) top repeat-x; margin:20px 0 0;}
/* ----*/
#social{float:left; width:244px; padding:10px 20px 0px; height:100px; margin:20px 0; text-align:right; background:url(../images/separator.gif) top repeat-x;}
#social img{padding-bottom:3px;}
#cFrame{margin:0 10px 20px 10px;}
#cFrame iframe{border:4px solid #FFF; width:460px; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.19);}
#fContact form{padding:10px; border:1px solid #89AF39; width:470px; text-align:left;}
#fContact img{border:none; margin:0 10px;}
#fContact td{border-bottom:none;}
/*----Footer----*/
#cFooter{width:940px; margin:0 auto; padding:0;}
#footer{float:left; width:908px; height:22px; margin:0 0 10px; padding:24px 16px; background:url(../images/bg_header.jpg);}
/*----Menu Footer--- */
#menuFooter{float:left; padding:0; margin:0 154px; width:600px; height:22px; overflow:hidden; text-align:center;}
#menuFooter ul{padding:0; margin:0 0 0 10px;}
#menuFooter ul li{float:left; line-height:16px; padding:0 12px; margin:0; list-style:none; display:inline; border-left:1px dotted #FFFFFF; font:16px 'PT Sans Narrow', sans-serif;}
#menuFooter ul li:first-child {border:none;}
#menuFooter ul li a{display:block; color:#C3E35D}
#menuFooter ul li a:hover{color:#FFF; text-decoration:none;}
#menuFooter ul li a.active{color:#FFF; text-decoration:none;}
/* --- */
#copy p{float:left; text-align:left; width:250px; height:20px; padding:0; margin:0 30px; padding-bottom:30px;}
/* --- */

/* Estilos globales */
.spacer10{height:10px; clear:both;}
.clear{clear:both;}
.gallery{margin:15px 0;}
.gallery ul{padding:0; margin:0;}
.gallery li{float:left; list-style:none; text-align:center; margin:10px 5px; height:80px;}
/* ----Galería---- */
.uffAlbum{float:left; width:130px; height:120px; margin:10px 5px;}
.fancy img{width:120px; height:80px;}
.uffAlbumName{width:110px; height:15px; margin-top:5px; text-align:center; overflow:hidden;}
/* --- */

/* Estilos de Tablas */
table{font:12px Tahoma, Geneva, sans-serif;}
th{background:#89AF39; color:#FFF; text-align:left; padding:3px 5px; font-weight:normal;}
td{padding:0 0 0 5px; border-bottom:solid 1px #949390;}

/* Estilos de Formularios */
textarea{resize:none; font:12px Tahoma, Geneva, sans-serif; border:1px solid #949390;}
input[type = text]{border:1px solid #949390; color:#000; vertical-align:middle; width:200px;  font:12px Tahoma, Geneva, sans-serif; margin-bottom:5px;}
select{border:1px solid #949390; vertical-align:middle; width:230px; font:12px Tahoma, Geneva, sans-serif;}
input[type = submit]{background:url(../images/bg_button.png) repeat-x; background-position:0 0; color:#D17629; cursor:pointer; border:none; padding:5px; width:180px; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.23);}
input[type = submit]:hover{background-position:0 -40px;}

blockquote p{color:#7CAC00; font-size:18px; line-height:18px; margin:0; padding:0;}

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