.titulo-expo
{
  font-size: 18px;
  font-weight: bold;
}
.subtitulo-expo
{
  font-size: 15px;
  font-weight: bold;
}
.enlace-expo
{
  font-weight: bold;
  font-size: 14px;
}
.fuenteh4
{
font-size: 15px;
width: 200px;
}
.fuenteautor
{
font-size: 12px;
width: 200px;
}
@media (max-width: 420px) 
{
  .texto-unmdp{
    padding-top:0px;
    font-size: 12px;
  }

}
@media (min-width: 1280px) 
{
  .texto-unmdp{
    padding-top:16px;
    
  }

}

@media (max-width: 360px) 
  {
 .titulo-h3
  {
 font-size: 11px;
 margin-bottom: 0px;
  }
  .titulo-p
  {
 font-size: 9px;
 margin-bottom: 0px;
  }
  .carousel-caption
  {
 font-size: 11px;
  }

  .carousel-indicators
  {bottom: 1px;}

  }

.titulo-libro

{

     padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;

    font-weight: 300;

    font-size: 24px;

    color: #595959;

    text-transform: uppercase;

}

.dropdown-menu-left a {

    color: #777;

}

.titulos-menu{

  background-color: #ffffff;

  color: #474646;

   padding-top: 3px;

  font-size:  14px;

}

.titulos-menu:hover{

  background-color: #474646;

  color: #ffffff;

  padding-top: 3px;

  font-size:  14px;

}
 
 .opa:hover
 {
  opacity: 0.5;
 }
.social [class*="fa fa-"] {

    background-color: #fff;

    border-radius: 30px;

    color: #4b4b4d;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    margin: auto 3px;

    width: 30px;

    font-size: 15px;

    text-align: center;



}


.social
{
  padding-top: 2px;
}


#vivo

{

  color:#8d141c;

}

#vivo:focus {

  color: #fff;

  background: #8d141c; 

}

.enlace-vermas i

{

  color: #C0C0C0;

  text-decoration: none;

}

.enlace-vermas:hover

{

  color: #C0C0C0;

}

#contenidos  {

  color: #0f335f; }



.definicion-margenes

{

  margin: 0 9%;

  width: 90%;

  padding: 0px !important;

  

}

.definicion-margenes

{

  

}

.container-img

{

width: 100%;

}

.container-img:hover

{

  z-index: 1;

  background-color: black;

}





h3

{

 /* color: #0188c8;*/

  font-size: 25px;

}



.margenes

{

  margin-left: 2%;

}

#contenidos:focus {

  color: #fff;

  background: #0f335f; }

#grilla:focus {

  color: #fff;

  background: #0f335f; }  

#canal:focus {

  color: #fff;

  background: #0f335f; }   

.contenedor-imagen

{

  background: #E6E7E8;

  /*padding-top: 5%;

  padding-bottom: 5%;*/

}

.secretaria

{

  padding-left: 0%;

  padding-right: 0%;

  padding-top: 1%;

}

.logo-secretaria

{

  width:100%;

  margin-top: 16%;



}



#grilla

{

  color: #0188c8;

}

#canal

{

  color: #0f335f;

}

.menu li:hover {

  background: #fff; }



.menu a:before {



  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  top: 0;

  left: 0;

  /*background-color: #5a8996;

  visibility: hidden;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s; */}



.menu a:hover:before {

/*  visibility: visible;

  -webkit-transform: scaleX(1);

  transform: scaleX(1); */}

.contenedor-menu

{

  background-color: #fefefe;

  padding: 1%;

  color: #808082;

}

.menu

{

  background-color: #fefefe;

  border-style: none;

  margin-bottom: 0%;

}

.footer

{

  background-color: #333333;

  padding-top: 1%;

}

.datos-computos

{

  background-color: #191497;

}

.datos-computos p

{

  color: white;

}

.datos

{

  text-align: center;

  margin-top: 1%;

  font-size:  12px;



}

.direcciones

{

  color: white;

  font-size: 12px; 

}

.titulo-universidad

{

    font-size: 16px;

    font-weight: bold;

    color: white;
    margin-bottom: 16px;

}

.enlaces-universidad

{

  color: white;

  font-size: 12px;

}

.enlaces-universidad:hover

{

  color: white;

  font-size: 12px;

  

}.facultades

{

 color: white;

 font-size: 12px;

}







#envianos { 

  background: #202020;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  display: inline-block;

  color: #FFF;

  height: 26px;

  line-height: 25px;

  margin-top: 0;

  text-align: center;

  width: 150px;

  font-size: 12px;

  visibility: hidden;

}

