/* Main CSS */

body { font-family: 'Ubuntu'; }
.logistica{background: #e8f6fa url('../img/blueprint.png');}
.bombas{background: #fbdddb url('../img/bricks.png');}
.bombas a{color:#eb6762;}

.logos{float:left;padding-left: 0;}
.navbar{
    margin-top: 23px;
    margin-bottom: 0;
    position: relative;
    padding-left: 0;
}
.sitio{
    width: 1000px;
    margin: 20px auto;
    padding:0;
    background: #fff;
    border-radius: 6px;
}
.clide{padding-left: 0;padding-right: 0;}
.container{width: 1000px;}
.topmenu{margin: 10px 0;padding-top: 10px;}
.menu,.navbar-collapse{padding-left: 0;}
.logistica .navbar{    
    z-index: 10;    
    background: #0099cc;
    background: #0099cc -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #0099cc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
    background: #0099cc -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #0099cc -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #0099cc -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #0099cc linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
}
.bombas .navbar{    
    z-index: 10;    
    background: #ef4a43;
    background: #ef4a43 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #ef4a43 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
    background: #ef4a43 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #ef4a43 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #ef4a43 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #ef4a43 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
}
.navbar-nav a{color:#fff;font-size:14px;text-transform: uppercase;font-family: 'Arial';}
.logistica .navbar-nav a:hover,.logistica .navbar-nav li:hover,
.logistica .navbar-nav li.active a,
.logistica .navbar-nav li:hover a{
    background:#1f708f;
}

.bombas .navbar-nav a:hover,.bombas .navbar-nav li:hover,
.bombas .navbar-nav li.active a,
.bombas .navbar-nav li:hover a{
    background:#c33f3a;
}

.tobombas{background: #ef4a43 !important;}
.tologistica{background: #1f708f !important;}
.box{
    border-radius: 5px;
    border:1px solid #ccc;
    text-align: center;
    margin-top: 10px;
    background: #f7f7f7;
    min-height: 300px;
        padding-top: 10px;
}
.box .glyphicon{
    background: #0c80ac;
    color: #fff;
    border-radius: 50%;
    padding: 20px;
    font-size: 40px;
    text-align: center;
    margin: 0 auto;
}
.bombas .box .glyphicon{background: #eb6762;}
.box ul{list-style: none;text-align: left;padding-left: 10px;}
.box h3{font-weight: bold;}
.box p{text-align: left;}
.box p strong{margin-right: 5px;text-decoration: underline;}

.title{
    color: #0a7eaa;
    background: #ccc;padding: 10px;
}
.footer{padding: 15px;background: #f7f7f7;margin-top: 20px;}
.service{padding: 10px;font-size: 20px;background: #eef9fd;margin-bottom: 5px;}
.service span{
    background: #0c80ac;
    color:#fff;
    border-radius: 50%;
    padding: 10px;
}

.loading{display:none;font-size: 16px;text-align: center;padding: 10px;background: #93dffb;}
.sms{display:none;}

.log{position: absolute;left: 0;height: 100%;width: 50%;overflow: hidden;}
.bom{position: absolute;left: 50%;height: 100%;width: 50%;overflow: hidden;}

.inicio .sitio{width: 100% !important;margin: 0;padding: 0;}
.inicio a{color:#fff;font-family: '';position:absolute;z-index: 10;top: 36%;
         font-family: 'Yanone Kaffeesatz', sans-serif;
         font-size: 60px;
         text-shadow: 0 2px 1px #000;
         padding: 20px;
         background: url('../img/inicio.png');
         border-radius: 7px;
         text-align: center;
         margin:0 40px;
}

.inicio  .log a{left:2%;}
.inicio  .bom a{left:3%;}