/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/*ÍNDICE_________________________________________
  ///////////////////////////////////////////////
  _______________________________________________
  ///////////////////////////////////////////////

  1 - VARIOS
  2 - PRELOADER
  3 - NAVEGACIÓN
  4 - COMERCIAL, CONTENEDOR GENERAL
  5 - COMERCIAL, CONTENEDOR FOTO
  6 - COMERCIAL, CONTENEDOR DATOS DE CONTACTO
  7 - NOTICIAS
  8 - SECCIONES / SECTIONS
  9 - MAPAS
  10 - FOOTER
  11 - RETURN BOTON
  12 - MEDIA QUERIES

  ÍNDICE_________________________________________
  ///////////////////////////////////////////////
  _______________________________________________
  ///////////////////////////////////////////////*/

/*NIEVE*/
.intro-message{
  z-index: 2;
} 

/*TWITTER CSS*/
h2.tut{
  /* This is the "MY TWEETS" title */
  color:white;
  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
  font-size:16px;
  padding:12px 0 0 58px;
  text-transform:uppercase;

  /* The CSS3 text-shadow property */
  text-shadow:2px 1px 6px #333;
}

#twitter-ticker{
  /* Styling the ticker */
  width:200px;
  height:300px;
  background:url(img/slickbg.png) no-repeat #f5f5f5;
  color:#666666;
  display:none;

  /* Rounded corners */
  -moz-border-radius:10px 10px 6px 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius:6px;

  text-align:left;
}

#tweet-container{
  /* This is where the tweets are inserted */
  height:230px;
  width:auto;
  overflow:hidden;
}

#twitIcon{
  /* Positioning the icon holder absolutely and moving it to the upper-left */
  position:absolute;
  top:-25px;
  left:-10px;
  width:64px;
  height:64px;
}

#top-bar{
  height:45px;
  background:url(img/top_bar.png) repeat-x;
  border-bottom:1px solid white;
  position:relative;
  margin-bottom:8px;

  /* Rounding the top part of the ticker, works only in Firefox unfortunately */
  -moz-border-radius:6px 6px 0 0;
}

.tweet{
  /* Affects the tweets */
  padding:5px;
  margin:0 8px 8px;

  border:1px solid #F0F0F0;
  background:url(img/transparent.png);

  width:auto;
  overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
  float:left;
}

.tweet .time{
  text-transform:uppercase;
  font-size:10px;
  color:#AAAAAA;
  white-space:nowrap;
}

.tweet .avatar img{
  width:36px;
  height:36px;
  border:2px solid #eeeeee;
  margin:0 5px 5px 0;
}

.tweet .txt{
  /* Using the text container to clear the floats */
  clear:both;
}

.tweet .user{
  font-weight:bold;
}

a, a:visited {
  /* Styling the links */
  color:#00BBFF;
  text-decoration:none;
  outline:none;
}

a:hover{
  text-decoration:underline;
}

#loading{
  /* The loading gif animation */
  margin:100px 95px;
}


/* /TWITTER CSS */

/*1 - VARIOS */
body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

/*ELIMINAR CONTORNO DE PUNTOS EN ENLACES E IMÁGENES*/
:focus {
    outline: 0 !important;
    border: 0px none !important;
}

::-moz-focus-inner {
    outline: 0 !important;
    border: 0px none !important;
}

/*QUITAR SCROLL HORIZONTAL*/
body {
    -webkit-overflow-y: scroll; 
    -webkit-overflow-x: hidden;
    -moz-overflow-y: scroll; 
    -moz-overflow-x: hidden;
    -ms-overflow-y: scroll; 
    -ms-overflow-x: hidden;
    -o-overflow-y: scroll; 
    -o-overflow-x: hidden;
    overflow-y: scroll; 
    overflow-x: hidden;
}

/*INICIALIZAR TODOS LOS ENLACES*/
a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none}

/*2 - PRELOADER ................................................................................................................................................. */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #93b635 ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index:8888; /* makes sure it stays on top */
    display: inline;
    width: 100%;
    height: 100%;
    background: #93b635;
    -moz-transition: width 2s, height 2s, -webkit-transform 2s;     
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;  
    -o-transition: width 2s, height 2s, -webkit-transform 2s;      
    -ms-transition: width 2s, height 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, transform 2s;
    
    -moz-transition-delay: 2s;     
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;  
    -ms-transition-delay: 2s;
    transition-delay: 2s;
}

#preloader:hover{
    width: 0%; 
}

