
body {
    margin:0;
    padding:0;
}

@media (max-width: 767px) {

    .container{
       /* padding:0 20px 0 20px; */
    }

}

a {
    text-decoration:none!important;
}
.active  a {
    cursor:default;
}

header  {

    border-top:6px #39383F solid;
    background: #FFF;
    border-bottom:2px #39383F solid;

}

header h1 {
    margin:0;
    padding:35px 0 36px 0;
}

header h1 a {

    display:block;
   /*
    text-indent:-9999px;
    background:url(../img/mecamaq.png);
    */
    width:264px;
    height:50px;
}

header ul  li {

    float:left;
    list-style:none;
}
header ul  {
    padding:0;
    margin:0;
}


header ul li a {

    display:block;

    text-align:center;
    text-transform:uppercase;
    font-weight:700;
    font-size:12px;
    color:#427BAD;
    border-radius:100px;

    margin-left:12px;

}

.menu-h {
    padding-top:20px;
}

.menu-h  a,
.btn-m,
.blocks-banners a,
.iosSlider .slider .item .text2 a,
.products-content a {

    letter-spacing:1px;

    line-height:35px;

    width:142px;
    height:36px;

    /*
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    text-shadow:0 1px 0 #fff;

    background: rgb(255,255,255); /* Old browsers */
    /*
    background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(243, 243, 243)  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(243, 243, 243)));
    background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(243, 243, 243) 100%);
    background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(243, 243, 243)  100%);
    background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(243, 243, 243)  100%);
    background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(243, 243, 243)  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee',GradientType=0 );
    */
    padding:1px;
    border:solid 1px #ddd;
}
@media (max-width: 1200px) {

    .menu-h  a {

        width:112px;
    }

}
.menu-h li a:hover,
.btn-m:hover,
.blocks-banners a:hover,
.iosSlider .slider .item .text2 a:hover,
.products-content a:hover,
#title-sMenu .configurador {
    background: rgb(255,255,255); /* Old browsers */
    /*
    background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232, 232, 232) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%, rgb(232, 232, 232)));
    background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232, 232, 232) 100%);
    background: -o-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232, 232, 232) 100%);
    background: -ms-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232, 232, 232) 100%);
    background: linear-gradient(to bottom,  rgb(255,255,255) 0%, rgb(232, 232, 232) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee',GradientType=0 );
    */
    border:solid 1px rgb(237, 237, 237);
}
.menu-h li a:active,
.btn-m:active,
.blocks-banners a:active,
.iosSlider .slider .item .text2 a:active,
.products-content a:active,
#title-sMenu .configurador  {

    -webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);
    box-shadow:inset 0 1px 0 rgba(0,0,0,.1);

    background: rgb(255,255,255); /* Old browsers */
    /*
    background: -moz-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(247, 247, 247) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232, 232, 232)), color-stop(100%, rgb(255,255,255)));
    background: -webkit-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(243, 243, 243) 100%);
    background: -o-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(255,255,255) 100%);
    background: -ms-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(255,255,255) 100%);
    background: linear-gradient(to bottom,  rgb(232, 232, 232) 0%, rgb(255,255,255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee',GradientType=0 );
    */
    border-bottom:solid 1px rgb(255, 255, 255);

}
.menu-h .active a,
#title-sMenu .active .configurador{

    background: rgb(255,255,255); /* Old browsers */
    /*
    background: -moz-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(247, 247, 247) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232, 232, 232)), color-stop(100%, rgb(255,255,255)));
    background: -webkit-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(243, 243, 243) 100%);
    background: -o-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(255,255,255) 100%);
    background: -ms-linear-gradient(top,  rgb(232, 232, 232) 0%, rgb(255,255,255) 100%);
    background: linear-gradient(to bottom,  rgb(232, 232, 232) 0%, rgb(255,255,255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee',GradientType=0 );
    box-shadow:inset 0 0 15px rgba(0,0,0,.2);
    */
    color:#333;
    cursor:pointer;
    border:solid 1px rgb(199, 199, 199);

}

#title-sMenu .active .configurador {
    background: #01273C;
    color: #FFF;
    border: solid 1px #01273C;
}

.menu-lang a {
    opacity:0.5;
    font-size:11px;

}
.menu-lang  {
    margin-right:12px;
}
.menu-lang .active a {
   opacity:1;
}

#title-sMenu {
    min-height:59px;
}

