/*tipografías*/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|PT+Sans+Narrow:400,700);
/*tipografías*/


/*menu responsive*/

#menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.8rem;
    font-family: "PT Sans Narrow";
    border-bottom: 1px solid rgba(255, 255, 255, 0);    
}
 
#menu li{
    display: block;
    float: left;
    text-transform: uppercase;
    text-align: center;
}
 
#menu li a{
    display: block;
    color: #000;
    text-decoration: none;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
}

#menu li a:hover{
    color: #63B8A3;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #63B8A3;
}
 
#nav-mobile{
    background-image: url(imagenes/nav.png);
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
}
 
#nav-mobile.nav-active{
    opacity: 1;
}

/*CELULAR*/
@media screen and (max-width:480px){

/*menu*/
#nav-mobile{
    display: block;
    margin-top: 2.5rem;
}
    
#menu{
    float: right;
}    
    
#menu ul{
    max-height: 0;
    overflow: hidden;
    list-style: none;
    font-size: 0.8rem;
    font-family: "PT Sans Narrow";
    margin-top: 5.3rem;
    margin-right: 1rem;
}  
    
#menu li{
    padding-left: 1rem;
}
    
#menu li:last-child{
    border-bottom: 0;
}
    
#menu li a{
    padding: 2px 0;
    height: auto;
    line-height: normal;
    color: #000;
}

#menu li a:hover{
    color: #63B8A3;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #63B8A3;
} 

#menu ul.open-menu{
    max-height: 400px;
    transition: max-height .6s;
}
/*menu*/        
    
body{
    background-color: #ededed;
}

#contenedor{    
    max-width: 480px;
    margin: auto;
    background-color: #fff;
}    
    
header{
    background-image: url(imagenes/header.jpg);
    width: 100%;
    height: 150px;
    color: #000;
    font-family: sans-serif;
    position: relative;
}

p#pertenencia{
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    text-align: right;
    padding-right: 1rem;
}

div#logo {
    position: absolute;
    left: 1rem;
    top:2.5rem;
}

div#logo img{
    width: 60%;
}
    
/*botonera principal*/
header nav#botoneraprincipal{
    display: none;
} 

/*títulos*/
h2{
    color: #63B8A3;
    font-family:"PT Sans Narrow";
    font-size: 1.5rem; 
    margin-left: 3rem;
    margin-top: 40px;
}
    
/*baner*/ 
    
/*ABRO SLIDER*/
    
/* -------------------------- MIXINS ---------------------------------- */
/* -------------------------- END MIXINS ---------------------------------- */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-moz-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-ms-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@-moz-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@-ms-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url(assets/img/sy-loader.gif) 50% 50% no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  background-size: 32px;
  min-height: 40px;
}
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
  visibility: hidden;
}

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.sy-slides-wrap:hover .sy-controls {
  display: block;
}

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.sy-list.horizontal {
  -webkit-transition: left ease;
  -moz-transition: left ease;
  -o-transition: left ease;
  transition: left ease;
}
.sy-list.vertical {
  -webkit-transition: top ease;
  -moz-transition: top ease;
  -o-transition: top ease;
  transition: top ease;
}

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.sy-slide.kenburns {
  width: 140%;
  left: -20%;
}
.sy-slide.kenburns.useCSS {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  -webkit-animation-name: left-right;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: left-right;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: left-right;
  -o-animation-fill-mode: forwards;
  animation-name: left-right;
  animation-fill-mode: forwards;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  -webkit-animation-name: right-left;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: right-left;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: right-left;
  -o-animation-fill-mode: forwards;
  animation-name: right-left;
  animation-fill-mode: forwards;
}
.sy-slide.sy-active {
  z-index: 3;
}
.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
}
.sy-controls li {
  position: absolute;
  width: 10%;
  min-width: 4.2em;
  height: 100%;
  z-index: 33;
}
.sy-controls li.sy-prev {
  left: 0;
  top: 0;
}
.sy-controls li.sy-prev a:after {
  background-position: -5% 0;
}
.sy-controls li.sy-next {
  right: 0;
  top: 0;
}
.sy-controls li.sy-next a:after {
  background-position: 105% 0;
}
.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}
.sy-controls li a:link, .sy-controls li a:visited {
  opacity: 0.4;
}
.sy-controls li a:hover, .sy-controls li a:focus {
  opacity: 0.8;
  outline: none;
}
.sy-controls li a:after {
  content: "";
  background-image: url(assets/img/arrows.svg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 50%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* pager bubbles */
.sy-pager {
    display: none;
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.sy-pager li {
    display: none;
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.5em 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li.sy-active a {
    display: none;
  background-color: #e24b70;
}
.sy-pager li a {
    display: none;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #cccccc;
  text-indent: -9999px;
  -webkit-background-size: 2em;
  -moz-background-size: 2em;
  -o-background-size: 2em;
  background-size: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li a:link, .sy-pager li a:visited {
    display: none;
  opacity: 1.0;
}
.sy-pager li a:hover, .sy-pager li a:focus {
    display: none;
  opacity: 0.6;
}

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%;
}
.sy-filler.ready {
  -webkit-transition: padding 600ms ease;
  -moz-transition: padding 600ms ease;
  -o-transition: padding 600ms ease;
  transition: padding 600ms ease;
}

/*CIERRO SLIDER*/        
    
#imagenpc{
    width: 100%;
}

#imagenpc img{
    width: 95%;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 0;
}        
    
#pc{
    display: none;
}

/*botonera2*/    
a{
    text-decoration: none;
    color: #fff;
    font-family: "PT Sans Narrow";
    font-size: 1rem;
}

/*novedades*/    
.novedades2{
    width: 100%;
}

.novedades2 img{
    width: 95%;
    margin-left: 0.7rem;
    background-size: 100%;
}
    
p#novedades2{
    width: 91.5%;
    background-color: #63B8A3;
    margin: auto;
    margin-left: 0.7rem;
    padding: 0.5rem;
    margin-top: -0.3rem;
    margin-bottom: 0.3rem;
}
    