#status {
    width:50px;
    height:30px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    margin:-25px 0 0 -15px; /* is width and height divided by two */
}

.spinner {
  margin: 0px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: stretchdelay 1.2s infinite ease-in-out;
  -o-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -ms-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@-moz-keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@-ms-keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@-o-keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*3 - NAVEGACIÓN ................................................................................................................................................. */
/*#nav{
    display: none;
}*/

#texto-visita{
  margin-left: 15px;
}

/*COLOR NAVEGACIÓN POR DEFECTO*/
.navbar-default .navbar-nav > li > a {
    color: #9a9a9a;
}

/*COLOR NAVEGACIÓN HOVER*/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
    color: #93b635;
}

.navbar-default{
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.topnav {
    font-size: 14px; 
}

.navMenu{
    height: 90px;
}

.right-nav{
    padding-top: 20px;
}

.navbar-toggle{
    background-color: transparent;
    border-color: transparent;
    padding-top: 30px;
}

.navbar-default .navbar-toggle{
    border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: transparent;
}

ul.nav.navbar-nav.navbar-right.right-nav{
    background-color: white;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: white;
}

.navbar-default{
    background-color: white;
}

/*PICTEL LOGO*/
.logo-pictel{
    width: 180px;
    height: auto;
    max-height: 340px;
    padding-top: 0px;
    padding-bottom: 10px;
}

/*4 - COMERCIAL, CONTENEDOR GENERAL ................................................................................................................................................. */

#firstContainer{
     position: relative;
    display: -webkit-inline-flex; 
    display: inline-flex;
    -webkit-justify-content: space-around; 
    justify-content:         space-around;
    width: 100%;
    height: auto;
    color: #000;
    min-height: 500px;
}

.intro-header {
    padding-top: 50px; 
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background-position: 0% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-color: #003245;
    height: auto;
}

.intro-message {
    position: relative;
    padding-top: 5%;
    padding-bottom: 0%;
    color: #00517A;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

/*FONDO BLANCO FICHA EMPLEADO*/
/*.color-overlay{
    background: rgba(255, 255, 255, 0.55) none repeat scroll 0% 0%;
    width: 75%;
    height: auto;
}*/

/*FONDO NEGRO NOTICIA*/
#overlay{
    display: -webkit-inline-flex; 
    display: inline-flex;
    -webkit-flex-wrap: wrap; 
    flex-wrap:         wrap;
    -webkit-justify-content: space-around; 
    justify-content:         space-around;
    -webkit-align-items: flex-start; 
    align-items:         flex-start;
    margin-top: 50px;
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0% 0%;
}

/*5 - COMERCIAL, CONTENEDOR FOTO ................................................................................................................................................. */

/*CONTENEDOR EMPLEADO, FOTO Y DATOS*/
/*.comercialContainer{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; 
    flex-direction:         column;
    -webkit-flex-wrap: wrap; 
    flex-wrap:         wrap;
    -webkit-justify-content: center; 
    justify-content:         center;
    -webkit-justify-content: space-around; 
    justify-content:         space-around;
    -webkit-align-items: center; 
    align-items:         center;
    z-index: 2;
    padding-top: 50px;
    padding-bottom: 50px;
}*/

.comercialPhoto{
    width: 37.5%;
    height: auto;
    max-width: 200px;
    /*margin-right: 25px;*/
    margin-bottom: 10px;
    
}

/*EFECTO VACACIONES*/
.holidays{
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: parpadeo;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    -ms-animation-name: parpadeo;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;

    -o-animation-name: parpadeo;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;

    /*color: green*//*IF HE´S AVAILABLE*/
    color: red;
}

@-moz-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@-ms-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }    
}

@-o-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }     
}

/*6 - COMERCIAL, CONTENEDOR DATOS DE CONTACTO ................................................................................................................................................. */
/*.comercialDatos{
    display: -webkit-flex; 
    display: flex;
    -webkit-flex-direction: column; 
    flex-direction:         column;
    -webkit-flex-wrap: wrap; 
    flex-wrap:         wrap;
    -webkit-justify-content: space-around; 
    justify-content:         space-around;
    font-size: 2rem;
    z-index: 3;
    text-align: left;
}*/



.fa-twitter{
    color: #55acee;
}

/* ENLACES NEGROS*/
.enlace-negro{
    color: black;
}

.enlace-negro:hover{
    color: black;
    text-decoration: none;
}

.enlace-negro:visited{
    color: black;
    text-decoration: none;
}

