/*@font-face{
   font-family: "Sanchez-Reg";
   src: url("../font/Sanchezregular.otf");
}
*/
@font-face {
    font-family: 'Sanchez-Reg';
    src: url('../font/sanchez-regular-webfont.eot');
    src: url('../font/sanchez-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sanchez-regular-webfont.woff2') format('woff2'),
         url('../font/sanchez-regular-webfont.woff') format('woff'),
         url('../font/sanchez-regular-webfont.ttf') format('truetype'),
         url('../font/sanchez-regular-webfont.svg#sanchezregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body,html {
  width: 100%;
  height: 100%;
  font-family: "Sanchez-Reg";
  background-color: #d70036;
  font-size: 0.999em;
  color: white;
}

a{
  text-decoration: none;
  color : #333333;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

.hoverblanco:hover{
  color: white;
}
.container{
  width: 100%;
  padding-left: 5em;
  padding-right: 5em;
  padding-top: 5em;
  padding-bottom: 2em;
  overflow: hidden;
}

.blanco{
  background-color: white;
}
.footer{
  background: #d70036;
  bottom: 0px;
  padding-top: 4em;
  padding-bottom: 1.5em;
  color: white;
}
.underline{
  text-decoration-style: dotted;
}
.dot1{
    border-bottom: 1px dotted;
}

div.vertical-line{
  width: 1px; /* Line width */
  background-color: white; /* Line color */

  float: left; /* Causes the line to float to left of content. 
    You can instead use position:absolute or display:inline-block
    if this fits better with your design */
}
div.vertical-line2{
  width: 1px; /* Line width */
  background-color: white; /* Line color */
  height: 90em;/* Override in-line if you want specific height. */
  float: left; /* Causes the line to float to left of content. 
    You can instead use position:absolute or display:inline-block
    if this fits better with your design */
}
i{
  color: white;
}
img.limited{
  padding-left: 2em;
  padding-right: 2em;
  min-width: 120px;
}
.padded-left{
  padding-left: 4em;
}

.logoWin{
  width: 30%;
}

.logoMac{
  width: 21%;
}

span.fix{
  position: absolute;
  z-index: 10;
  margin-top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);      
}

span.fix2{
  position: absolute;
  z-index: 10;
  top:45%;
  left: 50%; 
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);      
  width: 68%;
}
span.fix3{
  position: absolute;
  z-index: 10;
  bottom: 0;
  padding-bottom: 85px;
  left: 50%;
}

#flex { display: flex; }
#flex > #A { order: 2; }
#flex > #B { order: 1; }

.OnlyMobileScreen{
  display: none!important;
}
.TopSpace{
  padding-top: 3em;
}
.logosblancosvertical{
  width: 80%;
}
/*************** Estilos texto ********/
p{/*** 14 puntos ***/
  font-size: 0.999em;
}
h1{/*** 60 puntos ***/
  font-size: 4.90em;
}
h2{/*** 48 puntos ***/
  font-size: 4em;
}
h3{/*** 30 puntos ***/
  font-size: 2.45em;
}
h4{/*** 18 puntos ***/
  font-size: 1.4em;
}
.smallgrey-names{
  font-size: 0.60em;
  color: #807e7e;
}
.tipo14{
  font-size: 0.925em;
}
.tipo14Mono{
  font-size: 0.975em;
}
.tipo16{
  font-size: 1.100em;
}
.tipo18{
  font-size: 1.400em;
}
.light25{
  font-size: 1.9em;
}
.light50{
  font-size: 3.8em;
}
.light40{
  font-size: 3em;
}


/*************** Estilos texto ********/

/*************** Navbar color ********/

