.ui-button .ui-button-text {
  display: block;
  line-height: 1;
}

.ui-button {
  background-image: url(../images/botonama.png)!important;
  color: #fff!important;
  width: 183px;
  height: 52px!important;
  border-radius: 5px;
  text-shadow: 0 0 0 #b7b7b7,0 1px 0 #969696,0 2px 0 #757575,0 3px 0 #545454,0 4px 3px rgba(0,0,0,1),0 4px 1px rgba(0,0,0,.5),0 0 3px rgba(0,0,0,.2)!important;
}

.ui-button:hover {
  background-image: url(../images/botonama2.png)!important;
}

.bn img {
  filter: grayscale(1);
}

.bn img:hover {
  filter: grayscale(0);
}

.ui-widget-overlay {
  background-image: radial-gradient(ellipse farthest-corner at 50% 50% ,#063a4d 0,#00000f 95%);
  height: 100vh;
  opacity: .9;
  filter: Alpha(Opacity=90);
}

.ui-widget-content {
  border: 7px solid #444;
  background: #b8c4ca;
}

.ui-dialog .ui-dialog-titlebar {
  background: #e3ecef;
  color: #333;
  border-radius: 7px;
  height: 35px;
  text-align: center;
  padding: .4em 1em;
  position: relative;
}

.ui-dialog {
  width: 480px!important;
}

.ui-dialog-titlebar-close {
  display: none;
}

.stage {
  width: 100%;
  margin: auto;
  text-align: center!important;
  perspective: 9999px;
  transform-style: preserve-3d;
}

blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ody,ol,p,pre,td,textarea,th,ul {
  margin: 0;
  padding: 0;
}

body,html {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,img {
  border: 0;
}

address,caption,cite,code,dfn,th,var {
  font-style: normal;
  font-weight: 400;
}

ol,ul {
  list-style: none;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: 400;
}

q:after,q:before {
  content: '';
}

abbr,acronym {
  border: 0;
}

header,section {
  display: block;
}

a {
  color: #333;
  text-decoration: none;
}

.container {
  width: 100%;
  position: relative;
  text-align: center;
}

.menmxc {
  width: 100%;
  position: relative;
  text-align: center;
}

.clr {
  clear: both;
}

.container>header {
  padding: 20px 30px 10px 30px;
  margin: 0 20px 10px 20px;
  position: relative;
  display: block;
  text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  text-align: center;
}

.container>header h1 {
  font-family: BebasNeueRegular,'Arial Narrow',Arial,sans-serif;
  font-size: 10px;
  line-height: 35px;
  position: relative;
  font-weight: 400;
  color: #0380bd;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  padding: 0 0 5px 0;
  border-radius: 12px;
}

.ff-container {
  width: 80%;
  margin: 10px auto 30px auto;
}

.ff-container label {
  font-family: 'Changa One',cursive;
  width: 14.28%;
  height: 100px;
  text-shadow: 1px 1px 1px rgba(15,11,1,.8);
  font-size: 22px;
  float: left;
  text-decoration: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  box-shadow: 38px 37px 73px 0 rgba(0,0,0,.66);
  color: #B8F5FF;
  background-color: rgba(92,134,158,.92);
  padding-top: 11px;
}

.ff-container label:hover {
  transform: scale(1.03,1.03);
  transition: transform 1.5s cubic-bezier(.58,1.090,.58,1.65);
  color: #e1f0ff;
  font-size: 24px;
  background-color: rgba(58,84,98,.9);
  text-shadow: 0 4px 5px #2e2e2e;
  padding-top: 11px;
  border-radius: 8;
}

.ff-container input.ff-selector-type-1:checked~label.ff-label-type-1,.ff-container input.ff-selector-type-2:checked~label.ff-label-type-2,.ff-container input.ff-selector-type-3:checked~label.ff-label-type-3,.ff-container input.ff-selector-type-4:checked~label.ff-label-type-4,.ff-container input.ff-selector-type-5:checked~label.ff-label-type-5,.ff-container input.ff-selector-type-6:checked~label.ff-label-type-6,.ff-container input.ff-selector-type-7:checked~label.ff-label-type-7,.ff-container input.ff-selector-type-all:checked~label.ff-label-type-all {
  background: rgba(113,123,161,.9);
  font-size: 19px;
  text-shadow: 0 4px 5px #573a00 outset;
  padding-top: 11px;
}

.ff-container input {
  display: none;
}

.ff-items {
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
}

.ff-items a {
  display: block;
  position: relative;
  padding: 0;
  box-shadow: 33px 33px 62px 0 rgba(0,0,0,.31);
  border-radius: 110% 11% 11% 11%;
  margin: 0;
  width: 96px;
  height: 96px;
}

.ff-items a span {
  z-index: 90!important;
  display: block;
  box-shadow: 33px 33px 62px 0 rgba(5,74,36,0.47);
  background: radial-gradient(circle,rgba(242,255,149,0.70),rgba(211,197,15,0.90),rgba(48,88,11,0.84));
  color: #fff;
  font-weight: 700;
  position: absolute;
  width: 136px;
  height: 96px;
  overflow: hidden;
  opacity: 0;
  text-align: center;
  vertical-align: middle;
  text-shadow: 3px 3px 3px rgba(0,0,0,.61);
  transition-duration: 1s;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 17px;
  border-radius: 11% 11% 11% 11%;
	left:40;
}

.ff-items a:hover span {
  height: 103px;
  width: 146px;
  opacity: 1;
}

.ff-items li img {
  display: block;
}

.ff-items li {
  margin: 0;
  float: left;
  height: 160px;
  width: 0;
  font-family: 'Changa One',cursive;
  color: rgba(255,219,85,.97);
  font-size: 10px;
  text-shadow: 0 4px 5px rgba(115,100,0,.56);
}

.ff-container input.ff-selector-type-all:checked~.ff-items li {
  width: 160px;
}

.ff-container input.ff-selector-type-1:checked~.ff-items .ff-item-type-1,.ff-container input.ff-selector-type-2:checked~.ff-items .ff-item-type-2,.ff-container input.ff-selector-type-3:checked~.ff-items .ff-item-type-3,.ff-container input.ff-selector-type-4:checked~.ff-items .ff-item-type-4,.ff-container input.ff-selector-type-5:checked~.ff-items .ff-item-type-5,.ff-container input.ff-selector-type-6:checked~.ff-items .ff-item-type-6,.ff-container input.ff-selector-type-7:checked~.ff-items .ff-item-type-7 {
  animation-name: scaleUp;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: forwards;
}

.ff-container input.ff-selector-type-1:checked~.ff-items li:not(.ff-item-type-1),.ff-container input.ff-selector-type-2:checked~.ff-items li:not(.ff-item-type-2),.ff-container input.ff-selector-type-3:checked~.ff-items li:not(.ff-item-type-3),.ff-container input.ff-selector-type-4:checked~.ff-items li:not(.ff-item-type-4),.ff-container input.ff-selector-type-5:checked~.ff-items li:not(.ff-item-type-5),.ff-container input.ff-selector-type-6:checked~.ff-items li:not(.ff-item-type-6),.ff-container input.ff-selector-type-7:checked~.ff-items li:not(.ff-item-type-7) {
  animation-name: animationFrames;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(1,.005,.62,1.65);
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: .2s;
  animation-play-state: running;
  animation-fill-mode: forwards;
}

text1 {
  font-family: 'Changa One',cursive;
  color: #d9d9d9;
  font-size: 24px;
  background-color: #bababa;
  text-shadow: 0 4px 5px #2e2e2e;
}

@keyframes scaleUp {
  0% {
    width: 188px;
    transform: scale(0);
    opacity: 0;
  }

  25% {
    width: 198px;
    transform: scale(0);
    opacity: 1;
  }

  75% {
    width: 198px;
    transform: scale(1.2);
  }

  100% {
    width: 188px;
    transform: scale(1);
  }
}

@keyframes animationFrames {
  0% {
    left: 0;
    top: 0;
    opacity: .4;
    transform: rotate(0) scaleX(1) scaleY(1);
  }

  100% {
    left: 0;
    top: 0;
    opacity: .3;
    transform: translateY(-500px) translateX(500px);
  }
}

.modal-contenido,.modal-contenido1 {
  background-color: rgba(0,73,6,.87);
  height: 100vh;
  padding: 10px 20px;
  margin: 0 auto;
  position: relative;
}

.modal,.modal1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
  z-index: 199999;
}

#mmmxt:target {
  opacity: 1;
  pointer-events: auto;
}