/*concursar*/    
.concursar2{
    width: 100%;
}

.concursar2 img{
    width: 95%;
    margin-left: 0.7rem;
    background-size: 100%;
}
    
p#concursar2{
    width: 91.5%;
    background-color: #D74E78;
    margin: auto;
    margin-left: 0.7rem;
    padding: 0.5rem;
    margin-top: -0.3rem;
    margin-bottom: 0.3rem;
} 
    
/*consultanos*/    
.consultanos2{
    width: 100%;
}

.consultanos2 img{
    width: 95%;
    margin-left: 0.7rem;
    background-size: 100%;
}
    
p#consultanos2{
    width: 91.5%;
    background-color: #ddb531;
    margin: auto;
    margin-left: 0.7rem;
    padding: 0.5rem;
    margin-top: -0.3rem;
} 
    
/*botonera3*/
    
aside#cel{
    width: 100%;
    margin: 0;
}    
    
h2#historia{
    width: 45%;
    float: left;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    text-align: center;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    color: #D74E78; 
    margin-left: 0.7rem;
    margin-top: 0.7rem; 
}
    
h2#descarga{
    width: 45%;
    float: right;
    font-family: "PT Sans Narrow";
    font-size:0.8rem;
    text-align: center;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    color: #D74E78;
    margin: 0;
    margin-top: 0.7rem;
    margin-right: 0.7rem;
}
    
.destacado2{
    color: #31DDB4;
}    

#footerpc{
    display: none;
}    
    
footer{
    clear:both;
    background-color: rgba(99, 184, 163, 0.6);
    font-family: "PT Sans Narrow";
    font-size: 0.5rem;
    color: #fff;
    padding: 0.2rem;
    text-align: center;   
}
    
/*REFERENCIAS*/ 
p#referencias1{
    width: 80%;
    margin: auto;
    font-family: "PT Sans Narrow";
}
    
div#referencias{
    width: 100%;
}
 
div#ref1{
    width: 90%;
    margin:auto;
}
    
div#ref1a{
    margin-top: 1rem;
    float: left;
    width: 100%;
}
    
img#ref{
    margin-left: 1rem;
    width: 90%;
}
    
div#ref1b{
    padding-top: 1rem;
    width: 90%;
    height: auto;
    margin-left:1rem;
    margin-top: 1rem;
    border-bottom: 0.1rem solid #D74E78;
    border-top: 0.1rem solid #D74E78;
}
    
.referenciasp{
    font-family: "PT Sans Narrow";
    color: #D74E78;
    font-weight: 600;
    margin-top: 0;
}
    
.referenciasp2{
    color: #63B8A3;
}
    
.referencias3{
    font-family: "PT Sans Narrow";
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1.8rem;
    font-size: 0.9rem;
    width: 85%;
    margin: auto;
}
    
div#ref2{
    width: 90%;
    margin: auto;
    padding-top: 1rem;
  
}
    
/*video*/
div#videocontenedor{
    width: 100%;
    height: auto;  
}
    
.videoresponsive{
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
}
    
.videoresponsive iframe{
    position:absolute;
    width: 90%;
    height: 100%;
    margin-left:1rem;
}
    
div#ref2a{
    padding-top: 1rem;
    width: 90%;
    height: auto;
    margin-left:1rem;
    border-bottom: 0.1rem solid #D74E78;
}
    
a#ver{
    color: #63B8A3;
    width: 90%;
    margin: auto;
    text-align: center;
    font-weight: 700;
}
    
}

/*TABLET*/
    
@media screen and (min-width:481px) and (max-width:960px){
    
body{
    background-color: #ededed;
}

#contenedor{    
    max-width: 960px;
    margin: auto;
    background-color: #fff;
}        
    
header{
    background-image: url(imagenes/header.jpg);
    width: 100%;
    height: 180px;
    color: #000;
    font-family: sans-serif;
    position: relative;
}

p#pertenencia{
    padding: 0.5rem;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    text-align: right;
    padding-right: 3rem;
}

div#logo {
    position: absolute;
    left: 2.5rem;
}

div#logo img{
    margin-top: -1.5rem;
    width: 90%;
}
    
/*botonera principal*/

#menu{
    display: none;
}    
    
header nav#botoneraprincipal{    
    float: right;
    margin-top: 5.5rem;
    margin-right: 3rem;
    overflow: auto;
}

header nav#botoneraprincipal ul li{
    list-style: none;
    display: inline-block;
    padding-left: 20px;
}

ul li a#bp{
    text-decoration: none;
    color: #000000;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0);  
}

ul li a#bp:hover {
    color: #31DDB4;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #31DDB4;
}

ul li a#bp1{
    color: #31DDB4;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #31DDB4;
}    
    
/*títulos*/
h2{
    color: #63B8A3;
    font-family:"PT Sans Narrow";
    font-size: 1.5rem; 
    margin-left: 3rem;
    margin-top: 40px;
}
    
/*baner*/    

#imagenpc{
    width: 100%;
}

#imagenpc img{
    width: 90%;
    margin-top: 1.5rem;
    margin-left: 3rem;
    background-size: 100%;
}        
    
/*ABRO SLIDER*/
    