.enlace-negro:hover{
    color: black;
    text-decoration: none;
}

.enlace-negro:active{
    color: black;
    text-decoration: none;
}

.fa-skype{
    color: #00aff0;
}

/*PRUEBA CAMBIO COMERCIAL*/
#firstContainer{
  display: -webkit-flex; 
  display: flex;
  -webkit-flex-direction: column; 
  flex-direction:         column;
  width: 100%;
}

.comercialContainer{
  display: -webkit-inline-flex; 
  display: inline-flex; 
  -webkit-justify-content: space-around; 
  justify-content:         space-around;
  -webkit-align-items: center; 
  align-items:         center;
  width: 100%;
}

#imagen-datos-comercial{
  -webkit-flex-direction: column; 
  flex-direction:         column;
}

.comercialDatos{
  display: -webkit-inline-flex; 
  display: inline-flex;
  -webkit-justify-content: space-around; 
  justify-content:         space-around;
  -webkit-flex-wrap: wrap; 
  flex-wrap:         wrap;
  width: 100%;
  font-size: 1.5rem;
}

.employeeIcons{
    margin-right: 10px;
    margin-left: 10px;
}

#flecha{
  z-index: 2;
  padding-top: 15px;
  padding-bottom: 15px;
}



.azul-claro {
  color: #5CD2ED;
  font-size: 15px;
}

h3 {
  font-size: 12px;
}

/*#flecha i{
  color: #00aff0;
}*/

.blanco {
  color: white;
}

.cargo {
  color: white;
  font-size: 14px;
}

#background-video {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: -8888;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  
}

.comercialDatos p a i{
  color: white;
}

.verde-pictel{
  color: #93B635;
}

/*7 - NOTICIAS ................................................................................................................................................. */
#news{
    width: 100%;
    text-align: left;
    color: white;
}

.news-photo{
    margin: 0 auto;
    padding-bottom: 50px;
}

.notice-text{
    text-align: center;
    font-size: 1.5rem;
    padding-left: 25px;
    padding-right: 25px;
}

.titulo-new{
    color: white;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

.titulo-new:hover{
    text-decoration: underline;
}

/*BOTONES NOTICIAS*/
.btn-link{
  color: #93B635;
}

.btn-link:hover{
  color: #93B635;
}

.btn-link:visited{
  color: #93B635;
}

.btn-link:active{
  color: #93B635;
}

.btn-link:link{
  color: #93B635;
}



/*8 - SECCIONES / SECTIONS ................................................................................................................................................. */

.content-section-a {
    padding: 50px 0;
    background-color: white;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #93b635;
}

.section-heading {
    margin-bottom: 30px;
    color: #003245;
    font-size: 2rem;
}

.section-heading-spacer {
    float: left;
    width: 100%;
    border-top: 3px solid #003245;
    color: #003245;
}

.descripcion-producto{
  margin-bottom: 25px;
  height: 125px;
  font-size: 16px;
}

/* .impar:hover{
  color: green;
}

.hvr:hover{
  color: green;
}*/

/*BOTONES*/
.center{
    text-align: center;
}

.boton{
    background-color: #93b635;
    color: white;
    width: 150px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 30px;
}

.boton-white{
    background-color: white;
    color: white;
    width: 150px;
    height: auto;
    margin: 0 auto;
}

.boton:hover{
    background-color: black;
}

.boton-white:hover{
    background-color: black;
    color: white;
}

.espacio-bajo{
  font-size: 1.5rem;
  padding-bottom: 25px;
}

.button{
    
    white-space: nowrap;
    /*width: 200px;*/
    padding: .8em;
    font-family: Open Sans, Helvetica,Arial,sans-serif;
    line-height: 2rem;
    display: inline-block;
    zoom: 1;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
}

.button-producto{
    background-color: #93B635;
    border-color: #93B635;
    margin-bottom: 25px;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.button-producto:hover{
  background-color: #003245;
}



.button:visited{
  color: white;
}

.button:link{
  color: white;
}

.button:active{
  color: white;
}

.button:hover{
  color: #5CD2ED;
}

/*TRANSITION / TRANSFORM*/

/*.elem{
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.elem:hover{
    -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.elem-right{
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.elem-right:hover{
    -webkit-transform: rotate(10deg);
     -moz-transform: rotate(10deg);
       -o-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
}*/

.imagen {
  max-width: 50%;
  margin: 0 auto;
}

/*CAMBIOS DE COLORES*/
.other-color{
    color: #93b635;
}

.other-color:hover{
    color: #93b635;
}

.white{
    color: white;
}

.white:hover{
    color: white;
}

.white .footer{
    color: white;
}

.footer:hover{
    color: #9a9a9a;
}

.green {
    border-top: 3px solid #93b635;
}

/*NOTICIAS*/

#owl-demo{
  text-align: center;
  /*margin: 20px 20px;*/
  background-color: rgba(0, 50, 69, 1);
  padding: 20px;
  
}

.item{
  width: 100%;
  display: -webkit-inline-flex; 
  display: inline-flex;
  -webkit-justify-content: center; 
  justify-content:         center;
  -webkit-align-items: center; 
  align-items:         center;
  -webkit-flex-wrap: wrap; 
  flex-wrap:         wrap;
}

.imagen-noticia{
  margin-top: 20px;
  /*margin-right: 100px;*/
  width: 50%;
}

.texto-noticia{
  margin-top: 20px;
  /*margin-left: 100px;*/
  width: 50%;
  text-align: left;
  color: white;
}

.img-noticia{
  width: 379px;
  height: 282px
}

.owl-theme .owl-controls .owl-page span{
  background-color: white;
}

.btn{
  padding: 0 0;
}

/*9 - MAPAS ................................................................................................................................................. */
#maps{
    width: 100%;
    height: 500px;
}

