@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

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

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-home3:before {
  content: "\e600";
}
.icon-video-camera:before {
  content: "\e603";
}
.icon-star-empty:before {
  content: "\e60a";
}
/*
.icon-home3:before {
  content: "\e600";
}
.icon-images:before {
  content: "\e601";
}
.icon-film:before {
  content: "\e602";
}
.icon-video-camera:before {
  content: "\e603";
}
.icon-calendar:before {
  content: "\e604";
}
.icon-user-tie:before {
  content: "\e605";
}
.icon-cog:before {
  content: "\e606";
}
.icon-gift:before {
  content: "\e607";
}
.icon-download2:before {
  content: "\e608";
}
.icon-earth:before {
  content: "\e609";
}
.icon-star-empty:before {
  content: "\e60a";
}
.icon-facebook2:before {
  content: "\e60b";
}
.icon-youtube3:before {
  content: "\e60d";
}
.icon-tumblr2:before {
  content: "\e60e";
}
.icon-linkedin:before {
  content: "\e60f";
}


.icon-list:before {
  content: "\e608";
}
*/
.icon-close:before {
  content: "\e60d";
}
.icon-uniE60E:before {
  content: "\e60e";
}
.icon-uniE60A:before {
  content: "\e60a";
}
.icon-home:before {
  content: "\e60f";
}
.icon-film:before {
  content: "\e614";
}
.icon-tag:before {
  content: "\e600";
}
.icon-search:before {
  content: "\e60b";
}
.icon-trophy:before {
  content: "\e615";
}
.icon-star:before {
  content: "\e601";
}
.icon-star2:before {
  content: "\e602";
}
.icon-star3:before {
  content: "\e603";
}
.icon-plus:before {
  content: "\e613";
}
.icon-facebook:before {
  content: "\e604";
}
.icon-twitter:before {
  content: "\e605";
}
.icon-youtube:before {
  content: "\e616";
}
.icon-user:before {
  content: "\e606";
}
.icon-house:before {
  content: "\e60c";
}
.icon-calendar:before {
  content: "\e607";
}
.icon-list:before {
  content: "\e608";
}
.icon-arrow-left:before {
  content: "\e609";
}
.icon-arrow-right:before {
  content: "\e610";
}
.icon-arrow-left2:before {
  content: "\e611";
}
.icon-arrow-right2:before {
  content: "\e612";
}

/*** Rotating-plane ***/

.loader span{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
#FotosHt2{
   height: 750px !important;
}
/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
.anima{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center}
.oculto{display: none;}

::-webkit-input-placeholder {
   color: #00436f;
}

:-moz-placeholder { /* Firefox 18- */
   color: #00436f;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #00436f;  
}