/* -------------------------- MIXINS ---------------------------------- */
/* -------------------------- END MIXINS ---------------------------------- */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-moz-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-ms-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@-moz-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@-ms-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url(assets/img/sy-loader.gif) 50% 50% no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  background-size: 32px;
  min-height: 40px;
}
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
  visibility: hidden;
}

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.sy-slides-wrap:hover .sy-controls {
  display: block;
}

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.sy-list.horizontal {
  -webkit-transition: left ease;
  -moz-transition: left ease;
  -o-transition: left ease;
  transition: left ease;
}
.sy-list.vertical {
  -webkit-transition: top ease;
  -moz-transition: top ease;
  -o-transition: top ease;
  transition: top ease;
}

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.sy-slide.kenburns {
  width: 140%;
  left: -20%;
}
.sy-slide.kenburns.useCSS {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  -webkit-animation-name: left-right;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: left-right;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: left-right;
  -o-animation-fill-mode: forwards;
  animation-name: left-right;
  animation-fill-mode: forwards;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  -webkit-animation-name: right-left;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: right-left;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: right-left;
  -o-animation-fill-mode: forwards;
  animation-name: right-left;
  animation-fill-mode: forwards;
}
.sy-slide.sy-active {
  z-index: 3;
}
.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
}
.sy-controls li {
  position: absolute;
  width: 10%;
  min-width: 4.2em;
  height: 100%;
  z-index: 33;
}
.sy-controls li.sy-prev {
  left: 0;
  top: 0;
}
.sy-controls li.sy-prev a:after {
  background-position: -5% 0;
}
.sy-controls li.sy-next {
  right: 0;
  top: 0;
}
.sy-controls li.sy-next a:after {
  background-position: 105% 0;
}
.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}
.sy-controls li a:link, .sy-controls li a:visited {
  opacity: 0.4;
}
.sy-controls li a:hover, .sy-controls li a:focus {
  opacity: 0.8;
  outline: none;
}
.sy-controls li a:after {
  content: "";
  background-image: url(assets/img/arrows.svg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 50%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* pager bubbles */
.sy-pager {
    display: none;
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.sy-pager li {
    display: none;
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.5em 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li.sy-active a {
    display: none;
  background-color: #e24b70;
}
.sy-pager li a {
    display: none;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #cccccc;
  text-indent: -9999px;
  -webkit-background-size: 2em;
  -moz-background-size: 2em;
  -o-background-size: 2em;
  background-size: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li a:link, .sy-pager li a:visited {
    display: none;
  opacity: 1.0;
}
.sy-pager li a:hover, .sy-pager li a:focus {
    display: none;
  opacity: 0.6;
}

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%;
}
.sy-filler.ready {
  -webkit-transition: padding 600ms ease;
  -moz-transition: padding 600ms ease;
  -o-transition: padding 600ms ease;
  transition: padding 600ms ease;
}

/*CIERRO SLIDER*/
    
#imagencel{
    display: none; 
}

#cel{
    display: none;
}

/*botonera2*/    
section#pc{
    width: 100%;
    margin-left: 2.7rem;
}
    
a{
    text-decoration: none;
    color: #fff;
    font-family: "PT Sans Narrow";
}

.destacado{
    font-size: 0.9rem;
    font-weight: 400;
}    

/*novedades*/ 
.novedades1{
    width: 30%;
    float: left;
    margin-top: 0.8rem;
    margin-right: 0.4rem;
}
    
.novedades1 img{
    width: 95%;
    background-size: 100%;
}

p#novedades1{
    width: 89.2%;
    background-color: #63B8A3;
    padding: 0.5rem;
    margin-top: -0.3rem;
    margin-bottom: 0.3rem;
    font-size: 1rem;
    font-weight: 700;
}

/*concursar*/    
.concursar1{
    width: 30%;
    float: left;
    margin-top: 0.8rem;
    margin-right: 0.4rem;
}

.concursar1 img{
    width: 95%;
    background-size: 100%;
}
    
p#concursar1{
    width: 89.2%;
    background-color: #D74E78;
    padding: 0.5rem;
    margin-top: -0.3rem;
    margin-bottom: 0.3rem;
    font-size: 1rem;
    font-weight: 700;
} 
    
/*consultanos*/    
.consultanos1{
    width: 30%;
    float: left;
    margin-top: 0.8rem;
}

.consultanos1 img{
    width: 95%;
    background-size: 100%;
}
    
p#consultanos1{
    width: 89.2%;
    background-color: #ddb531;
    padding: 0.5rem;
    margin-top: -0.3rem;
    font-size: 1rem;
    font-weight: 700;
} 

/*botonera3*/    
aside#pc{
    width: 100%;
    margin-left: 2rem;
    
}    
    
h2#historia{
    width: 44%;
    float: left;
    margin-left: 0.8rem;
    margin-right: 1rem;
    font-family: "PT Sans Narrow";
    font-size:1rem;
    text-align: center;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    color: #D74E78;
    margin-top: 0;
}
    
h2#descarga{
    width: 44%;
    font-family: "PT Sans Narrow";
    font-size:1rem;
    text-align: center;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    color: #D74E78;
    float: left;
    margin-top: 0;
}
    
.destacado2{
    color: #31DDB4;
}        
    
/*FOOTER*/ 
#footercel{
    display: none;
}     
    
footer{
    clear:both;
    background-color: rgba(99, 184, 163, 0.6);
}

#contenedorbotonerafooter{
    width: 85%;
    padding-left: 8.7rem
}

.botonerafooter{
    float: left;
    margin-right: 1rem;
}
    
.botonerafooter ul li{
    list-style: none;
}    
    
.botonerafooter ul li a{
    display: block;
}
    
.botonerafooter ul li a:hover{
    color: #63B8A3;
}     

.tema{
    color: #000;
    margin-bottom: 0.3rem;
    font-family: "PT Sans Narrow";
    font-size: 0.9rem;
}
    
