@font-face {
    font-family: 'BerlinSansFBDemi-Bold';
    src: url('../fonts/BerlinSansFBDemi-Bold.eot');
    src: url('../fonts/BerlinSansFBDemi-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BerlinSansFBDemi-Bold.woff2') format('woff2'),
        url('../fonts/BerlinSansFBDemi-Bold.woff') format('woff'),
        url('../fonts/BerlinSansFBDemi-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BerlinSansFB-Reg';
    src: url('../fonts/BerlinSansFB-Reg.eot');
    src: url('../fonts/BerlinSansFB-Reg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BerlinSansFB-Reg.woff2') format('woff2'),
        url('../fonts/BerlinSansFB-Reg.woff') format('woff'),
        url('../fonts/BerlinSansFB-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@media (min-width: 769px) {
  .btcolapse {
    display: none; }

  .bxcolapse {
    display: block;
    position: relative;
    width: auto; } }
/**/
.btcolapse {
  position: absolute;
  top: 45%;
  right: -5px;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%); }

.btcolapse span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 6px;
    border-radius: 2px;
    background-color: transparent;
    transform: translate(-50%, -50%);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }

.btcolapse span:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 6px;
      border-radius: 2px;
      background-color: #ffd948;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      -o-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }

.btcolapse span:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 6px;
      border-radius: 2px;
      background-color: #ffd948;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      -o-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg);
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }

