@font-face {
  font-family: 'TektonPro-BoldCond';
  src: url('fonts/TektonPro-BoldCond.eot?#iefix') format('embedded-opentype'),  url('fonts/TektonPro-BoldCond.otf')  format('opentype'),
       url('fonts/TektonPro-BoldCond.woff') format('woff'), url('fonts/TektonPro-BoldCond.ttf')  format('truetype'), url('fonts/TektonPro-BoldCond.svg#TektonPro-BoldCond') format('svg');
  font-weight: normal;
  font-style: normal;
}


*{ margin:0; padding:0; }
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; *overflow:hidden; }

#banner
{
  padding: 0;
  position: relative;
  overflow:hidden;height: 400px;
  width: 960px;
  margin:0 auto;
}

.premio_container {
  height: 100%;
}

/* Animaciones */

.premio {
  position: relative;
  height: 100%;
  
  display:none;
}

.premio .helper {

    display: inline-block;
    height: 100%;
    vertical-align: middle;

}
.premio .imagen {
  position: absolute;
  left: 600px; /* Este valor es para una resolucion con 1440px de ancho, para el resto de las resoluciones lo adapta el js */
  top: 0;
  height: 100%;

  bottom: calc(50% - 161px) !important;
  height: auto !important;
  top:auto !important;
}

.premio .text_container
{
  display: table;
  position: relative;
  width: 244px;
  height: 165px;
  top: 140px;
  left: 280px; /* Este valor es para una resolucion con 1440px de ancho, para el resto de las resoluciones lo adapta el js */
  text-align: center;

  font-family: arial;
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  color: #222222 !important;

  line-height: 40px;


  -moz-transform: rotate(-11deg) translate3d( 0, 0, 0);
  -webkit-transform: rotate(-11deg) translate3d( 0, 0, 0);
  -o-transform: rotate(-11deg) translate3d( 0, 0, 0);
  -ms-transform: rotate(-11deg) translate3d( 0, 0, 0);
  transform: rotate(-11deg) translate3d( 0, 0, 0);

}
.premio .text_container .texto {
  /*font-family: TektonPro-BoldCond;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;*/
  
  display: table-cell;
  vertical-align: middle;
  text-align: center;

  -webkit-font-smoothing: antialiased;

  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0,0,0,0.3) 0 0 1px;
}

/*----------SLIDER HOME---------------------*/
.texto {font: bold 24px/30px arial !important;}
#banner{background-position:50% 0 !important;}

@media only screen  
and (min-width : 800px)
and (max-width : 1023px)
and (orientation : landscape) {
  .premio .imagen {bottom: calc(50% - 161px) !important; height: auto !important;top:auto !important;}
}

@media only screen  
and (min-width : 1024px)
and (max-width : 1151px)
and (orientation : landscape) {
  .premio .imagen {bottom: calc(50% - 161px) !important; height: auto !important;top:auto !important;}
}

@media only screen  
and (min-width : 1152px)
and (max-width : 1279px)
and (orientation : landscape) {
  .premio .imagen {bottom: calc(50% - 161px) !important; }
}

@media only screen  
and (min-width : 1280px)
and (max-width : 1365px)
and (orientation : landscape) {
  .premio .imagen {bottom: calc(50% - 161px) !important; }
}