.subtema{
    color: #ffF;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
}

#botoneraredes{
    margin-left: 2.2rem;
    width: 100%
}
    
.redes{
    padding: 0;
    margin: 0;
}    
    
img#uba{
    width: 10%;
    float: right;
    margin-right: 10.4rem;
    margin-top: 1rem;
}    
    
#pie{
    font-family: "PT Sans Narrow";
    font-size: 0.7rem;
    color: #FFF;
    padding: 1rem;
    text-align: center;
    clear: both;
}  

/*REFERENCIAS*/ 
p#referencias1{
    width: 90%;
    margin: auto;
    font-family: "PT Sans Narrow";
}
    
div#referencias{
    width: 100%;
}
 
div#ref1{
    width: 90%;
    margin-left: 3rem;
    float: left;
}
    
div#ref1a{
    margin-top: 1rem;
    float: left;
    width: 60%;
}
    
img#ref{
    width: 100%;
}
    
div#ref1b{
    padding-top: 1rem;
    float: left;
    width: 35%;
    height: auto;
    margin-left: 2.5rem;
    margin-top: 1rem;
    border-bottom: 0.1rem solid #D74E78;
    border-top: 0.1rem solid #D74E78;
}
    
.referenciasp{
    font-family: "PT Sans Narrow";
    color: #D74E78;
    font-weight: 600;
    margin-left: 1rem;
    margin-top: 0;
}
    
.referenciasp2{
    color: #63B8A3;
    margin-left: 1rem;
}
    
.referencias3{
    font-family: "PT Sans Narrow";
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1.8rem;
    font-size: 0.9rem;
    width: 85%;
    margin: auto;
}
    
div#ref2{
    width: 90%;
    margin-top: 2rem;
    margin-left: 3rem;
    float: left;
}
    
/*video*/
div#videocontenedor{
    width: 60%;
    height: auto;  
    float: left;
}
    
.videoresponsive{
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
}
    
.videoresponsive iframe{
    position:absolute;
    width: 100%;
    height: 100%;
}
    
div#ref2a{
    padding-top: 1rem;
    float: left;
    width: 35%;
    height: auto;
    margin-left: 2.5rem;
    margin-top: rem;
    border-bottom: 0.1rem solid #D74E78;
    border-top: 0.1rem solid #D74E78;
}
    
a#ver{
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 700;
}
    
}


/*PC*/
@media  screen and (min-width: 961px) {

body{
    background-color: #ededed;
}

#contenedor{    
    max-width: 961px;
    margin: auto;
    background-color: #fff;
}    
    
header{
    background-image: url(imagenes/header.jpg);
    width: 100%;
    height: 180px;
    color: #000;
    font-family: "PT Sans Narrow";
    position: relative;
}

p#pertenencia{
    padding: 0.5rem;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    text-align: right;
    padding-right: 3rem;
}

div#logo {
    position: absolute;
    left: 3rem;
}

div#logo img{
    margin-top: -1rem;
    width: 90%;
}
    
/*botonera principal*/

#menu{
    display: none;
}     
    
header nav#botoneraprincipal{    
    float: right;
    margin-top: 5.2rem;
    margin-right: 3rem;
    overflow: auto;
}

header nav#botoneraprincipal ul li{
    list-style: none;
    display: inline-block;
    padding-left: 20px;
    height: 1rem;
}

ul li a#bp{
    text-decoration: none;
    color: #000000;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0);  
}

ul li a#bp:hover{
    color: #31DDB4;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #31DDB4;
}    
    
ul li a#bp1{
    color: #31DDB4;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #31DDB4;
}    


/*baner*/    

/*ABRO SLIDER*/
    
/* -------------------------- MIXINS ---------------------------------- */
/* -------------------------- END MIXINS ---------------------------------- */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-moz-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-ms-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}

@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@-moz-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@-ms-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}

/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url(assets/img/sy-loader.gif) 50% 50% no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  background-size: 32px;
  min-height: 40px;
}
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
  visibility: hidden;
}

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.sy-slides-wrap:hover .sy-controls {
  display: block;
}

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.sy-list.horizontal {
  -webkit-transition: left ease;
  -moz-transition: left ease;
  -o-transition: left ease;
  transition: left ease;
}
.sy-list.vertical {
  -webkit-transition: top ease;
  -moz-transition: top ease;
  -o-transition: top ease;
  transition: top ease;
}

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.sy-slide.kenburns {
  width: 140%;
  left: -20%;
}
.sy-slide.kenburns.useCSS {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  -webkit-animation-name: left-right;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: left-right;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: left-right;
  -o-animation-fill-mode: forwards;
  animation-name: left-right;
  animation-fill-mode: forwards;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  -webkit-animation-name: right-left;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: right-left;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: right-left;
  -o-animation-fill-mode: forwards;
  animation-name: right-left;
  animation-fill-mode: forwards;
}
.sy-slide.sy-active {
  z-index: 3;
}
.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
}
.sy-controls li {
  position: absolute;
  width: 10%;
  min-width: 4.2em;
  height: 100%;
  z-index: 33;
}
.sy-controls li.sy-prev {
  left: 0;
  top: 0;
}
.sy-controls li.sy-prev a:after {
  background-position: -5% 0;
}
.sy-controls li.sy-next {
  right: 0;
  top: 0;
}
.sy-controls li.sy-next a:after {
  background-position: 105% 0;
}
.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}
.sy-controls li a:link, .sy-controls li a:visited {
  opacity: 0.4;
}
.sy-controls li a:hover, .sy-controls li a:focus {
  opacity: 0.8;
  outline: none;
}
.sy-controls li a:after {
  content: "";
  background-image: url(assets/img/arrows.svg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 50%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* pager bubbles */
.sy-pager {
    display: none;
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.sy-pager li {
    display: none;
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.5em 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li.sy-active a {
    display: none;
  background-color: #e24b70;
}
.sy-pager li a {
    display: none;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #cccccc;
  text-indent: -9999px;
  -webkit-background-size: 2em;
  -moz-background-size: 2em;
  -o-background-size: 2em;
  background-size: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li a:link, .sy-pager li a:visited {
    display: none;
  opacity: 1.0;
}
.sy-pager li a:hover, .sy-pager li a:focus {
    display: none;
  opacity: 0.6;
}

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%;
}
.sy-filler.ready {
  -webkit-transition: padding 600ms ease;
  -moz-transition: padding 600ms ease;
  -o-transition: padding 600ms ease;
  transition: padding 600ms ease;
}

/*CIERRO SLIDER*/
    
#imagenpc{
    width: 100%;
}

#imagenpc img{
    width: 90%;
    margin-top: 1.5rem;
    margin-left: 3rem;
    background-size: 100%;
}    
    
#imagencel{
    display: none; 
}
    
#cel{
    display: none;
}
    
    
    
