/* Documento CSS */
@import url(http://fonts.googleapis.com/css?family=Duru+Sans);

/* Elementos html */
body{background:url(../images/body-background2.jpg) #360 no-repeat top center; padding:0; margin:0; font-family:'Duru Sans', sans-serif; font-size:12px; color:#333; text-align:justify;}
img{border:0;}
h1{font-size:40px; letter-spacing:-3px; color:#333; padding:0; margin:0; line-height:57px; text-shadow:-1px -1px 1px #CFDBB5;}
h2{font-size:32px; margin:0 0 10px 10px; color:#390; text-shadow: 1px 1px 1px #666;}
h3{font-size:24px; padding:5px 0 10px 0; margin:0; text-align:center;}
h4{font-size:16px; text-align:center;}
h5{font-size:20px; padding:5px 0 10px 0; margin:0; text-align:center;}
h6{font-size:18px; text-align:center;}
a{color:#390; text-decoration:none;}
a:hover{color:#060; 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 */
#container{width:960px; margin:0 auto; padding:0;}
#header{clear:both; height:100px;}
/* Logo */
#logo{float:left; width:auto; height:55px; margin:10px 0 0 30px; overflow:hidden; clear:both;}
#logo a{text-decoration:none; color:#333;}
#logo a:hover{color:#333;}
/* Slogan */
#slogan{float:left; width:auto; height:20px; margin:0 0 0 30px; font-size:13px; overflow:hidden; color:#333; clear:both;}
/* ---- */
#code{float:left; width:150px; font-size:10px; margin:0 0 20px 30px; color:#333; clear:both;}
/* Idioma */
#language{float:right; width:60px; margin:0; height:20px; padding:10px; font-size:12px;}
#language ul{float:left; padding:0; margin:4px 0 0 3px;;}
#language ul li{display:inline; list-style:none; margin:0 3px;}
#language ul li a{color:#FFF;}
#language ul li a.active{text-decoration:underline;}
/* Social */
#social{float:right; width:150px; margin:0; height:20px; padding:10px; font-size:12px; color:#FFF;}
#social img{vertical-align:middle;}
/* ----------- SLIDER -------------- */
.main_view{float:left; position:relative; margin:0 0 20px 0;}
.window{height:350px; width:880px; overflow:hidden;	border-radius:10px;	position:relative; box-shadow:1px 1px 5px #330;}
.image_reel{position: absolute; top:0; left:0;}
.image_reel img{float:left;}
/*--Estilo del Paginador--*/
.paging{position: absolute;	bottom:40px; right:-7px; width:178px; height:47px; z-index:100; text-align:center; line-height:40px; background:url(../images/paging_bg.png) no-repeat;; display:none;}
.paging a{padding:5px; text-decoration:none; color:#666; margin:0 3px;}
.paging a:hover{font-weight:bold;}
.paging a.active{color:#FFF; font-weight:bold; background:#690; border:1px solid #666; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;}
/* ---- */
/* Contenedor Principal */
#tContainer{clear:both; margin:0 auto; padding:0 0 20px 0; width:960px; background:url(../images/container-bg.png) repeat; border: 1px solid #FFF; border-radius:10px;}
/* Menu */
#menu{overflow:hidden; margin:10px auto; width:960px;}
#menu ul{padding:0; margin:0 0 0 10px; list-style:none;}
#menu ul li{display:inline;}
#menu ul li:first-child a{margin:0 3px 0 10px;}
#menu ul li a{height:30px; display:block; float:left; text-decoration:none; font-size:15px; margin:0 5px; padding:0 18px; line-height:30px; color:#333;}
#menu ul li a:hover{height:30px; background:url(../images/button-bg.png) repeat-x; color:#FFF; border-radius:10px; line-height:30px;}
#menu ul li a.activo{height:30px; background:url(../images/button-bg.png) repeat-x; color:#FFF; border-radius:10px; line-height:30px;}
/* ----- */
#cContent{width:880px; margin:0 auto; padding:20px; background:#FFF; border-radius:10px;}
/* ----- */
#content{clear:both; float:left; width:640px; min-height:350px; margin:0; padding:10px 0; text-align:justify;}
#fReserva{float:right; width:205px; margin:20px 0 0 0; padding:10px; border-radius:10px; border:1px solid #390;}
#fReserva h4{padding:0 0 10px 0; margin:0; color:#390;}
#eServices{float:right; width:140px; padding:0; background:url(../images/separator.gif) top repeat-x; margin:0 45px;}
/* ----- */
#cPicture{float:left; border:1px solid #390; border-radius:10px; margin:5px 10px 15px; padding:7px;}
#cPictureR{float:right; border:1px solid #390; border-radius:10px; margin:5px 10px 15px; padding:7px;}
#tContentR{float:right; width:420px; margin:10px 0 0 10px; padding:0 10px;}
#tContentL{float:left; width:420px; margin:10px 10px 0 0; padding:0 10px;}
#cFrame{margin:10px; text-align:center;}
#cFrame iframe{border:1px solid #390; border-radius:10px;}
#fContact{width:730px; padding:10px; margin:0 auto; font-size:12px; border-radius:10px; border:1px solid #390;}
#fContact table{margin: auto;}
#fContact td{border-bottom:none;}
/* Footer */
#cFooter{clear:both; width:100%; color:#FFF;}
#footer{width:910px; margin:0 auto; padding:20px 0;}
#copy{float:left; font-size:12px; color:#FFF;}

/* Globales */
.clear{clear:both; height:1px;}
.separator{background-image:url(../images/separator.png); width:100%; height:22px;}
.gallery ul{padding:0; margin:0;}
.gallery li{float:left; width:120px; height:80px; border:1px solid #390; border-radius:10px; list-style:none; text-align:center; float:left; margin:10px; padding:7px;}
/* ----Galería---- */
.uffAlbums{padding:0; margin:0; clear:both;}
.uffAlbum{float:left; width:136px; height:115px; margin:10px;}
.fancy img{width:120px; height:80px; padding:7px; border:1px solid #390;  border-radius:10px;}
.uffAlbumName{width:136px; height:35px; text-align:center; overflow:hidden; font-size:12px; margin-top:5px;}
/* --- */
.spacer10{clear:both; height:10px;}

/*Tablas*/
th{background:#390; color:#FFF; text-align:left; padding:3px 5px; font-weight:normal;}
td{padding:0 0 0 5px; border-bottom:solid 1px #390;}

/*Formularios*/
form img{padding:0 0 0 5px;}
textarea{resize:none; font:12px 'Duru Sans', sans-serif; border:1px dotted #666;}
input[type = text]{border:1px dotted #666; vertical-align:middle; width:180px; font:12px 'Duru Sans', sans-serif; margin-bottom:5px;}
select{border:1px dotted #666; vertical-align:middle; width:200px; font:12px 'Duru Sans', sans-serif;}
input[type = submit]{background:url(../images/button-bg.png) repeat-x; cursor:pointer; border:1px solid #666; border-radius:10px; color:#FFF; line-height:30px; padding:0 5px;}
input[type = submit]:hover{background:none; border-radius:10px; line-height:30px; border:1px solid #390; color:#333;}


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

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