/*
/* 
    Created on : 13-sep-2016, 9:37:32
    Author     : Romina
*/


@import "modal.css";



body{
    background-image: url("../img/back-04.png");

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/***************************** MENU ******************************/
.navbar-brand-respo{
    display: none;
}
.navbar-default{
   background: #ff0000;
   width: 70%;
    height: 60px;
   border: none;
   margin: auto;
   webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-default li a{
    color: #FFF;
    font-size: 16px;
    padding: 23px 20px 23px 20px;
    margin-top: 0;
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.navbar-default .navbar-nav > li > a {
      color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color: #FFF;
    color: #ff0000;
    font-size: 16px;
    padding: 20px;
}


#bs-example-navbar-collapse-1{
    margin-top: 0 !important;
}
.navbar-brand{
    margin-top: 0 !important;
}
.navbar-default .navbar-toggle {
    border: none; 
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
/***************************** EMPRESA ******************************/
.empresa-img-respo{
    display: none;
}
#empresa{
   margin-top: -15px;
height: 450px !important;
z-index: 999;
}
.empresa-img{
    width: 100%;
    display: inline-flex;
    padding: 0;
    margin: 0;
    
    list-style: none;
}
#quienes{
width: 33.33333%;
}
#quienes-back {
  position:relative;
  width: 100%;
  margin:0 auto;
}
#quienes-back img {
  width:100%;
  position:absolute;
  top: 0;
  left:0;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}
#quienes-back img.transparent {
opacity:0;
}
#quienes_onclick {
cursor:pointer;
}
#mision{
width: 33.33333%;
  position:relative;
  margin:0 auto;
}
#mision-back img {
  width:100%;
  position:absolute;
  left:0;
    top: 0;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}
#mision-back img.transparent {
opacity:0;
}
#mision_onclick {
cursor:pointer;
}
#vision{
width: 33.3333%;
position:relative;
  margin:0 auto;
}
#vision-back img {
  width:100%;
  position:absolute;
  left:0;
    top: 0;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}
#vision-back img.transparent {
opacity:0;
}
#vision_onclick {
cursor:pointer;
}
/***************************** GO ******************************/

.catalogo-margin{
    display: flex;
}
.catalogo-conten{    
    background-color:#d6d6d6;
    position: relative;
    margin-top: -50px;
    padding-top: 15px;
    z-index: 1;
}
.catalogo-text{
    margin-top: 50px;
    width: 50%;
    float: left; 
    padding: 30px;
    padding-left:10px;
}
.catalogo-text p{
    font-size: 20px;
}
.catalogo-img{
    width: 50%;
}
.catalogo-text a{
  padding: 10px;
  float: right;
  text-align: center;
  color:#FFF;
  width: 80%;
  text-align: center;
  background-color: #ff0000;
  border-radius: 10px;
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.catalogo-text a:hover{
   text-decoration: none;
   color:#ff0000;
   text-align: center;
   background-color: #FFF;
   border-radius: 30px;
   webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

/***************************** CONTACTO ******************************/

#contacto{
    background-color:#FFF;
    position: relative;
    padding-top: 30px;
    z-index: 1;
    padding: 30px;
    min-height: 600px;
}
.contacto-text{
    width: 33%;
    padding: 30px;
}
.contacto-text p, .form-group{
 font-size: 14px;
}
.contacto-text p span{
 color:#ff0000;
 font-size: 14px;
  animation: animationFrames linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}


button.btn-danger{
  background-image:none;
  padding: 10px 30px 10px 30px;
  float: right;
  border: none;
  color:#FFF;
  background-color: #ff0000;
  border-radius: 10px;
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-danger:hover{
   text-decoration: none;
   color:#ff0000;
     border: none;
   background-color: #d6d6d6;
   border-radius: 30px;
   text-align: right;
   webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.form-control:focus {
    border-color: #ff4848;
    outline: 0;
    -webkit-box-shadow: 0px -1px 23px -5px rgba(230,5,5,0.69);
    -moz-box-shadow: 0px -1px 23px -5px rgba(230,5,5,0.69);
    box-shadow: 0px -1px 23px -5px rgba(230,5,5,0.69);
}
body{
    padding: 0 !important;
}
/***************************** FOOTER ******************************/
footer{
   background-color: #6d6d6d;
   padding: 1px;
}
footer p{
   color: #FFF;
   font-size: 17px;
   padding: 20px;
   text-align: right;
}
a{
   text-decoration: none;
   color: #333333;
   font-size: 17px;
   text-align: right;
}
a:hover{
   text-decoration: none;
   color: #333333;
   font-size: 17px;
   text-align: right;
}
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.9;
  opacity: .90;
  filter: alpha(opacity=90);
    webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.white_content {
  display: none;
  position: absolute;
  top: 20%;
  left: 30%;
  height: 50%;
  padding: 16px;
  z-index: 1002;
    webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-group{
    font-family: 'Metrophobic', sans-serif;
    color: #333;
}