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

article, section, aside, hgroup, nav,  header, footer, figure, figcaption {display: block;}


/* BACK DEGRADEE
background:-moz-linear-gradient(100% 0% 270deg,#f7f7f7, #e8e8e8, #e8e8e8 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e8e8e8), color-stop(1,#e8e8e8)); */
/* SOMBRA  -moz-box-shadow: 2px 2px 5px #366596; -webkit-box-shadow: 2px 2px 5px #366596; box-shadow: 2px 2px 5px #366596; */
/* BORDE REDONDEADO border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; */
/* OPACIDAD opacity:.8; filter:alpha(opacity=80) */
/* PLACEHOLDER: input::-webkit-input-placeholder {color:#231F20;} input:-moz-placeholder {color:#231F20;} textarea::-webkit-input-placeholder {color:#231F20;} textarea:-moz-placeholder {color:#231F20;} */
/* TIPOS DE CAMPO: input.demos[type=text]*/

* {padding: 0; margin: 0; border: 0; text-decoration: none;}
object, embed, a {outline:0 }
ul{list-style:none;}

		/*** The essential CSS for the layout ***/
		html, body { margin: 0pt;}
		
body,td,th,p,div { font-family: Gotham, 'Montserrat', sans-serif; color:#000; font-weight:300}
body { background:#fff;  }
body a:hover { color:#000; text-decoration:none} 


.clear { clear:both}
.float-r { float:right}
.float-l { float:left}

.container { width:100%; max-width:1200px; margin:0 auto; position:relative;}
.main { min-height:70vh}
#login { background-repeat:no-repeat; background-position:center; background-size:cover }
#boxlog { background:#fff; border-radius:10px; padding:40px; max-width:600px; text-align:center; width:90%; margin:10% auto}
#boxlog form { margin:40px auto; max-width:300px}
#boxlog form label { font-weight:normal;}
#boxlog form input { margin-bottom:10px}
#boxlog form a { display:block; color:#000; margin:10px 0; font-size:13px; font-weight:300}
.go { font-size:17px; color:#fff; background:#CB3B2B; text-align:center; display:inline-block; border-radius:5px; height:40px; line-height:40px; min-width:160px}
.go:hover { background-color:#911416}
footer { background:#000; color:#fff; padding:10px 0 5px}
footer .log { text-align:right}
footer ul { padding-top:15px}
footer ul li { display:inline-block; font-size:16px; margin-right:20px; font-weight:300}
footer ul li a { color:#fff}

header { position:relative}
#top { position:absolute; right:10px; top:10px; z-index:9999; text-align:right}
#top a { color:#000}
#top .msg { color:#ff0000; font-weight:300}
#top .dropdown-menu { padding:10px; font-weight:300}
#cab { padding:10px 0}
nav { margin:40px 0}
nav li { display:inline-block; border-right:1px solid #7A7979; font-size:18px; padding:0 13px; font-weight:400}
nav li:last-child { border-right:none}
nav li a { color:#797979}
nav li a.active { color:#000}

.titpage { font-size:22px; color:#243139; font-weight:400; display:inline-block; margin-right:20px}
.botlist { background:#E2E2E2; color:#797979; font-size:16px; padding:5px 20px; border-radius:5px; font-weight:200; margin:0 2px}
.botlist.active { background:#22313C; color:#fff}
.botlist.list:before { content:"\f03a"; font-family:'fontawesome'; margin-right:5px; font-weight:300; font-size:12px}
.botlist.calendar:before { content:"\f073"; font-family:'fontawesome'; margin-right:5px; font-weight:300; font-size:12px}
a.reset { display:block; text-align:center; color:#797979; font-size:14px; font-weight:200; position:relative; top:-10px}

#filters { text-align:right}
#filters input { width:150px; height:34px; position:relative; top:1px; display:inline-block;}
#filters .tit { margin-right:10px; display:inline-block}
.go2 { font-size:17px; background:#22313C; color:#fff; position:relative; top:1px; padding:0 10px; text-align:center; display:inline-block; border-radius:5px; height:34px; line-height:34px; }

#no-more-tables { margin:20px 0}
#no-more-tables td { font-weight:300 !important;}
#no-more-tables td:nth-child(5), #no-more-tables th:nth-child(5),
#no-more-tables td:nth-child(6), #no-more-tables th:nth-child(6),
#no-more-tables td:nth-child(7), #no-more-tables th:nth-child(7),
#no-more-tables td:nth-child(8), #no-more-tables th:nth-child(8){ width:10%; font-weight:400; line-height:15px}

#no-more-tables.res th { font-weight:400 !important}
#no-more-tables.res td:nth-child(6), #no-more-tables th:nth-child(6),
#no-more-tables.res td:nth-child(7), #no-more-tables th:nth-child(7),
#no-more-tables.res td:nth-child(8), #no-more-tables th:nth-child(8) { text-align:center; width:10%}
#no-more-tables.res td:nth-child(1), #no-more-tables th:nth-child(1),
#no-more-tables.res td:nth-child(2), #no-more-tables th:nth-child(2),
#no-more-tables.res td:nth-child(4), #no-more-tables th:nth-child(4) { width:10%}

a.more { background:#CB3B2B; color:#fff; text-align:center; display:block; border-radius:5px; padding:5px 0;}
a.more:before { content:"\f06e"; font-family:'fontawesome'; display:inline-block; margin-right:5px}
a.more:hover { background:#8F1D1E; color:#fff}

#pager { margin:30px 0; text-align:center}
#pager ul { text-align:center}
#pager ul li { display:inline-block; margin:0 5px}
#pager ul li a { color:#858585; font-size:16px; font-weight:300}
#pager ul li a.active, #pager ul li a:hover { color:#000}

.owl-nav { position:absolute; top:40%; width:100%}
.owl-prev { position:absolute; left:0; font-size:0}
.owl-next { position:absolute; right:0; font-size:0}
.owl-prev:before { content:"\f0a8"; font-family:'fontawesome'; font-size:30px } 
.owl-next:before { content:"\f0a9"; font-family:'fontawesome'; font-size:30px} 

#paquetes { margin:0 0 50px 0}
#paquetes .panel-heading { color:#fff; padding:0 10px}
#paquetes .panel h4 { display:inline-block; width:67%}
#paquetes .price { display:inline-block; width:15%; padding:0 2%}
#paquetes .bootstrap-select { display:inline-block; width:12%; padding:0 2%; position:relative; top:-2px }
#paquetes .bootstrap-select .btn { padding:4px 20px 4px 10px}
.euro:before { content:"\f153"; font-family:'fontawesome'; margin-right:5px}
.usd:before { content:"\f155"; font-family:'fontawesome'; margin-right:5px}
.chf:before { content: url(../images/ff-w.png); margin-right:5px}
.gbp:before { content:"\f154"; font-family:'fontawesome'; margin-right:5px}

.details { padding-left:60px !important}
.info { margin:40px 0}
#gal { margin:40px 0}
#paquetes .panel.tits h4 { width:70%}
.panel.tits .qty, .panel.tits .price { display:inline-block; width:12%; padding:0 2%; font-weight:300; font-size:12px; line-height:14px}
#paquetes .panel a.ver.collapsed:before { content:"\f055"; font-family:'fontawesome'; color:#fff; margin:0 5px}
#paquetes .panel a.ver:before { content:"\f056"; font-family:'fontawesome'; color:#fff; margin:0 5px}
#paquetes .panel-body { font-weight:300}

ul.tags {}
ul.tags li { display:inline-block; border-right:1px solid #000; padding:0 10px} 
ul.tags li:last-child { border-right:none}
ul.tags li:first-child { padding-left:0}

a.back { background:#000; border-radius:10px; padding:2px 10px; color:#fff; display:inline-block;}
a.back:before { content:"\f104"; font-family:'fontawesome'; margin-right:5px}

#product h2 { font-size:24px; margin:10px 0}
.fecha { display:block; margin:5px 0}
.fecha:before { content:"\f133"; font-family:'fontawesome'; margin-right:5px}
.place { display:block; margin:5px 0}
.place:before { content:"\f041"; font-family:'fontawesome'; margin-right:5px}

#summary { background:#ECECEC; max-width:1090px; margin:20px auto; padding:10px 20px}
#summary tr { border-bottom:1px solid #A3A3A3}
#summary td:first-child, #summary th:first-child { width:70%; text-align:left}
#summary td, #summary th { text-align:center; padding:10px 0}
#summary th { font-weight:400}
#summary .total { text-align:right; padding:20px; font-size:16px; font-weight:400}

#dets {max-width:1090px; margin:20px auto; padding:10px 20px}
a.add { color:#AC4633; }
#dets  { margin-bottom:40px; overflow:hidden}
#dets table td { padding:5px; vertical-align:top}

.modal .modal-title { margin:0 0 20px 0}
.modal form { margin:20px 0}
.modal label { font-weight:300}
.modal-footer { text-align:center !important}
.modal-header { border-bottom:none !important}
#terms .modal-body { font-weight:300; font-size:12px; padding-top:0}
#preorder .main { padding-bottom:80px}
a.tt { color:#000}
a.tt:before { content:"\f05a"; font-family:'fontawesome';}
.res .alert { padding:0; color:#FF0000 }
.res .alert:before { content:"\f071"; font-family:'fontawesome'; margin-right:5px}

.account { margin:40px 0 !important}
.account label { font-weight:300}

/*Calendario*/
#calendar { margin:40px 0}
#calendar h2 { font-size:18px}
#calendar .fc-event, .fc-event-dot { background-color:#CB3B2B;}
#calendar .fc-event { border:1px solid #CB3B2B;}
#calendar .fc-content .fc-title { color:#fff !important}
#calendar .fc-day-grid-event .fc-time, #calendar .fc-time { color:#fff}

#gal .item { margin:0 2px}

@media (max-width: 600px) {
nav { margin:40px 0 0}
.ban img { width:100%; max-width:300px;  display:block; margin:0 auto}
.details { padding-left:0 !important}
#paquetes .panel h4 { width:100%}
#paquetes .panel.tits { display:none}
#paquetes .price { width:20%}
nav li { display:block}
#top { width:100px}
.titpage { display:block}
#filters { text-align:left; margin:20px 0; }
a.reset { top:0; left:0; text-align:left}
#filters .btn-group, #filters input { margin:10px 0}
#no-more-tables td:nth-child(5), #no-more-tables th:nth-child(5), #no-more-tables td:nth-child(6), #no-more-tables th:nth-child(6), #no-more-tables td:nth-child(7), #no-more-tables th:nth-child(7), #no-more-tables td:nth-child(8), #no-more-tables th:nth-child(8) { width:inherit !important}
#no-more-tables.res td:nth-child(1), #no-more-tables th:nth-child(1), #no-more-tables.res td:nth-child(2), #no-more-tables th:nth-child(2), #no-more-tables.res td:nth-child(4), #no-more-tables th:nth-child(4) { width:inherit !important}

}

@media only screen and (max-width: 800px) {

	#choosePayment{
		width: 100% !important; margin: 0 auto;
	}
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none; font-weight:300 !important;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

#choosePayment{
	width: 50%; margin: 0 auto;
}