/* FONT-SIZES - MEDIA QUERIES
-------------------------------------------------- */

@media (min-width:1800px) {
  body {
    font-size:17px;
    line-height: 25px;
  }
  .varela {
    font-size:1em
  }
  .caption-header {
    font-size:1em;
    line-height:2.1em;
  }
  .caption-separator {
    line-height: 1em;
  }  
  .caption-description {
    font-size:1.173em;
    line-height: 1.173em;
  }
  .box .caption-8 { 
  }
  .less-sz-1 {
    font-size:1.1em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 0.8em;
    line-height: 1.5em;
  }
}

@media (min-width:1600px) and (max-width:1800px) {
  body {
    font-size:17px;
    line-height: 24px;
  }
  .varela {
    font-size:1em
  }
  .caption-header {
    font-size:1em;
    line-height:2.1em;
  }
  .caption-separator {
    line-height: 1em;
  }  
  .caption-description {
    font-size:1.173em;
    line-height: 1.173em;
  }
  .box .caption-8 { 
  }
  .less-sz-1 {
    font-size:1.1em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 0.8em;
    line-height: 1.5em;
  }
}

@media (min-width:1400px) and (max-width:1600px) {
  body {
    font-size:16px;
    line-height: 23px;
  }
  .varela {
    font-size:1em
  }
  .caption-header {
    font-size:1em
  }
  .caption-separator {
    line-height: 1em;
  }  
  .caption-description {
    font-size:1.173em;
    line-height: 1.173em;
  }
  .box .caption-8 { 
  }
  .less-sz-1 {
    font-size:1.1em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 0.8em;
    line-height: 1.5em;
  }
}

@media (min-width:1200px) and (max-width:1400px) {
  body {
    font-size:14px;
    line-height: 22px;
  }
  .varela {
    font-size:1em
  }
  .caption-header {
    font-size:1em
  }
  .caption-separator {
    line-height: 1em;
  }  
  .caption-description {
    font-size:1.173em;
    line-height: 1.173em;
  }
  .box .caption-8 { 
    height:64px;
    padding: 0 45px;
  }
  .less-sz-1 {
    font-size:1.1em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 1em;
    line-height: 1.5em;
  }
}

@media (min-width:992px) and (max-width:1200px) {
  body {
    font-size:14px;
    line-height: 18px;
  }
  .varela {
    font-size:0.95em
  }
  .caption-header {
    font-size:1em
  }
  .caption-separator {
    line-height: 0.85em;
  }
  .caption-description {
    font-size:1.173em;
    line-height: 1.173em;
  }
  .box .caption-8 { 
    height:64px;
    padding: 0 20px;
  }
  .less-sz-1 {
    font-size:0.9em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 1em;
    line-height: 1.5em;
  }
  .less-sz-5 {
    line-height: 1.5em;
  }

  .btn_recibir_info p {
    font-size: 1em;
  }
  .btn_transcantabrico, .btn_alandalus, .btn_robla {
    font-size: 0.7em;
  }
  .btn_transcantabrico.superior, .btn_alandalus.superior, .btn_robla.superior {
    font-size: 0.7em;
  }
  .btn_transcantabrico.activo, .btn_alandalus.activo, .btn_robla.activo {
    font-size: 0.7em;
  }
  

    #ulMenuTranscantabrico a, #ulMenuAlAndalus a {
      font-size: 0.9em;
    }

}

@media (min-width:768px) and (max-width:992px) {
  body {
    font-size:14px;
    line-height: 18px;
  }
  .varela {
    font-size:1em
  }
  .varela_t1 {
    font-size:1em;
  }
  .caption-header {
    font-size:1em
  }
  .caption-description {
    font-size:1.173em;
    line-height: 1.173em;
  }
  .box .caption-8 { 
  }
  .less-sz-1 {
    font-size:1em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 1em;
    line-height: 1.5em;
  }


  .btn_transcantabrico, .btn_alandalus, .btn_robla {
    font-size: 0.6em;
  }
  .btn_transcantabrico.superior, .btn_alandalus.superior, .btn_robla.superior {
    font-size: 0.6em;
  }
  .btn_transcantabrico.activo, .btn_alandalus.activo, .btn_robla.activo {
    font-size: 0.6em;
  }
  .btn_transcantabrico.superior, .btn_alandalus.superior, .btn_robla.superior {
    background-position: 5% 40%;
  }
  .btn_transcantabrico2.superior, .btn_alandalus2.superior, .btn_robla2.superior {
    background-position: 95% 35%;
  }
  .btn_transcantabrico.alquilartren, .btn_alandalus.alquilartren, .btn_robla.alquilartren { background-image: none; }


    #ulMenuRobla a {
      font-size: 0.7em;
    }
    #ulMenuTranscantabrico a, #ulMenuAlAndalus a {
      font-size: 0.75em;
    }
}


@media (max-width:768px) {
  body {
    font-size:14px;
    line-height: 18px;
  }
  .varela {
    font-size:1em
  }
  .caption-header {
    font-size:1em
  }
  .caption-description {
    font-size:1.173em;
    line-height: 1.173em;
  }
  .box .caption-8 { 
  }
  .less-sz-1 {
    font-size:1em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 1em;
    line-height: 1.5em;
  }

  .btn_transcantabrico.superior, .btn_alandalus.superior, .btn_robla.superior {
    background-image: none;
  }
  .btn_transcantabrico2.superior, .btn_alandalus2.superior, .btn_robla2.superior {
    background-image: none;
  }
  .btn_transcantabrico.alquilartren, .btn_alandalus.alquilartren, .btn_robla.alquilartren { background-image: none; }
}

@media (min-width:350px) and (max-width:768px) {
  .less-sz-1 {
    font-size:1.3em;
  }
  .less-sz-2 {
    font-size:1em;
    line-height: 0.1em;
  }
  .less-sz-3 {
    line-height: 0.4em;
  }
  .less-sz-4 {
    font-size: 1em;
    line-height: 1.5em;
  }
}

@media (max-width:410px) {
  .box .caption-8 { 
    height:64px;
    padding: 0 10px;
  }
}

@media (max-width:300px) {
  .box .caption-8 { 
  }
  .less-sz-5 {
    line-height: 1.5em;
  }
}