@charset "utf-8";
/* CSS Document */



body { color:#000; font-family: 'Open Sans', sans-serif; font-size:14px;  background:#FFF; line-height: 26px; }




/* LINKS ACTIONS
   ================================================== */


a:link, a:visited, a:active { text-decoration: none;  color:#000;}
a:hover {  text-decoration: none; color:#000; }




#header .contenido .right .top li  a:link { text-decoration: none; color:#ed3642; }
#header .contenido .right .top li  a:visited { text-decoration: none; color:#ed3642 }
#header .contenido .right .top li a:active { text-decoration: none; color:#ed3642 }
#header .contenido .right .top li  a:hover { text-decoration: none; color:#ed3642; }


#credits .container .right a:link  { text-decoration: none; color:#FFF; }
#credits .container .right a:visited { text-decoration: none; color:#FFF }
#credits .container .right a:active { text-decoration: none; color:#FFF }
#credits .container .right a:hover { text-decoration: none; color:#FFF; text-decoration: underline;}



#footer a:link { text-decoration: none; color:#7B7B7B; }
#footer a:visited { text-decoration: none; color:#7B7B7B }
#footer a:active { text-decoration: none; color:#7B7B7B }
#footer a:hover { text-decoration: none; color:#7B7B7B; }






#section .contacto .soporte .info .left .top  a:link { text-decoration: none; color:#f24e55; }
#section .contacto .soporte .info .left .top  a:visited { text-decoration: none; color:#f24e55 }
#section .contacto .soporte .info .left .top  a:active { text-decoration: none; color:#f24e55 }
#section .contacto .soporte .info .left .top  a:hover { text-decoration: none; color:#f24e55; }


/* BUTTONS ================ */


.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 10px 15px; font-size: 15px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn-contactar { color: #ffffff; background-color: #b01525; border-color: #e74c3c; }
.btn-contactar:hover { color: #B01525; background-color: #F9BC41; border-color: #e74c3c; }


.btn-vermas { color: #ffffff; background-color: #F6902F; }
.btn-vermas:hover { color: #ffffff; background-color: #EE2C34; }


.btn-leermas { color: #ffffff; background-color: #0D76BC; width: 120px; height: 20px; }
.btn-leermas:hover { color: #ffffff; background-color: #0E156C; }


.btn-vermas-gris { color: #FFF; background-color: #939598; width: 200px; height: 30px;  margin: 0 auto; padding-top: 4px; }
.btn-vermas-gris:hover { background-color: #EE2C34; }




.btn-lg { padding: 18px 27px; font-size: 19px; line-height: 1.3333333; border-radius: 6px; }
.btn-sm { padding: 6px 9px; font-size: 13px; line-height: 1.5; border-radius: 3px; }
.btn-xs { padding: 1px 5px; font-size: 13px; line-height: 1.5; border-radius: 3px; }




#footer .btnTopArrow { width:48px;  height:48px; position: absolute; z-index: 100; margin-left: 1090px; margin-top: -20px; cursor: pointer; background: url("../img/icons/icon-btn-top-arrow.png") left ;   }

#footer .btnTopArrow:hover { width:48px;  height:48px; position: absolute; z-index: 100; margin-left: 1090px; margin-top: -20px; cursor: pointer; background: url("../img/icons/icon-btn-top-arrow.png") right ;   }


/* ICONS SECTION
   ================================================== */

[class^="icon-"],
[class*=" icon-"] { background-image: url("../../inc/img/icons/sprite.png"); background-repeat: no-repeat; }



.icon-googleMapsColor { background-position:  -17px -14px; width: 150px; height: 31px; float: left; margin-left: 10px;   }
.icon-googleMapsColor { background-position:  -17px -14px; width: 150px; height: 31px; float: left; margin-left: 10px;   }



.icon-servicio { background-position:  -19px -61px; width: 79px; height: 81px; margin: 0 auto;   }
.icon-atencion { background-position:  -124px -64px; width: 82px; height: 74px;   margin: 0 auto;  }
.icon-posicionamiento { background-position:  -228px -59px; width: 79px; height: 83px;   margin: 0 auto;  }
.icon-centro { background-position:  -323px -64px; width: 76px; height: 76px;  margin: 0 auto;   }
.icon-logistica { background-position:  -416px -62px; width: 70px; height: 81px;   margin: 0 auto;  }
.icon-marketing { background-position:  -508px -65px; width: 84px; height: 81px;   margin: 0 auto;  }




.icon-servicioBanner { background-position:  -19px -173px; width: 80px; height: 80px; margin: 0 auto;   }
.icon-atencionBanner { background-position:  -122px -173px; width: 80px; height: 80px;   margin: 0 auto;  }
.icon-posicionamientoBanner { background-position:  -232px -173px; width: 80px; height: 80px;   margin: 0 auto;  }
.icon-centroBanner { background-position:  -337px -173px; width: 80px; height: 80px;  margin: 0 auto;   }
.icon-logisticaBanner { background-position: -441px -173px; width: 80px; height: 80px;   margin: 0 auto;  }
.icon-marketingBanner { background-position:  -550px -173px; width: 80px; height: 80px;   margin: 0 auto;  }






.icon-downloadPDF { background-position: -761px -175px; width: 64px; height: 77px;  margin-left: 8px;   }
.icon-downloadXLS { background-position: -833px -175px; width: 58px; height: 77px;  margin-left: 8px;   }



.icon-bulletCuadro { background-position:  -441px -72px; width: 11px; height: 11px; float: left; margin-right: 10px;   }
.icon-llamarTelefono { background-position: -17px -12px; width: 33px; height: 33px;  margin-right: 10px; margin-top: 6px;   }



/* ========== */



.icon-btn-cross { background-position:  -246px -262px; width: 26px; height: 26px; margin: 0 auto;  }


.icon-bulletCuadroOrange { background-position:  -433px -14px; width: 11px; height: 11px; float: left; margin-right: 10px;   }
.icon-bulletCuadroOrange2 { background-position:  -433px -14px; width: 11px; height: 11px;    }
.icon-bulletTriangleWhite { background-position:  -453px -14px; width: 10px; height: 11px; float: left; margin-right: 10px; margin-top: 5px;   }
.icon-bulletTriangleOrange { background-position:  -411px -11px; width: 15px; height: 18px; float: left; margin-right: 10px; margin-top: 5px;   }

.icon-arrowAzulUp { background-position:  -351px -45px;  width: 19px; height: 18px;   }
.icon-arrowAzulDown { background-position:  -351px -16px;  width: 19px; height: 18px; float: left; margin-left: 60px;  margin-right: 10px;  }


/* Typography
--------------------------------------------------------*/

.small {font-size: 36px; font-weight:300; text-transform: uppercase;}
.smallBold {font-size: 36px; font-weight:700; text-transform: uppercase;}
.medium {font-size: 44px; text-transform: uppercase;}
.mediumBold {font-size: 44px; font-weight:700; text-transform: uppercase;}
.large {font-size: 56px; text-transform: uppercase;}
.largeBold {font-size: 56px; font-weight:700; text-transform: uppercase;}
.author {font-size: 18px; font-weight:300;}

.bold { font-weight:bold;}
.italic { font-style:italic;}
.underline { text-decoration:underline;}
.textCenter { text-align:center;}




/*SIZE FONT */

.fontSize15px { font-size:15px;}
.fontSize16px { font-size:16px;}
.fontSize18px { font-size:18px;}
.fontSize20px { font-size:20px;}



/*STYLES STRUCTURE */

.floatLeft { float:left;}


.clear { clear:both; }


/* shadows and radius  */

.radius10px  { -webkit-bordevr-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.radius16px  { -webkit-bordevr-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.radius20px  { -webkit-bordevr-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.radius5px  { -webkit-bordevr-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.radius3px  { -webkit-bordevr-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.radius3pxTopCorn  { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.radius10px  { -webkit-border-radius: 10px; -moz-border-radius: 10px border-radius:10px; }




/* LIBRARY */

.clear { clear:both; }

.transitionHover { -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; -ms-transition: background 0.5s; transition: background 0.5s;  }

.transitionHoverColor { -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; -ms-transition: color 0.5s; transition: color 0.5s; }


.animeTransition2s {  -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; }