@media only screen and (min-width: 1030px) and (max-width: 1500px) {
/********************************************************* LINKS */
a:link {
  text-decoration:none;
  color: var(--color-sombra);} 
a:visited {
  text-decoration:none;
  color: var(--color-sombra);}
a:hover {
  text-decoration:none;
  color: var(--color-luz);}   
a:active {
  text-decoration:none;
  color: var(--color-sombra);}    

#link:link {
  text-decoration:none;
  color: var(--color-sombra);} 
#link:visited {
  text-decoration:none;
  color: var(--color-sombra);}
#link:hover {
  text-decoration:none;
  color: var(--color-luz);}   
#link:active {
  text-decoration:none;
  color: var(--color-sombra);}   

#enlace:link {
  text-decoration:none;
  color: var(--color-sombra);} 
#enlace:visited {
  text-decoration:none;
  color: var(--color-sombra);}
#enlace:hover {
  text-decoration:none;
  color: var(--color-luz);}   
#enlace:active {
  text-decoration:none;
  color: var(--color-sombra);}   
/************************************************ SITE STRUCTURE */
.scaleSlider {
  width:78%; 
  margin-left:11%
}
html { /*config del efecto parallax*/
  overflow: hidden;
}
body { /*config del efecto parallax*/
  height: 100vh;
  perspective: 1px;
  transform-style: preserve-3d;
  overflow-x:hidden;
  overflow-y:auto;
  font-family:"Open Sans", sans-serif;
  text-align: center;
}
.Home {
  margin-top: 30px;
}
section {
  width: 100%;
  position: relative;
  padding: 0px 0px;
  margin: 0 auto 0px auto;
  background-color: #fff;
  z-index: 1; 
} 
article {
  margin-top: 0px;
  text-align: left;
  padding-top: 5rem;
}
.bodyMargin {
  padding: 0 11%;
}
.bodyMargin2 {
  padding: 0 0;
}
/************************************************ FONTS STYLES */
a.bold {
  font-weight: 600;
}
b {
  font-weight: 200;
}
b.semibold {
  font-weight: 400;
}
b.bold {
  font-weight: 600;
}
p {
  line-height: 1.6rem;
  font-weight: lighter;
  font-size: 1.1rem;
}
p.mini {
  font-size: 11px;
  line-height: 18px;
  width: 90%;
  margin-top: 5px;
}
h1 {
  font-size: 2.8rem;
  font-weight: lighter;
  margin-top: 3rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  line-height: 4rem;
  background-color: #fff;
}
h2 {
  font-size: 2.6rem;
  font-weight: lighter;
  line-height: 2.9rem;
  padding-top: 30px;
  padding-bottom: 10px;
} 
h2.subtitle {
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.45rem;
  margin-bottom: .5rem;
}
.trabajos h2 {
  font-size: 2.5rem;
  font-weight: 200;
  line-height: 4rem;
}
h3,h3.color {
  font-size: 2.35rem;
  font-weight: lighter;
  line-height: 2.9rem;
}   
h3.bold {
  font-weight: 400;
}
h4 {  
  font-size: 2rem;
  font-weight: lighter;
  line-height: 2.2rem;
}
h5 {  
  font-size: 1.8rem;
  font-weight: lighter;
  line-height: 2.2rem;
  padding-top: 10px;
}
h5.color {  
  font-size: 1.1rem;
  font-weight: lighter;
  line-height: 1rem;
  padding-top: 10px;
}
h5.button {
  font-size: 1rem;
  font-weight: 400;
  margin-top:20px;
  line-height: 25px;
} 
h6 {  
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
  padding-top: 0px;
}
#sub {  
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8rem;
  padding-top: 0px;
}
#subultima {  
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8rem;
  padding-bottom: 40px;
}
h6.ciudad {
  font-size: 22px;
  margin-top: 0px;
}
.Nivel1 h6, .Nivel1 h6 a h6, a h6 {  
  font-size: 1rem;
  font-weight: 400;
  padding-top: 0px;
}
.titleWorks h6{
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: lighter;
  padding-top: 5px;
  padding-bottom: 30px;
}
.title {
  display:flex;
  justify-content: flex-start;
  text-align: left;
  font-weight: 200;
  line-height: 4rem;
}
.title h2 {
  font-size: 2.5rem;
}
.title h5 {
  font-size: 1.5rem;
  font-weight: lighter;
  line-height: 2.9rem;
  padding-top: 37px;
  padding-bottom: 10px;
}
/********************************** HOME PRINCIPAL BUTTON */
.button { /*base botones principales*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width:auto;
  max-width: 335px;
  border-radius: 10px;
  border: 1px solid var(--color-luz);
  padding: 10px 30px;
  background-color: rgb(255, 255, 255);
}   
/**************************************** HOME CUERPO */
.Columns3 {
  width: 80%;
  display:flex;
  flex-direction: row;
  justify-content: space-around;
  margin: auto;
  padding-bottom: 10px;
}
.OneColumn {
  width: 32%;
  padding: 0 8px;
}
.Home {
  flex-grow:1;
}
.FlechasNav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.FlechaNavIzq {
  text-align: left;
}
.FlechaNavDer {
  text-align: right;
}
/****************************************** HOME CAPA BIBLIOTECA */
.biblioteca {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px auto 10px auto;
  width: 600px;
  height: 13rem;
  border-radius: 0px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 3; /* 103 */
}
#BoxQuieres {
  padding:10px;
}
/************************************* HOME CAPA CONFIAN */
.confian {
  height: 5rem;
  padding-top: 20px;
  padding-bottom: 80px;
  background: rgba(255, 255, 255, 1);
  z-index: 3; /* 103 */
}
/************************************* NOSOTROS CUERPO */
.Nosotros{
  display:flex; 
  flex-direction: row;
}
.OneColumn33_Nosotros {
  width: 40%;
  padding-top: 11rem;
}
.OneColumn66_Nosotros {
  width: 60%;
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 5px;
  padding-top: 11rem;
}
.OneColumn66_Nosotros p {
  margin-bottom: 18px;
  padding-top: 5px;
}
/************************************ BIBLIOTECA CUERPO */
.works{
  width: 80%;
  z-index: 5;
}
hr {
  margin-top: 20px;
  border: 2px;
  height: 2px;
  background-color: rgb(227, 227, 227);
}
.flex-containerOH {
  margin-top: 30px;
  padding: 0 0rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.itemOH img {
  width:100%;
}
.itemOH {
  display: block;
  text-align: left;
  width: 33.33%;
  padding: 0 .7%;
}
/************************************************* TRABAJO SOLO */
.SemiFullWidthColumn img{
  width: 107%;
  text-align: center;
  margin-left: -4.5%;
  margin-top: -5px;
  margin-bottom: 0px;
}
.FullWidthColumn img{
  width: 100%;
  text-align: center;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.FullWidthColumnFull img{
  width: 130%;
  margin-left: -15%;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
.mySlides1 img, .mySlides2 img{
  width: 100%;
  text-align: center;
}
#WidthColumn33 img{
  width: 33.33%;
}
.WidthColumn50 {
  width: 50%;
}
.WidthColumn50 img{
  width: 50%;
}
.WidthColumn80 img{
  width: 70%;
  margin-top: 30px;
  margin-bottom: 10px;
}
.WidthColumn90 img{
  width: 80%;
  margin-top: 30px;
  margin-bottom: 10px;
}
.VideoWidthFull video{
  width: 78%;
  justify-content: center;
  margin-bottom: 0px;
  margin-top:30px;
}
.Nivel1 {  /*Volanta*/
  display:flex; 
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0);
  max-width: 1280px;
  padding-top: 4rem;
  z-index: 4; 
}
.Nivel1-1 {  /*Título*/
  display:flex; 
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0);
  max-width: 1280px;
  padding-top: 1rem;
  margin-top: -3.5rem;
  margin-left: -2.5px;
  margin-bottom: 10px;
  text-align: left;
  z-index: 4; 
}
.Nivel2 { /*Grupo Flechas*/
  display:flex; 
  background-color: rgba(255, 255, 255, 0);
  justify-content: start;
  margin-top: 2rem;
  margin-left: -85px;
  z-index: 5; 
}
.SubNivel2 { /*Cada Flecha*/
  margin-top: -2.6rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.Nivel3 { /*Grupo Bajada y Párrafos*/
  display:flex; 
  flex-direction: row;
  justify-content: flex-start;
  line-height: 30px;
  max-width: 1280px;
  margin-top: 0px;
  text-align: left;
  z-index: 3; 
}
.SubNivel3 { /*Bajada*/
  width: 40%;
  max-width: 400px;
  margin-top: 0rem;
  padding-top: 0rem;
}
.SubNivel3-1 { /*Párrafo Columna*/
  width: 60%;
  max-width: 500px;
  padding-left: 2rem;
  margin-top: 0px;
}
.SubNivel3-2 { /*Párrafo Columna*/
  width: 60%;
  max-width: 500px;
  padding-left: 2rem;
  margin-top: 10px;
}
.NivelTip { /*Grupo Tip*/
  display:flex; 
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1280px;
  text-align:left;
  margin: 30px 0px;
  z-index: 3; 
}
.NivelSubtit { /*Grupo Tip*/
  display:flex; 
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1280px;
  text-align:left;
  margin: 40px 0px 10px 0px;
  z-index: 3; 
}
.NivelEpi { /*Grupo Tip*/
  display:flex; 
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1280px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8rem;
  padding-top: 0px;
  text-align:left;
  margin: 10px 0px 40px 0px;
  z-index: 3; 
}
.tip {  
  padding-top: 0px;
  padding-right: 20px;
}
.SubNivelTip { /*Título Tip*/
  width: 40%;
  max-width: 500px;
  margin-top: 50px;
  margin-bottom: 20px;
}
.SubNivelTip-1 { /*Párrafo tip*/
  width: 60%;
  max-width: 500px;
  margin-top: 50px;
}
.GrillaFoto { /*Grilla de fotos*/
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  text-align: center;
  margin: auto;
  z-index: 3; 
}
.TextoPorImg {
  max-width: 33.33%;
  padding: 5%;
  padding-top: 8%;
}
.Texto50 {
  width: 100%;
  margin: 25px 0;
  margin-left: 80px;
  padding-right: 2rem;
  font-size: 1.5rem;
}
/********************************************************************* FORM */
canvas {
  width: 150px;
  height: 150px;
  margin-left: 0px;
  margin-top: -30px;;
}
.OneColumn33_Form {
  padding-top: 0rem;
  width: 40%;
  padding-left: 10%;
  padding-right: 20px;
  min-width: 300px;
}
.clockJS {
  padding-top: 1.3rem;
}
.OneColumn66_Form {
  padding-top: 0rem;
  width: 60%;
  min-width: 500px;
}
#grisBack {
  background-color: rgb(230, 230, 230);
  padding: 60px;
  margin-top: 0px;
  margin-right: -900px;
  padding-right: 900px;
  margin-left: -900px;
  padding-left: 900px;
  margin-bottom: -50px;
  padding-bottom: 50px;
}
.Form2{
  display:flex;
  width: 65%;
  flex-direction: row;
  justify-content: space-around;
  margin: auto;
  padding-top: 6rem;
  padding-bottom: 3rem;
  z-index: 5; 
}
.Form{
  display:flex;
  width: 40%;
  flex-direction: column;
  justify-content: space-around;
  margin: auto;
  padding-top: 0rem;
  padding-bottom: 3rem;
  z-index: 5; 
}
input {
	width: calc(100% - 20px);
	padding: 9px;
	margin: auto;
	margin-top: 12px;
  font-size: 16px;
}
input[type='submit']{
  border-radius: 10px;
  border: 1px solid rgb(80, 80, 80);
  background-color: rgb(255, 255, 255);
	color: rgb(80, 80, 80);
	width: 70px;
	margin: 0%;
  margin-top: 22px;
  margin-bottom: 20px;
  cursor: pointer;
}
#ppolicy, #leido {
  cursor: pointer;
}
.botonEnviar:link,
.botonEnviar:hover,
.botonEnviar:focus {
  color: var(--color-luz);
  border: 1px solid var(--color-luz);
  background-color: rgb(255, 255, 255);
}
textarea {
  max-width: calc(100% - 20px);
  min-width: calc(100% - 20px);
  max-height: 400px;
  min-height: 80px;
	padding: 9px;
	margin: auto;
  margin-top: 12px;
  font-size: 16px
}
.ok {
	text-align: center;
	width: 100%;
  padding: 8px;
  margin-bottom: 2rem;
	color: #000
}
.banda {
	background-color:  #48e;
  color: #fff;
  margin-bottom: 0rem;
}
.bad {
	text-align: center;
	width: 100%;
  padding: 8px;
  margin-bottom: 0rem;
	background-color: #a22;
	color: #fff
}
#ppolicy {
  width:4%;
  margin-left: -2px;
}
.estilotext {
  font-family: "Open Sans";
  font-weight: 400;
  border: 1px solid rgb(173, 173, 173);
}
/********************************************************************* CLOCK */
.clockDoneLine{
  display: inline-flex;
  font-size: 20px;
	color: #999;
  text-align: center;
}
/****************************************************************** LEGALES */
.grisBackLegal {
  background-color: rgb(240, 240, 240);
  padding: 60px;
  margin-top: 0px;
  margin-right: 0px;
  padding-right: 20px;
  margin-left: 0px;
  padding-left: 20px;
  margin-bottom: -50px;
  padding-bottom: 50px;
}
.ContainerLegal {
  margin-top: 30px;
  padding: 0 2rem;
  margin-bottom: 90px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
ul.legal {
  margin-left: 0;
  padding-left: 0;
}
ul.legal li {
  margin-left: 2rem;
  list-style-type: disc;
  padding-left: 10px;
  font-weight: lighter;
}
ul.legal li.sinLi {
  margin-left: 2rem;
  list-style-type: none;
  padding-left: 10px;
  font-weight: lighter;
}
p {
  margin-bottom: 20px;
  margin-top: 3px;
}
p.bold {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}
a.bold {
  font-weight: 600;
}
a.black {
  font-weight: 800;
}
.papel {
  background-color: rgb(255, 255, 255);
  max-width: 700px;
  align-items: center;
  padding: 40px;
}
.tabla {
  display: flex;
  flex-direction: row;
  background-color: #bbb;
  justify-content: space-between;
  list-style-type: none;
}
.tabla.base {
  padding-bottom: 1px;
}
.col {
  margin-top: 1px;
  margin-left: 1px;
  padding: 5px;
  background-color: #fff;
  font-size: .65rem;
  font-weight: lighter;
}
.col.bold{
  font-weight: 600;
}
.grow1 {
  width:20%;
}
.grow2 {
  width:23%;
}
.grow3 {
  width:22%;
}
.grow4 {
  width:35%;
  margin-right: 1px;
}
/****************************************************************** FOOTER */
#movil_nav {
  display: none;
}
footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  bottom:0;
  width:100%;
  margin-top: 50px;
  background-color:rgb(255, 255, 255);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);
  z-index: 6;
}
.legales {
  align-items: center;
  display: inline-flex;
  width: 100%; 
  bottom: 0px;
  font-weight: 300;
  font-size: .8rem;
  line-height: 2rem;
/*  padding: 1rem 5rem 0 5rem;*/
  z-index: 6; 
}
#txt-aviso, #txt-privacidad, #txt-cookies {
  padding-top: 20px;
}
#txt-aviso{
  width:30%;
  text-align:right;
}
#txt-privacidad{
  width:40%;
  text-align:center;
}
#txt-cookies{
  width:30%;
  text-align:left;
}
.blank {
  background-color: #fff;
  height: 120px;
  width: 100%;
  z-index: 6;
}
.copyright {
  width: 100%;
  font-size: .7rem;
  text-align: center;
  margin-top: 25px;
  padding-bottom: 10px;
  color: rgb(30, 30, 30);
  z-index: 6;
}
}