.navbar{
  background-color: #D70036;
  color: white;
  font-family: "Sanchez-Reg";
  font-size: 1.125em;
  height: 70px;
  z-index: 200;
}
.navbar-brand{
  padding-top: 0.2em;
  margin-top: 15px;
  padding-left: 18em;
}
.navbar-right{
  position: relative; 
}
.navbar-nav > li > a {
  position: relative;
padding-top: 1.35em;
  padding-left: 3em;  
}
.navbar-collapse {
  padding-left: 1.3em;
  text-align: left;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
}
button{
  border:none;
}
.containerbar{
  padding-right: 18em;
}
.containerbot{
  position: absolute;
  display: inline-block;
  background-color: #D70036;
  width: 100%;
  height: 70px;
  bottom: 0;    
  z-index: 100;

}

/*************** Navbar color ***********/

/*************** IosSlider ***********/

.navegacion-slider{
  position:fixed;
  top:10px;
  right:10px;
}
.control-slides{
  margin:5px;
  cursor:pointer;
}
.iosSlider .prevButton {
  position: absolute;
  top: 42%;
  left: 10px;
  width: 20px;
  height: 40px;
  background: url('../images/slider-buttons.png') no-repeat 0 0;

}
.iosSlider .nextButton {
  position: absolute;
  top: 42%;
  right: 10px;
  width: 20px;
  height: 40px;
  background: url('../images/slider-buttons.png') no-repeat 100% 0;
}
.iosSlider .slider .item .caption {
  position: absolute;
  top: 2%;
  width: 100%;
  height: 90%;
  color: white;

}
.iosSlider .slider .item .caption span {
  color: white;
  width: 100%;
  position: absolute;
  text-align: right;
  padding-top: 10px;  
  padding-right:2%;

}
.responsiveHeight {
  height: 100%;
  padding-bottom: 0;
  margin-top: -70px;
  position: relative;
  overflow: visible;
}
.responsiveHeight > .inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.iosSlider {
  position: relative;
  top: 0;
  left: 0;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.iosSlider .slider {
  width: 100%;
  height: 100%;
}
.iosSlider .slider .item {
  position: relative;
  height: 100%;
}
.indicators {
  height: 10px;
  display: flex;
  justify-content: center;
  z-index: 10;
  padding-top: 1em;
  margin-bottom: 10px;
}
.indicators .item {
  float: left;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  margin: 0 5px 0 0;
  background:#A1A1A1;
}
.indicators .selected {
  background: #333333;
}
.fullimage{
  width:100%;
}
.fulls{
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  min-height: 600px;
  min-width: 950px;
  position: relative;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);  
  -o-transform: translate(-50%, -50%); 
  width: 100%;
  /*margin-left:-30%;*/
}
/*************** IosSlider ***********/
iframe { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
/*************** Media ***********/

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

.navbar-brand{
  padding-left: 11em;
}
.navbar-nav > li > a {
  position: relative;
  margin-top: 2px;
  padding-left: 2em;  
}
.containerbar{
  padding-right: 11em;
}
div.vertical-line{
  height: 45em;
}
}  

