body{
        font-family: 'Open Sans', sans-serif;
    }
    #menu{
        border:none!important;
        padding-bottom: 0%;
    }
    #frase{
        margin-top: -10%;
        margin-left: 5%;
        margin-bottom: 6%;
        font-size: 2.5em;
        color: white;
    }

    .navbar-default {
        background-color: #fff;
        border-color: #fff;
    }
    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 2%;
        border: 1px solid transparent;
    }

    .nav2 a{
        font-size: 13.5px;
        color: white;
    }

    .nav2{
        padding: 0% 0.6%;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 8px 18px;
        color: white;
    }

    .menuinvisible{
        display: none!important;
    }

    .menuvisible-grande{
        padding-right: 1rem;
    }

    .imgmenu{
        background-color: #dad5d5;
        background-position: center top;
        background-size: 100% auto;
        background-repeat: repeat;
        padding: 0px;
       }

    /*.item img, .contenido-flu img{
        max-height: 425px;
    }*/

    .imgmenu2{

        background-image: url(../images/back4.png);
        background-position: center top;
        background-size: 100% auto;
        background-repeat: repeat;
    }

    .navbar-brand>img {
        display: block;
        margin-top: -22%;
        width: 296px;
        margin-left: 2%;


    }
    /***PARA LA FRASE**//*.navbar-header{
    /*width: 467px;
    }*/
    .primer-menu{
        padding-top: 5%;
        padding-bottom: 2.5%;
        background-color: transparent!important;
        border:none;
    }

    .menuinvisible a{
        background-color: #0061d6;

    }

    .menuinvisible a:hover{
        background-color: #0061d6;

    }

    .do-menu{
        background-color: rgb(0, 97, 214) !important;
        margin-top: -3%;
        z-index: 999;
        position: relative;
    }

    .do-menu ul{
        width: 100%;
    }

    .ingles{
        margin-top:10px !important;  
    }
    .ingles a{
        background-color: #939292 !important;   
        padding: 0px 8px !important; 
        font-size: 0.8em;

    }
    .ingles a:hover, .ingles a:focus{
        background-color: grey!important; 
        padding: 1px 5px;
        font-size: 0.8em;
           
    }
    .ingles a{
        color: white !important;
    }
    .nav2 > li > a:focus, .nav > li > a:hover {
        
        color: black;
    }

    /*.nav > li:hover{
        border-bottom: 3px solid white;
    }*/
        
    .contenido-index{
    text-align: center;
    }

    .contenido-flu{
    text-align: left;
    }

    .text-ref{
        font-size: 14px;
    }

    .boxes a img{margin: 15px;
    padding-left: 1px !important;
    }

    .caption h4{text-align: left;margin-top: 0px!important;}
    .caption h4 span{padding-left: 5px;}
    .caption {padding: 0px!important;}

    .thumbnail {
        padding: 0px !important;
        border: none !important;
    }


    .nav-visible{
       display:block;
    }

    .fluidos img{
        background-image: url(../images/1.jpg);
        /*-webkit-filter: grayscale(80%);
        filter: grayscale(80%);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;*/
    }

    .prod-5, .prod-4 {
        width: 33.3%;
    }

    .prod-4{
       margin-left: 16.5%;
    }

    .buscador-index{
        width: 222px;
    }

    .resaltar{
        background-color: yellow;
        
    }

    .buscador-index2{
        margin-top: 2%;
        display: none;
    }
    /***********************************FLUIDOS**************************************/
    .contenido-index h4{
        background-color: #0061D6;
        color: white;
       
    }
    .contenido-flu h4{
        /*background-color: #0061D6;*/
        color: #0061D6;
        margin-top: 0px;
        font-size:  1.3em;
        
    }

    .contenido-flu h3{
        /*background-color: #0061D6;*/
        color: #0061D6;
        padding: 5px 25px;   
        font-size:  1.6em;
        
    }

    .descargas-folletos span{
        font-size: 1.6em;
        float: left;
    margin-top: 12px;
        
        color: #0061D6;
        
    }


    .contenido-flu p{
        text-align: justify;
    }
    .contenido-flu h5{
        font-weight: bold;
        color: #0061D6;
        margin-left:2%;

    }

    .contenido-flu p{
       
        color: grey;
    }

    .contenido-flu hr{
        color: #0061D6;
    }

    /*.contenido-flu span{
        color: #0061D6;
        font-weight: bold;
    }*/

    table th{
        background-color: #939292;
    color: white;
    }

    .ver-cuadros a{
        background-color: #939292;
        color: white !important;
        padding: 0px 10px;
    }

    .ver-cuadros{
        display: none;
    }

    table tr{
        font-size: 1em;

    }
    table th{
        background-color: #0061D6;
    }
    table tr td{
        font-size: 0.8em;
    }

    th:first-child{
        text-align: left !important;
    }

    .table-1 tr td, .table-2 tr td, .table-3 tr td, th{
        text-align: center;
    }


    .table-1 td:first-child, .table-2 td:first-child, .table-3 td:first-child, .table-4 td:first-child{
        background-color: #F0F0F0;
        text-align: left;
    }

    .table-grey td{
        background-color:  #F0F0F0;
    }

    .table-grey1{
        background-color:  #F0F0F0;
    }

    .carousel{
        height: 50%;
    }

    /**********************************GESTION**************************************/
    .pol-calidad, .text-gestion ul{
        list-style: none;
    }

    .text-gestion b{
        font-size: 1.4em;
    }

    .text-gestion ul li:hover{
          width: 90%;
    }

     .text-gestion ul li{
        padding-bottom: 5px;
        
     }


    .pol-calidad li:nth-child(odd){
        width: 50%;
        background-color: #DFECF9;
        padding: 4px 12px;
        margin-top: 2px;
    }

    .pol-calidad li:nth-child(2n){
        width: 50%;
        background-color: #C5DCF4;
        padding: 4px 12px;
        margin-top: 2px;
    }

    .pol-calidad li:hover{
        background-color: white;
    }

    /***********************************FOOTER**************************************/
    .mplus {
        font-family: arial;
        color: red;
        font-size: 12px;
        bottom: 0px;
        background: #0061D6;
        width: 100%;
        line-height: 40px;
        padding-left: 60px;
        text-align: center;
        margin:0px;
        padding:0px;

    }


    footer{
    	width: 100%;
    	text-align: center;
    	background-color: #B6B7B2;
        z-index: 1;

    }

    .foot{
        background-color: #EBEBEB;
         color:grey; 
         height:5%; 
         text-align:center;

    }

    footer img{
        width: 12%;
    }

    /************ANIMACION**********/

     .animated {

                background-position: left top;
                -webkit-animation-duration: 5s;
                animation-duration: 5s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
             }
             
             @-webkit-keyframes bounceInRight {
                0% {
                   opacity: 0;
                   -webkit-transform: translateX(300px);
                }
                60% {
                   opacity: 1;
                   -webkit-transform: translateX(-10px);
                }
                80% {
                   -webkit-transform: translateX(10px);
                }
                100% {
                   -webkit-transform: translateX(0);
                }
             }
             
             @keyframes bounceInRight {
                0% {
                   opacity: 0;
                   transform: translateX(300px);
                }
                60% {
                   opacity: 1;
                   transform: translateX(-10px);
                }
                80% {
                   transform: translateX(10px);
                }
                100% {
                   transform: translateX(0);
                }
             }
             
             .bounceInRight {
                -webkit-animation-name: bounceInRight;
                animation-name: bounceInRight;
             }
             

    /*********************************BUSQUEDAS************************************/

    .resultado_busqueda{
    padding: 4px 15px;
    border:1px solid #e9e6e6 !important;
    margin: 10px 0px;
    }
    .resultados{
        margin-bottom: 20px;
    }
    /*********************************MEDIQUERIES**********************************/