/*botonera2*/    
section#pc{
    width: 100%;
    margin-left: 3rem;
}
    
a{
    text-decoration: none;
    color: #fff;
    font-family: "PT Sans Narrow";
}

.destacado{
    font-size: 0.9rem;
    font-weight: 400;
}    

/*novedades*/ 
.novedades1{
    width: 30%;
    float: left;
    margin-top: 0.8rem;
    margin-right: 0.4rem;
}
    
.novedades1 img{
    width: 95%;
    background-size: 100%;
}

p#novedades1{
    width: 89.2%;
    background-color: #63B8A3;
    padding: 0.5rem;
    margin-top: -0.3rem;
    font-size: 1rem;
    font-weight: 700;
}

/*concursar*/    
.concursar1{
    width: 30%;
    float: left;
    margin-top: 0.8rem;
    margin-right: 0.4rem;
}

.concursar1 img{
    width: 95%;
    background-size: 100%;
}
    
p#concursar1{
    width: 89.2%;
    background-color: #D74E78;
    padding: 0.5rem;
    margin-top: -0.3rem;
    font-size: 1rem;
    font-weight: 700;
} 
    
/*consultanos*/    
.consultanos1{
    width: 30%;
    float: left;
    margin-top: 0.8rem;
}

.consultanos1 img{
    width: 95%;
    background-size: 100%;
}
    
p#consultanos1{
    width: 89.2%;
    background-color: #ddb531;
    padding: 0.5rem;
    margin-top: -0.3rem;
    font-size: 1rem;
    font-weight: 700;
}     

/*botonera3*/    
aside#pc{
    width: 100%;
    margin-left: 2rem;
}    
    
h2#historia{
    width: 42%;
    float: left;
    margin-left: 1rem;
    font-family: "PT Sans Narrow";
    font-size:1rem;
    text-align: center;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    color: #D74E78;
    margin-top: 0;
}
    
h2#descarga{
    width: 42%;
    font-family: "PT Sans Narrow";
    font-size:1rem;
    text-align: center;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    color: #D74E78;
    float: left;
    margin-top: 0;
}
    
.destacado2{
    color: #31DDB4;
}        

/*TECNICAS>>*/    

/*video*/
div#videocontenedor1{
    width: 100%;
    height: auto;  
}
    
/*botonera técnicas*/
div#izquierda {
    width:30%;
    float:left;
    margin-left: 0.5rem;
}

nav#botoneratecnicas ul li{
    list-style: none; 
    padding-bottom: 16px;
    height: 1rem;
}

ul li a#tecnica{
    text-decoration: none;
    color: #000000;
    font-family: "LATO";
    font-size: 0.8rem;
    display: block;
    margin-left: 0.5rem;
}    

ul li a#tecnica:hover{
    text-decoration: none;
    color: #63B8A3;
    font-family: "LATO";
    font-size: 0.8rem;
    display: block;
    border-bottom: 0.1rem solid #31DDB4;
    width: 170px;
}

ul li a#tecnica1{
    text-decoration: none;
    color: #63B8A3;
    font-family: "LATO";
    font-size: 0.8rem;
    display: block;
    border-bottom: 0.1rem solid #31DDB4;
    width: 170px;
    margin-left: 0.4rem;
}

/*títulos*/
h2{
    color: #63B8A3;
    font-family:"PT Sans Narrow";
    font-size: 1.5rem; 
    margin-left: 3rem;
    margin-top: 40px;
}
/*títulos*/

p#texto_tecnica {
    color: #000000;
    font-size: 0.8rem;
    margin-left: 3rem;
    width: 200px;
    font-family: "LATO";
    margin-bottom: 2rem;
}

/*descripcion de tecnicas*/

p#descripciontecnica{
    color: #63B8A3;
    font-size: 0.7rem;
    width: 85%;
    font-family: "LATO";
    margin-bottom: 2rem;
    margin-left: 2.5rem;
}   
    
/*galeria*/

div#derecha {
    width:60%;
    float: right;
    margin-right: 4rem;
}
    
#collagegaleria{
    width: 100%;
    margin-bottom: 1.5rem;
}    

#collagegaleria img{
    margin: 0;
    width: 100%;
}    
    
#galeriahorizontal{
    width: 105%;
    text-align: center;
}
    
#galeriahorizontal img{
    width: 4.2rem;
}    
    
/*TRABAJOS PRÁCTICOS>>*/    
/*tp.html*/    

/*ABRO CSS DEL SLIDER*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
	

/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/* FLECHAS */