/*10 - FOOTER ................................................................................................................................................. */
footer {
    padding: 50px 0;
    background-color: #edf2f5;
}

p.copyright {
    margin: 15px 0 0;
    text-align: center;
    color: #003245;
}

footer .container .row .col-lg-12 .list-inline .other-color li a {
  color: white;
}

/*11 - RETURN BOTON ................................................................................................................................................. */

/*BACK TO TOP*/
.return{
  color: white;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(92, 210, 237, 0.75) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

a {
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*PÁGINA PROMOCIONES.HTML .................................................................................................................................................*/
.seccion-producto{
    padding-top: 50px;
    padding-bottom: 20px;
    display: -webkit-inline-flex; 
    display: inline-flex;
    -webkit-flex-wrap: wrap; 
    flex-wrap:         wrap;
    -webkit-justify-content: space-around; 
    justify-content:         space-around;
    -webkit-align-items: center; 
    align-items:         center;
    width: 100%;
    background-color: white;
}

.par{
    background-color: #93b635;
}

.producto-img{
    display: -webkit-inline-flex; 
    display: inline-flex;
    -webkit-justify-content: space-around; 
    justify-content:         space-around;
    -webkit-align-items: center; 
    align-items:         center;
    width: 50%;
    padding-bottom: 25px;
}

.producto-texto{
    padding-left: 50px;
    padding-right: 50px;
    width: 50%;
    padding-bottom: 25px;
}

#producto1{
    padding-top: 100px;
}

#producto2{
    width: 100%;
}

#footer-promociones{
    background-color: white;
}

.footer-promociones {
    color: #9a9a9a;
}

.footer-promociones:hover{
    color: #93b635;
}

.rotar:hover{
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 0.5s; 
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: rotate; 
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;

    -ms-animation-name: rotate; 
    -ms-animation-duration: 0.5s; 
    -ms-animation-timing-function: linear;
    
    -o-animation-name: rotate; 
    -o-animation-duration: 0.5s; 
    -o-animation-timing-function: linear;

    animation-name: rotate; 
    animation-duration: 0.5s; 
    animation-timing-function: linear;  }
        
    @-webkit-keyframes rotate {
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(360deg);}
    }
        
    @-moz-keyframes rotate {
        from {-moz-transform: rotate(0deg);}
        to {-moz-transform: rotate(360deg);}
    }

    @-ms-keyframes rotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }

    @-o-keyframes rotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }
        
    @keyframes rotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }

.tabla{
    width: 100%;
    text-align: center;
    border: 1px dashed black;
}

.border{
    border: 1px dashed black;
}

.enlace-boton{
    color: black;
}

/*12 - MEDIA QUERIES ................................................................................................................................................. */
@media(max-width: 1599px){
  /*MEDIA QUERIES NOTICIAS*/
    /*#owl-demo{
      margin: 0 0;
      padding-left: 15px;
      padding-right: 15px;
    }
    .item{
      -webkit-flex-direction: column; 
      flex-direction:         column;
      text-align: center;
    }

    .imagen-noticia{
      width: 100%;
    }

    .texto-noticia{
      width: 100%;
      text-align: left;
    }

    .btn .btn-default{
      text-align: center;
    }*/
}

