@import url("normalize.css"); 
body {
    font-size: 1em;

    line-height: 1.4;
    margin: auto;
    padding: auto;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    color: #006699;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    width: 100%;
}
.izq{
    float: left;
    margin: 0 1em 1em 0;
    padding: 0;
}
.der{
    float: right;
    margin: 0 0 1em 1em;
    padding: 0;
}
.izq-footer{
    float: left;
    margin: 0 1em 1em 1em;
    padding: 0;
}
.der-footer{
    float: right;
    margin: 0 1em 1em 1em;
    padding: 0;
}
textarea {
    resize: vertical;
}
ul{
    list-style: none;
}
img{
    max-width: 100%;
}
a{
}
a:hover{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* ==========================================================================
   Layout
   ========================================================================== */
#top{
    width: 100%;
    height: 50px;
    background: #616362;
}
#wrap{
    min-width: 1170px;
    margin: 0 auto;
    position: relative;
    background: #30332e;
        background-image: url(../img/bg_site.png);
    background-repeat: repeat-x;
}
#wrapcont{
    width: 1170px;
    margin: 0 auto;
    line-height: 0;
   /* background: rgb(20, 25, 42);
background: -moz-linear-gradient(90deg, rgb(20, 25, 42) 0%, rgb(23, 39, 73) 100%);
background: -webkit-linear-gradient(90deg, rgb(20, 25, 42) 0%, rgb(23, 39, 73) 100%);
background: -o-linear-gradient(90deg, rgb(20, 25, 42) 0%, rgb(23, 39, 73) 100%);
background: -ms-linear-gradient(90deg, rgb(20, 25, 42) 0%, rgb(23, 39, 73) 100%);
background: linear-gradient(180deg, rgb(20, 25, 42) 0%, rgb(23, 39, 73) 100%);*/
}
#wrapfooter{
    width: 980px;
    margin: 0 auto;
    position: relative;
    background: #1f1f1f;
}
header{
    min-width: 1170px;
    margin: 0 auto;  
    position: relative;
    overflow: hidden;
}
section{
    width: 1000px;
    display: block;
    margin: 0 auto;
}
.logo{
    float: left;
    margin: 1em 4em;
}
aside{
    width: 270px;
    float: left;
}
footer{
    width: 980px;
    overflow: hidden;
    padding: 1em 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: .9em;
    clear: both;
}
.slider-wrapper.theme-default {
max-width: 980px;
margin: 0 auto;
}
#slider2{
    width: 225px;
    height: 80px;
}
#slider2 .nivo-controlNav, #slider2 .nivo-directionNav, #slider2 .nivo-box{
    display: none;
}
#topnav{
    background: #fff;
    overflow: hidden;
}

ul#rrss {
    float: none;   
    margin: 0 auto;
    width: 50%;
}
ul#rrss li{
    float: left;
    margin: .5em 0;
    padding: 0 .5em;
    color: #A0A0A0;
    font-size: .8em;
}
ul#rrss li a{
    opacity: .7;
}
ul#rrss li a:hover{
    opacity: 1;
}
#soportemenu{
    width: 100%;
    float: left;
    margin: 0 auto;
    /*background: rgb(0, 166, 234);
    background: -moz-linear-gradient(90deg, rgb(0, 166, 234) 0%, rgb(7, 9, 66) 100%);
    background: -webkit-linear-gradient(90deg, rgb(0, 166, 234) 0%, rgb(7, 9, 66) 100%);
    background: -o-linear-gradient(90deg, rgb(0, 166, 234) 0%, rgb(7, 9, 66) 100%);
    background: -ms-linear-gradient(90deg, rgb(0, 166, 234) 0%, rgb(7, 9, 66) 100%);
    background: linear-gradient(180deg, rgb(0, 166, 234) 0%, rgb(7, 9, 66) 100%);*/
}
#menutop{
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
#menutop ul{
    float: right;
}
#menutop ul li{
    padding: 0;
    margin: .5em;
    border-right: 1px solid #fff;
}
#menutop ul li:last-child{
    padding: 0;
    margin-right: 0;
    border-right: none;
}
#menutop ul li a{
    color: #fff;
    padding: 1em 1em;

}
#menutop ul li a:hover{
    color: #00deff;
}
#menutop ul li a.active{
    color: #00deff;

}
#menutop.mt-int{
    background: #fff;
}
#menutop.mt-int ul li a{
    color: #999;
}
#menutop.mt-int ul li a.active{
    color: #000;
}
#menutop.mt-int ul li a:hover{
    color: #000;
}
nav{
    
}
nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li{
    float: left;
    display: block;
}
nav ul li {
    color: #fff;
    text-decoration: none;
    margin: .5em 0;
    padding: 0 1em;
    display: block;
}
nav ul li:last-child{
    border-right: none;
}
nav ul li a{
    color: #fff;
    text-decoration: none;
}
nav ul li a:hover{
    color: #0FF;
}
ul#idiomas{
    margin: 1em 0em 1em 7em;