@media only screen and (max-width: 1879px) {
  .navbar-brand{
    padding-left: 5em;
  }
  .navbar-nav > li > a {
    position: relative;
    margin-top: 2px;
    padding-left: 2em;  
  }
  .containerbar{
    padding-right: 5em;
  }
  div.vertical-line{
    height: 40em;
  }
}  
@media only screen and (max-width: 1600px) {
  div.vertical-line{
    height: 39em;
  }
}

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

  .navbar-brand{
    padding-left:3em;
  }
  .navbar-nav > li > a {
    position: relative;
    margin-top: 2px;
    padding-left: 1em;  
  }
  .containerbar{
    padding-right: 3em;
  }
  div.vertical-line{
    height: 36em;
  }
}  
@media only screen and (max-width: 1250px) {

  .navbar-brand{
    padding-left:3em;
  }
  .navbar-nav > li > a {
    position: relative;
    margin-top: 2px;
    padding-left: 1em;  
  }
  .containerbar{
    padding-right: 3em;
  }
  div.vertical-line{
    height: 34em;
  }
}  



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

  .navbar-brand{
    padding-left: 3em;
  }

  .container{
    width: 100%;
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 5em;
    padding-bottom: 1em;
    overflow: hidden;
  }
  .containerbar{
    padding-right: 1.3em;
  }
  .collapsing, .in {
    background-color: #d70036!important;
    color: white;
  }
  .collapsing ul li a, .in ul li a {
    background-color: #d70036!important; 
    color: white!important;
  }
  .collapsing ul li a:hover, .in ul li a:hover {
    background-color: #d70036!important; 
    color: white!important;
  }
  p{/*** 14 puntos ***/
    font-size: 0.9em;
  }
  h1{/*** 60 puntos ***/
    font-size: 4.00em;
  }
  h2{/*** 48 puntos ***/
    font-size: 3.5em;
  }
  h3{/*** 30 puntos ***/
    font-size: 2.15em;
  }
  h4{/*** 18 puntos ***/
    font-size: 1.3em;
  }
  div.vertical-line{
    height: 45em;
  }
  div.horizontal-line{
    width: 100%; /* Line width */
    background-color: white; /* Line color */
    height: 1px;/* Override in-line if you want specific height. */
  }
  .OnlyBigScreen{
    display: none!important;
  }
  .OnlyMobileScreen{
    display: inline!important;
  }

}

@media only screen and (max-width : 1231px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .collapsing, .in {
    background-color: #d70036!important;
    color: white;
  }
  .collapsing ul li a, .in ul li a {
    background-color: #d70036!important; 
    color: white!important;
  }
  .collapsing ul li a:hover, .in ul li a:hover {
    background-color: #d70036!important; 
    color: white!important;
  }  
}

@media only screen and (max-width : 767px) {
.container{
  padding: 0.3em 0.3em 0.3em 0.3em;
  padding-bottom: 1.5em;
  padding-top: 1em;
}
.containerbar{
  left: 0;
}
.navbar-brand{
  padding-top: 0.2em;
  padding-left: 1.5em;
}
.responsiveHeight {
  height: 100%;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

div.horizontal-line{
  width: 100%; /* Line width */
  background-color: white; /* Line color */
  height: 1px;/* Override in-line if you want specific height. */
}
img.limited{
  min-width: 62px;
  padding-right: 0;
  padding-left: 0;
}

p  {/*** 14 puntos ***/
  font-size: 0.9em;
}
h1 {/*** 60 puntos - 36 puntos ***/
  font-size: 2.4em;
}
h2 {/*** 48 puntos - 30 puntos ***/
  font-size: 2.20em;
}
h3 {/*** 30 puntos - 21 puntos ***/
  font-size: 1.6em;
}
h4 {/*** 18 puntos ***/
  font-size: 1.4em;
}

@media only screen and (max-width : 540px) {
   /* Smartphone view: 1 tile */
.container{
  padding: 0.3em 0.3em 0.3em 0.3em;
  padding-bottom: 1.5em;
  padding-top: 1em;
}
.containerbar{
  left: 0;
}
.navbar-brand{
  padding-top: 0.2em;
  padding-left: 1.5em;
}
.responsiveHeight {
  height: 100%;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}
.OnlyBigScreen{
  display: none!important;
}
.OnlyMobileScreen{
  display: inline!important;
}
#flex { display: flex; }
#flex > #A { order: 1; }
#flex > #B { order: 2; }


div.horizontal-line{
  width: 100%; /* Line width */
  background-color: white; /* Line color */
  height: 1px;/* Override in-line if you want specific height. */
}
img.limited{
  min-width: 62px;
  padding-right: 0;
  padding-left: 0;
}

p  {/*** 14 puntos ***/
  font-size: 0.9em;
}
h1 {/*** 60 puntos - 36 puntos ***/
  font-size: 2.4em;
}
h2 {/*** 48 puntos - 30 puntos ***/
  font-size: 2.20em;
}
h3 {/*** 30 puntos - 21 puntos ***/
  font-size: 1.6em;
}
h4 {/*** 18 puntos ***/
  font-size: 1.4em;
}


}