/*Firma*/

/*
    FUENTE BASICA
*/
/*Font Merkamedios Creative Agency */
@font-face {
    font-family: 'icomoon';
    src:url('../MCAFirma/fonts/icomoon.eot?jau3es');
    src:url('../MCAFirma/fonts/icomoon.eot?#iefixjau3es') format('embedded-opentype'),
        url('../MCAFirma/fonts/icomoon.woff?jau3es') format('woff'),
        url('../MCAFirma/fonts/icomoon.ttf?jau3es') format('truetype'),
        url('../MCAFirma/fonts/icomoon.svg?jau3es#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-M-MCA-logo:before {
    content: "\e600";
    position: relative;
    padding: 0 5px;
}
/*
    ESTILOS FIRMA
*/
/*Firma Footer*/
.mcaFirma {
    float: right;
    position: relative;
}
    
    /*Icon*/
    .mcaFirma .love:after {
        color: #AAAAAA;
    }
    .mcaFirma div:hover i.love:before {
        color: red;
        -o-transition:color .5s ease-out, background 1s ease-in;
          -ms-transition:color .5s ease-out, background 1s ease-in;
          -moz-transition:color .5s ease-out, background 1s ease-in;
          -webkit-transition:color .5s ease-out, background 1s ease-in;
          /* ...and now override with proper CSS property */
          transition:color .5s ease-out, background 1s ease-in;
    }

     /*M*/
    .mcaFirma .m:after {
        color: #AAAAAA;
        font-size: 10px;
    }
    .mcaFirma div:hover i.m:before {
        color: #fff;
        -o-transition:color .5s ease-out, background 1s ease-in;
          -ms-transition:color .5s ease-out, background 1s ease-in;
          -moz-transition:color .5s ease-out, background 1s ease-in;
          -webkit-transition:color .5s ease-out, background 1s ease-in;
          /* ...and now override with proper CSS property */
          transition:color .5s ease-out, background 1s ease-in;
    }

    /*Merkamedios text*/
    .mcaFirma a  {
        color: #AAAAAA !important;
    }
    .mcaFirma:hover a  {
        color: #fff !important;
        text-decoration: none !important;
        -o-transition:color .5s ease-out, background 1s ease-in;
          -ms-transition:color .5s ease-out, background 1s ease-in;
          -moz-transition:color .5s ease-out, background 1s ease-in;
          -webkit-transition:color .5s ease-out, background 1s ease-in;
          /* ...and now override with proper CSS property */
          transition:color .5s ease-out, background 1s ease-in;
    }

    .text-muted {
        color: #777 !important;
        font-size: 10px !important;
    }




    .contact_icon i,
.top-header-list i  {
	color: #EA2027 !important;
}

.color-rojo {
	color: #f81119 !important;
}

#color-rojo {
	color: #f81119 !important;
}

.boxCentro {
	text-align: center;
}

.boxCentrada {

	margin: 0 auto; 
	text-align: left;
}

#blanco  {
	color: #fff !important;
	text-align: center !important;
	font-size: 40px;
}


.verde {
	color: #009432;
}

.rojo {
  color: #f81119;
}

.amarillo {
  color: #ffe118 !important
}
.justify,
.justify p {
	text-align: justify;
}


.src_close {
    right: 2px;

}

.boxAds {
  display: table;
  width: 100%
}

.Flotas,
 .Vales  {

    vertical-align: middle;
    display: table-cell; vertical-align: middle;

  }

.Flotas  p {
  color: #fff !important;
  margin: 50px 0 50px;
}



.Vales  p {
  color: #fff !important;
  margin: 50px 0 50px;
}