* {
    margin:0;
    padding:0;
}
* body {
    background:#fff url(../images/bg.gif) repeat-x;
    color:#444;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    margin:50px 0 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display: block;
}
h1 {
    float:left;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:x-large;
    font-weight:normal;
}
h1 a {
    text-decoration:none;
    padding-left: 7%;
}
h2 {
    color:#FFF2B3;
    font-size:1.5em;
    font-weight:normal;
    margin:0 0 .8em;
}
h3 {
    border-bottom:1px solid #eee;
    font-size:1.5em;
    margin:0 0 .8em;
}
p {
    line-height:1.8em;
    margin:0 0 2em 0;
}
em {
    border-bottom:1px dotted #fff;
    cursor:pointer;
}
a {
    color:#9D2900;
}
a:hover {
    color:#A0000E;
    text-decoration:none;
}
img {
    border:0;
}
.red {
    color:#9D2900;
}
.wrap {
    margin:0 auto;
    width:900px;
}
header {
    margin:0 auto;
    width:900px;
}
header h1{
    margin-bottom: 2em;
    margin-left: 2%;
    width: 90%;
     margin-top: 40px;

}
nav a#pull{
    display:none;
}
#menu {
    list-style:none;
    margin-bottom:10px;
    padding:0;
}
#menu li {
    display:inline;
    float:left;
}
#menu a {
    color:#000000;
    display:block;
    float:left;
    font-size:13px;
    margin-left:0px;
    padding:7px;
    text-decoration:none;

}
#menu a:hover {
    border-bottom:2px solid #ccc;
    color:#000;
}
#menu .active a {
    border-bottom:2px solid #C70012;
    color:#9D2900;
}
#teaser {
    background:#fff url(../images/MZbanner.png) no-repeat;
    clear:both;
    height:259px;
}
.box {
    color:#C7E3EE;
    float:left;
    padding:66px 1% 0;
    width:480px;
    height:193px;
    background-color: #006231;
}
#image {
    background:url(../images/logotype.jpg) no-repeat top right;
    float:right;
    height:258px;
    position:relative;
    top:16px;
    width:388px;
}
#bar {
    background:url(../images/bar.gif) repeat-x;
    height:40px;
    margin:0 0 30px;
    padding:8px 0 0 0;
}
.step {
    background:url(../images/step.gif) no-repeat;
    color:#FAFDDD;
    cursor:pointer;
    float:left;
    font-size:1.4em;
    height:30px;
    margin:0 35px 0 0;
    padding:4px 0 0 11px;
    text-align:center;
}
.step a {
    color:#fff;
    margin:0 10px 0 10px;
}
.col {
    float:left;
    margin:0 30px 16px 0;
    width:276px;
}
.quality{
    margin:0 30px 16px 0;
    width:100%;
    max-width: 850px;
    *max-width: 850px;
}
.last {
    float:right;
    margin:0;
}
.info {
    background:#f4f4f4;
    border:1px solid #e0e0e0;
    padding:7px;
}
.enfasis{
    background-color: #006231;
    color: #fff;
    text-align:center;  
    font-size: 1.95em;
 }
//Menu nuevo
#navigation {
    margin: 30px 0;	
    font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #444;
}

#navigation:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#navigation ul {	
    float: left;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

#navigation li {
    float: left;
    border-style: solid; 
    border-width: 1px;
    border-color: #BABABA #BABABA #BABABA #FFF;
    box-shadow: 0 1px rgba(255,255,255,1) inset;
    -webkit-box-shadow: 0 1px rgba(255,255,255,1) inset;
    background: #F7F7F7; /* Old browsers */
    background: -moz-linear-gradient(top, #F7F7F7 0%, #EDEDED 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EDEDED)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* IE10+ */
    background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EDEDED',GradientType=0 ); /* IE6-9 */	
}

#navigation li:hover, #navigation li.current {
    box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    border-color: #262626 !important;
    background: #f74d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #f74d4d 0%, #992626 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74d4d), color-stop(100%,#992626)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f74d4d 0%,#992626 100%); /* IE10+ */
    background: linear-gradient(top, #f74d4d 0%,#992626 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f74d4d', endColorstr='#992626',GradientType=0 ); /* IE6-9 */
}

