/*GLOBAL*/

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.77);
  font-size: 14px;
}

/*
@media only screen and (min-width: 0) { html { font-size: 14px } }
@media only screen and (min-width: 992px) { html { font-size: 14.5px } }
@media only screen and (min-width: 1200px) { html { font-size: 15px } }
*/

a { color: rgba(0, 0, 0, 0.77) }
a { text-decoration: none }
a.clasic { color: #9bf } /*blue*/
a.clasic:hover { text-decoration: underline }

h1, h2 {
  font-weight: 100;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  line-height: 110%;
}

h1 { font-size: 3.04rem }
h2 { font-size: 2.28rem }
h3 { font-size: 1.96rem }
h4 { font-size: 1.64rem }
h5 { font-size: 1.32rem }
h6 { font-size: 1.16rem }

@media only screen and (max-width: 600px) {
	h1 { font-size: 2.28rem }
	h2 { font-size: 1.64rem }
	h3 { font-size: 1.48rem }
	h4 { font-size: 1.32rem }
	h5 { font-size: 1.16rem }
	h6 { font-size: 1.08rem }
}

/*FONT-SIZE*/

/*small { font-size: 75% }*/
/*#index h1 { font-size: 4.2rem }*/

.fshxl, .fshl, .fshm, .fshs, .fshxs { font-weight: 100 }

/*.fshx { font-size: 4.84rem }/*xlarge-text*/
/*.fshl { font-size: 3.56rem }/*large-text*/
/*.fshm { font-size: 2.28rem }/*medium-text*/
/*.fshs { font-size: 1.64rem }/*small-text*/

.fshxl { font-size: 4.20rem }/*xlarge-text*/
.fshl { font-size: 3.56rem }/*large-text*/
.fshm { font-size: 2.92rem }/*medium-text*/
.fshs { font-size: 2.28rem }/*small-text*/
.fshxs { font-size: 1.64rem }/*xsmall-text*/

/*NEW*/

.fsxxs { font-size: 0.76rem } /*-0.24*/
.fsxxsr { font-size: 0.76rem } /*0.01rem*/

@media only screen and (min-width: 361px) { .fsxxsr { font-size: 0.77rem } }
@media only screen and (min-width: 601px) { .fsxxsr { font-size: 0.78rem } }
@media only screen and (min-width: 993px) { .fsxxsr { font-size: 0.79rem } }
@media only screen and (min-width: 1441px) { .fsxxsr { font-size: 0.80rem } }

.fsxs { font-size: 0.92rem } /*-0.08*/
.fsxsr { font-size: 0.92rem } /*0.02rem*/

@media only screen and (min-width: 361px) { .fsxsr { font-size: 0.94rem } }
@media only screen and (min-width: 601px) { .fsxsr { font-size: 0.96rem } }
@media only screen and (min-width: 993px) { .fsxsr { font-size: 0.98rem } }
@media only screen and (min-width: 1441px) { .fsxsr { font-size: 1.00rem } }

.fss { font-size: 1.00rem } /*0.00*/
.fssr { font-size: 1.00rem } /*0.04rem*/

@media only screen and (min-width: 361px) { .fssr { font-size: 1.04rem } }
@media only screen and (min-width: 601px) { .fssr { font-size: 1.08rem } }
@media only screen and (min-width: 993px) { .fssr { font-size: 1.12rem } }
@media only screen and (min-width: 1441px) { .fssr { font-size: 1.16rem } }

.fsm { font-size: 1.16rem } /*+0.16*/
.fsmr { font-size: 1.16rem } /*0.06rem*/

@media only screen and (min-width: 361px) { .fsmr { font-size: 1.22rem } }
@media only screen and (min-width: 601px) { .fsmr { font-size: 1.28rem } }
@media only screen and (min-width: 993px) { .fsmr { font-size: 1.34rem } }
@media only screen and (min-width: 1441px) { .fsmr { font-size: 1.40rem } }

.fsl { font-size: 1.32rem } /*+0.32*/
.fslr { font-size: 1.32rem } /*0.08rem*/

@media only screen and (min-width: 361px) { .fslr { font-size: 1.40rem } }
@media only screen and (min-width: 601px) { .fslr { font-size: 1.48rem } }
@media only screen and (min-width: 993px) { .fslr { font-size: 1.56rem } }
@media only screen and (min-width: 1441px) { .fslr { font-size: 1.64rem } }

.fsxl { font-size: 1.48rem } /*+0.32+0.16*/
.fsxlr { font-size: 1.48rem } /*0.1rem*/

@media only screen and (min-width: 361px) { .fsxlr { font-size: 1.58rem } }
@media only screen and (min-width: 601px) { .fsxlr { font-size: 1.68rem } }
@media only screen and (min-width: 993px) { .fsxlr { font-size: 1.78rem } }
@media only screen and (min-width: 1441px) { .fsxlr { font-size: 1.88rem } }

.flh13 { line-height: 1.3 }
.flh14 { line-height: 1.4 }
.flh15 { line-height: 1.5 }
.flh16 { line-height: 1.6 }
.flh17 { line-height: 1.7 }


/*WEIGHT*/

.fw1{ font-weight: 100 }
.fw3{ font-weight: 300 }
.fw5{ font-weight: 500 }
.fw7{ font-weight: 700 }
.fwb{ font-weight: bold }


/*TEXT-DECORATION*/

.tdu {text-decoration:underline} /*eliminar fwu*/
.tduh:hover {text-decoration:underline}

/*TEXT-TRANSFORM*/

.ttu {text-transform: uppercase; }

/*TEXT-shadow*/

.ts0 { text-shadow: 5px 5px 10px #000 }
.tb0 { text-shadow: 1px 1px 5px #000, 1px -1px 5px #000, -1px 1px 5px #000, -1px -1px 5px #000 }