.bx-wrapper .bx-prev {
	left: 3rem;
	background: url(js/slider/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 0.5rem;
	background: url(js/slider/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* PIE DE LA FOTO*/

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
    height: 3rem;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: "PT Sans Narrow";
	display: block;
	font-size: 0.8em;
	margin-top: 0.5rem;
    text-align: right;
    margin-right: 3rem;
}

/*CIERRO CSS DEL SLIDER*/      
        
    
/*tp*/
h3{
    color: #000000;
    text-align: center;
    font-family:"PT Sans Narrow";
    width: 200px;
    margin-left: 3rem;
    font-size: 2.7rem;
    margin-bottom: 0px;
}

h4{
    color: #D74E77;
    text-align: center;
    font-family:"PT Sans Narrow";
    width: 200px;
    margin-left: 2.5rem;
    font-size: 1.5rem;
    margin-top: 0px;
    margin-bottom: 0;
}

#caja1{
    width: 100%;
    margin-left: 1rem;
    float: left;
}

.texto1{
    float: left;
    margin-right: 3rem;
    margin-bottom: 1.5rem;
}
    
.descripciontp{
    color: #000000;
    font-size: 0.8rem;
    margin-left: 3rem;
    width: 200px;
    font-family: "LATO";
    float: left;
}    

#imagentp1{
    width: 592px;
    float: left;
    margin-bottom: 1.5rem;
}
    
#caja2{
    width: 100%;
    margin-left: 3rem;
    float: left;
}

.texto2{
    float: left;
    margin-bottom: 1.5rem;
}
    
.descripciontp{
    color: #000000;
    font-size: 0.8rem;
    margin-left: 3rem;
    width: 200px;
    font-family: "LATO";
    float: left;
}    

#imagentp2{
    width: 592px;
    float: left;
    margin-bottom: 1.5rem;
} 
        
/*REFERENCIAS*/ 
p#referencias1{
    width: 90%;
    margin: auto;
    font-family: "PT Sans Narrow";
}
    
div#referencias{
    width: 100%;
}
 
div#ref1{
    width: 90%;
    margin-left: 3rem;
    float: left;
}
    
div#ref1a{
    margin-top: 1rem;
    float: left;
    width: 60%;
}
    
img#ref{
    width: 100%;
}
    
div#ref1b{
    padding-top: 1rem;
    float: left;
    width: 35%;
    height: auto;
    margin-left: 2.5rem;
    margin-top: 1rem;
    border-bottom: 0.1rem solid #D74E78;
    border-top: 0.1rem solid #D74E78;
}
    
.referenciasp{
    font-family: "PT Sans Narrow";
    color: #D74E78;
    font-weight: 600;
    margin-left: 1rem;
    margin-top: 0;
}
    
.referenciasp2{
    color: #63B8A3;
    margin-left: 1rem;
}
    
.referencias3{
    font-family: "PT Sans Narrow";
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1.8rem;
    font-size: 0.9rem;
    width: 85%;
    margin: auto;
}
    
div#ref2{
    width: 90%;
    margin-top: 2rem;
    margin-left: 3rem;
    float: left;
}
    
/*video*/
div#videocontenedor{
    width: 60%;
    height: auto;  
    float: left;
}
    
.videoresponsive{
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
}
    
.videoresponsive iframe{
    position:absolute;
    width: 100%;
    height: 100%;
}
    
div#ref2a{
    padding-top: 1rem;
    float: left;
    width: 35%;
    height: auto;
    margin-left: 2.5rem;
    margin-top: rem;
    border-bottom: 0.1rem solid #D74E78;
    border-top: 0.1rem solid #D74E78;
}
    
a#ver{
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 700;
}
    
/*DOCENTES*/
p#docentes1{
    margin-left: 3rem;
    font-family: "PT Sans Narrow";
}

div#docentes{
      width: 90%;
      margin:auto;
}
  
div#docentescajas{
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 3rem;   
}

div#docentescajas img{
    width: 72%;
    text-align: center;
}
    
p#docentesnombres{
    float: left;
    background-color: #63B8A3;
    width: 72%;
    color: #fff;
    font-family: "PT Sans Narrow";
    text-align: center;
    margin-left: 1.7rem;
    margin-top: 0;
}

/*PERFIL DOCENTES*/
div#ana{
    margin-top: 2rem;
    width: 80%;
    margin-left: 6rem;
}

div#ana img{
    width: 20%;
    float: left;
}
    
p#docentesnombres0{
    float: left;
    background-color: #63B8A3;
    width: 70%;
    margin: auto;
    color: #fff;
    font-family: "PT Sans Narrow";
    text-align: left;
    padding-left: 1rem;
    margin-left: 2rem; 
}
    
p#docentesnombres0 img{
    float: right;
    width: 4%;
}      
 
div#anatexto{
    margin-left: 3rem;
    width: 70%;
    float: left;
    font-family: "PT Sans Narrow";
    font-size: 0.9rem;
}
    
div#ana2{
    float: left;
    width: 90%;
    margin-left: 6rem;
    margin-bottom: 1rem;
}

div#ana2 img{
    float: left;
    text-align: justify;
    margin-right: 5rem;
    margin-top: 2rem;
}
    
p#docentesnombres1{
    float: left;
    background-color: #63B8A3;
    width: 15%;
    margin-right: 3rem;
    color: #fff;
    font-family: "PT Sans Narrow";
    text-align: center;
}
    
div#ana3{
    width: 81%;
    margin-left: 6rem; 
    float: left;
    margin-bottom: 2rem;
}
  
div#docentescajas2{
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 1rem;
}
    
p#docentesnombres2{
    float: left;
    background-color: #63B8A3;
    width: 90%;
    color: #fff;
    font-family: "PT Sans Narrow";
    text-align: center;
    margin: 0;
}
    