#navigation a {
    display: block;
    padding: 10px 8px;
    color: #444;
    text-decoration: none;
    text-shadow: 0 1px #FFF;
}

#navigation a:hover, #navigation li.current a {
    color: #FFF;
    text-shadow: 0 1px #000;
}

#navigation li:first-child {
    border-left-color: #BABABA;
    border-radius: 10px 0 0 10px;
}

#navigation li:last-child {
    border-radius: 0 10px 10px 0;
}
// fin menu nuevo

/******TABLE*******/
table{
    width: 425px;
}
.wrap .col.last table, .quality table {
    text-align: center;
    color: #fff;
    font-size: 14px;
}
th{
    background-color:#1c1c1c;
}
td{
    background-color:#006337
}
th.th143{
    width:143px;
}
th.th270{
    width:270px;
}
/****** Contact Area  ********/

#contact-area-eng article{
    margin-top: 15px;

}
#contact-area-eng article p{
    margin-bottom: 5px;

}
#contact-area-eng #submit input, #contact-area #submit input{
    width: 430px;
}
#Message{
    width:427px;
    height:150px;
}
.clearfix{ clear:both;}
/***** FOOTER ******/
footer{
    background:#fff;
    border-top:1px solid #e0e0e0;
    clear:both;
    margin:0 auto;
    padding:15px;
    width:900px;
}
footer .right {
    float:right;
    margin:0 55px 0 0;
}
footer a {
    color:#808080;
    font-weight:bold;
}

/****** MEDIA QUERY *****/

/* Smartphones (portrait and landscape) ----------- */


/* Smartphones (portrait) ----------- */
@media screen 
and (min-width : 320px) 
and (max-width : 480px) {
    /* Styles */
    body{
        font-size: 14px;
    }
    #bar{
        display:none;
    }
    #teaser{
        width:100%;
        background: #016237;
        height: auto;
    }
    #teaser #image{
        display: none;
    }
    #teaser .box{
        float:none;
        width:100%;
        padding: 20px 0 1px;
    }
    #menu{
        display:none;
    }
    .logop{
        width: 85%;
    }
    .logob{
        width: 7%;
    }
    h1 a{
        padding-left: 1px; 
    }
    header h1{
        width: 96%;
    }
    #menu li{
        width: 100%;
        border-top: 1px solid gray;
    }
    #menu a{
        display: inline-block;
    }
    #menu a:hover, #menu .active a{
        border:none;
    }
    nav a#pull{
        display: block;
        background-color: rgb(40, 55, 68);
        width: 100%;
        text-align: center;
        padding-top:10px;
        margin-bottom: 20px;
    }
    nav a#pull:after {
        content:"";
        background: url('../images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        right: 15px;
        top: 10px;
    }
    .wrap{
        width: 90%;
        margin:0 auto;
    }
    .wrap img{ width: 100%;}
    .col{
        width: 90%;
    }
    .wrap .last{
        float:left;
    }
    header{
        width: 100%;
    }
    footer{
        width: 90%;
        margin: 0 auto;
    }
    header a+a+a img{
        //width: 100%;
    }
    #Message{
        width:100%;
        height:150px;
    }
    #contact-area-eng #submit input, #contact-area-eng input, #contact-area input, #contact-area #submit input{
        width: 100%;
        height:  30px;
    }
    #tarifas, #tarifas table{
        width:100%;
    }
    #tarifas table th, #tarifas table td{
        height: 30px;
    }

    //Menu nuevo
    #navigation {
        margin: 30px 0;	
        font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #444;
    }

    #navigation:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #navigation ul {	
        float: left;
        border-radius: 0px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
        overflow: hidden;
    }

    #navigation li {
        float: left;
        border-style: solid; 
        border-width: 1px;
        border-color: #BABABA #BABABA #BABABA #FFF;
        box-shadow: 0 1px rgba(255,255,255,1) inset;
        -webkit-box-shadow: 0 1px rgba(255,255,255,1) inset;
        background: #F7F7F7; /* Old browsers */
        background: -moz-linear-gradient(top, #F7F7F7 0%, #EDEDED 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EDEDED)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* IE10+ */
        background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EDEDED',GradientType=0 ); /* IE6-9 */	
    }

    #navigation li:hover, #navigation li.current {
        box-shadow: 0 1px rgba(255,255,255,0.2) inset;
        -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
        border-color: #262626 !important;
        background: #f74d4d; /* Old browsers */
        background: -moz-linear-gradient(top, #f74d4d 0%, #992626 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74d4d), color-stop(100%,#992626)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f74d4d 0%,#992626 100%); /* IE10+ */
        background: linear-gradient(top, #f74d4d 0%,#992626 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f74d4d', endColorstr='#992626',GradientType=0 ); /* IE6-9 */
    }

    #navigation a {
        display: block;
        padding: 10px 25px;
        color: #444;
        text-decoration: none;
        text-shadow: 0 1px #FFF;
    }

    #navigation a:hover, #navigation li.current a {
        color: #FFF;
        text-shadow: 0 1px #000;
    }

    #navigation li:first-child {
        border-left-color: #BABABA;
        border-radius: 0px 0 0 0px;
    }

    #navigation li:last-child {
        border-radius: 0 0px 0px 0;
    }
    // fin menu nuevo
}