:-ms-input-placeholder {  
   color: #00436f;  
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
p{margin: 0;}
body{font-size: 1em; line-height: 1.4;background: #e7ebef}
#wrap{font-family: 'latoregular';}


@media (max-width: 991px){
  /** Menu **/
  aside{z-index: 10;width: 100%;background: #00436f;position: fixed;left:0px;top:0px;bottom:0px;color:#fff;height: 55px;transition: all 0.3s;}
  #site-logo{position: absolute;background-image: url(img/logo_andesfilm.png);background-size: 90px 30px;background-repeat: no-repeat; width: 90px;height: 30px;top:14px;left: 14px;}
  #menu-mobile{height: 50px;width: 55px;color: #ffffff;position: absolute;text-align: center;text-decoration: none;right: 0px;font-size: 40px;padding-top: 5px}
  #menu{position: absolute;height: 245px;background: #01b4ef;top: 55px;right: 0px;width: 190px;}
  #menu a{text-transform: uppercase;color:#fff;display: block;padding: 14px 10px;text-decoration: none;font-size: 15px;}
  #menu a:hover,nav a.active{background: #01b4ef}
  #menu a span{border: solid 2px #ffffff;padding: 4px; border-radius: 14px;margin-right: 5px}
  #box-search{float: right;}
  #box-search a{height: 45px;width: 55px;color: #ffffff;position: absolute;text-align: center;text-decoration: none}
  #box-search a.active,#menu-mobile.active{background-color: #01b4ef}
  #btn-search{right:55px;font-size: 30px;padding-top: 10px}
  .sidebar{display: none;z-index: 60;position: fixed;left: 0px;top: 55px;background: #01b4ef;height: 63px;right: 0px;}
  .sidebar.on{display: block;}
  .sidebar button{display: none;}
  .sidebar input[type="search"]{padding: 0px 20px;background: transparent;border: none;position: absolute;font-size: 14px;left: 0px;right: 0px;top: 0px;width: 100%;line-height: 63px;margin: 0px;color: #fff;}
  .sidebar input[type="search"]:focus{outline: none;}
  #menu,#sociales,aside p,#perfil{display: none;}

  /** Comun **/
  #content{margin-top: 55px;min-height: 710px}
  figcaption,#content-ade{display: none;}
  .select-style {margin-right: 20px;height: 30px; width: 180px; overflow: hidden; background: #021f33 url("img/icon-select.png") no-repeat 100% 50%;}
  .select-style select{color:#fff;font-weight: bolder;text-transform: uppercase;padding: 5px 8px; width: 180px;overflow: auto;border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none;}
  .select-style option{color: #000}
  .select-style select:focus { outline: none;}
  .nomobile{display: none;}
  h2{margin:0px;margin-bottom: 10px;font-size: 16px;}

  #filtros{overflow: auto;}
  #filtros p{font-size: 12px;font-weight: bold;color: #00436f;line-height: 20px;margin: 10px 0px;float: left;display: block;height: 20px;}
  #filtros p span{float: left;}
  #filtros a{float: left;color: #00436f;margin: 0px;margin-left: 5px;border-bottom: solid 3px transparent;text-decoration: none;}
  #filtros a:hover,#filtros a.active{color: #00436f;border-bottom: solid 3px #01b4ef;}
  #filtros input[type="number"]{background: #021f33;color: #fff;font-weight: bolder;text-transform: uppercase;padding: 5px 8px;border: none;width: 50px;height: 20px;}
  .letter{display: block;clear: both;font-size: 20px;font-weight: bold;color: #00436f;text-transform: uppercase;overflow: auto;padding-top: 10px;}
  .pagination{clear: both;font-size: 15px;font-weight: bold;color: #00436f;line-height: 30px;text-transform: uppercase;width: 100%;}
  .pagination a{color: #00436f}
  .pagination a:hover,.pagination .current{color: #01b4ef;}
  .btn-normal{text-transform: uppercase;color: #fff;border: solid 2px #fff;display: inline-block;font-size: 12px;height: 30px;line-height: 30px;width: 130px;text-align: center;text-decoration: none;font-weight: bold;}
  .btn-normal:hover{border: solid 2px #01b4ef;color: #01b4ef}

  /* login style */
    .overlay {position: fixed;top: 0;left: 170px;right: 0;bottom: 0;background: #e7ebef;background: rgba(231, 235, 239, 0.95);z-index: 99}
    .overlay-scale {visibility: hidden;opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;}


  /** Home **/
  .content-ms{overflow: auto;position: relative;background: #333;width: 100%;}
  .content-ms ul{margin: 0px;padding: 0px;list-style: none;}
  .content-ms li{width: 100%;position: relative;}
  .content-ms li img{height: auto;width: 100%;}
  #clon-image{display: none;}
  #content-pel{position: relative;color: #fff;background: #00304f;display: none;}
  #content-pel .loader{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background: #00304f;}
  #content-pel .loader span{width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;}
  .btn-close{text-decoration: none;color: #fff;position: absolute;right: 0px;top: 0px;font-size: 40px;line-height: 55px;background: #01b4ef;width: 55px;text-align: center;}
  #content-detalle{display: none;}
  #content-detalle-mobile{display: block;padding: 20px;}
  #content-detalle-mobile iframe{width: 100%;height: 200px;}
  .btn-agendar{margin: 10px;margin-left: 0px;}
  .btn-comentarios {margin: 10px 0px;}
  article{clear: both;margin-top: 10px;}
  
  .info-movie{clear: both;}
  .info-movie span{font-weight: bold;}
  #comentarios{display: none;padding: 20px;}
  .btn-volver{text-decoration: none;color: #fff;position: absolute;right: 0px;top: 0px;font-size: 15px;line-height: 55px;background: #01b4ef;text-transform: uppercase;width: 110px;text-align: center;}
  #comentarios header{display: none;}
  .ul-comentarios{margin:0px;list-style: none;padding: 5px;}
  .ul-comentarios li{margin-bottom: 10px;overflow: auto;}
  .ul-comentarios li img{float: left;width: 50px;height: 50px;}
  .ul-comentarios li p{margin-left: 85px;font-size: 12px;}

  .cartelera{position: relative;width: 100%;background: #19557d;line-height: 27px;text-align: center;color:#fff;text-transform: uppercase;font-weight: bold;font-size: 16px;}
  .estreno{position: relative;width: 100%;background: #1abaef;line-height: 27px;text-align: center;color:#fff;text-transform: uppercase;font-weight: bold;font-size: 16px;}


  /** Calendario **/
  #search{padding: 15px;}
  .ficha-chica{float: left;margin-right: 10px;margin-top: 10px;}
  .ficha-chica img{width: 75px;border: solid 5px #021f33;}
  .ficha-chica a{display: block;text-decoration: none;color: #021f33;}
  .ficha-chica a:hover{text-decoration: none}
  .ficha-chica span{display: none}
  .link-mobile{display: block;width: 100%;height: 100%;position: absolute;}

  .cs-style-3{height: auto;}
  .cs-style-3 figure{position: relative;width: 130px;height: 180px;background: #021f33;}
  .cs-style-3 figcaption {display:block;position: absolute;top: 0;left: 0;color: #ffffff;width: 130px;height: 180px;opacity: 1;text-align: center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
  .cs-style-3 figcaption a {width: 130px;height: 180px;;position: absolute;top: 0px;}
  .cs-style-3 figcaption a i{position: absolute;top: 50px;left: 50px;border: solid 5px #ffffff;padding: 10px;border-radius: 25px;font-size: 14px;}
  .cs-style-3 span.mes{display: block;border-top: solid 2px #fff;border-bottom: solid 2px #fff;position: absolute;top: 140px;color: #fff;width: 120px;left: 50%;margin: 0px;margin-left: -60px;font-size: 18px;line-height: 25px;text-transform: uppercase;text-align: center;}
  .cs-style-3 ul{list-style: none;margin: 0px;padding: 0px;margin-top: 50px;text-transform: uppercase;font-weight: bold;}
  .cs-style-3 li{text-align: left;font-size: 12px;padding-left: 10px;margin-top: 5px;}

  .cs-style-4 figure{position: relative;margin-right: 20px;}
  .cs-style-4 figure img{border:solid 5px #021f33;width: 150px;}
  .cs-style-4 figcaption {position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);color: #ffffff;height: 258px;width: 150px;opacity: 0;text-align: center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
  .cs-style-4 figcaption a.more{display: block;line-height: 238px;font-size: 20px;padding-top: 20px;}
  .cs-style-4 figcaption a { color: #fff;font-size: 12px;font-weight: bold;text-decoration: none;line-height: 218px;text-transform: uppercase;}
  .cs-style-4 figcaption a i{position: absolute;top: 50%;left: 50%;border: solid 5px #ffffff;padding: 10px;border-radius: 25px;font-size: 14px;margin-left: -22px;margin-top: -60px;}

  /** Peliculas **/
  .cs-style-2 figure{position: relative;height: 200px;}
  .cs-style-2 figcaption {position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);color: #ffffff;height: auto;width: 90px;opacity: 0;text-align: center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
  .cs-style-2 figcaption a {color: #fff;font-size: 12px;font-weight: bold;text-decoration: none;line-height: 218px;text-transform: uppercase;}
  .cs-style-2 figcaption a i{position: absolute;top: 50px;left: 50px;border: solid 5px #ffffff;padding: 10px;border-radius: 25px;font-size: 14px;}
  .nombre{display: block !important;width: 85px;font-size: 12px;text-align: center;display: block;margin-top: 10px;word-wrap: break-word;font-weight: bold;}

  #single{background: #00304f;color: #fff;}
  #single #filtros{display: none;}
  #single .afiche{display: none;}
  #single .btn-volver{top: 55px;position: fixed;}

  .logeado #comment{width: 70%;padding: 4px;font-size: 18px;border: none;position: fixed;bottom: 0px;left: 0px;}
  .logeado #submit{background: #01b4ef;color: #fff;width: 30%;border: none;font-size: 18px;padding: 4px;text-transform: uppercase;position: fixed;right: 0px;bottom: 0px;}
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */



@media (min-width: 992px){
    body{font-size: 1em; line-height: 1.4;}
    #menu-mobile{display: none}
    #wrap a{transition: all 0.3s;}
    #wrap,aside{min-height: 660px;}
    aside{width: 170px;background: #00436f;position: fixed;color:#fff;height: 100%;}
    #site-logo{display: block;background: url(img/logo_andesfilm.png); width: 129px;height: 45px;margin: 45px auto;position: relative;top: 0px;left: 0px;}
    #menu,#sociales,aside p,#perfil{display: block;}
    #menu{display: block !important;position: relative;background:transparent;width: 100%}
    #menu a{text-transform: uppercase;color:#fff;display: block;padding: 14px 10px;text-decoration: none;font-size: 12px;}
    #menu a:hover,nav a.active{background: #01b4ef}
    #menu a span{border: solid 2px #ffffff;padding: 4px; border-radius: 14px;margin-right: 5px}
    #social-user{text-align: center;height: 210px;position: absolute;bottom: 0px;width: 100%}
    #sociales{width: 140px;margin: 0 auto;}
    #sociales a{border:solid 1px transparent;display: inline-block;height: 30px;line-height: 30px;border-radius: 16px;background: #ffffff;color: #00436f;text-decoration: none;width: 30px;text-align: center;}
    #sociales a:hover{border:solid 1px #fff;background: #00436f;color: #ffffff}
    aside p{text-transform: uppercase;text-align: center;font-size: 10px;margin-top: 5px;}
    #perfil{text-align: center;height: 150px;width: 100%;background: #00304f;position: absolute;bottom: 0px;}
    #perfil nav a{background: #09293e;text-decoration: none;display: block;color: #ffffff;font-size: 11px;width: 70%;float: left;text-align: center;text-transform: uppercase;padding: 4px 0px;}
    #perfil nav a:last-child{width: 30%}
    #perfil nav.out{height: 23px;background: #00436f}
    #perfil nav.out a{width: 50%;display: none}

    /* login style */
    .overlay {position: fixed;top: 0;left: 170px;right: 0;bottom: 0;background: #e7ebef;background: rgba(231, 235, 239, 0.95);z-index: 99}
    .overlay-scale {visibility: hidden;opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;}
    .overlay-scale.open {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
    #login{text-align: center;}
    .overlay h1{text-transform: uppercase;color: #021f33;margin: 60px;margin-bottom: 30px;}
    .overlay .btn-close{font-size: 40px;color: #021f33;}
    .btn-connect{margin: 0 auto;margin-bottom: 20px;position: relative;background: #021f33;line-height: 45px;display: block;width: 295px;font-family: 'latoregular';color: #fff;text-transform: uppercase;font-size: 14px;text-align: center;text-decoration: none;}
    .btn-connect:hover{background: #01b4ef}
    .btn-connect .icon-facebook{position: absolute;line-height: 45px;left: 0;width: 50px;font-size: 22px;}
    .btn-connect .icon-arrow-right2{position: absolute;line-height: 45px;right: 0;width: 30px;font-size: 22px;background: #01b4ef}
    .btn-cuenta{color: #021f33;text-transform: uppercase;margin: 10px;font-size: 12px;}
    .box-login{width: 400px;background: #021f33;padding: 10px;height: 30px;margin: 20px auto;}
    .box-login input{border: none;width: 188px;font-size: 14px;padding: 7px 5px;}
    .lost{color: #021f33;text-transform: uppercase;font-size: 12px;margin-right: 120px;}
    .submit_button{background: #01b4ef;border: none;padding: 10px;color: #fff;text-transform: uppercase;}
    .status{color: #021f33;text-transform: uppercase;margin: 10px;font-size: 12px;font-weight: bold;}
    #lostPassword{text-align: center;display: none}
    .box-lost{width: 545px;background: #021f33;padding: 10px;height: 30px;margin: 20px auto;}
    .box-lost input{border: none;width: 430px;font-size: 14px;padding: 7px 5px;}
    #wp-submit{width: 100px;background: #01b4ef;border: none;padding: 7px;color: #fff;text-transform: uppercase;}
    .btn-backlogin{color: #021f33;text-transform: uppercase;font-size: 12px;margin-right: 500px;}

    #btn-ingresar{background: #09293e;text-decoration: none;display: block;color: #ffffff;font-size: 11px;float: left;text-align: center;text-transform: uppercase;padding: 4px 0px;width: 100%;line-height: 56px;font-size: 40px;bottom: 0px;}
    #btn-ingresar:hover{background: #09293e !important}
    #perfil a:hover,#perfil a.active{background: #225c82}
    #perfil img{border-radius: 30px;border: solid 2px #fff;margin: 6px auto}
    #box-search a{height: 55px;width: 100%;color: #ffffff;position: absolute; text-align: center;text-decoration: none}
    #btn-search{background: #01b4ef;height: 50px;border: none;color: #ffffff;font-size: 28px;bottom: 0px;left: 0px;padding-top: 8px;}

    .sidebar{display: none;z-index: 20;position: fixed;left: 170px;bottom: 0px;background: #01b4ef;height: 63px;width: 0px}
    .sidebar button{display: none;}
    .sidebar input[type="search"]{padding: 0px 20px;background: transparent;border: none;position: absolute;font-size: 30px;left: 0px;right: 0px;top: 0px;width: 100%;line-height: 63px;margin: 0px;color: #fff;}
    .sidebar input[type="search"]:focus{outline: none;}

    #content{position: absolute;left:170px;top:0px;bottom: 0px;right: 0px;padding: 0px}
    .col-md-4{padding:0px;}
    .col-md-4 img{width: 100%;}
    .row {margin: 0px;}

    .content-ms{height: auto;float: none;margin:0px;padding: 0px;overflow: hidden;}
    .content-ms ul{margin:0px;padding: 0px;list-style: none;}
    .content-ms li{float: left;margin: 0;width: auto}
    .content-ms li a{display: block;}
    .content-ms li img{height: 520px;width: 325px;}
    #content-ade{position: absolute;left: 0;right: 0;bottom: 0;top: 547px;display: block;}
    .scroll-img{width: 100%;overflow: hidden;position: absolute;height: auto;top: 50%;margin-top: -50px;text-align: center;}
    .scroll-img a{display: inline-block;width: 23%;border:solid 4px #00436f;}
    .scroll-img a img{width: 100%;}
    .cartelera{position: relative;width: 100%;background: #19557d;line-height: 27px;text-align: center;color:#fff;text-transform: uppercase;font-weight: bold;font-size: 16px;}
    .estreno{position: relative;width: 100%;background: #1abaef;line-height: 27px;text-align: center;color:#fff;text-transform: uppercase;font-weight: bold;font-size: 16px;}


    h2{margin:0px;margin-bottom: 20px;font-size: 18px}
    h3{color: #00436f;text-transform: uppercase;margin: 0px;font-size: 16px;width: 90%;position: absolute;top: 50%;margin-top: -80px;left: 50%;margin-left: -48%;}
    h4{text-transform: uppercase;margin:0px;margin-bottom: 18px;margin-bottom: 20px;}
    h5{margin: 0px 10px 10px 10px;display: block;font-size: 12px;text-transform: uppercase;}
    h6{color: #01b4ef;font-size: 14px;text-transform: uppercase;line-height: 14px;margin: 5px;}

    #content-pel{overflow: hidden;color: #fff;position: absolute;top: 0px;background: #00304f;height: 547px;right: 0px;opacity: 0;}
    #clon-image{height: 547px;display: block;}
    .on #clon-image{width: 345px;}

    #content-pel.on{left: 0px !important;opacity: 1}
    .btn-close{text-decoration: none;color: #fff;position: absolute;right: 10px;top: 10px;font-size: 30px;line-height: 30px;}
    #detalle{z-index: 5;display: none;position: absolute;left: 365px;top: 40px;right: 40px;bottom: 10px;background: #00304f;}
    #content-pel .loader{background: #00304f;position: absolute;left: 365px;top: 40px;right: 40px;bottom: 10px;}
    #content-pel .loader span{width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;}
    #content-detalle p{font-size:12px;line-height:15px}
    .box-50{width: 50%}
    #info-movie{text-transform: uppercase;}
    #info-movie p span{font-weight: bold;}
    #content-detalle header{overflow: auto;}
    #content-detalle header a{color: #fff;text-decoration: none;font-size: 20px;margin: 10px 5px;}
    #content-detalle header a:hover{color: #01b4ef}
    #content-detalle article{margin-top: 10px;font-size: 12px}
    #content-detalle footer{margin-top: 20px;height: 230px;}
    #content-detalle iframe{display: none;width: 100%;height: 230px;}
    #content-detalle-mobile{display: none;}
    .box-40{width: 40%}
    .box-60{width: 60%}
    .btn-normal{text-transform: uppercase;color: #fff;border: solid 2px #fff;display: block;font-size: 12px;height: 30px;line-height: 30px;width: 160px;text-align: center;text-decoration: none;font-weight: bold;}
    .btn-normal:hover{border: solid 2px #01b4ef;color: #01b4ef}
    footer .btn-normal{margin: 0px 10px 10px 10px}
    #cines{padding: 0px 10px;}
    #cines a{color: #fff;display: block;margin-bottom: 5px;font-size: 14px;}
    #otros {font-size: 10px;padding: 0px 10px;}

    #comentarios{display: none;opacity: 0;position: absolute;top: 40px;right: 40px;bottom: 10px;background: #00304f;}
    #comentarios.on{opacity: 1;left: 365px !important;z-index: 10}
    .box-25{width: 25%}
    .ul-comentarios{margin:0px;list-style: none }
    .ul-comentarios li{margin-bottom: 10px;overflow: auto;}
    .ul-comentarios li img{float: left;}
    .ul-comentarios li p{margin-left: 85px;font-size: 12px;}
    #comentarios header{overflow: auto;}
    .btn-volver{font-size: 14px;font-size: 12px;color: #fff;text-transform: uppercase;text-decoration: none;}
    .btn-volver i{font-size: 20px;position: absolute;margin-left: -20px;line-height: 20px;margin-top: 2px;}

    .vmobile{display: none}

    .logeado #comment{width: 60%;padding: 4px;font-size: 18px;border: none;margin-left: 40px}
    .logeado #submit{background: #00436f;color: #fff;width: 20%;border: none;font-size: 18px;padding: 4px;text-transform: uppercase;}

    


    /** filtros busqueda **/
    #filtros{width: 90%;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;position: relative;overflow: auto;}
    .select-style {margin-right: 20px;height: 30px; width: 180px; overflow: hidden; background: #021f33 url("img/icon-select.png") no-repeat 100% 50%;}
    .select-style select{color:#fff;font-weight: bolder;text-transform: uppercase;padding: 5px 8px; width: 180px;overflow: auto;border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none;}
    .select-style option{color: #000}
    .select-style select:focus { outline: none;}
    #filtros p{font-size: 15px;font-weight: bold;color: #00436f;line-height: 30px;}
    #filtros a{color: #00436f;margin: 0px;margin-left: 20px;border-bottom: solid 3px transparent;text-decoration: none;}
    #filtros a:hover,#filtros a.active{color: #00436f;border-bottom: solid 3px #01b4ef;}

    #filtros input[type="number"]{background: #021f33;color: #fff;font-weight: bolder;text-transform: uppercase;padding: 5px 8px;border: none;width: 50px;height: 20px;}

    /** pagina pelicula **/
    .category-peliculas{width: 90%;background: #00304f;min-height: 500px;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;position: relative;overflow: auto;}
    #single #detalle{margin-right: 24px;color: #fff;display: block;position: relative;left: initial;top: initial;right: initial;margin-left: 300px;margin-top: 24px;;bottom: initial;}
    .afiche{position: absolute;top: 24px;left: 24px;}
    #single #content-detalle footer{margin-bottom: 24px;min-height:710px}
    #single #comentarios{opacity: 1;margin: 24px;color: #fff;display: none;position: relative;left: initial;top: initial;right: initial;margin-left: 300px;bottom: initial;}
    #single .loader{color: #fff;display: none;left: 300px;z-index: 10;position: absolute;top:24px;right: 24px;bottom: 0px;background: #00304f}
    #single .loader span{width: 50px;height: 50px;margin-top: 140px;display: block;}

    #resultados{width: 90%;margin: 0 auto;}
    .ficha-chica{float: left;margin-right: 25px;margin-top: 25px;height: 280px;}
    .ficha-chica img{width: 130px;height: 208px;border: solid 5px #021f33;}
    .ficha-chica a{display: block;text-decoration: none;color: #021f33;}
    .ficha-chica a:hover{text-decoration: none}
    .ficha-chica span{font-size: 12px;text-align: center;display: block;margin-top: 10px;word-wrap: break-word;width: 140px;font-weight: bold;text-transform: uppercase;}

    .ficha-grande{text-align: center;width: 250px;height: 250px;float: left;margin-top: 10px;margin-right: 10px;}
    .ficha-grande a{display: block;color: #00436f}
    .ficha-grande a:hover{text-decoration: none;color: #01b4ef}
    .ficha-grande a img{width: 220px;}
    .ficha-grande a span{font-size: 12px;text-align: center;display: block;margin-top: 10px;word-wrap: break-word;font-weight: bold;}

    .letter{display: block;clear: both;font-size: 20px;font-weight: bold;color: #00436f;text-transform: uppercase;overflow: auto;padding-top: 10px;}
    .pagination{clear: both;font-size: 15px;font-weight: bold;color: #00436f;line-height: 30px;text-transform: uppercase;width: 90%;margin: 0px auto;}
    .pagination a{color: #00436f}
    .pagination a:hover,.pagination .current{color: #01b4ef;}

    .cs-style-1 figure{position: relative}
    .cs-style-1 figcaption {position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);color: #ffffff;height: 547px;width: 325px;opacity: 0;text-align: center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
    .no-touch .cs-style-1 figure:hover figcaption,
    .cs-style-1 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
    .cs-style-1 figcaption a { color: #fff;font-size: 17px;text-decoration: none;line-height: 520px;text-transform: uppercase;}
    .cs-style-1 figcaption a i{position: absolute;top: 190px;left: 140px;border: solid 5px #ffffff;padding: 10px;border-radius: 25px;}


    .cs-style-2 figure{position: relative}
    .cs-style-2 figcaption {position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);color: #ffffff;height: 218px;width: 140px;opacity: 0;text-align: center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
    .no-touch .cs-style-2 figure:hover figcaption,
    .cs-style-2 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
    .cs-style-2 figcaption a { color: #fff;font-size: 12px;font-weight: bold;text-decoration: none;line-height: 218px;text-transform: uppercase;}
    .cs-style-2 figcaption a i{position: absolute;top: 50px;left: 50px;border: solid 5px #ffffff;padding: 10px;border-radius: 25px;font-size: 14px;}

    .cs-style-3{height: auto;}
    .cs-style-3 figure{position: relative;width: 150px;height: 210px;background: #021f33;}
    .cs-style-3 figcaption {position: absolute;top: 0;left: 0;background: #01b4ef;color: #ffffff;width: 150px;height: 210px;opacity: 0;text-align: center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
    .cs-style-3 figure:hover figcaption,
    .cs-style-3 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
    .cs-style-3 figcaption a { width: 150px;height: 210px;position: absolute;top: 0px;}
    .cs-style-3 figcaption a i{position: absolute;top: 50px;left: 50px;border: solid 5px #ffffff;padding: 10px;border-radius: 25px;font-size: 14px;}
    .cs-style-3 span.number{margin: 0px;font-size: 100px;text-align: center;display: block;word-wrap: break-word;color: #fff;line-height: 210px;}
    .cs-style-3 span.mes{border-top: solid 2px #fff;border-bottom: solid 2px #fff;position: absolute;top: 170px;color: #fff;width: 130px;left: 50%;margin: 0px;margin-left: -65px;font-size: 18px;line-height: 25px;text-transform: uppercase;}
    .cs-style-3 ul{list-style: none;margin: 0px;padding: 0px;margin-top: 50px;text-transform: uppercase;font-weight: bold;}
    .cs-style-3 li{text-align: left;font-size: 12px;padding-left: 10px;margin-top: 5px;}

    .cs-style-4 figure{position: relative;margin-right: 20px;}
    .cs-style-4 figure img{border:solid 5px #021f33;}
    .cs-style-4 figcaption {position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);color: #ffffff;height: 298px;width: 190px;opacity: 0;text-align: center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
    .cs-style-4 figcaption a.more{display: block;line-height: 331px;font-size: 20px;padding-top: 20px;}
    .no-touch .cs-style-4 figure:hover figcaption,
    .cs-style-4 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
    .cs-style-4 figcaption a { color: #fff;font-size: 12px;font-weight: bold;text-decoration: none;line-height: 218px;text-transform: uppercase;}
    .cs-style-4 figcaption a i{position: absolute;top: 50%;left: 50%;border: solid 5px #ffffff;padding: 10px;border-radius: 25px;font-size: 14px;margin-left: -22px;margin-top: -60px;}

    #box-prod{position: absolute;top: 100px;left: 70px;right: 70px;bottom: 70px;}
    #box-prod h2{color: #00436f;clear: both;}
    #box-prod a{float: left;width: 40%;}
    #box-prod img{width: 100%;border: solid 5px #00436f}
    #prod-content{float: left;width: 60%}
    #prod-content h1{color: #00436f;font-size: 22px;width: 90%;margin: 0 auto;}
    #prod-content p{width: 90%;margin: 0 auto;margin-top: 20px;font-weight: bold;color: #00436f;}
    #email-content{width: 90%;margin: 0 auto;margin-top: 20px;font-weight: bold;color: #00436f;height: 90px;}
    #email-content p{width: auto;}
    .form-email{width: 360px;position: absolute;background: #00436f;padding: 10px;margin-top: 10px;}
    .form-email input{border: none;padding: 5px;font-size: 18px;width: 260px;}
    .form-email button{border: none;background: #01b4ef;color: #fff;font-size: 18px;padding: 5px;width: 90px;}
    #prod-content a{float: left;width: auto;color: #021f33;text-decoration: none;font-size: 20px;margin: 0px 5px;}
    #prod-content a:hover{color: #01b4ef}
    .nomargin{margin: 0px auto !important;}

    .link-mobile{display: none;}
    #comentarios h2{display: none;}
    .noweb{display: none}

    #big-title{margin-top: 80px;color: #00436f;text-transform: uppercase;font-size: 23px;text-align: center;font-weight: initial;}
    #big-title span{font-weight: bold;}
    .cs-style-4 img{width: 220px !important;display: block;}
    .cs-style-4 figcaption{width: 220px;border: solid 5px #021f33;height: 352px;}
    .cs-style-4 span{color: #00436f;text-transform: uppercase;text-align: center;font-weight: bold;font-size: 14px;display: block;width: 240px;margin-top: 20px;}

    .flexslider .slides{margin-top: 50px;}

    .tcenter{text-align: center;}
    .tcenter h2{margin-top: 20px;line-height: 80px;}
    .tcenter a{background: #01b4ef;color: #fff;text-transform: uppercase;text-decoration: none;display: block;width: 270px;line-height: 45px;margin: 10px auto;}
    .error404 .tcenter{padding: 100px}
    .error404 .tcenter p{margin: 25px 0px}
    .error404 .tcenter p span{font-weight: bold;}


    .cs-style-4 h5{margin-bottom: 10px;color: #00436f;text-transform: uppercase;font-weight: bold;font-size: 14px;display: block;}
}



@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
    
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { color: #00436f;font-size: 40px;text-decoration:none; display: block; width: 40px; height: 40px; margin: -60px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -40px; }
.flex-direction-nav .flex-next { right: -40px; text-align: right; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e609";
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.flex-direction-nav a.flex-next:before  { content: "\e610"; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/* css para angry */
.angryBirds{
  margin : 0 auto; 
	padding : 0;
	list-style : none;
	text-align : center
}
.angryBirds li{
	display : inline-block;
        text-align : center
}
.angryBirds li:nth-child(2n+1){
	margin : 0 5px 
}
.ancho{
        width : 100%
}
@media screen and (max-width: 768px){
   .angryBirds li{
	display : block
    }
    .angryBirds li:nth-child(2n+1){
	margin : 8px 0px 
    }
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}