p#docentesnombres2:hover{
    float: left;
    background-color: rgba(215, 78, 120, 0.76);
    width: 90%;
    color: #fff;
    font-family: "PT Sans Narrow";
    text-align: center;
    margin: 0;
}
    
/*REGISTRATE*/
div#registrate1{
    width: 85%;
    margin: auto;
}

div#registrate2{
    float: left;
}
    
div#registrate3{
    width: 70%;
    float: right;
}

p#reg1{
    margin-top: 0;
    margin-left: 2rem;
    color: #63B8A3;
    font-family: "PT Sans Narrow";
    font-weight: 700;
}
 
p#reg2{
    margin-left: 2rem;
    font-family: "PT Sans Narrow";
}
    
div#registrate3 img{
    width: 100%;
}    

/*ULTIMAS NOVEDADES*/
div#muestra{
    float: left;
    margin-left: 3.5rem;
}

p#muestra{
    font-family: "PT Sans Narrow";
    font-size: 1rem;
    font-weight: 600;
}
    
.destacado3{
    color:#63B8A3; 
}    

p#divisor{
    text-align: center;
    font-family: "PT Sans Narrow";
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: -15px;
    margin-top: 25px;
}

a#ver{
    text-decoration: none;
}

p#ver{
    text-align: center;
    font-family: "PT Sans Narrow"; 
    color:#63B8A3;
    margin-top: 10px;
}

img#muestra{
    margin-right: 4rem;;
    width: 592px;
}

/*recomendaciones*/
div#curso{
    float: left;
    width: 200px;
}

p#curso{
    font-family: "PT Sans Narrow";
    font-size: 1rem;
    font-weight: 600;
    color: #D74E77;
}
    
p#curso1{
    font-family: "PT Sans Narrow";
    font-size: 1rem;
    color: #63B8A3;
}    

img#curso{
    margin-bottom: 8px;
}    
    
/*123 A CONCURSAR*/
p#concurso{
    color: #D74E78;
    font-family: "PT Sans Narrow";
    font-weight: 700;
    margin-left: 3rem;
}

div#concursar1{
    width: 80%;
    margin: auto;
}
    
img#chica{
    width: 10%;
    float: left;
    margin-right: 1rem;
}
    
p#concursar2{
    float: left;
    font-family: "PT Sans Narrow";
    padding-top: 2.5rem;
}
    
img#portada{
    width: 100%;
    float: left;
}
    
div#pieportada{
    width: 100%;
    float: left;
    border-bottom: 0.1rem solid #D74E78;
    margin-bottom: 1rem;
    margin-top: 0.5rem;    
}
    
img#lapiz{
    width: 5%;
    float: left;
    margin-top: 0.5rem; 
}
    
img#mano{
    width: 5%;
    float: right;
    margin-top: 0.5rem; 
}

p#votos{
    width: 90%;
    font-family: "PT Sans Narrow";
    font-weight: 700;
    float: left;
    text-align: right; 
}
    
p#votos:hover{
    width: 90%;
    font-family: "PT Sans Narrow";
    font-weight: 700;
    float: left;
    text-align: right; 
    color: #31DDB4;
}
    
p#verconcursar{
    font-family: "PT Sans Narrow";
    color: #D74E78;
    text-align: center;
    float: left;
    width: 100%;
    font-weight: 700;
}

p#concurso1{
    float: left;
    color: #D74E78;
    font-family: "PT Sans Narrow";
    font-weight: 700;
    margin-left: 3rem;
}
    
img#participar{
    float: left;
    margin-left: 4rem;
}

div#noviembre{
    float: right;
    color: #fff;
    background-color: rgba(215, 78, 120, 0.78);
    font-family: "PT Sans Narrow";
    font-size: 2rem;
    width: 25%;
    padding: 0.5rem;
    font-weight: 700;
    margin-right: 5rem;
    margin-top: 7.1rem;
}
    
img#datos3{
    width: 100%;
}
    
div#concursarcomen{
    float: left;
    width: 80%;
    margin-left: 6rem;
}
    
.comen1{
    font-family: "PT Sans Narrow";
}
    
.comen2{
    font-family: "PT Sans Narrow";
    width: 96%;
    margin-left: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.1rem solid;
}
    
.comen3{
    font-family: "PT Sans Narrow";
    color: rgba(0, 0, 0, 0.65);
    margin-left: 2rem
}
    
 div#resp{
    font-family: "PT Sans Narrow";
    margin-left: 2rem;
}
 
.comen4{
    font-family: "PT Sans Narrow";
    margin-left: 2rem;
    float: left;
    margin-top: 0;
}
    
/*CONSULTANOS*/
div#consultanos{
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;   
}       
    
/*consultanos 1*/
div#consultanos1{
    float: left;
    width: 90%;
    height: 7rem;
    margin: auto;
    background-color:#ddb531;
    margin-left: 3rem;
    margin-bottom: 1rem;
}
    
/*consul1*/   
p#consultanos{
    color: #fff;
    font-family: "PT Sans Narrow";
    padding-left: 1rem;
    font-size: 1rem;
    width: 40%;
    float: left;
    line-height: 1.5rem;
    margin-top: 0.5rem;
}

div#consul1a{
    width: 20%;
    margin-top: 1rem;
    float: right;
    margin-right: 1rem;
}

#mas{
    width: 10%;
    float: right;
    margin-top: 0rem;
    font-size: 2rem; 
}    
    
div#consul1a img{
    width: 15%;
    height: auto;
    float: right;
    margin-top: 0.6rem;
}

div#preguntas{
    width: 90%;
    margin-left: 3rem;
    padding-bottom: 1rem;
}

p#preg1{
    font-weight: 700;
    color: #63B8A3;
    font-family: "PT Sans Narrow"; 
}
    