width: 150px;
display: block;
float: left;
}
ul#idiomas li{
    float: left;
    margin: 0 .5em;
}
ul#idiomas li a:hover{
    opacity: .5;
}
#pull{
    display: none; 
}
/**** Contenido ***/
.bg-bd{
    background: url(../img/bg_bd.jpg) no-repeat !important;
    background-repeat: no-repeat;
    max-width: 980px;
    height: 750px;
}
.bg-qs{
    background: url(../img/bg_qs.jpg) no-repeat !important;
    background-repeat: no-repeat;
    max-width: 980px;
    height: 750px;
}
.bg-cont{
    background: #34568b !important;
    max-width: 980px;
    height: 750px;
}

#imgcab{
    width: 980px;
    margin: 0 auto;
}
section h2{
    font-size: 1.5em;
    font-weight: bold;
    margin: .4em 0;
}
section h3{
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: .4em 0;
}
section h4{
    color: #fff;
    font-size: .9em;
    font-weight: normal;
    margin: .4em;
    text-align: center;
}
article{
}
article p{
    
    margin: .5em 0 .8em;
}
article table{
    margin: 2em 0;
}
.contenido{
    background: #fff;
    overflow: hidden;
    padding: 0;
    width: 980px;
    line-height: 1.4em;
}

.contenido .logo{
    display: block;
    float: none;
}
#cont-int{
    width: 500px;
    margin: 3em 13em 16em;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.7); 
    position: relative;
    height: 410px;
}
#cont-int h3{
    font-size: 1.1em;
    font-weight: bold;
    color: #06136B;
    padding: .3em .5em 0;
}
#cont-int p{
    margin: 1em;
    color: #06136B;
}
.ico {
position: absolute;
bottom: -240px;
right: -140px;
}
.ico-cont {
position: absolute;
bottom: -180px;
right: -140px;
}
.lineaverde{
    width: 100%;
    height: 20px;
    float: left;
    margin: 0 auto;
    background: rgb(33, 106, 26);
    background: -moz-linear-gradient(90deg, rgb(33, 106, 26) 30%, rgb(5, 74, 5) 70%);
    background: -webkit-linear-gradient(90deg, rgb(33, 106, 26) 30%, rgb(5, 74, 5) 70%);
    background: -o-linear-gradient(90deg, rgb(33, 106, 26) 30%, rgb(5, 74, 5) 70%);
    background: -ms-linear-gradient(90deg, rgb(33, 106, 26) 30%, rgb(5, 74, 5) 70%);
    background: linear-gradient(180deg, rgb(33, 106, 26) 30%, rgb(5, 74, 5) 70%);
}
#titprod{
    width: 180px;
    margin: 0 0 2em 2em;
    padding: 0;
    float: left;
    text-align: left;
}
#titprod a{
    color: #fff;
    text-decoration: none;
    font-size: .9em;
    margin: 0 0 0 1em;
}
ul#categoria {
    width: 180px;
    height:500px;
    float: left;
    
}
ul#productos {
    width: 160px;
    float: left;
    
}
ul#categoria{
    font-size: .85em;
    background: #adbbd0;
    margin: 0 0 0 2em;
}
ul#categoria li{
margin: 1em 0;
padding: 1em 0;
text-align: left;
}
ul#categoria li ul{
margin: 0;
}
ul#categoria li ul li{
margin: 0;
}
ul#categoria li a{
    color: #34568b;
    text-decoration: none;
}