.btcolapse.collapsed span {
    background-color: #ffd948; }

.btcolapse.collapsed span:before {
      margin-top: -11px;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }

.btcolapse.collapsed span:after {
      margin-top: 11px;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }

.btcolapse.op2 span:before { background-color: #ffd948; }
.btcolapse.op2 span:after {background-color: #ffd948; }
.btcolapse.op2.collapsed span { background-color: #ffd948; }

/*****MENU*****/
.menuprincipal { z-index: 30; position: absolute; width: 100%;}
.menuprincipal ul li {display: block; }

.menuprincipal ul li a 
{
	display: block;
    font-family: 'BerlinSansFBDemi-Bold', arial, sans-serif;
    color: #FFF;
    font-size: 25px;    }


@media(max-width: 769px){    
	.menuprincipal ul li a {background:#e10874; color: #fff; text-align: center; padding:5px;}	
	.menuprincipal ul li a:hover, .menuprincipal ul li a:focus {color: #FFF;background:#ffd948;}
    .men{ display: block; position: relative; margin-left: -15px; margin-right: -15px;}
    .men2{ display: block; position: relative; margin-left: -30px; margin-right: -30px;}
    .menuprincipal ul li img{display: block; margin: 2px auto;}
    .menuprincipal ul li.active a {color: #FFF; background: #ffd948;}
    .logo{margin: 10px auto; height: auto; width: 30%;}	
    .visible1{display: block;}
    .visible2{display: none!important;}
}


.menuprincipal ul li + li { border-top: 1px solid #FFF; }

.header{z-index: 150; background-color: #e00471; width: 100%;}
@media (min-width: 769px) {  
  .visible1{display: none;}
  .visible2{display: block;}
  .menuprincipal {width: 100%;position: relative;text-align: center; }
  .menuprincipal ul li a:hover, .menuprincipal ul li a:focus  {color: #ffd948; background: transparent;}
  .menuprincipal ul {display: inline-block;text-align: center; position: relative; top: -185px; }
  .menuprincipal ul li {display: inline-block; }
  .menuprincipal ul li + li {border-top: 0; }    
  
  .logo{ }
  .logo img{width: 90%; display: block;  margin:5px auto; position: relative; top: 116px; }
  .menuprincipal ul li.active a {color: #ffd948;}
    .menuprincipal ul li a {padding: 10px 10px;}
    .amarillo{background: #ffd948; padding: 30px 0px;}
    .header{height: 191px;}
    #inicio #myCarousel{top: -151px;}
    #inicio #seccion2{margin-top: -151px}
}
h1,h2,h3,h4,h5,h6{font-family: 'BerlinSansFBDemi-Bold'; text-transform: uppercase; text-align: center;}

a,p{font-family: 'BerlinSansFB-Reg'; color: black; text-align: justify;}
a:hover{text-decoration: none;}
.carousel-inner > .item > img{width: 100%;}

#myCarousel .carousel-caption{background: rgba(0,0,0,0.5); bottom: auto;}
#myCarousel .carousel-caption h3{text-shadow: none; font-family: 'BerlinSansFB-Reg'; color: #FFF; text-transform:uppercase;}
#myCarousel .carousel-caption h3 span{color: #8ce40f;}
@media(min-width:769px){
    #myCarousel .carousel-inner .item{width: 100%; height: 750px;}
    #myCarousel  .carousel-inner > .item > img{object-fit: cover; height: 750px}   
    #myCarousel .carousel-caption{width: 30%; left: 35%; top: 35%;}
    #myCarousel .carousel-caption h3{font-size: 2.5em; line-height: 1.5em;}
    a,p{font-size: 1.2em;}
}
@media(max-width:769px){
    #myCarousel .carousel-inner .item{width: 100%; height: 350px;}
    #myCarousel .carousel-inner > .item > img{object-fit: cover; height: 350px}  
    #myCarousel .carousel-caption{width: 80%; left: 10%; top: 25%;}
    #myCarousel .carousel-caption h3{font-size: 1.5em; line-height: 1.4em;}
    a,p{font-size: 1.2em;}
}
#inicio #seccion2{background-image: url('../imagenes/nosotros.jpg'); background-size: cover; background-position: center;}
#inicio #seccion2 p,#inicio #seccion3 p{text-align: center;}
#inicio #seccion3 h3, #inicio #seccion2 h3, #inicio #seccion2 p, #inicio #seccion3 p, #inicio #seccion4 h3 span, #inicio #seccion5 h3, #inicio #seccion5 p, #foot1 h3{color: #FFF;}
#inicio #seccion2 hr, #inicio #seccion4 hr, #inicio #seccion5 hr{border: 3px solid #ffd948; width: 30%;}

#inicio #seccion3 h3 span{color: #8ce40f;}
#inicio #seccion3 hr, #foot1 hr{border: 3px solid #009bdb; width: 30%;}
#inicio #seccion4 h3 {color:#e00d7b; }
#inicio #seccion5 p{text-align: center; font-size: 1.5em;}

#myCarousel2 .carousel-control.left,#myCarousel3 .carousel-control.left{background-image: url('../imagenes/flecha1.png'); background-size: contain; background-repeat: no-repeat; }
#myCarousel2 .carousel-control.right, #myCarousel3 .carousel-control.right{background-image: url('../imagenes/flecha2.png'); background-size: contain; background-repeat: no-repeat; background-position-x:100%;}


#inicio #seccion3{background: #e10874;}
#myCarousel2 img{display: block; margin: 10px auto; height: 120px;}
#myCarousel3 img{display: block; margin: 10px auto; height: 90px; width: auto;}
#myCarousel2 figcaption, #myCarousel3 figcaption{text-align: center;color: #FFF;font-family: 'BerlinSansFB-Reg';font-weight: bold; font-size: 1.5em;}

#inicio #seccion4{background: #492874;}
#inicio #seccion5{background-image: url('../imagenes/talavera.jpg'); background-repeat: repeat}
#inicio #seccion5 h3 span{color: #1fdb00;}
#foot1 h3 span{color: #ffc000;}

@media(min-width:769px){
    #inicio #seccion2, #inicio #seccion3,#inicio #seccion4,#inicio #seccion5, #foot1{padding: 60px 0px;}
    #inicio #seccion2 h3, #inicio #seccion3 h3,#inicio #seccion4 h3, #inicio #seccion5 h3, #foot1 h3{font-size: 3.5em; padding-bottom: .7em;}
    #inicio #seccion2 p{font-size: 1.5em; padding: 20px 150px;}
    #inicio #seccion3 p{font-size: 1.5em; padding: 20px 100px;}
    #myCarousel2{margin-top: 50px;}
    .zoom-gallery a{width: 33.3333333%;}
    .zoom-gallery img {height: 250px;object-fit: cover;object-position: 10% 0%;width: 100%;}
    .bximg {float: left; display: block; position: relative; height: auto; cursor: pointer; object-fit: contain;}
    #foot2{padding: 10px 0px;}
    
    #foot1 label{font-size: 1.3em;}
    
}


@media(max-width:769px){
    #inicio #seccion2,#inicio #seccion3,#inicio #seccion4, #inicio #seccion5, #foot1 {padding: 40px 0px;}
    #inicio #seccion2 h3, #inicio #seccion3 h3,  #inicio #seccion4 h3,  #inicio #seccion5 h3, #foot1 h3{font-size: 2.5em; padding-bottom: 0.2em;}
    #inicio #seccion2 p,#inicio #seccion3 p{font-size: 1.5em; padding: 20px 10px;}
    #myCarousel3{padding-top: 30px;}
    .zoom-gallery a{width: 100%;}
    .zoom-gallery img {height: 250px;object-fit: cover;object-position: 10% 0%;width: 100%;}
    .bximg {float: left; display: block; position: relative; height: auto; cursor: pointer; object-fit: contain;}
}
#foot1{background-image: url('../imagenes/footer.jpg'); background-position: center; background-size: cover;}
#foot2{ background: #e3117e; }
#foot2 p{text-align: center;}
#foot1 label, #foot1 a{font-family: 'BerlinSansFB-Reg'; color: #FFF;}
#foot1 button{padding: 10px 15%; text-align: center; font-family: 'BerlinSansFBDemi-Bold'; background: #ffc000; border: none;display: block; margin: 10px auto; border-radius: 0px; color: #000; font-size: 1.5em;}