@media screen 
and (min-width : 480px) 
and (max-width : 640px) {
    /* Styles */
    body{
        font-size: 14px;
    }
    #bar{
        display:none;
    }
    #teaser{
        width:100%;
        background: #016237;
        height: auto;
    }
    #teaser #image{
        display: none;
    }
    #teaser .box{
        float:none;
        width:100%;
        padding: 20px 0 1px;
    }
    #menu{
        display:none;
    }

    #menu li{
        width: 100%;
        border-top: 1px solid gray;
    }
    #menu a{
        display: inline-block;
    }
    #menu a:hover, #menu .active a{
        border:none;
    }
    nav a#pull{
        display: block;
        background-color: rgb(40, 55, 68);
        width: 100%;
        text-align: center;
        padding-top:10px;
        margin-bottom: 20px;
    }
    nav a#pull:after {
        content:"";
        background: url('../images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        right: 15px;
        top: 10px;
    }
    .col{
        width: 40%;

    }
    .col h3{
        font-size: 1.8em;
    }
    .wrap .last{
        float:left;
    }
    header{
        width: 100%;
    }
    footer{
        width: 90%;
        margin: 0 auto;
    }
    header a+a+a img{
        //width: 100%;
    }
    .wrap{
        width: 90%;
        margin: 0 auto;
    }
    .wrap img{ width: 100%;}
    #Message{
        width:100%;
        height:150px;
    }
    #contact-area-eng #submit input, #contact-area-eng input, #contact-area input, #contact-area #submit input{
        width: 100%;
        height:  30px;
    }
    #tarifas, #tarifas table{
        width:100%;
    }
    #tarifas table th, #tarifas table td{
        height: 30px;
    }
    //Menu nuevo
    #navigation {
        margin: 30px 0;	
        font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #444;
    }

    #navigation:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #navigation ul {	
        float: left;
        border-radius: 100px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
        overflow: hidden;
    }

    #navigation li {
        float: left;
        border-style: solid; 
        border-width: 1px;
        border-color: #BABABA #BABABA #BABABA #FFF;
        box-shadow: 0 1px rgba(255,255,255,1) inset;
        -webkit-box-shadow: 0 1px rgba(255,255,255,1) inset;
        background: #F7F7F7; /* Old browsers */
        background: -moz-linear-gradient(top, #F7F7F7 0%, #EDEDED 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EDEDED)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* IE10+ */
        background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EDEDED',GradientType=0 ); /* IE6-9 */	
    }

    #navigation li:hover, #navigation li.current {
        box-shadow: 0 1px rgba(255,255,255,0.2) inset;
        -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
        border-color: #262626 !important;
        background: #f74d4d; /* Old browsers */
        background: -moz-linear-gradient(top, #f74d4d 0%, #992626 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74d4d), color-stop(100%,#992626)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f74d4d 0%,#992626 100%); /* IE10+ */
        background: linear-gradient(top, #f74d4d 0%,#992626 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f74d4d', endColorstr='#992626',GradientType=0 ); /* IE6-9 */
    }

    #navigation a {
        display: block;
        padding: 10px 25px;
        color: #444;
        text-decoration: none;
        text-shadow: 0 1px #FFF;
    }

    #navigation a:hover, #navigation li.current a {
        color: #FFF;
        text-shadow: 0 1px #000;
    }

    #navigation li:first-child {
        border-left-color: #BABABA;
        border-radius: 100px 0 0 100px;
    }

    #navigation li:last-child {
        border-radius: 0 100px 100px 0;
    }
    // fin menu nuevo
}
@media screen 
and (min-width : 640px) 
and (max-width : 920px) {
    /* Styles */
    body{
        font-size: 14px;
    }
    #bar{
        display:none;
    }
    #teaser{
        width:100%;
        background: #016237;
        height: auto;
    }
    #teaser #image{
        display: none;
    }
    #teaser .box{
        float:none;
        width:100%;
        padding: 20px 0 1px;
    }
    #menu{
        display:none;
    }

    #menu li{
        width: 100%;
        border-top: 1px solid gray;
    }
    #menu a{
        display: inline-block;
    }
    #menu a:hover, #menu .active a{
        border:none;
    }
    nav a#pull{
        display: block;
        background-color: rgb(40, 55, 68);
        width: 100%;
        text-align: center;
        padding-top:10px;
        margin-bottom: 20px;
    }
    nav a#pull:after {
        content:"";
        background: url('../images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        right: 15px;
        top: 10px;
    }
    .col{
        width: 40%;

    }
    .col h3{
        font-size: 1.8em;
    }
    .wrap .last{
        float:left;
    }
    header{
        width: 100%;
    }
    footer{
        width: 90%;
        margin: 0 auto;
    }
    header a+a+a img{
        //width: 100%;
    }
    .wrap{
        width: 90%;
        margin: 0 auto;
    }
    .wrap img{ width: 100%;}
    #Message{
        width:100%;
        height:150px;
    }
    #contact-area-eng #submit input, #contact-area-eng input, #contact-area input, #contact-area #submit input{
        width: 100%;
        height:  30px;
    }
    #tarifas, #tarifas table{
        width:100%;
    }
    #tarifas table th, #tarifas table td{
        height: 30px;
    }
    //Menu nuevo
    #navigation {
        margin: 30px 0;	
        font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #444;
    }

    #navigation:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #navigation ul {	
        float: left;
        border-radius: 100px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
        overflow: hidden;
    }

    #navigation li {
        float: left;
        border-style: solid; 
        border-width: 1px;
        border-color: #BABABA #BABABA #BABABA #FFF;
        box-shadow: 0 1px rgba(255,255,255,1) inset;
        -webkit-box-shadow: 0 1px rgba(255,255,255,1) inset;
        background: #F7F7F7; /* Old browsers */
        background: -moz-linear-gradient(top, #F7F7F7 0%, #EDEDED 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EDEDED)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* IE10+ */
        background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EDEDED',GradientType=0 ); /* IE6-9 */	
    }

    #navigation li:hover, #navigation li.current {
        box-shadow: 0 1px rgba(255,255,255,0.2) inset;
        -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
        border-color: #262626 !important;
        background: #f74d4d; /* Old browsers */
        background: -moz-linear-gradient(top, #f74d4d 0%, #992626 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f74d4d), color-stop(100%,#992626)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f74d4d 0%,#992626 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f74d4d 0%,#992626 100%); /* IE10+ */
        background: linear-gradient(top, #f74d4d 0%,#992626 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f74d4d', endColorstr='#992626',GradientType=0 ); /* IE6-9 */
    }

    #navigation a {
        display: block;
        padding: 10px 25px;
        color: #444;
        text-decoration: none;
        text-shadow: 0 1px #FFF;
    }

    #navigation a:hover, #navigation li.current a {
        color: #FFF;
        text-shadow: 0 1px #000;
    }

    #navigation li:first-child {
        border-left-color: #BABABA;
        border-radius: 100px 0 0 100px;
    }

    #navigation li:last-child {
        border-radius: 0 100px 100px 0;
    }
    // fin menu nuevo
}