ul#productos li::before, ul#categoria li::before{
    content: "| ";
    padding: 0 0 1em;
    float: left;
}
ul#categoria li a:hover{
    color: #fff;
}
ul#categoria li.active{
    color: #34568b;
    font-weight: bold;
    background: #ebeef3;
}
ul#categoria img{
    margin: 1em 2em;
}
ul#productos li{
    font-size: .8em;
    text-align: left;
    margin: 2em 0;
    padding: .5em;
}
ul#productos li a{
    color: #34568b;
    text-decoration: none;
}
ul#productos li.active{
    color: #34568b;
    font-weight: bold;
    background: #adbbd0;
}
ul#list-pdf li{
    float: left;
    text-align: center;
    margin: 0 .8em 1em;
}
ul#list-pdf li::before{
    content: " "!important ;
}
ul#list-pdf a{
    font-weight: bold;
    text-decoration: none;
    color: #34568b;
}
ul#list-pdf a:hover{
    opacity: .7;
}
#contprod ul li::before{
    content: "- ";
    margin: 0 0 0 -.8em;

}
#titprod ul li a:hover{
    color: #fff;
}

#titcert{
    width: 200px;
    padding: 0 1em;
    float: left;
}
#titcert a{
    color: #fff;
    text-decoration: none;
    font-size: .9em;
}
#contprod{
    width: 600px;
    margin: 1em 0 0 0;
    background: #ebeef3;
    font-size: .9em;
    float: left;
}
#contprod h3{
    color: #34568b;
    padding: 0 1em;
    font-size: 1em;
}
#contprod p{
    padding: 0.5em;
}
#contprod ul{
    margin: 1em;
    padding: 0 1em;
}
.icopdf{
    float: right;
    margin: .5em .5em 0 0;
}
.imgprod{
    float: left;
    margin: 2em 0 1em 1em;
}
#col-izq{
    float: left;
    width: 270px;
    display: flex;
    flex-flow: row column;
}
#col-izq .wrap-izq{
    margin-top: 1.85em;
    border-right: 2px solid #ddd;
    overflow: hidden;
    flex: 1 1 100%;
}
#col-izq-sub{
    color: #1d1d1b;
    margin-top: 3em;
    border-right: 2px solid #ddd;
    overflow: hidden;
    float: left;
    width: 220px;
    padding: 0 .5em;
}
.content{
    width: 870px;
    float: left;
    padding: 0 0 0 30px;
}
.destacado{
    width: 550px;
    float: left;
    margin: 1em;
}
.destacado h1{
    border-bottom: 1px solid #ccc;
    font-size: 1.6em;
    font-weight: normal;
    padding-left: 2em;
    margin: .5em 0 !important;
}
.destacado h3{
    color: #8e8e8e;
}
.mapdist{
    float: left;
    border: 1px solid #ddd;
    padding: .2em;
    margin: .5em auto
}
.mensaje{
    margin: 3em 0 0 2em;
    float: left;
    width: 21%;
}
.mensaje2{
    margin: 2em 0 0 2em;
    float: left;
    width: 310px;
}
.msg1{
    font-size: 1.6em;
    line-height: 1em;
    font-weight: bold;
    color: #476696;
    display: block;
}
.msg2{
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    color: #7ebe72;
    display: block;
}
.msg3{
    font-size: 1.2em;
    font-weight: normal;
    color: #006699;
    display: block;
}
.msg4{
    font-size: 1.6em;
    line-height: 1em;
    font-weight: bold;
    color: #0c530a;
    display: block;
    font-family: 'Oswald', sans-serif;
    text-align: right;
}
#intro{
    margin: 2em 0 0;
    color: #006699;
    float: left;
    width: 600px;
}
#intro img{
    float: left;
    margin: .3em .5em 5em;
}
#full-width{
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}
#full-width h1{
    font-family: 'Oswald', sans-serif;
    width: 100%;
    float: left;
    margin: 1em 1em 1em 4em;
    font-size: 1.4em;
    color: #0c530a;
}
.btn {
    margin: 0 0 0 .4em;
    display: block;
    float: left;
}
.btn img:hover{
    opacity: .7;
}
#main{
    width: 730px;
    float: right;
    margin-top: 3em;
    color: #1C1C1B;
}
#main h1{
    font-size: 1.4em;
}
#main h2{
    font-size: 1.2em;
    color: #1C1C1B;
}
#main a{
    color: inherit;
    font-weight: bold;
    text-decoration: none;
}
#main a:hover{
    color: #818181;
}
#main-sub{
    width: 480px;
    float: right;
    margin-top: 3em;
    color: #1C1C1B;
    padding-right: 1em;
    padding-bottom: 2em;
}
#main-sub h2{
    color: #5c5b5b;
}
#main-sub .cate {
float: left;
width: 40%;
margin: 1em;
}
a.btn-ficha{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
a.btn-ficha:hover{
    color: #5c5b5b;
}
.cate{
    float: left;
    width: 30%;
    margin: 1em 0;
}
.cate img{
    border: 1px solid #ddd; 
    padding: 2px;
}
.cate a{
    text-decoration: none;
    color: #1d1d1d;
    font-size: 1.2em;
}
.cate:hover{
    opacity: .6;
}
ul#categorias{
     list-style-type:square;
}
ul#categorias h1{
    width: 100%;
    padding: .2em 0;
    background: #232323;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
}
ul#categorias li{
    float: none;
    font-size: .9em;
    margin: .5em 0;
    padding: 0;
}
ul#categorias li a{
    display: block;
    color: #1d1d1b;
    text-decoration: none;
    padding: 0 .5em;
    text-align: left;
}
ul#categorias li a:hover{
    background: #ddd;    
}
.producto{
    width: 265px;
    border: 1px solid #ececec;
    float: left;
    margin: 0 .5em 1em .5em;
    text-align: center;
}
.producto h2{
    font-size: 1.2em;
    color: #232323;
    text-align: center;
    font-weight: normal;
}
.finprod{
    border-top: 1px solid #ececec;
    overflow: hidden;
}
.piloto{
    width: 45%;
    float: left;
    margin: 0 .5em 1em 0;
    overflow: hidden;
}
.detpiloto{
    float: left;
    width: 250px;
}
.detpiloto a{
    color: #828282;
}
.detpiloto a:hover{
    color: #000;
}
.clearfix{
    width: 100%;
    display: block;
    clear: both;
}
a.vermas{
    float: right;
    background: #656565;
    color: #fff;
    font-size: .9em;
    padding: .6em 1.2em;
    text-decoration: none;
}
a.vermas:hover{
    background: #ead400;
    color: #000;
}
.precio{
    font-size: 1.4em;
}
.wrap-izq h4 a{
    color: #1d1d1b;
    text-decoration: none;
    margin: 2em 1.5em;
    display: block;
    padding: .5em;
}
.wrap-izq h4 a:hover{
    color: #fff;
    background: #1d1d1d;
    display: block;
}
#soportewidgets{
    margin: 1em 0;
    position: relative;
    width: 100%;
    height:auto;
    display: flex;
    flex-flow: row column;
    clear: both;
}
.widget{
    width: 30%;
    margin: 1em 1% 1em 10%;
    padding:  0 1em;
    float: left;
    color: #dfdfdf;
    flex: 1 1 100%;
    text-align: left;
}
.widget h3{
    font-size: 1.1em;
}
.widget a{
    color: #dfdfdf;
    text-decoration: none;
    font-weight: normal;
}
.widget a:hover{
    color: #b1b1b1;
}
.widget:first-child{
    padding: 0 1em 0 0;
}
.widget:first-child ul li{
    margin: .5em 0;
}
.widget:last-child{
    border-right: none;
}
.widget ul{
    font-size: .9em;
}
.widget ul li a{
    color: #dfdfdf;
    text-decoration: none;
}
.widget ul li a:hover{
    color: #b1b1b1;
}
.widget ul.videos{
    margin-bottom: 3em;
}
.widget ul.videos li a{
    display: block;
    background: #4c4c4b;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: .2em .8em;
    margin: 1em 0;
}
.widget ul.videos li a:hover{
    background: #ddd;
    color: #1d1d1b;
}
#contactenos{
    width: 340px;
    margin: 2em auto;
    display: block;
    overflow: hidden;
    background-position: top center;
    background-color: #0f438b;
    background-repeat: repeat-y;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(80, 80, 80, 1);
    -moz-box-shadow:    0px 0px 8px 1px rgba(80, 80, 80, 1);
    box-shadow:         0px 0px 8px 1px rgba(80, 80, 80, 1);
}
#agradecimiento{
    color: #A9A9A9;
    clear: both;
    float: right;
    margin: .7em 0 ;
    display: block;
    width: 100%;
    text-align: right;
    font-size: .9em;
}
#form1{
padding: 0;
margin: 0;
float: left;
margin: 1em 2em;
}
#form1 ul{
    margin: 0;
}
#form1 ul li{
    list-style: none;
    display: block;
    clear: right;
    float: left;
}
#form1 label {
color: #fff;
float: left;
margin: .2em 0;
width: 100px;
font-size: .9em;

}
#form1 input,#form1 textarea,#form1 select{
background: #dcdcdc;
border: 1px solid #b2b2b2;
color: #34568b;
font: inherit;
font-size: .8em;
padding: 1px 10px;
margin: 0 .5em .5em 0;
width: 200px;
float: left;
}
#form1 textarea{
    width: 200px;
    height: 80px;
}
#form1 fieldset{
    float: left;
    width: 80%;
    padding: 0;
    margin: 0 auto;
    border: none;
}
#form1 input[type=submit] {
    background: #2861a7;
    color: #FFF;
    font: inherit;
    padding: .3em .1em;
    width: 150px;
    margin: 0 auto;
    font-weight: bold;
    float: none;
    display: block; 
    font-size: .9em;
}
#form1 input[type=submit]:hover{
    background: #4179A1;
    -webkit-transition: all .3s ease;
}

