*:disabled{
    opacity: 0.5;
}
html{position:relative;min-height:100%;line-height:1.5em;background: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url(../images/bg.jpg);}
body, #layout-wrapper{position:relative;min-height:100%;}

/* GENERAL */
.w-100{ width:100%; }
.uk-section-default{padding:1rem;}

#layout-wrapper{
	
    color: #000000;
    font-family: 'Kalpurush', sans-serif;
    font-size: 1rem;
    line-height: 150%;
	padding-bottom: 88px;
}
.top-menu{
	width:100%;
	background-color: #3c0167;
    box-shadow: 0 1px 5px #999999;
    border-bottom: 4px solid #8bc643;
    color: #ffffff;
    padding: 5px 0;}
.header-site-info{
    margin-bottom: 0;
    padding: 3rem;
    z-index: 100;
}
#logo{
    display: block;
    margin: 0 0 10px 0px;
}
.invalidFeed{color: #f00;font-size: 0.85rem;}
#noconditions{padding-left:1.25rem;}
/* GENERAL BoS */
.p-0{padding: 0 !important;}
.pt-0,.py-0{padding-top: 0 !important;}
.pr-0,.px-0{padding-right: 0 !important;}
.pb-0,.py-0{padding-bottom: 0 !important;}
.pl-0,.px-0{padding-left: 0 !important;}

/* NAVEGATION */
.pasos{
	position:relative;
	display:flex;
	flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.pasos:before{
    border-top: 2px solid #000000;
    margin: 0 auto;
    position: absolute;
    top: calc( 50% + 2px);
    left: 0;
    right: 0;
    bottom: 0;
    width: calc( 95% - 70px*2 );
    z-index: 0;
    content: "";
}
.pasos .paso{
    color: #000000;
    display: flex;
    align-items: center;
	position: relative;
	padding: 0 1rem;
	background:#FFF;
}
.paso span{
	font-size: 0.75rem;
    margin-top: 10px;
    display: block;
}
.paso .pasoactivo, .paso span{
	opacity:0.35;
}
.paso .pasoactivo{
	padding: 0 10px 0 0;
}
.paso.on.off .pasoactivo{}
.paso.on .pasoactivo, .paso.on span{opacity:1;font-weight:600;}

/* RESERVAS */
h1.cuadro-primary{
	background: #006400;
    display: inline-block;
    padding: 0.5rem 2rem;
    color: #FFF;
    border: 1px solid #F00;
    border-radius: 1rem;
    font-size: 1.5rem;
    line-height: 1.1;
}
.lugarcita{}
.lugarcita a{
padding: 2rem;
    background-color: #e8e8e8;
    text-align: center;
    display: block;
}
.page-cita .content-inside{
  padding: 2rem;
  width: 100%;
  height: 100%;
  position: relative;
}
.page-cita .content-inside h4{
  font-size: 20px;
  font-weight: bold;
}
.page-cita .container-barco .barco-sellect{
  background-color: white;
  padding: 0.5em 1em;
}
.page-cita .container-resumen{
  padding: 1em;
  background-color: #202020;
  color: #f7f7f7;
}

.botonopcion .uk-button{
	text-transform: initial;
	text-decoration: underline;
    line-height: 1em;
    text-align: left;
    color: #F00;
    border: 1px solid #042172;
    padding: 15px 20px;
    font-size: 1.25rem;
    border-radius: 15px;}

.tipotramite{cursor:pointer;}
.tipotramite:hover{box-shadow: 0 5px 15px rgb(0 0 0 / 44%);}
.tipotramite{}

.zona-calendario{}
.zona-calendario .caja-calendario, .zona-calendario .caja-horas{
	border:1px solid #ccc;
}
.zona-calendario .caja-horas{
	padding:2rem;
}


	/* Calendario styles */
#calendar{
    font-size:1.75rem;
    width:100%;
}
#calendar .navigation{
    text-transform: uppercase;
    background: #f8f8f8;
    text-align: center;
    padding: 1rem;
}
#calendar .navigation .prev, #calendar .navigation .next{
	color:var(--primary);
    margin:0 1rem;
}
#calendar table.calendario{
	border-collapse:collapse;
    table-layout:fixed;
    width:100%;
    text-align:left;
}
#calendar table.calendario tr{border-top:5px solid #FFF;border-bottom:5px solid #FFF;}
#calendar table.calendario th{
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #FFF;
    background: #000;
}
#calendar table.calendario td{
    padding:5px;
    color:var(--primary);
    height:30px;
    vertical-align:middle;
    text-align:center;
    border:none;
    font-weight:bold;
	cursor:pointer;
}
#calendar table.calendario td.today{background:#000;color:#FFF;cursor: default !important;}
#calendar table.calendario td.seleccion{background:#ccc;color:#FFF;}
#calendar table.calendario td.otromes{visibility: hidden;height: 0;overflow: hidden;padding: 0;margin: 0;opacity:0}
#calendar table.calendario td:not(.today):hover{background:#ccc;color:#FFF;}
#calendar table.calendario td.old:not(.today){background: inherit !important;color: inherit !important;cursor:default !important;opacity: 0.3;}
.fechaseleccionada{background: #f8f8f8;font-size: 0.75rem;padding: 5px;}
.fechaseleccionada strong{font-size: 1.15em;}

.uk-accordion .uk-accordion-title{max-width:110px;}

.formreservar{text-align:center;}
.formreservar label{color:#000;font-weight:800;font-family:'TradeGothicLTBold';}
.formreservar .form-control{border:2px solid #ff0b00;border-radius:25px;color:var(--primary);text-align:center;font-weight:800;font-family:'TradeGothicLTBold';}
.blink_me{
  animation: blinker 1s linear infinite;
  color: red;
}
@keyframes blinker{
  50%{
    opacity: 0;
  }
}


/* *** */
@media (min-width:640px){
	.uk-card-default .uk-card-title{ font-size: 1.3rem; }
	.uk-card-body{  padding:40px 40px;}
	
}
@media (min-width:960px){
	.uk-card-default .uk-card-title{ font-size: 1.15rem; }
	.uk-card-body{  padding:40px 40px;}
}
@media (min-width:1200px){
	.uk-card-default .uk-card-title{ font-size: 1.30rem; }
	.uk-card-body{  padding:40px 3s0px;}
}
@media (min-width:1600px){
	.uk-card-default .uk-card-title{ font-size: 1.5rem; }
	.uk-card-body{  padding:40px 40px;}
}

@media (max-width:639px){
	html{font-size: 12px;}
	.uk-section-default{padding-left: 0 !important;padding-right: 0 !important;}
	.uk-padding-large{padding: 20px !important;}
	
	
	#header-site-info #logo{display: flex;align-items: center;}
	#header-site-info .uk-flex{flex-direction: column;}
	.header-site-info{padding: 2rem;}
	.tablacita{display: none;}
	
	.pasos .paso span{display: none !important;}
	
	
	
}