@media(max-width:1081px) {
/*MEDIA QUERIES COMERCIAL*/
    .intro-header {
        padding-top: 0px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
        padding-bottom: 50px;
        text-align: center;
        color: #f8f8f8;
        background: transparent;
        background-color: #003245;
        height: auto;
    }   

    .color-overlay{
        /*background: rgba(255, 255, 255, 0.55) none repeat scroll 0% 0%;*/
        width: 100%;
    }

    #overlay{
        margin-top: 0px;
    }
    
    .seccion-producto{
        -webkit-flex-direction: column; 
        flex-direction:         column;
    }

    .producto-texto{
        width: 100%;
        -webkit-order: -1;
        order: -1;
    }

    .intro-message {
        padding-bottom: 25px;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
        height: 100%;
    }

    .comercialContainer {
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }

    .comercialDatos{
        width: 100%;
        text-align: center;
        font-size: 1.5rem;
        margin: 0 auto !important;
    }

    #firstContainer{
        -webkit-flex-direction: column; 
        flex-direction:         column;
    }

    .notice-text{
        text-align: left;
    }

    .titulo-new{
        color: white;
        padding-top: 25px;
        text-align: left;
        padding-left: 25px;
        padding-right: 25px;
    }

    .news-photo{
        margin: 0 auto;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    /*PRUEBA CAMBIO CONTENIDO COMERCIAL*/
    .comercialContainer{
      -webkit-flex-direction: column; 
      flex-direction:         column;
    }

    /*.comercialDatos{
      -webkit-flex-direction: column; 
      flex-direction:         column;
    }*/

    .comercialPhoto{
      padding-top: 50px;
      margin-top: 50px;
    }

    /*MEDIA QUERIES PAGE CONTENT*/ 
    .lead {
        font-size: 2rem;
        font-weight: 400;
        height: 200px;
    }

    .intro-header{       
        padding-bottom: 0;
    }

    .first-heading{
        /*padding-top: 100px; */
    }

    .section-heading {
        /*padding-top: 100px;*/
    }

    .content-section-a {
        padding: 0;
        background-color: white;
        text-align: left;
        padding-bottom: 20px;
    }

    .content-section-b{
        padding: 0;
        background-color: #93b635;
        text-align: left;
        padding-bottom: 25px;
    }

    .lead{
        height: 300px;
    }

    .img-responsive{
        width: 100%;
        margin: 0 auto;
        max-width: 189.5px;
        max-height: 141px;
    }

    /*MAPS MEDIA QUERIES*/
    #maps{
        height: 300px;
    }

    /*MEDIA QUERIES PROMOCIONES.HTML*/
    .rotar:hover{
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 0.0s; 
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: rotate; 
    -moz-animation-duration: 0.0s; 
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: rotate; 
    -ms-animation-duration: 0.0s; 
    -ms-animation-timing-function: linear;

    -o-animation-name: rotate; 
    -o-animation-duration: 0.0s; 
    -o-animation-timing-function: linear;

    animation-name: rotate; 
    animation-duration: 0.0s; 
    animation-timing-function: linear;  }
        
    @-webkit-keyframes rotate {
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(0deg);}
    }
        
    @-moz-keyframes rotate {
        from {-moz-transform: rotate(0deg);}
        to {-moz-transform: rotate(0deg);}
    }

    @-ms-keyframes rotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(0deg);}
    }

    @-o-keyframes rotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(0deg);}
    }
        
    @keyframes rotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(0deg);}
    }

    .seccion-producto{
        text-align: left;
        font-size: 1.5rem;
    }

    #footer-promociones{
        text-align: center;
    }

    .left-none{
        text-align: left;
    }

    #owl-demo{
      margin: 0 0;
      padding-left: 15px;
      padding-right: 15px;
    }
    .item{
      -webkit-flex-direction: column; 
      flex-direction:         column;
      text-align: center;
    }

    .imagen-noticia{
      width: 100%;
    }

    .texto-noticia{
      width: 100%;
      text-align: left;
    }

    .btn .btn-default{
      text-align: center;
    }

    .movil-none{
      display: none;
    }

    .comercialDatos{
      font-size: 5rem;
      margin: 0 0 0;
    }

    .fa{
      color: #9a9a9a;
      margin: 0 0 0;
    }

    #flecha a i {
      color: #93B635;
    }

}

@media(max-width: 768px){
    .lead{
        margin-bottom: 25px;
        height: auto;
    }
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}