.preguntastitulo{
    background-color: #63B8A3;
    color: #fff;
    font-family: "PT Sans Narrow";
    font-weight: 700;
    text-align: center;
}
 
.pregunta{
    color: #63B8A3;
    font-family: "PT Sans Narrow";
    text-align: left;
}

.respuesta{
     font-family: "PT Sans Narrow";
}

/*CONSULTANOS 2*/
div#unpocoizquierda{
    float: left;
    width: 55%;
    margin-left: 3rem;
    margin-right: 1.5rem;
}

/*un poco mas 1*/
div#unpoco1{
    float: left;
    width: 100%;
}                

p#unpoco{
    padding: 0.5rem;
    background-color: #ddb531;
    font-family: "PT Sans Narrow";
    color: #fff;
    font-size: 1rem;  
    float: left; 
    margin: 0;
    font-weight: 700;
}
    
p#unpoco1{
    margin-top: 1rem;
    font-family: "Lato";
    font-size: 0.8rem;
    float: left;
    padding: 0.5rem;
}

.destacado4{
    margin-left: 2rem;
}    
    
/* un poco mas 3 */
div#unpoco3{
    width:30%; 
    float: left;
    margin-right: 2rem;
    border: 0.1rem solid;
    text-align: left;
    padding: 0.5rem;
}
    
#dequesetrata{
    font-family: "lato";
    color: #63B8A3;
    font-size: 0.8rem;
    margin: 0;
}
    
#preguntarepetida{
    font-family: "lato";
    font-size: 0.8rem;
    margin: 0;
}
   
h5#respuesta{
    font-family: "PT Sans Narrow";
    text-align: center;
    background-color: #ddb531;
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
    
#requisito{
    font-family: "Lato";
    font-size: 0.75rem;
    margin: 0;
}
    
/*HISTORIA*/
div#historia{
    width: 100%;  
}
    
div#historia1{
    width: 55%;
    margin-left: 3rem;
    font-family: "PT Sans Narrow";
    float: left;
}

div#historia3{
    margin-top: 1rem;
    background-color: rgba(99, 184, 163, 0.37);
    margin-left: 3rem;
    float: left;
    width: 27%;
    font-family: "PT Sans Narrow";
    padding: 0.8rem;
}
    
p#historia4{
    margin-top: 0;
    color: #5fa291;
}
    
p#historia5{
     margin-top: 0rem;
     font-size: 0.8rem;
}    
    
/*PAUTAS*/
div#pautas{
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;   
}       
    
/* pauta 3*/
div#pauta3{
    padding: 1rem;
    width: 85%;   
    float: left;
    border: 0.1rem solid #D74E78;
    text-align: left;
    margin-bottom: 1rem;
    margin-left: 3.5rem;
}    
    
#subtitulo{
    background-color: #ededed;
    width: 100%;
    font-family: "PT Sans Narrow";
    color: #D74E78;
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;  
    float: left; 
    margin-right: 1rem;
    font-weight: 700;
}
    
p#pautas{
    font-family: "lato";
    font-size: 0.8rem;
    width: 60%;
    float: left;
}   
    
p#descargar3{
    margin-top: 1rem;
    margin-left: 12.7rem;
    text-align: right;
    float: left;
    font-family: "PT Sans Narrow";
    color: #63B8A3;
    width: 15%;
}
    
div#pauta3 img{
     float: right;
    width: 2rem;

 }

/*pauta 2*/  
div#pauta2{
    padding: 1rem;
    width: 85%;   
    float: left;
    border: 0.1rem solid #D74E78;
    text-align: left;
    margin-bottom: 1rem;
    margin-left: 3.5rem;
}       
    
p#descargar2{
    margin-top: 1rem;
    margin-left: 12.7rem;
    text-align: right;
    float: left;
    font-family: "PT Sans Narrow";
    color: #63B8A3;
    width: 15%;
}
div#pauta2 img{
     float: right;
    width: 2rem;
}
    
/*pauta 1*/  
div#pauta1{
    padding: 1rem;
    width: 85%;   
    float: left;
    border: 0.1rem solid #D74E78;
    text-align: left;
    margin-left: 3.5rem;
    margin-bottom: 2rem;
}
    
p#descargar1{
    margin-top: 1rem;
    margin-left: 12.7rem;
    text-align: right;
    float: left;
    font-family: "PT Sans Narrow";
    color: #63B8A3;
    width: 15%;
}
    
div#pauta1 img{
     float: right;
    width: 2rem;
 }          
    


/*FOOTER*/
    
#footercel{
    display: none;
} 
    
footer{
    clear:both;
    background-color: rgba(99, 184, 163, 0.6);
}

#contenedorbotonerafooter{
    width: 85%;
    padding-left: 8.7rem
}

.botonerafooter{
    float: left;
    margin-right: 1rem;
}
    
.botonerafooter ul li{
    list-style: none;
}    
    
.botonerafooter ul li a{
    display: block;
}
    
.botonerafooter ul li a:hover{
    color: #63B8A3;
}    

.tema{
    color: #000;
    margin-bottom: 0.3rem;
    font-family: "PT Sans Narrow";
    font-size: 0.9rem;
}
    
.subtema{
    color: #ffF;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
}

#botoneraredes{
    margin-left: 2.2rem;
    width: 100%
}
    
.redes{
    padding: 0;
    margin: 0;
}    
    
img#uba{
    width: 10%;
    float: right;
    margin-right: 10.4rem;
    margin-top: 1rem;
}    
    
#pie{
    font-family: "PT Sans Narrow";
    font-size: 0.7rem;
    color: #FFF;
    padding: 1rem;
    text-align: center;
    clear: both;
}    
}