/* CSS Document */

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

/* Fuentes */
@import url(http://fonts.googleapis.com/css?family=Marmelad|Niconne);

/* Elementos html */
body{padding:0; margin:0; font:13px/20px Tahoma, Geneva, sans-serif; color:#3D302D; background:url(../images/bg.png); font-family: }
img{border:none; vertical-align:middle;}
h1{font:45px/50px 'Niconne', cursive;; text-align:left; color:#FFF; margin:0; padding:0;}
h2{font:34px 'Marmelad', sans-serif; letter-spacing:-1px; text-align:left; color:#FFF; margin:0; padding:0;}
h3{font:25px/29px 'Marmelad', sans-serif; text-align:left; color:#FFF; margin:0; padding:0;}
h4{font:25px 'Marmelad', sans-serif; text-align:left; color:#59453F; margin:0; padding:0;}
h5{font:22px 'Marmelad', sans-serif; text-align:left; color:#59453F; margin:0; padding:0;}
h6{font:20px 'Marmelad', sans-serif; text-align:left; color:#59453F; margin:0; padding:0;}
a{color:#C4C7CE; 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 */
#bgHeader{margin:0; padding:0; background:url(../images/bg_title.gif) center;}
#header{width:820px; margin:0 auto; top:0; padding:0; position:relative;}
/*----Idioma----*/
#language{width:48px; padding:0 7px; text-align:right; font-size:13px; color:#C4C7CE; text-transform:uppercase; position:absolute; right:-80px; top:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#language ul{float:left; padding:0; margin:5px 0 ;}
#language ul li{display:inline; list-style:none; margin:0 3px;}
#language ul li a.activo{color:#FFF;}
/*----Logo----*/
#cLog{float:left; width:auto; height:auto; margin:0; padding:0 0 0 10px;}
#log{float:left; width:auto; height:50px; margin:8px 0 0; padding:0; overflow:hidden;}
#log a{text-decoration:none; color:#FFF;}
#slogan{float:left; width:auto; height:auto; margin:0; padding:0; text-align:left; text-transform:uppercase; font:10px 'Marmelad', sans-serif; letter-spacing:2px; color:#C4C7CE; overflow:hidden; clear:both;}
#code{float:left; width:220px; margin:-3px; padding:0; text-align:left; font-size:10px; color:#C4C7CE; letter-spacing:2px; clear:both;}
/*----Menu----*/
#menu{float:right; width:575px; height:40px; margin:0 0 10px 0; padding:0; overflow:hidden; font-family:'Marmelad', sans-serif; font-size:11px; line-height:17px;}
#menu ul{float:right; list-style:none; padding:0; margin:0;}
#menu ul li{display:inline;}
#menu ul li a{float:left; padding:8px 5px 9px; margin:3px 1px; color:#C4C7CE; display:block; text-decoration:none; text-transform:uppercase;}
#menu ul li a:hover{background:url(../images/bg_menu_h.gif) repeat-x; border-radius:7px; color:#FFF;}
#menu ul li a.activo{background:url(../images/bg_menu_h.gif) repeat-x; border-radius:7px; color:#FFF;}
/*----Slider----*/
#cSlider{width:960px; margin:0 auto; padding:0;}
.mSlider{float:left; position:relative; margin:0;}
.window{height:380px; width:960px; 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:385px; width:190px; height:40px; line-height:41px; text-align:center; display:none; background:url(../images/bg_pag.png);}
.paging a{padding:2px 6px; text-decoration:none; font-size:11px; color:#C4C7CE; border-radius:10px; margin:0 3px;}
.paging a:hover{background:#000; color:#FFF;}
.paging a.active{background:#000; color:#FFF;}
/*----Contenido Principal----*/
#bgTitle{margin:0; padding:0; background:url(../images/bg_title.gif) center repeat;}
#title{width:800px; margin:0 auto; clear:both;}
#title h2{padding:15px 0 20px;}
#picture{margin:0; padding:0; margin:0 0 0 20px;}
#picture img{border:5px solid #FFF;}
#mainContainer{width:800px; margin:0 auto; padding:0;}
#fullInfo{width:100%; margin:20px 0;}
#fullInfo h2{color:#3D302D;}
#fullInfo a{color:#3D302D;}
#content{float:left; width:490px; padding:0 30px 0 0; margin:10px 0 20px; text-align:justify;}
#sideBar{float:left; width:260px; padding:0; margin:0 0 20px;}
/*----Formulario Pequeño de Reserva----*/
#fBookingS{float:left; width:220px; padding:10px 20px 0px; margin:0; background:url(../images/bg_title.gif) repeat; color:#FFF;}
#fBookingS h3{text-align:center; margin-bottom:10px;}
#fBookingS img{margin:0 10px;}
#fBookingD{float:left; width:260px; height:50px; background:url(../images/bg_booking_down.png) center no-repeat;}
#eServices{float:left; width:140px; padding:0 60px;}
/* ----*/
#cFrame{margin:0 10px 0px 10px;}
#cFrame iframe{border:5px solid #C78938; width:460px;}
#fContact form{padding:10px; border:1px dashed #000; width:470px; text-align:left;}
#fContact img{border:none; margin:0 10px;}
#fContact td{border-bottom:none;}
/*----Footer----*/
#bgFooter{margin:0; padding:0; height:50px; background:url(../images/bg_title.gif) center repeat-x;}
#cFooter{width:800px; margin:0 auto; padding:0;}
/*----Social----*/
#social{float:left; width:180px; padding:0; margin:10px 0 0; text-align:left; font:16px 'Marmelad', sans-serif; color:#C4C7CE}
#social img{padding-bottom:3px;}
#footer{float:right; width:400px; margin:0; padding:0; color:#C4C7CE;}
#footer p{margin:17px 20px 0 0; float:right; text-align:right; height:20px; padding:0;}

/* Estilos globales */
.spacer10{height:10px; clear:both;}
.clear{clear:both;}
.gallery{padding-bottom:20px;}
.gallery ul{padding:0; margin:0;}
.gallery li{float:left; list-style:none; text-align:center; margin:12px; border:5px solid #FFF;}
/* ----Galería---- */
.uffAlbums{padding:0; margin:0; clear:both;}
.uffAlbum{float:left; width:130px; height:115px; margin:10px 16px;}
.fancy img{width:120px; height:80px; border:5px solid #FFF;}
.uffAlbumName{width:130px; height:35px; text-align:center; overflow:hidden; font-size:12px; margin-top:5px;}
/* --- */

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

/* Estilos de Formularios */
textarea{resize:none; font:12px/20px Tahoma, Geneva, sans-serif; border:1px dotted #321A04;}
input[type = text]{border:1px dotted #321A04; color:#000; vertical-align:middle; width:180px; font:12px/20px Tahoma, Geneva, sans-serif; margin-bottom:5px;}
select{border:1px dotted #321A04; vertical-align:middle; width:210px; font:12px/20px Tahoma, Geneva, sans-serif;}
input[type = submit]{background:url(../images/bg_menu_h.gif) repeat-x; color:#FFF; cursor:pointer; border:none; padding:5px; width:160px; border-radius:5px; font:12px/20px Tahoma, Geneva, sans-serif;}
input[type = submit]:hover{background:url(../images/bg_menu.gif) repeat-x; color:#C4C7CE;}

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

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