#envianos:hover { 

  background: #000;

}





.contenedor-ul

{

  text-align: center;

  margin-left: 15%;

}

.contenedor-videos

{

  padding-bottom: 5%;

}

.item_grilla {

  background: #e5e5e5;

  cursor: pointer; 





}



/*.item_grilla:nth-child(odd) {

    background: $BckClrList;

} */

.item_grilla a {

 position: relative;

  width: 100%;

  padding: 37.5px 20px;

  display: block;

  -webkit-transition: background-color 0.5s ease-out;

  -moz-transition: background-color 0.5s ease-out;

  -o-transition: background-color 0.5s ease-out;

  transition: background-color 0.5s ease-out;

  text-decoration: none;

  color: #5a8996; 

z-index:1;

}

/*

.item_grilla a:hover {

  color: #5a8996;

 }



.item_grilla a:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  bottom: 0;

  left: 0;

  background-color: #5a8996;

  visibility: hidden;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s; }



.item_grilla a:hover:before {

  visibility: visible;

  -webkit-transform: scaleX(1);

  transform: scaleX(1); }



.item_grilla a:focus {

  visibility: visible;

  background: #fff;

  color: #000; }



.menu_carr {

  background: #1b1b1b;

  height: 280px !important;

  overflow: hidden; }

/*-------------------------------| CARROUSELL |------------------------------*/

.main-nav {

  position: relative;

  display: block;

  clear: both;

  width: 100%;

  height: 200px;

  margin-left: 15px;

  -moz-transform: skewX(-20deg);

  -ms-transform: skewX(-40deg);

  -o-transform: skewX(-40deg);

  transform: skewX(0deg); }



.main-nav .inner {

  -webkit-transform: skewX(0deg);

  -moz-transform: skewX(20deg);

  -ms-transform: skewX(40deg);

  -o-transform: skewX(40deg);

  transform: skewX(0deg); }



.main-nav ul {

  list-style: none;

  display: inline-block;

  padding: 0;

  margin: 0;

  margin-left: 15px;

  min-width: 100%; }



.main-nav ul li {

  float: left;

  display: inline-block;

  width: 16.66%;

  -webkit-transform: skewX(-20deg);

  -moz-transform: skewX(-20deg);

  -ms-transform: skewX(-40deg);

  -o-transform: skewX(-40deg);

  transform: skewX(-20deg); }



