/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');

@font-face {
  font-family: 'MyriadRoman';
  src: url('../font/myriadroman-webfont.eot');
  src: url('../font/myriadroman-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/myriadroman-webfont.woff2') format('woff2'),
       url('../font/myriadroman-webfont.woff') format('woff'),
       url('../font/myriadroman-webfont.ttf') format('truetype'),
       url('../font/myriadroman-webfont.svg#myriadroman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.7.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
       url('../font/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
       url('../font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
       url('../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* BODY */

body { color: rgb(100,110,120); font-weight: lighter; font-family: 'Hind', 'MyriadRoman', Calibri, Arial, sans-serif; line-height: 20px; font-size: 14px; margin: 0px; background-color: rgb(242,242,242); }
body { background-position: center top; background-repeat: no-repeat; background-size: 100%; }

/* H */

h1 { font-weight: lighter; font-family: 'Hind', 'MyriadRoman', sans-serif; font-size: 24px; letter-spacing: normal; line-height: 30px; margin: 0px 0px 15px 0px; }
h2 { font-weight: lighter; font-family: 'Hind', 'MyriadRoman', sans-serif; font-size: 30px; letter-spacing: -0.5px; line-height: 38px; margin: 0px 0px 15px 0px; }
h3 { font-weight: normal; font-family: 'Hind', 'MyriadRoman', sans-serif; font-size: 42px; letter-spacing: -0.5px; line-height: 50px; margin: 0px 0px 15px 0px; }
h4 { font-weight: normal; font-family: 'Hind', 'MyriadRoman', sans-serif; font-size: 56px; letter-spacing: -0.5px; line-height: 60px; margin: 0px 0px 15px 0px; }
h5 {  }
h6 {  }

/* P */

p { font-weight: lighter; margin: 0px 0px 15px 0px; }

/* A */

a { text-decoration: none; color: rgb(0,150,255); }
a:hover { color: rgb(0,0,0); }
a:focus { color: rgb(0,0,0); }
a:visited { text-decoration: none; }

/* FLOAT */

.f_l { float: left !important; }
.f_r { float: right !important; }

/* TEXT */

.t_l { text-align: left !important; }
.t_r { text-align: right !important; }
.t_c { text-align: center !important; }
.t_j { text-align: justify !important; }

.ts_12 { font-size: 12px !important; line-height: 16px !important; }
.ts_14 { font-size: 14px !important; line-height: 20px !important; }
.ts_16 { font-size: 16px !important; line-height: 24px !important; }
.ts_18 { font-size: 18px !important; line-height: 26px !important; }
.ts_20 { font-size: 20px !important; }
.ts_22 { font-size: 22px !important; }
.ts_24 { font-size: 24px !important; }
.ts_28 { font-size: 28px !important; }
.ts_36 { font-size: 36px !important; }

/* PADING */

.p_5 { padding: 5px !important; box-sizing: border-box !important; }
.p_10 { padding: 10px !important; box-sizing: border-box !important; }
.p_20 { padding: 20px !important; box-sizing: border-box !important; }
.p_30 { padding: 30px !important; box-sizing: border-box !important; }
.p_40 { padding: 30px !important; box-sizing: border-box !important; }
.p_50 { padding: 50px !important; box-sizing: border-box !important; }
.p_60 { padding: 60px !important; box-sizing: border-box !important; }
.p_70 { padding: 70px !important; box-sizing: border-box !important; }
.p_80 { padding: 80px !important; box-sizing: border-box !important; }
.p_90 { padding: 90px !important;  box-sizing: border-box !important; }
.p_100 { padding: 100px !important; box-sizing: border-box !important; }

.p_y_5 { padding-top: 5px !important; padding-bottom: 5px !important; box-sizing: border-box !important; }
.p_y_10 { padding-top: 10px !important; padding-bottom: 10px !important; box-sizing: border-box !important; }
.p_y_20 { padding-top: 20px !important; padding-bottom: 20px !important; box-sizing: border-box !important; }
.p_y_30 { padding-top: 30px !important; padding-bottom: 30px !important; box-sizing: border-box !important; }
.p_y_40 { padding-top: 40px !important; padding-bottom: 40px !important; box-sizing: border-box !important; }
.p_y_50 { padding-top: 50px !important; padding-bottom: 50px !important; box-sizing: border-box !important; }
.p_y_60 { padding-top: 60px !important; padding-bottom: 60px !important; box-sizing: border-box !important; }
.p_y_70 { padding-top: 70px !important; padding-bottom: 70px !important; box-sizing: border-box !important; }
.p_y_80 { padding-top: 80px !important; padding-bottom: 80px !important; box-sizing: border-box !important; }
.p_y_90 { padding-top: 90px !important; padding-bottom: 90px !important; box-sizing: border-box !important; }
.p_y_100 { padding-top: 100px !important; padding-bottom: 100px !important; box-sizing: border-box !important; }

.p_x_5 { padding-left: 5px !important; padding-right: 5px !important; box-sizing: border-box !important; }
.p_x_10 { padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; }
.p_x_20 { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; }
.p_x_30 { padding-left: 30px !important; padding-right: 30px !important; box-sizing: border-box !important; }
.p_x_40 { padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box !important; }
.p_x_50 { padding-left: 50px !important; padding-right: 50px !important; box-sizing: border-box !important; }
.p_x_60 { padding-left: 60px !important; padding-right: 60px !important; box-sizing: border-box !important; }
.p_x_70 { padding-left: 70px !important; padding-right: 70px !important; box-sizing: border-box !important; }
.p_x_80 { padding-left: 80px !important; padding-right: 80px !important; box-sizing: border-box !important; }
.p_x_90 { padding-left: 90px !important; padding-right: 90px !important; box-sizing: border-box !important; }
.p_x_100 { padding-left: 100px !important; padding-right: 100px !important; box-sizing: border-box !important; }

.p_t_5 { padding-top: 5px !important; box-sizing: border-box !important; }
.p_t_10 { padding-top: 10px !important; box-sizing: border-box !important; }
.p_t_20 { padding-top: 20px !important; box-sizing: border-box !important; }
.p_t_30 { padding-top: 30px !important; box-sizing: border-box !important; }
.p_t_40 { padding-top: 40px !important; box-sizing: border-box !important; }
.p_t_50 { padding-top: 50px !important; box-sizing: border-box !important; }
.p_t_60 { padding-top: 60px !important; box-sizing: border-box !important; }
.p_t_70 { padding-top: 70px !important; box-sizing: border-box !important; }
.p_t_80 { padding-top: 80px !important; box-sizing: border-box !important; }
.p_t_90 { padding-top: 90px !important; box-sizing: border-box !important; }
.p_t_100 { padding-top: 100px !important; box-sizing: border-box !important; }

.p_b_5 { padding-bottom: 5px !important; box-sizing: border-box !important; }
.p_b_10 { padding-bottom: 10px !important; box-sizing: border-box !important; }
.p_b_20 { padding-bottom: 20px !important; box-sizing: border-box !important; }
.p_b_30 { padding-bottom: 30px !important; box-sizing: border-box !important; }
.p_b_40 { padding-bottom: 40px !important; box-sizing: border-box !important; }
.p_b_50 { padding-bottom: 50px !important; box-sizing: border-box !important; }
.p_b_60 { padding-bottom: 60px !important; box-sizing: border-box !important; }
.p_b_70 { padding-bottom: 70px !important; box-sizing: border-box !important; }
.p_b_80 { padding-bottom: 80px !important; box-sizing: border-box !important; }
.p_b_90 { padding-bottom: 90px !important; box-sizing: border-box !important; }
.p_b_100 { padding-bottom: 100px !important; box-sizing: border-box !important; }

.p_l_5 { padding-left: 5px !important; box-sizing: border-box !important; }
.p_l_10 { padding-left: 10px !important; box-sizing: border-box !important; }
.p_l_20 { padding-left: 20px !important; box-sizing: border-box !important; }
.p_l_30 { padding-left: 30px !important; box-sizing: border-box !important; }
.p_l_40 { padding-left: 40px !important; box-sizing: border-box !important; }
.p_l_50 { padding-left: 50px !important; box-sizing: border-box !important; }
.p_l_60 { padding-left: 60px !important; box-sizing: border-box !important; }
.p_l_70 { padding-left: 70px !important; box-sizing: border-box !important; }
.p_l_80 { padding-left: 80px !important; box-sizing: border-box !important; }
.p_l_90 { padding-left: 90px !important; box-sizing: border-box !important; }
.p_l_100 { padding-left: 100px !important; box-sizing: border-box !important; }

.p_r_5 { padding-right: 5px !important; box-sizing: border-box !important; }
.p_r_10 { padding-right: 10px !important; box-sizing: border-box !important; }
.p_r_20 { padding-right: 20px !important; box-sizing: border-box !important; }
.p_r_30 { padding-right: 30px !important; box-sizing: border-box !important; }
.p_r_40 { padding-right: 40px !important; box-sizing: border-box !important; }
.p_r_50 { padding-right: 50px !important; box-sizing: border-box !important; }
.p_r_60 { padding-right: 60px !important; box-sizing: border-box !important; }
.p_r_70 { padding-right: 70px !important; box-sizing: border-box !important; }
.p_r_80 { padding-right: 80px !important; box-sizing: border-box !important; }
.p_r_90 { padding-right: 90px !important; box-sizing: border-box !important; }
.p_r_100 { padding-right: 100px !important; box-sizing: border-box !important; }

/* MARGIN */

.m_c { margin: 0px auto 0px auto !important; }

.m_5 { margin: 5px !important; }
.m_10 { margin: 10px !important; }
.m_20 { margin: 20px !important; }
.m_30 { margin: 30px !important; }
.m_40 { margin: 30px !important; }
.m_50 { margin: 50px !important; }
.m_60 { margin: 60px !important; }
.m_70 { margin: 70px !important; }
.m_80 { margin: 80px !important; }
.m_90 { margin: 90px !important; }
.m_100 { margin: 100px !important; }

.m_y_5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.m_y_10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.m_y_20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.m_y_30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.m_y_40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.m_y_50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.m_y_60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.m_y_70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.m_y_80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.m_y_90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.m_y_100 { margin-top: 100px !important; margin-bottom: 100px !important; }

.m_x_5 { margin-left: 5px !important; margin-right: 5px !important; }
.m_x_10 { margin-left: 10px !important; margin-right: 10px !important; }
.m_x_20 { margin-left: 20px !important; margin-right: 20px !important; }
.m_x_30 { margin-left: 30px !important; margin-right: 30px !important; }
.m_x_40 { margin-left: 40px !important; margin-right: 40px !important; }
.m_x_50 { margin-left: 50px !important; margin-right: 50px !important; }
.m_x_60 { margin-left: 60px !important; margin-right: 60px !important; }
.m_x_70 { margin-left: 70px !important; margin-right: 70px !important; }
.m_x_80 { margin-left: 80px !important; margin-right: 80px !important; }
.m_x_90 { margin-left: 90px !important; margin-right: 90px !important; }
.m_x_100 { margin-left: 100px !important; margin-right: 100px !important; }

.m_t_5 { margin-top: 5px !important; }
.m_t_10 { margin-top: 10px !important; }
.m_t_20 { margin-top: 20px !important; }
.m_t_30 { margin-top: 30px !important; }
.m_t_40 { margin-top: 40px !important; }
.m_t_50 { margin-top: 50px !important; }
.m_t_60 { margin-top: 60px !important; }
.m_t_70 { margin-top: 70px !important; }
.m_t_80 { margin-top: 80px !important; }
.m_t_90 { margin-top: 90px !important; }
.m_t_100 { margin-top: 100px !important; }

.m_b_5 { margin-bottom: 5px !important; }
.m_b_10 { margin-bottom: 10px !important; }
.m_b_20 { margin-bottom: 20px !important; }
.m_b_30 { margin-bottom: 30px !important; }
.m_b_40 { margin-bottom: 40px !important; }
.m_b_50 { margin-bottom: 50px !important; }
.m_b_60 { margin-bottom: 60px !important; }
.m_b_70 { margin-bottom: 70px !important; }
.m_b_80 { margin-bottom: 80px !important; }
.m_b_90 { margin-bottom: 90px !important; }
.m_b_100 { margin-bottom: 100px !important; }

.m_l_5 { margin-left: 5px !important; }
.m_l_10 { margin-left: 10px !important; }
.m_l_20 { margin-left: 20px !important; }
.m_l_30 { margin-left: 30px !important; }
.m_l_40 { margin-left: 40px !important; }
.m_l_50 { margin-left: 50px !important; }
.m_l_60 { margin-left: 60px !important; }
.m_l_70 { margin-left: 70px !important; }
.m_l_80 { margin-left: 80px !important; }
.m_l_90 { margin-left: 90px !important; }
.m_l_100 { margin-left: 100px !important; }

.m_r_5 { margin-right: 5px !important; }
.m_r_10 { margin-right: 10px !important; }
.m_r_20 { margin-right: 20px !important; }
.m_r_30 { margin-right: 30px !important; }
.m_r_40 { margin-right: 40px !important; }
.m_r_50 { margin-right: 50px !important; }
.m_r_60 { margin-right: 60px !important; }
.m_r_70 { margin-right: 70px !important; }
.m_r_80 { margin-right: 80px !important; }
.m_r_90 { margin-right: 90px !important; }
.m_r_100 { margin-right: 100px !important; }

/* RESPONSIVE */

/* Tableta horizontal */
@media (max-width: 1090px) {
  body { background-size: 1400px !important; }
}

/* Tableta vertical */
@media (max-width: 790px) {
  body { background-size: 1500px !important; }
}

/* Móvil vertical */
@media (max-width: 390px) {
  
}

/**/