.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.container
{
    margin:0px !important;
    padding:0px !important;
}
.container{
    margin-left:auto !important;
    margin-right:auto !important;
}
.row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/*
[name=tipo_select]{
    border:1px solid black;
}
*/
.boton_nav{
display:inline-block !important;
background-color:#242b41 !important;
} 
.boton_nav a:hover,.boton_nav a:focus{
    color: #000 !important;
}
.letrado{
    font-family:Helvetica,Arial , sans-serif;
}
.titulo{
    display:inline-block !important;
    width: auto;
}
@media (max-width: 634px) {
    .boton_nav{
        display:block !important;
        background-color:#242b41 !important;
} 
}

.gears{
    background-color:rgba(0,0,0,.8);
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:1152;
}
.gears-container{
    position: fixed;
    top: 50%; 
    left: 50%;
    width:150px; 
    height: 150px;
    font-size:32px;
    padding: 9%;
    margin: 0px auto;
}
.gear-mensaje{
    position: fixed;
    top: 50%; 
    left: 50%; 
    color: #CCC;
    margin-left: -3.5em;
    margin-top: 6em;
    font-size:18px!important;
    font-weight: bold;
    text-wrap: nowrap;
    text-shadow:4px 4px 8px black;
}
.gear-rotate{
    position: fixed;
    top: 50%; 
    left: 50%; 
    width: 2em;
    height: 2em;
    margin-top: -1em;
    margin-left: -1em;
    background: white;
    border-radius: 1em;
    -webkit-animation: 1s gear-rotate linear infinite;
    -moz-animation: 1s gear-rotate linear infinite;
    animation: 1s gear-rotate linear infinite;
}
.gear-rotate-left{
    margin-top: 1.1em; /*-2.2em*/
    margin-left: 0.24em;
    position: fixed;
    left: 50%; 
    top: 50%;
    width: 2em;
    height: 2em;
    background: white;
    border-radius: 1em;
    -webkit-animation: 1s gear-rotate-left linear infinite;
    -moz-animation: 1s gear-rotate-left linear infinite;
    animation: 1s gear-rotate-left linear infinite;
}

.gear-rotate::before, .gear-rotate-left::before {
    width: 2.8em;
    height: 2.8em;
    background: 
    -webkit-linear-gradient(0deg,transparent 39%,white 39%,white 61%, transparent 61%),
    -webkit-linear-gradient(60deg,transparent 42%,white 42%,white 58%, transparent 58%),
    -webkit-linear-gradient(120deg,transparent 42%,white 42%,white 58%, transparent 58%);
    background: 
    -moz-linear-gradient(0deg,transparent 39%,white 39%,#47EC19 61%, transparent 61%),
    -moz-linear-gradient(60deg,transparent 42%,white 42%,white 58%, transparent 58%),
    -moz-linear-gradient(120deg,transparent 42%,white 42%,white 58%, transparent 58%);
    background: 
    -o-linear-gradient(0deg,transparent 39%,white 39%,white 61%, transparent 61%),
    -o-linear-gradient(60deg,transparent 42%,white 42%,white 58%, transparent 58%),
    -o-linear-gradient(120deg,transparent 42%,#47EC19 42%,white 58%, transparent 58%);
    background: -ms-linear-gradient(0deg,transparent 39%,white 39%,white 61%, transparent 61%),-ms-linear-gradient(60deg,transparent 42%,white 42%,white 58%, transparent 58%),-ms-linear-gradient(120deg,transparent 42%,white 42%,white 58%, transparent 58%);
    background: 
    linear-gradient(0deg,transparent 39%,white 39%,white 61%, transparent 61%),
    linear-gradient(60deg,transparent 42%,white 42%,white 58%, transparent 58%),
    linear-gradient(120deg,transparent 42%,white 42%,white 58%, transparent 58%);
    position: absolute;
    content:"";
    top: -.4em;
    left: -.4em;
    border-radius:1.4em;
}
.gear-rotate::after, .gear-rotate-left::after {
    width: 1em;
    height: 1em;
    background: rgba(0,0,0,.8);
    position: absolute;
    content:"";
    top: .5em;
    left: .5em;
    border-radius: .5em;
}

/*
* Keyframe Animations 
*/ 

@-webkit-keyframes gear-rotate {
    0% { 
        -webkit-transform: rotate(0deg);
    }
    100% { 
        -webkit-transform: rotate(-180deg); 
    }
}

@-moz-keyframes gear-rotate {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(-180deg); 
    }
}

@keyframes gear-rotate {
    0% { 
        transform: rotate(0deg); 
    }
    100% { 
        transform: rotate(-180deg); 
    }
}

@-webkit-keyframes gear-rotate-left {
    0% {
        -webkit-transform: rotate(30deg); 
    }
    100% {
        -webkit-transform: rotate(210deg);
    }
}

@-moz-keyframes gear-rotate-left {
    0% { 
        -webkit-transform: rotate(30deg); 
    }
    100% { 
        -webkit-transform: rotate(210deg);
    }
}

@keyframes gear-rotate-left {
    0% { 
        -webkit-transform: rotate(30deg); 
    }
    100% { 
        -webkit-transform: rotate(210deg);
    }
}