#invitacion {
  background-color: #FBFAFA;
  height: 594px;
}

#invitacionArea {
  height: 594px;
}


#invCanvas {
  position: relative;
  width: 100%;
  height: 594px;
  z-index: 100;
  overflow: hidden;

  background-image: url('pics/montana.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
}

#invBannerLogo {
  position: absolute;
  width: 416px;
  height: 359px;
  z-index: 500;
  left: 50%;
  top: 100px;
  margin-left: -208px;
  display: none;
}

#pic1 {
  display: none;
}
#pic2 {
  display: none;
}
#pic3 {
  display: none;
}
#pic4 {
  display: none;
  width: 100%;
}
#pic5 {
  display: none;
  width: 100%;
}

#pic5hider {
  width: 218px;
  height: 1px;
}
#pic4Container {
  display: inline-block;
  width: 486px;
  height: 288px;
}


#invJVLogo2 {
  position: absolute;
  width: 112px;
  height: 156px;
  z-index: 501;
  right: 80px;
  bottom: 40px;
  display: none;
}


#logoArea {
  position: relative;
  width: 100%;
  z-index: 999999;
  left: 0px;
  top: 0px;

}

#logoPos1 {
  position: absolute;
  z-index: 9999999;
  width: 80px;
  height: 87px;
  background-color: red;
  left: 50%;
  margin-left: -510px;
}


.menuDesktop {
  font-family: 'Oswald', sans-serif;
  text-decoration: none;
  color: #484848;
  font-weight: 600;
  display: inline-block;
  padding: 0px 30px;
}
.menuDesktop:hover {
  font-weight: 600;
  color: #919191;
  text-decoration: underline;
}

.goEnviar {
  font-family: 'Oswald', sans-serif;
  text-decoration: none;
  color: #D73732;
  font-weight: 600;
  display: inline-block;
  padding: 5px 60px;
  font-size: 18px;
  border: 2px solid #D73732;
}
.goEnviar:hover {
  font-weight: 600;
  color: #000000;
  border: 2px solid #000000;
}


#ytVideo {
  height: 680px;
}



.td50 {
  width: 50%;
}


#logrosLogo {
  display: inline-block;
  width: 280px;
  height: 144px;
}

#logrosDots {
  display: inline-block;
  background-image: url('pics/backlinea.png');
  width: 200px;
  height: auto;
}

.dots {
  display: inline-block;
  background-color: #454545;
  width: 20px !important;
  height: 20px !important;
  margin: 0px 4px 0px 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
}
.dots:hover {
  background-color: #D73732;
}

#timeline_jaime_vinals {
  margin: 0px 0px 80px 0px;
}

.textBoxes {

  height: 350px;
  overflow: auto;
  width: 96%;  
  padding: 2%;
}

.textBoxes h1 {
  font-size: 48px;
  font-weight: 600;
  color: #D73732;
}


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}


::-webkit-scrollbar-track {
  border-radius: 0;
  background: #878787;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #484848;
}


#acercade_internal {
  overflow: hidden;
}

#acercade_track {
  width: 100%;
  height: 400px;

}

#acercade_slide {
  float: left;
  width: 600%;
  height: 400px;

}

.ad_l {
  width: 50%;
  float: left;
  height: 400px;

}

.ad_r {
  width: 46%;
  float: left;
  height: 400px;

  padding: 0px 2% 0px 2%;
  overflow-x: auto;
}


.ad_r h2 {
  font-size: 38px;
  line-height: 32px;
  font-weight: 600;
  color: #D73732;
  text-transform: uppercase;
}


.td6 {
  width: 16.66%;
}


.camposX {
  background-color: #D1D1CF;
  border: 0px;
  padding: 5px 0px 5px 2%;
  color: #000000;
  font-size: 24px;
  width: 98%;
}

.mailTitles {
  font-family:'Oswald', sans-serif;
  color: #404040;
  font-size: 20px;
  line-height: 14px;
}


#red {
  background-image: url('pics/fondoRojo.png');
  background-repeat: no-repeat;
  background-position: top center;

  background-size: 100% auto;

  height: auto;

  padding: 340px 0px 180px 0px;

  background-color: #D73732;

}


#conoceMas {
  background-image: url('pics/fondo2.png');
  background-repeat: no-repeat;
  background-position: top center;

  background-size: 100% auto;

  height: auto;

  padding: 180px 0px 180px 0px;

}

#ytSlider {
  float: left;
  width: 836px;
  height: 240px;
  overflow-y: auto;


}

#ytTrack {
  float: left;
  width: 1400px;    
  height: 230px;
}


#redInside h3{
  color: #ffffff;
  font-size: 34px;
}

#redInside p{
  color: #ffffff;
  font-size: 20px;
}

.ytCuad {
  float: left;
  width: 200px;
  height: 220px;
  margin: 0px 20px;
  padding: 10px 0px 0px 0px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}


.tdn {
	text-decoration: none;
  color: #000;
}

.formPic {
  width: auto;
}

#tableForm {
  margin: 140px 0px 0px 0px;
}



/************************************************************************************
MEDIA QUERIES 
*************************************************************************************/

@media screen and (max-width: 1000px) {	
	
  #tableVideosYt {
    width: 100% !important;
  }

  #tableVideosYt td {
    display: block;
    width: 100%;
  }

  #menuBar {
    display: none;
  }

  #logoPos1 {
    width: 80px;
    height: 87px;
    left: 0px;
    margin-left: 0px;
  }

  .td50 {
    width: 100% !important;
    display: block;
  }  

  .textBoxes {

    height: 700px !important;
    overflow: auto;
    width: 96%;  
    padding: 2%;
  }  


  .ad_l {
    width: 100% !important;
    height: auto;
  
  }
  
  .ad_r {
    width: 100% !important;
    float: left;
    height: 800px !important;
  
    padding: 0px 2% 0px 2%;
    overflow-x: auto;
  }  

  #acercade_slide {
    width: 600%;
    height: 900px;
  
  }  

  #pic5 {
    width: auto;
    height: 150px !important;
  }

  #pic5hider {
    width: 50px;
    height: 1px;
  }
  
  
  #ytSlider {
    width: 100% !important;
    height: 1240px;
    overflow-y: auto;
  
  
  }

  #ytTrack {
    width: 100% !important;    
    height: 1230px;
  }

  #pic4Container {
    display: inline-block;
    width: 90%;
    padding: 0px 5%;
    height: 288px;
  }

  .ytCuad {
    width: 90%;
    height: 400px;
    margin: 0px 20px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }


  #invBannerLogo {
    width: 90%;
    height: 359px;
    left: 5% !important;
    top: 100px;
    margin-left: 0px;
  }
  

  #invJVLogo2 {
    width: 112px;
    height: 156px;
    right: 80px;
    bottom: 40px;
  }
}



@media screen and (max-width: 850px) {	
	

  .camposX {
    font-size: 24px;
    width: 88%;
  }
  .formPic {
    width: 80%;
  }


	
}