.tabs-nohdr {
  padding: 0;
  background: 0 0;
  border-width: 0;
}

.tabs-nohdr .ui-tabs-nav {
  padding-left: 0;
  background: 0 0;
  border-width: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.tabs-nohdr .ui-tabs-panel {
  background: #f5f3e5;
  border-width: 0 1px 1px 1px;
}

#cerrar {
  width: 100%;
  height: auto;
}

.background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body,html {
  margin: 0;
  padding: 0;
  width: 100%;
}

.conpax,.fullscreen {
  height: 100%!important;
  overflow-y: auto!important;
  overflow-x: hidden;
}

.sinpax {
  height: 100vh!important;
  overflow: hidden!important;
}

.conpaxn {
  height: 100%!important;
  overflow-y: auto!important;
  overflow-x: hidden;
}

.sinpaxn {
  height: 100%!important;
  overflow: hidden!important;
}

.fullscreen,.overflow {
  height: auto;
  min-height: 100vh;
  max-height: 100vh;
  overflow-y: auto!important;
  overflow-x: hidden;
}

.uc-fullscreen {
  height: 30vh!important;
  overflow: hidden;
}

.um-fullscreen {
  height: 50vh!important;
  overflow: hidden;
}

.tc-fullscreen {
  height: 80vh!important;
  overflow: hidden;
}

