.ui-link.ui-btn.ui-btn-icon-notext,
.ui-link.ui-btn.ui-btn-icon-notext:hover,
.ui-link.ui-btn.ui-btn-icon-notext:active,
.ui-link.ui-btn.ui-btn-icon-notext:visited {
    border-color: transparent;
}

div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-a:active,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-b:active,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-c:active,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-d:active,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-e:active {
    background-color: transparent;
}

div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-a > img,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-b > img,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-c > img,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-d > img,
div.ui-footer.ui-bar-a.ui-footer-fixed.slideup > center > div > div.ui-block-e > img {
	cursor: pointer;
}

.ui-header .ui-title {
	margin: 0px 15%;
}

.boton-footer {
    width: 92%;
    max-height: 220px;
}

.boton-footer:active {
	transform: translateY(2px);
	width: 90%;
}

.boton-pdf:hover {
    opacity: 0.5;
}

.boton-creatactil:hover {
    opacity: 0.5;
}

.globo {
	animation-name: shake;
	animation-duration: 2s;
	transform-origin: 50% 50%;
	animation-timing-function: linear;	
}

.globo2 {
	animation-name: shake;
	animation-duration: 2s;
	transform-origin: 50% 50%;
	animation-timing-function: linear;	
}

@keyframes shake {
	0% { transform: rotate(0deg); }
	5% { transform: rotate(-10deg); }
	10% { transform: rotate(10deg); }
	15% { transform: rotate(-10deg); }
	20% { transform: rotate(10deg); }
	25% { transform: rotate(-10deg); }
	30% { transform: rotate(10deg); }
	35% { transform: rotate(-10deg); }
	40% { transform: rotate(10deg); }
	45% { transform: rotate(-10deg); }
	50% { transform: rotate(10deg); }
	55% { transform: rotate(-10deg); }
	60% { transform: rotate(10deg); }
	65% { transform: rotate(-10deg); }
	70% { transform: rotate(10deg); }
	75% { transform: rotate(-10deg); }
	80% { transform: rotate(10deg); }
	85% { transform: rotate(-10deg); }
	90% { transform: rotate(10deg); }
	95% { transform: rotate(-10deg); }
	100% { transform: rotate(0deg); }
}

@keyframes shake2 {
	0% { transform: rotate(0deg); }
	5% { transform: rotate(18.25deg); }
	10% { transform: rotate(36.5deg); }
	15% { transform: rotate(54.75deg); }
	20% { transform: rotate(73deg); }
	25% { transform: rotate(91.25deg); }
	30% { transform: rotate(109.5deg); }
	35% { transform: rotate(127.75deg); }
	40% { transform: rotate(146deg); }
	45% { transform: rotate(164.25deg); }
	50% { transform: rotate(182.5deg); }
	55% { transform: rotate(200.75deg); }
	60% { transform: rotate(219deg); }
	65% { transform: rotate(237.25deg); }
	70% { transform: rotate(255.5deg); }
	75% { transform: rotate(273.75deg); }
	80% { transform: rotate(292deg); }
	85% { transform: rotate(310.25deg); }
	90% { transform: rotate(328.5deg); }
	95% { transform: rotate(346.75deg); }
	100% { transform: rotate(365deg); }
}

@keyframes shake3 {
0%		{transform:scale(1,1);}
50%		{transform:scale(2,2);}
100%	{transform:scale(1,1);}
}

/********************************* page 1 ********************************************/

#portada {
	height: 120px;
}

.globo {
    position: absolute;
    top: 10px;
    width: 17px;
    margin-left: 52px;
}

/*********************************page 1 (Menú) ********************************************/

.ui-icon-icon-registro:after {
	background-image: url("../recursos/icon-registro.png");
	background-position: 0px 0px;
	background-size: 100%;
}

.ui-icon-icon-mail:after {
	background-image: url("../recursos/icon-mail.png");
	background-position: 0px 0px;
	background-size: 100%;
}

.ui-icon-icon-favoritos:after {
	background-image: url("../recursos/icon-favoritos.png");
	background-position: 0px 0px;
	background-size: 100%;
}

.ui-icon-icon-agenda:after {
	background-image: url("../recursos/icon-agenda.png");
	background-position: 0px 0px;
	background-size: 100%;
}

.ui-icon-icon-web:after {
	background-image: url("../recursos/icon-web.png");
	background-position: 0px 0px;
	background-size: 100%;
}

/*********************************page 1 (Slideshow) ********************************************/

/** {box-sizing:border-box}*/

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  background-color: rgba(224, 224, 224, 0.54);
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 7px;
  margin-top: -22px;
  color: #642c7e;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Caption text */
.text {
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  background-color: rgba(100, 44, 126, 0.77);
  padding: 3px 0px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*********************************page 17********************************************/

.micalendario{
width:100%;
/*margin: 0 auto;*/
margin-top: 2%;
}
	
#evento{
	display:none;
}

.agenda{
margin-top:4%;
}

.ui-datepicker .specialDate a {
    background: #fcca2f;
    color: #ffffff;
}
	
.ui-datepicker {
width: 95%;
padding: .2em .2em 0;
display: none; 
}

h1{
	font-weight:normal;
	}

#fc_mensaje {
  height: auto !important;
}


/***************************************************************************************/
/* Fuentes */
/***************************************************************************************/

@font-face {

	font-family: 'brandon_grotesquelight';

	src: url('/recursos/brandon_light-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {

	font-family: 'brandon_grotesquemedium';

	src: url('/recursos/brandon_med-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {

	font-family: 'MyriadPro-Regular';

	src: url('/recursos/MyriadPro-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'brandon_grotesquelight';
}

#lista_noticias > li > a {
	font-family: 'brandon_grotesquemedium';
}

#lista > li > a {
	font-family: 'brandon_grotesquemedium';
}

#listaoficinas2 > li > a {
	font-family: 'brandon_grotesquelight';
}

#overlayPanel > div > ul > li > a,
#overlayPanel4 > div > ul > li > a,
#overlayPanel6 > div > ul > li > a,
#overlayPanel8 > div > ul > li > a,
#overlayPanel16b > div > ul > li > a {
	font-family: 'brandon_grotesquelight';
}

h1.ui-title,
#form2 > a,
#contenido > div > center > a,
#listadeeventos > li > a,
#setDate,
#page20 > div.ui-content > form > a,
#borde-bgcolor > a > h3,
#rol-menu > li > a,
#rol-button,
#enviadatos {

	font-family: 'brandon_grotesquemedium';
}

#denominacion_oficina{text-transform: uppercase;}

#setDate{
	border-color:transparent;
}

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

	#lista_noticias > li > a > p:nth-child(2) { font-size: 15px !important; }
}

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

	#lista_noticias > li > a > p:nth-child(2) { font-size: 13px !important; }
}