#containerWapp > div {
   display: none; position: fixed; bottom: 10px; right: 10px; z-index:9999;
}

#containerWapp > div#w2:hover {
     display: block;
}

#containerWapp > div:first-child {
    display: block
}
#containerWapp > div:hover + div {
    display: block}


    @media (max-width: 1200px){
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            margin: 7.5px -15px;
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }


        /* since 3.1.0 */
        .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
        
        .menuinvisible{
        display: inline!important;
    }
    #frase{
        margin-top: -15%;
        font-size: 1.4em;
    }

    nav ul li a {
        border-bottom: 1px solid lightgrey;
    }

    .nav-visible{
       display:none;
    }
    .navbar-brand > img {
        display: block;
    margin-top: -7%;
    width: 26%;

    }
    .menuvisible-grande{
        padding: 1rem 1.5rem;
    }
    .menuvisible a{
        background-color: #b9a9ac;
    }
    .menuvisible a:hover{
        background-color: #0061d6;
    }
    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }
    .contenido-flu {
        margin-bottom:0px;
    }

    .ingles{
        margin-top:0px !important;  
    }
    .ingles a{
        background-color: #939292 !important;   
        padding: 10px 10px !important; 
        font-size: 0.8em;

    }
    .buscador-index{    
        float: left;
    position: absolute;
    margin-top: 175px;
    width: 74%;
    }
   
    }
#Map1 {display:inline !important;}
#Map {display: none !important;}


    @media (max-width: 1190px){

    h4 {
        font-size: 15px;
    }
    }

    @media (max-width: 1162px){

    .ver-cuadros{
        display: inline;
    }

    .table-ocult{
        display: none;
    }

    }


    @media (max-width: 991px){
    .prod-5, .prod-4 {
        width: 50%;
    }

    .prod-4{
       margin-left: 0px;
    }
    .navbar-brand > img {
        display: block;
    margin-top: -9%;
    width: 40%;

    }
    }




    @media (max-width: 767px){
        .contenido-index {
            margin-bottom: 44%;
        }
        .prod-5, .prod-4 {
        width: 100%;
    }
    .navbar-brand > img {
        display: block;
    margin-top: -10%;
    width: 50%;

    }

    .primer-menu {
    padding-top: 5%;
    padding-bottom: 14%;
}
.buscador-index {
    float: left;
    position: absolute;
    margin-top: 175px;
    width: 100%;
}
    #Map1 {display:none !important;}
#Map {display:inline!important;}

    }

    @media (max-width: 360px){
        h4 {
        font-size: 14px;
    }
    }

    @media (max-width: 320px){
        h4 {
        font-size: 12px;
    }

    .navbar-brand > img {
        display: block;
    margin-top: -15%;
    width: 60%;

    }

    }