aside h2{
    color: #84a403;
    text-align: center;
    font-size: 1.3em;
    margin: 1em 0;
}
    
/****** Footer *******/
#datos{
    float: left;
    text-align: left;
    color: #000;
    font-weight: bold;
    font-size: .9em;
    position: relative;
    width: 45%;
    margin-left: 1em;
}
#datos img {
    margin: 0 1em 0 0;
    float: left;
}
#infoadic{
    float: right;
    width: 45%;
    text-align: right;
    margin-right: 1em;
}
#infoadic span.certif{
    color: #636362;
    font-size: .9em;
    font-weight: bold;
}
#infoadic span.copyright{
    font-size: .9em;
    clear: left;
    display: block;
}
/****  ****/
@media (max-width: 800px){
header {
float: left;
position: relative;
width: 100%;
background-image: none;
background-repeat: repeat-x;
}
/*
#menutop {
width: 100%;
}

#menutop ul {
float:none;
text-align: center;
}
#menutop ul li a:hover, #menutop ul li.active a {
background: #fff;
color: #232323;
}
#menutop {
        border-bottom: 0;
        height: auto;

    }
    #menutop ul {
        display: none;
        height: auto;
        background: #fff;
        position: relative; 
        margin: 0;
        padding: 0;
    }
    #menutop ul li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #ccc;
        padding: .3em;

    }
    #menutop ul li a{
        display: block;
        float: none;
        color: #fff;
        background: #0055a0;
    }
    #menutop ul li a.active{
        text-decoration: underline;
    }
    #menutop a#pull {
        display: block;
        width: 100%;
        position: relative;
        padding: 1em 0;
         color: #fff;
        background: #0055a0;
        font-size: 1em;
        text-decoration: none;
        text-align: center;
    }
    #menutop a#pull:after {
        content:"";
        display: inline-block;
    }*/

}