.main-nav ul li:hover {

  background: #066DAC; }



.main-nav ul li a {

  display: block;

  color: #fff;

  font: 19px 'Sylfaen';

  text-align: center;

  padding: 90px 90px;

  padding: 90px 16.66%;

  width: 250px;

  position: relative;

  left: -50px;

  -webkit-transform: skewX(20deg);

  -moz-transform: skewX(20deg);

  -ms-transform: skewX(40deg);

  -o-transform: skewX(40deg);

  transform: skewX(20deg); }



.main-nav ul li:hover a {

  color: #054672; }



.main-nav ul li a img {

  position: relative;

  top: -10px; }



/*------------------------------| fin CARROUSELL|-----------------------------*/

.titulo {

  color: #fff;

  font-family: 'PT Sans', sans-serif;

  padding: 10px 0 10px 20px;

  font: normal 400 2em 'PT Sans', sans-serif; }

/*------------------------- Plugin Social -----------------------------*/

.social-feed-element.hidden {

  background-color: red !important; }



.social-feed-element .pull-left {

  float: left;

  margin-right: 10px; }



.social-feed-element .pull-right {

  margin-left: 10px; }



.social-feed-element img {

  width: 100%;

  width: auto\9;

  height: auto;

  border: 0;

  vertical-align: middle;

  -ms-interpolation-mode: bicubic; }



.social-feed-element .attachment {

  vertical-align: middle;

  -ms-interpolation-mode: bicubic; }



/* Link styles */

.social-feed-element a {

  color: #324D54;

  text-decoration: none; }



.social-feed-element a:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px; }



.social-feed-element a:hover,

.social-feed-element a:active {

  outline: 0;

  color: #324D54;

  text-decoration: underline; }



/* Text styles */

.social-feed-element small {

  font-size: 85%; }



.social-feed-element strong {

  font-weight: bold; }



.social-feed-element em {

  font-style: italic; }



.social-feed-element p {

  margin: 0 0 10px; }



.social-feed-element .media-body > p {

  margin-bottom: 4px;

  min-height: 20px; }



.social-feed-element p.social-feed-text {

  margin: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical; }



/* Message styles */

.social-feed-element,

.social-feed-element .media-body {

  overflow: hidden;

  zoom: 1;

  *overflow: visible; }



.social-feed-element .media-body .social-network-icon {

  margin-top: -3px;

  margin-right: 5px;

  width: 16px; }



.social-feed-element .media-body div {

  color: #fff;

  line-height: 20px; }



.social-feed-element:first-child {

  margin-top: 0; }



.social-feed-element .media-object {

  display: block;

  width: 48px;

  border-radius: 50%; }



.social-feed-element .media-heading {

  margin: 0 0 5px; }



.social-feed-element .media-list {

  margin-left: 0;

  list-style: none; }



.social-feed-element .muted {

  color: #324D54; }



.social-feed-element a.muted:hover,

.social-feed-element a.muted:focus {

  color: #808080; }



.social-feed-element {

  transition: 0.25s;

  -webkit-backface-visibility: hidden;

  margin-top: 25px;

  color: #333;

  text-align: left;

  font-size: 14px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  line-height: 16px; }



.social-feed-element:hover {

  background: rgba(255, 255, 255, 0.2); }



.social-feed-element .content {

  color: #fff;

  padding: 10px;

  min-height: 75px; }



.social-feed-element .social-network-icon {

  opacity: 0.7; }



.social-feed-element .author-title {

  color: #fff;

  line-height: 1.5em;

  font-weight: 500; }





.contenedor-top 

{

  background: #2F2F2F;

  padding: 0%;

}

.logo_eudem

{

  background-color: #193960;

  padding: 6%;

}

.contenedor-ul

{

  text-align: center;

  margin-left: 15%;

}

.contenedor-social ul

{

    margin-top: -5px;

    margin-bottom: 10px;

  }

.contenedor

{

  color: white; 

}

.contenedor:hover

{

  color: #58ACFA;

}



/* Dropdown Button */

.dropbtn {

  background-color:  #043b7b;

  color: white;

  font-size: 15px;

  border: none;

  cursor: pointer;

  padding-left: 20%;

  padding-right: 20%;

  padding-bottom: 22%;

  padding-top: 17%;





}

.dropbtn:focus

{

   outline: none;

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

    position: relative;

    display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 20%;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1000;

}



/* Links inside the dropdown */

.dropdown-content a {

    color: white;

    padding-right: 14px;

    padding-left: 17px;

    padding-top: 12px;

    padding-bottom: 12px;

    text-decoration: none;

    display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #f1f1f1}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {

    display: block;

}



/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {

    background-color: #58ACFA;

}



.youtube-font

{

background-color: red;



}



.youtube-contenedor

{

  background-color: #8d141c;

}

.twiter-contenedor

{

  background-color: #0188c8;

}

.facebook-contenedor

{

  background-color: #191497;

}

.instagram-contenedor

{

  background-color:#B23687;

}



.tabla

{

  margin-top: 1%;

 

}

.container-table

{

   width: 90%;



}

.imagen-logo-unmdp

{

    width: 343px;

    margin: 85px 0;

}

.imagen-logo-uni

{

  margin-top:   10%;

}

.cont_scroll

{

  background-color: #e5e5e5;

}

.contenedor-texto

{

  margin: 2%;

}

.fondo

{

  background-color: #e5e5e5;

}

.contenedor-noticias

{

background-color: #BFBFBF;



}

html { overflow-x:hidden; }



.video

{

  padding-right: 0px;

}

.dropdown-videos

{

  padding-left: 0px;

  height: 377px;

  overflow-y: scroll;

  padding-right: 0px;

  overflow-x: hidden;

}

.contenedor-buscar

{

  width: 15%;

  padding-bottom: 4%;

  padding-top: 2%;

  background-color: #043b7b;

}

.contenedor-buscar:hover

{

  background-color: #58ACFA;

}

.contenedor-mensaje

{

  background-color: #043b7b;

  width: 25%;

  margin-bottom: 0%;



}

.imagen-fachada

{

  width: 200px;

  border-radius: 15px;

  float: right;

  margin-top: 13%;

}

.contenedor-mensaje:hover

{

  background-color:  #58ACFA;

}

.mensaje

{

  color: white;

  padding-top: 3%;

  padding-bottom: 25%;

  font-size: 20px;

  padding-top: 17%;

}

.lista-definicion

{

 padding-left: 0px;

}



.definicion-borde

{

  border-right: 1px solid #222;

  margin-bottom: 2%;

  margin-top: 3%;

}

.definicion-borde-datos

{

  margin-bottom: 2%;

  margin-top: 3%;

}

.fuente

{

  font-size: 20px;

}

.contenedor-contacto

{

  width:100%;

  border-right: 1px solid #222;

}

.imagen-logo-canal {

    width: 40%;

    margin: 40px 0;

} 

.titulo-series

{

  color:black;

  padding: 2%;

  font-family: 'PT Sans', sans-serif;

  font: normal 400 2em 'PT Sans', sans-serif;

  font-weight: bold;

}

#imagen-enlaces

{

  width: 100%;

 height: 150px;

}

.columna-izquierda

{

  padding-left: 2%

}

.columna-derecha

{

   padding-right: 2%;

}

.contenedor-columna

{

padding-right: 0;

}

.series-contenedor

{

  background-color: #ECECEC;

  padding-bottom: 2%;



}

#rectangulo

{

  font-size: 12px;

  background-color: white;

  width: 100%;

}

.container-imagen

{

  width: 22%;

}

.titulo-rectangulo

{

  color:#333333;

  width: 100%;

  font-weight: bold;

}

.enlace-rectangulo

{

  padding: 0%;

}

.imagen-play

{

  width: 3%;

}

.contenedor-title

{

  background-color: #ECECEC;

} 

.contenedor-vermas

{

  background-color: #DADADA;

  padding: 2%;

  color: #BFBFBF;

  font-weight: bold;

  font-size: 16px;

}





.contenedor-social

{

  background-color: #043b7b;

  padding-right: 8px;

}

.contenedor-social:hover

{

  background-color:  #58ACFA;

}

.contenedor-link

{

  padding-left: 17%;

}



#bgventana

{

  background:   rgba(0,0,0,0.5);

  width: 100%;

  height: 100%;

  position: fixed;

  top:0px;

  left: 0px;

  z-index: 1;

  opacity: 1.2;

  visibility: hidden;

}





#ventana

{

  background-color: black;

  width: 656px;

  height: 400px;

  top: 50%;

  left: 50%;

  position: absolute;

  margin-top: -200px;

  margin-left: -357px;

}

#container{

z-index:  2;

}

.enlace-cerrar

{

  text-decoration: none;

  color: white;

  font-size: 25px;

  float: right;

  font-weight: bold;

}

.enlace-cerrar:hover

{

  text-decoration: none;

}

.link

{

  color: black;

  font-family: sans-serif;

  font-weight: bold; 

}

.contenedor-descripcion

{

  background-color: white;

}

.link-titulo

{

  margin-top: 3%;

}

/* carousel*/

.strip {

background: #C9C9C9;

padding: 5px 0 85px 0;

}



.strip_sponsors {



background: #bfbfbf;

padding: 70px 0 10px 0;

min-height: 300px;



}

.gui_rep:before {



content: "  \25B6";

font-size: 4em;

color: #ffff;

}



.img_adjust{

  mix-blend-mode: multiply;

  text-align: center!important;

  opacity: 0.5;

  width: 50%;

  padding-bottom: 5%;

}

.mobile-img

{

  height: 150px;

}

@media (max-width: 480px) {

  .img_adjust {

    width: 30%;

    padding-bottom: 12%; 

  }

.mobile-img

{

height: 180px;

}

  .contenedor-contacto

  {

    margin-left: 9%;

  }



 

  .contenedor-hamburguesa

  {

    margin: 0%;

    padding: 0%;

  }

  #vivo

  {

    text-align: center;

  }

  #grilla

  {

    text-align: center;

  }

  #canal

  {

    text-align: center;

  }

  #contactos

  {

    text-align: center;

  }

}



@media (min-width: 560px) {

  .img_adjust {

    width: 20%;

    padding-bottom: 2%;

  }





}

@media (max-width:740px) {

  #vivo

  {

    text-align: center;

  }

  #grilla

  {

    text-align: center;

  }

  #canal

  {

    text-align: center;

  }

  #contactos

  {

    text-align: center;

  }





}



@media (min-width:1000px) {

  .img_adjust {

    width: 50%;

    padding-bottom: 8%;

  }

  .contenedor-lista

  {

    /*padding-left: 4%;*/

  }

}

.centro{



  text-align: center!important;

}

/*solo para prueba del snippet reemplaza bootstrap*/



.t1{

font-family: 'Oswald', sans-serif;

text-decoration: none;

text-rendering: geometricPrecision;

font-size: 15px;



}



.titulo_strip {

color: #595959;

text-align: left;

padding: 20px 0;

font-size: 18px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

.titulo_serie

{

  background-color: #C9C9C9;

}

.owl-carousel a {

  text-decoration: none;

  color: white;
 padding: 0px;

  display: block;
  width: 161px;

}







.owl-prev, .owl-next {

 position: absolute;
    top:50%;

}



.owl-next{

right:0px;

}







#box:hover .overlay {

  opacity: 1;

}

.overlay {

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;


opacity: 0;

transition: .5s ease;

color: #fafafa;

background:rgba(0,0,0,.55);

text-align:center;

padding:50px 0;

opacity:0;

-webkit-transition: opacity .25s ease;

width: 170px!important;
max-height: 250px!important;





}

.text {

  color: white;

  font-size: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

}









#plus

{  

font-family: 'Oswald', sans-serif;

color:rgba(255,255,255,.85);

font-size:20px;

}



#plus

{

margin: 10px 0 10px!important;

}



.previo

{

  padding-top: -20%;

}



/* carousel*/

.contenedores-enlaces i:nth-of-type(1){

color: #fff;

margin: 10px 8px;

font-size: 1.6em;

text-align: center;

}







span.text-content {

  background: rgba(0,0,0,0.5);

  color: white;

  cursor: pointer;

  display: table;

  

  left: 0;

  position: absolute;

  top: 0;

  width: 50%;

}



span.text-content span {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

#enlace-desplegar

{

  z-index: -1;

}

.texto-overlay

{

  margin-top:-40%;

  color:white;

  font-weight: bold;

  height: 100px;

  margin-left: 15%;

  text-decoration: none; 

  font-size: 18px;

    font-family: 'Oswald', sans-serif;

  text-rendering: geometricPrecision;

 

}

.texto-overlay-p

{

  margin-top:-40%;

  color:white;

  font-weight: bold;

  height: 100px;

  margin-left: 15%;

  text-decoration: none; 

  font-size: 12px;

 

}

a:hover

{

 text-decoration: none; 

}



/*parte del over*/

.producto {

 /*   height: 300px;

    width: 100%;*/
    height: 316px;
    width: 250px;

    margin: 0 auto;

    border: 10px solid #fff;

    overflow: hidden;

    position: relative;

    text-align: center;

    box-shadow: 1px 1px 2px #e6e6e6;

/* cursor: default;

    background: #fff url(../images/bgimg.jpg) no-repeat center center*/

}
.producto-lista {

    height: 300px;

    width: 100%;

    margin: 0 auto;

    border: 0px solid #fff;

    overflow: hidden;

    position: relative;

    text-align: center;

    box-shadow: 1px 1px 2px #e6e6e6;

/* cursor: default;

    background: #fff url(../images/bgimg.jpg) no-repeat center center*/

}
.mask{

  width: 100%;

}

.producto .mask, .producto .content {

    height: 300px;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0

}

.producto img {

    display: block;

    position: relative;

height: 300px;

width: 100%;

}

.producto h2 {

  font-family: 'Oswald', sans-serif;

  text-rendering: geometricPrecision;

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 17px;

    

    padding: 0px 5px;

    background: rgba(0, 0, 0, 0.8);

    margin: 20px 0 0 0

}

.producto p {

    font-family: 'Oswald', sans-serif;

  text-rendering: geometricPrecision;

    font-size: 12px;

    position: relative;

    color: #fff;

    padding: 10px 20px 20px;

    text-align: center

}

.producto a.info {

    display: inline-block;

    text-decoration: none;

    padding: 7px 14px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    box-shadow: 0 0 1px #000;

}



.producto a.info:hover {

    box-shadow: 0 0 10px #000;

}

/* clases para el primer producto  */

.prod-first img {

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.prod-first .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   background-color: rgba(0,0,0,.55);

  /* background-color: rgba(219,127,8, 0.7); */

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

}

.prod-first h2 {

   -webkit-transform: translateY(-100px);

   -moz-transform: translateY(-100px);

   -o-transform: translateY(-100px);

   -ms-transform: translateY(-100px);

   transform: translateY(-100px);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

.prod-first p {

   -webkit-transform: translateY(100px);

   -moz-transform: translateY(100px);

   -o-transform: translateY(100px);

   -ms-transform: translateY(100px);

   transform: translateY(100px);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.prod-first:hover img {

   -webkit-transform: scale(1.1,1.1);

   -moz-transform: scale(1.1,1.1);

   -o-transform: scale(1.1,1.1);

   -ms-transform: scale(1.1,1.1);

   transform: scale(1.1,1.1);

}

.prod-first a.info {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

.prod-first:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

.prod-first:hover h2,

.prod-first:hover p,

.prod-first:hover a.info {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transform: translateY(0px);

   -moz-transform: translateY(0px);

   -o-transform: translateY(0px);

   -ms-transform: translateY(0px);

   transform: translateY(0px);

}

.prod-first:hover p {

   -webkit-transition-delay: 0.1s;

   -moz-transition-delay: 0.1s;

   -o-transition-delay: 0.1s;

   -ms-transition-delay: 0.1s;

   transition-delay: 0.1s;

}

.prod-first:hover a.info {

   -webkit-transition-delay: 0.2s;

   -moz-transition-delay: 0.2s;

   -o-transition-delay: 0.2s;

   -ms-transition-delay: 0.2s;

   transition-delay: 0.2s;

}

/*parte del over*/

.redes-sociales

{

 

  width: 10%;

}



/*parte del over serie*/

.pro {

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    text-align: center;

    padding: 2px;

   /* cursor: default;

    background: #fff url(../images/bgimg.jpg) no-repeat center center*/

}

.mask{

  width: 100%;

}

.pro .mask, .pro .content {

    height: 300px;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0

}

.pro img {

    display: block;

    position: relative;

height: 300px;

width: 100%;

}

.pro h2 {

  font-family: 'Oswald', sans-serif;

  text-rendering: geometricPrecision;

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 17px;

    

    padding: 0px 5px;

    background: rgba(0, 0, 0, 0.8);

    margin: 20px 0 0 0

}

.pro p {

    font-family: 'Oswald', sans-serif;

  text-rendering: geometricPrecision;

    font-size: 12px;

    position: relative;

    color: #fff;

    padding: 10px 20px 20px;

    text-align: center

}

.pro a.info {

    display: inline-block;

    text-decoration: none;

    padding: 7px 14px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    box-shadow: 0 0 1px #000;

}



.pro a.info:hover {

    box-shadow: 0 0 10px #000;

}

/* clases para el primer producto serie  */

.first img {

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.first .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   background-color: rgba(0,0,0,.55);

  /* background-color: rgba(219,127,8, 0.7); */

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

}

.first h2 {

   -webkit-transform: translateY(-100px);

   -moz-transform: translateY(-100px);

   -o-transform: translateY(-100px);

   -ms-transform: translateY(-100px);

   transform: translateY(-100px);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

.first p {

   -webkit-transform: translateY(100px);

   -moz-transform: translateY(100px);

   -o-transform: translateY(100px);

   -ms-transform: translateY(100px);

   transform: translateY(100px);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.first:hover img {

   -webkit-transform: scale(1.1,1.1);

   -moz-transform: scale(1.1,1.1);

   -o-transform: scale(1.1,1.1);

   -ms-transform: scale(1.1,1.1);

   transform: scale(1.1,1.1);

}

.first a.info {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

.first:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

.first:hover h2,

.first:hover p,

.first:hover a.info {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transform: translateY(0px);

   -moz-transform: translateY(0px);

   -o-transform: translateY(0px);

   -ms-transform: translateY(0px);

   transform: translateY(0px);

}

.first:hover p {

   -webkit-transition-delay: 0.1s;

   -moz-transition-delay: 0.1s;

   -o-transition-delay: 0.1s;

   -ms-transition-delay: 0.1s;

   transition-delay: 0.1s;

}

.first:hover a.info {

   -webkit-transition-delay: 0.2s;

   -moz-transition-delay: 0.2s;

   -o-transition-delay: 0.2s;

   -ms-transition-delay: 0.2s;

   transition-delay: 0.2s;

}

/*parte del over*/

.ajustes
{
  width: auto;
  padding-left:15px;
  padding-right:15px;
}

@media (min-width: 1920px) {

  .trasnformar {

    width: 317px;

  }




}