ul, ol, pre, blockquote {margin-bottom: 0px;}
.logo{height: 70px;}
.menuback{
   background: #005097;  
 /*  background: linear-gradient(#0e70c7, #005097);*/
  
}

.p0{padding: 0px;}

header {
    width:100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1010;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
}

header nav {
    width:95%;
    max-width:1500px;
    margin:0px auto;
    background:transparent;
    transition: all .5s;
}

.menu_bar {
    display:none;
}

.video{
    width: 100% !important; 
}

header nav ul {
    overflow:hidden;
    list-style:none;
}

header nav ul li {
    float:left;
}

header nav ul li a {
    color: #fff;
    padding: 14px;
    display: block;
    text-decoration: none;
    height: 100px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    transition: ease .2s;
  
}

header nav ul li a:hover{
    padding-left: 30px;
    padding-right: 30px;
   /* font-weight: bold;*/
}

header nav ul li span {
    margin-right:10px;
}

header nav ul li .activo{
    padding-left: 30px;
    padding-right: 30px;
}

/*
header nav ul li .o:hover {background:#ca6106; color:#fff; text-decoration: none;}
header nav ul li .p:hover {background:#80428f; color:#fff; text-decoration: none}
header nav ul li .r:hover {background:#bd005c; color:#fff; text-decoration: none}
header nav ul li .g:hover {background:#91b538; color:#fff; text-decoration: none}
header nav ul li .c:hover {background:#0d4661; color:#fff; text-decoration: none}*/

header nav ul li .o:hover {background:rgba(248,126,1,1) ; color:#fff; text-decoration: none;}
header nav ul li .p:hover {background:#503b8f; color:#fff; text-decoration: none}
header nav ul li .r:hover {background:#bd005c; color:#fff; text-decoration: none}
header nav ul li .g:hover {background:#91b538; color:#fff; text-decoration: none}
header nav ul li .c:hover {background:#24324a; color:#fff; text-decoration: none}/*24324a*/
header nav ul li .g1:hover {background:#24324a; color:#fff; text-decoration: none}/*24324a*/
header nav ul li .g2:hover {background:#24324a; color:#fff; text-decoration: none}/*24324a*/
header nav ul li .g3:hover {background:#24324a; color:#fff; text-decoration: none}/*24324a*/
header nav ul li .g4:hover {background:#24324a; color:#fff; text-decoration: none}/*24324a*/

.o, .p, .r, .g, .c, .g1,.g2,.g3,.g4{padding-top: 40px;}


.imgmov{width:200px}



@media screen and (max-width:800px ) {
    header nav {
        width:80%;
        height:100%;
        left:-100%;
        margin:0;
        position: fixed;
    }

    header nav ul li {
        display:block;
        float:none;
        border-bottom:1px solid rgba(255,255,255, .3);
    }

    .menu_bar {
        display:block;
        width:100%;
        background:#ccc;
    }

    .menu_bar .bt-menu {
        display: block;
        padding: 10px;
        background: #0e70c7;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 50px;
    }

    .menu_bar span {
        float:right;
        font-size:40px;
    }
    
    .o, .p, .r, .g, .c, .g1,.g2,.g3,.g4{padding: 10px;}
}






 /*footer*/
 footer{
    background: #005097!important;
    /*background: linear-gradient(#0e70c7, #005097);*/
  padding-top: 70px;
  padding-bottom: 30px;
  }

  footer p{
    line-height: 10px;
    color:#fff;
    font-size: 13px;    
  }

  footer p a{
    line-height: 10px;
    color:#fff;
    font-size: 13px;   
    text-decoration: none; 
  }

  footer p a:hover{  
    text-decoration: none; 
    font-weight: 600;
    color:#fff;
  }



  footer h4{
    margin-bottom: 20px; 
    padding-bottom: 10px;
  }

  .foo2{
    background: #005097;
    color:rgba(255,255,255,.8);
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.1);
  }

  .icfoo{
      width: 16px;
      margin-right: 10px;
      fill: #fff !important;
}

.icofoonone{
    margin-right: 26px;
}

.foo2 a{
    color:#fff;
    text-decoration: none;
}
.foo2 a:hover{
    color: #91b538;
}



/*responsive*/


@media (max-width: 1330px) {
    header nav ul li a {font-size: 12px;}
    .logo{height: 60px;}
}

@media (max-width: 800px){
    header nav {background: #0e70c7;color: #000;}
    header nav ul li a {color: #fff; padding: 10px; height: auto;}
}