/*********************** GENERAL ***********************/
body { padding: 0;margin: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif; background: #3c1053;  color: #fff; }
li{list-style: none;}
ul { padding: 0;margin: 0;list-style: none; }
img { display: block;width: 100%;border: none; }
a { text-decoration: none;color: inherit;display: block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.contenedor { width: 1200px;margin: 0px auto;position: relative; }
.bg { width: 100%;background-position: center;background-size: cover;position: relative;background-repeat: no-repeat; }
p { margin: 0px 0px 10px;font-size: 16px;font-weight: 400;color: #fff ;line-height: 25px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; }
* { box-sizing: border-box; }
*:focus { outline: none; }
.pc { display: block; }
.movil { display: none; }
.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 100; }
.status { width: 200px; height: 200px;position: absolute; left: 50%; top: 50%; background-image: url('https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif'); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }
section { position: relative; }
::selection { background: #19a1e0;color: #fff; }
::-moz-selection { background: #19a1e0;color: #fff; }

/*********************** CONTENEDORES ***********************/
.conteRight { width: 50%;float: right; }
.conteLeft { width: 50%;float: left; }

/*
ANIMACIONES HTML5

-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);

-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
*/

/*********************** CLEAR ***********************/
.clear { clear: both;height: 0px; }
.clear5 { clear: both;height: 5px; }
.clear10 { clear: both;height: 10px; }
.clear15 { clear: both;height: 15px; }
.clear20 { clear: both;height: 20px; }
.clear30 { clear: both;height: 30px; }
.clear40 { clear: both;height: 40px; }
.clear50 { clear: both;height: 50px; }

/*********************** TEXTOS ***********************/
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }

/*********************** H1 - H6 ***********************/
h1 { color:#f26609; font-size: 35px; padding: 0;margin: 0;position: relative; }
h2 { color:#717075; font-size: 30px; padding: 0;margin: 0;position: relative; font-weight: 600; }
h3, h4, h5 { padding: 0;margin: 0;position: relative; }

/*********************** COLUMNAS ***********************/
.col2 li { float: left;width: 50%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
.col3 li { float: left;width: 33.33%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col4 li { float: left;width: 25%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col5 li { float: left;width: 20%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col6 li { float: left;width: 16.66%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col7 li { float: left;width: 14.28%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col8 li { float: left;width: 12.5%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.col9 li { float: left;width: 11%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }

/*********************** HEADER ***********************/    
.logo{width: 120px; float: left;}
header{ width: 100%; padding: 15px 0px; background:#fff; position: fixed; top: 0; left:0; z-index: 999; -webkit-box-shadow: 0px 0px 8px 4p#333131; -moz-box-shadow: 0px 0px 8px 4px #333131; box-shadow: 0px 0px 8px 4px #333131;}
header .flex { float:left; justify-content: center; align-items: center; display: flex; color: #2b3344; font-size: 25px; font-weight: 600; }
header .flex .txtGrande { font-size: 30px; }
.menu li:nth-child(1) span { display: block; text-align: center; color: #f26609; font-size: 20px; font-weight: 600; margin-top: 10px; }
.menu li:nth-child(1) a i { background-color: #f26609; border-radius: 99px; color:#fff; }
.menu li:nth-child(1) a { padding: 0px; color: #737277; font-size: 20px; font-weight: 600; }
.menu { width: 500px;float: right; }
.menu li a { color: #f26609; text-transform: uppercase; font-size: 17px; font-weight: 300; text-align: center; line-height: 30px; padding: 26px 0; }
.menu li a:hover { color:#f58b1f; -moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.menu li .conteSociales { width: 100px; float: right; }
.menu li .conteSociales a { color:#f58b1f; font-size: 22px; -moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;  }
.menu li .conteSociales a:hover {color:#2b3344; }
.conteSociales a {float: left; width: 50%; text-align: center; }
.headerAnima { padding:3px;  }
.logoAnima { width: 100px; margin-top: 5px; }

header .col3 li:nth-child(3) { width: 20%; }
header .col3 li:nth-child(2) {  width: 60%; }
header .col3 li:nth-child(1) { width: 20%; }
header .col3 li:nth-child(3) img { width: 120px; margin: auto; }
header h1 { text-align:center; margin: 20px 0px;  color: #3c1053; font-size: 30px;}

.container { width: 80%; max-width: 1200px; margin: 220px auto; }
.container * {  box-sizing: border-box; }
  
  
footer .seccion0{
     background-color: #f0ba00;
  color:#3c1053;
  text-align: center;
  padding: 10px;
  font-size:16px;
}  
footer p {
    font-size:16px;
}
  .flex-outer,
  .flex-inner {
    list-style-type: none;
    padding: 0;
  }
  
  .flex-outer {
    max-width: 800px;
    margin: 0 auto;
  }
  
  .flex-outer li,
  .flex-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .flex-inner {
    padding: 0 8px;
    justify-content: space-between;  
  }
  
  .flex-outer > li:not(:last-child) {
    margin-bottom: 20px;
  }
  
  .flex-outer li label,
  .flex-outer li p {
    padding: 8px;
    font-weight: 300;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  
  .flex-outer > li > label,
  .flex-outer li p {
    flex: 1 0 120px;
    max-width: 220px;
  }
  
  .flex-outer > li > label + *,
  .flex-inner {
    flex: 1 0 220px;
  }
  
  .flex-outer li p {
    margin: 0;
  }
  
  .flex-outer li input:not([type='checkbox']),
  .flex-outer li textarea,
  .flex-outer li select {
    padding: 15px;
    border: none;
    background-color: #f7f7f7;
    color:#003865;
  }
  .flex-outer li input:not([type='checkbox'])::placeholder{
    color:#003865;
  }
  .flex-outer li button {
    margin-left: auto;
    padding: 16px;
    border: none;
    background: #830051;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: .09em;
    border-radius: 2px;
    cursor: pointer;
  }
  .flex-outer li button:hover, .btn:hover{
    background-color: #3f4444;
    transition: all .5s ease;
  }
  .flex-inner li {
    width: 100px;
  }
  input:disabled {
    background: #fff;
}
  
.btn{
    margin-left: auto;
    padding: 8px 16px;
    border: none;
    background: #830051;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: .09em;
    border-radius: 2px;
    text-decoration:none;
    font-size:12px;
 }
 /*.imagen{
  width: 200px;
 
  text-align: center;
 
}*/

/*footer{
 
  position:fixed;
   left:0px;
   bottom:0px;
  font-size: 11px;
  width:100%;

}*/
.header{
  background-color: #fff;
  padding: 15px 0px;

}

form{
  padding: 40px 0px;
}
.flex .imagen:nth-child(1) {
   margin-left:20px;
}
.flex .imagen:nth-child(2) {
    float: right;
    width: 140px;
    margin-top: -10px;
}
@media screen and (min-width: 320px) and (max-width: 1023px) { 
    .contenedor, .container { width: 90%; }
    .movil { display: block; }
    
    header .col3 li:nth-child(3) { width: 33.33%; }
    header .col3 li:nth-child(2) {  width: 33.33%; }
    header .col3 li:nth-child(1) { width: 33.33%; }   
    header .col3 li:nth-child(1) img { width: 200px; } 
    
    h1 { font-size:20px; }
    
    .flex-outer li, .flex-inner{
        display:block;
    }
    .flex-outer li input:not([type='checkbox']), .flex-outer li textarea, .flex-outer li select{
        width:100%;
        height: 50px;
        margin: 20px 0px;
    }
    
    .container {
        min-height: 50vh;
    }
    .btn{
    margin-left: auto;
    padding: 8px 16px;
    border: none;
    background: #830051;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: .09em;
    border-radius: 2px;
    text-decoration:none;
    font-size:20px;
 }
    .flex-outer li button{
        font-size:20px;
    }
    
    
    
    
    }