.menu-pres-in .fons-p2,
#title-sMenu {
   /* background:url(../img/h2-bg.png) 20% 0 no-repeat #181818; */
    background: url(../img/fons-empresa.jpg) no-repeat center #01273C;
}

#title-sMenu h2 a {

    color:#427BAD;
}

#title-sMenu h2,
#title-sMenu h3 {
    line-height:21px;
    float:left;
    color:#fff;
    font-weight:300;
    margin-right:0;
    padding-top:9px;
    font-size: 14px;
}
#title-sMenu h3 {
    font-weight:700;
}
#title-sMenu ul {

    float:right;
    margin:0;
    padding-right:0px;
    padding-top:5px;
    padding-bottom:0;

}
#title-sMenu ul li {
    float:left;
    list-style:none;
}
#title-sMenu ul li a {
    display:block;
    color: #427BAD;
    font-weight:500;
    position:relative;
    padding:16px 16px 16px 16px;

}

#title-sMenu  a:hover {
    opacity:0.7;
}

#title-sMenu ul li a:active {
    color:#FFF;
}

#title-sMenu ul .active a {
    color:#FFF;

}

#title-sMenu .configurador {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: #427BAD;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;

    width: 100px;
    height: 28px;
    line-height: 30px;
    padding:1px 5px 1px 5px;
    margin-top:8px;
    margin-left:15px;
}

#title-sMenu .configurador:before {
    display:none;
}

#title-sMenu ul  a:before {
    content:'';
    position:absolute;
    bottom:-2px;
    left:50%;
    margin-left:-3px;
    border:6px solid transparent;
}
#title-sMenu ul .active a:before {
    border-bottom:6px solid #ffffff;
}

#title-sMenu ul  .button-config:before {
  border:0;
}
#title-sMenu .button-config {

    margin-top:11px;
    margin-left:15px;

    text-align:left;

    display:block;

    border:0;

    float:right;
    font-weight:700;

    display:block;

    font-weight:700;
    font-size:small;

    opacity: 1;

    color:#427BAD;

    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;


   padding:4px 17px 4px 17px;
    /*
       -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
       -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
       box-shadow: 0 1px 0 rgba(0,0,0,.1);
   */
       text-shadow:0 1px 0 #fff;

       background: rgb(255,255,255); /* Old browsers */
    /*
    background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(239, 239, 239)  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%, rgb(239, 239, 239)));
    background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%, rgb(239, 239, 239) 100%);
    background: -o-linear-gradient(top,  rgb(255,255,255) 0%, rgb(239, 239, 239) 100%);
    background: -ms-linear-gradient(top,  rgb(255,255,255) 0%, rgb(239, 239, 239) 100%);
    background: linear-gradient(to bottom,  rgb(255,255,255) 0%, rgb(239, 239, 239) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee',GradientType=0 );
    */
}
#title-sMenu .active .button-config {

    background: rgb(102, 102, 102); /* Old browsers */
    /*
    background: -moz-linear-gradient(top, rgb(102, 102, 102) 0%, rgb(136, 136, 136) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(102, 102, 102)), color-stop(100%, rgb(136, 136, 136)));
    background: -webkit-linear-gradient(top, rgb(102, 102, 102) 0%, rgb(136, 136, 136) 100%);
    background: -o-linear-gradient(top, rgb(102, 102, 102) 0%, rgb(136, 136, 136) 100%);
    background: -ms-linear-gradient(top, rgb(102, 102, 102) 0%, rgb(136, 136, 136) 100%);
    background: linear-gradient(to bottom, rgb(102, 102, 102) 0%, rgb(136, 136, 136) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee',GradientType=0 );
    text-shadow:0 1px 0 #555;
    */
    color:#fff;

}
.fons{

    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(240,240,240,1) 100%);
    background: -moz-linear-gradient(top,  rgb(255, 255, 255) 0%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top,  rgb(255, 255, 255) 0%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(240,240,240,1) 100%);
    background: linear-gradient(top,  rgb(255, 255, 255) 0%, rgba(240,240,240,1) 100%);


    -webkit-box-shadow: 0 0px 1px rgba(0,0,0,.6);
    -moz-box-shadow:0  0 1px rgba(0,0,0,.6);
    box-shadow:0 0 1px rgba(0,0,0,.6);
    */
}

@media (min-width: 768px) and (max-width: 979px) {
    header ul li a {
        font-size: 11px;
    }
}