.content-b {
  position: relative;
  text-align: center;
  z-index: 6;
}

html {
  height: 100%;
  font-size: 100%;
}

@media (min-width:640px) {
  body {
    font-size: 1rem;
  }
}

@media (min-width:960px) {
  body {
    font-size: 1.2rem;
  }
}

@media (min-width:1100px) {
  body {
    font-size: 1.5rem;
  }
}

@media (min-width:440px) {
  body {
    overflow: auto!important;
  }
}

@media (min-width:960px) {
  body {
    overflow: auto!important;
  }
}

@media (min-width:1100px) {
  body {
    overflow: auto!important;
  }
}

@media screen and (max-width:1060px) {
  #adelga {
    width: 30%;
    margin-left: 3%;
  }
}

@media screen and (max-width:768px) {
  #adelga {
    width: 100%;
    margin: 0;
    border: none;
  }
}

body {
  font-size: 100%;
}

@media (min-width:36em) {
  body {
    font-size: 110%;
  }
}

@media (min-width:58em) {
  body {
    font-size: 120%;
  }
}

@media (min-width:86em) {
  body {
    font-size: 130%;
  }
}

@media (min-width:115em) {
  body {
    font-size: 160%;
  }
}

@media (min-width:125em) {
  body {
    font-size: 170%;
  }
}

@media (min-width:145em) {
  body {
    font-size: 180%;
  }
}

.adelga {
  width: 100%!important;
  height: 100%!important;
}

a img {
  border: 0;
}

a:link {
  text-decoration: none;
  border: 0;
}

a:visited {
  text-decoration: none;
  border: 0;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.section {
  background-color: transparent;
  text-align: right!important;
  margin: auto!important;
}

.caja {
  left: 50%;
  top: <?PHP echo $esparriencesp;
}

.outer-container {
  display: table;
  width: 100%;
  height: 100%;
}

.inner-container {
  display: table-cell;
  vertical-align: middle!important;
  text-align: center;
}

.centered-content {
  display: block;
  text-align: center;
}

#encNor {
  display: flex;
  width: 100%!important;
  min-height: 100vh!important;
  margin: 0;
  padding: 0;
  background-color: transparent!important;
  z-index: 11;
}

#solmx {
  border: 0;
  padding: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

#mota {
  width: 100%;
  min-width: 100vw;
  overflow-x: none;
}

img {
  position: relative;
}