/*
    * grises sacados de la landing informativa
    *
    * gris3 = #d7d4cf
    * gris2 = #e4e1da
    * gris1 = #efece7
    * gris0 = #FFFFFF
    * gris sps = #444444
    * Naranja = #ff5000
    * gris borde #BBBBBB
    * texto #0000
    *
    * Padding:  top right bottom left
    * font: px pt vmin em rem vh cm mm in pc vh
    */



html, body,  { height: 100vmin; min-height: 100vmin;}

.recuadrogris { border:2px solid #d7d4cf; }



.contenedor {
        position: relative;
        text-align: center;
}

.bottom-right {
        text-align: left;
        border: 1 solid #d7d4cf;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 18vh;
        left: 36vw;
}

.bottom-left {
        text-align: left;
        border: 1 solid #d7d4cf;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 18vh;/*350px;*/
        right: 36vw; /*800px;*/
}

.bottom-right2 {
        text-align: left;
        border: 1 solid #d7d4cf;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        top: 18vh; /*350px;*/
        left: 36vw; /* 800px; */
}


@font-face {
  font-family: SPSFont;
  src: url(/css/DINPro-Light.ttf);
}
@font-face {
  font-family: SPSFontMeduim;
  src: url(/css/DINPro-Medium.ttf);
}


H1 {
        font-family: 'SPSFont';
        font-size: 2.9vmin;    /*25pt*/
        color: #000000;
        padding: 2px 20px 0px 20px;
        /*font-weight: lighter;*/
        box-sizing: border-box;
        font-weight: 600; /*bold;*/
        letter-spacing: .005em;
        text-indent: 0px;
}

H2 {
        font-family: 'SPSFont';
        padding: 2px 20px 0px 20px;
        text-align: justify;
        color: #ff5000;
        font-size: 2.6vmin; /*21px ;*/
        /*line-height: 25px;*/
        margin: 0 0 15px;
        font-weight: 600; /*bold;*/
        letter-spacing: .005em;
        text-indent: 0px;
}

H3 {
        font-family: 'SPSFont';
        font-size: 14pt;
        padding: 2px 10px 2px 30px;
        color: #ff5000;
        font-weight: normal;
        font-weight: normal;
}

H6 {
        font-family: 'SPSFont';
        font-size: 14pt;
        color: #666666;
        text-align: left;
        font-weight: normal;
}

P {
    font-family:"SPSFont";
    text-align: justify;
    padding: 2px 20px 0px 20px;
    /*margin: 5px 5px 0px 5px;*/
    text-indent: 0px;
    color: #000000;
    font-size: 1.8vmin; /*16px;*/
    /*line-height: 20px;*/
    font-weight: 600; /*bold;*/
    letter-spacing: .005em;
}





.pie1 {
    background-color: #f0ece9;
    font-family:"SPSFont";
    font-size: 1.8vmin;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    border:0px solid #f0ece9;
    width: 100%;
    vertical-align: middle;
}


.menu1 {
    /*background-color: #f0ece9;*/
    font-family:"SPSFont";
    /*font-size: 22px;*/
    font-size: 1.4vmin;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    border:0px solid #f0ece9;
    background: rgba(210, 205, 200, 0);
}


A.menu1 {
    /*background-color: #f0ece9;*/
    font-family:"SPSFont";
    /*font-size: 22px;*/
    font-size: 1.4vw;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    border:0px solid #f0ece9;
    background: rgba(210, 205, 200, 0);
}

A.menu1:Hover {
    /*background-color: #f0ece9;*/
    /*font-size: 22px;*/
    font-size: 1.4vw;
    color: #ff5000;
    font-weight: bold;
    text-decoration: none;
    border:0px solid #f0ece9;
    background: rgba(210, 205, 200, 0);
}

A.afoot {
    font-family:"SPSFont";
    font-size: 14px;
    letter-spacing: .05em;
    text-indent: 20px;
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 20px;
}

A.afoot:Hover {
    font-size: 14px;
    letter-spacing: .05em;
    text-indent: 20px;
    color: #ff5000;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 20px;
}

input {
    border:1px solid #BBBBBB;
    height:30px;"
    color: #A03000;
    border-radius: 0px;
}

input[type=submit]:hover {
    background-color: #BBBBBB;
}


.boton1 {
    background-color: #ff5000;
    color: white;
    font-family:"SPSFont";
    font-size: 11pt;
    border-radius: 20px;
    padding: 7px 7px 7px 7px;
    text-decoration: none;
}

.boton1:Hover  {
    background-color: #333333;
    text-decoration: underline;
}

.boton2  {
    background-color: #333333;
    color: white;
    font-family:"SPSFont";
    font-size: 11pt;
    border-radius: 20px;
    padding: 2px 7px 2px 7px;
    text-decoration: none;
}


.parrafogris3{
    background-color: #d7d4cfElec;
    color: navy;
    font-family:"SPSFont";
    font-size: 14pt;
    text-indent: 0px;
    /*padding: 25px 20px 15px 30px;*/
}

.parrafogris2{
    background-color: #e4e1da;
    color: navy;
    font-family:"SPSFont";
    font-size: 14pt;
    text-indent: 0px;
    padding: 0px 0px 0px 0px;
}

.parrafogris1{
    background-color: #efece7;
    color: navy;
    font-family:"SPSFont";
    font-size: 14pt;
    text-indent: 0px;
    /*padding: 25px 20px 15px 30px;*/
}

.parrafogris0{
    background-color: white;
    color: #222222;
    font-family:"SPSFont";
    font-size: 14pt;
    text-indent: 0px;
    /*padding: 25px 20px 15px 30px;*/
}

A{
    color: black;
    font-family:"SPSFont";
    font-size: 14pt;
    text-indent: 0px;
    text-decoration: none;
}

li {
    font-family:"SPSFont";
    text-indent: 0px;
    padding: 2px 20px 2px 0px;
    margin: 5px 30px 0px 50px;
    color: navy;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .05em;
    font-weight: bold;
}

img {
    max-width: 100%;
    max-height: 100%;
    padding: 0px 0px 0px 0px;
}

img.imgtxt {
    max-width: 100%;
    max-height: 100%;
    padding: 0px 0px 0px 0px;
}

.imgcel {
    /*padding: 0px 0px 0px 0px;*/;
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 70vmin;

    /*border:1px solid #ff5000;*/
    /*vertical-align: middle;
    text-align: center;*/
    /*border-radius: 40px 40px 40px 40px;*/
    /*margin-left: 50%;
    transform: translateX(-50%);*/
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.mity table, tr { overflow:hidden; height:100%; border-collapse: collapse;}
.mity td:nth-child(1),
.mity td:nth-child(2) { width: 50%; overflow: hidden; object-fit: none; object-position: center;  height:100%;}


.contacto:A {
    background-color: white;
    color: #000000;
    text-transform: uppercase;
    font-family:"SPSFontMeduim";
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
    text-indent: 35px;
}

input.contacto{
    width:80%;
    border:1px solid #d7d4cf;
    padding:4px;
    margin:0px;
    text-indent: 0px;
    text-transform: none;
    font-weight: normal;
}

.contacto {
    background-color: white;
    color: #000000;
    text-transform: uppercase;
    font-family:"SPSFontMeduim";
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
    text-indent: 35px;
}

.contacto2 {
    color: #444444;
    font-family:"SPSFontMeduim";
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 14px;
    text-indent: 0px;
}

H1.contacto {
        font-family: 'SPSFont';
        font-size: 25pt;
        color: #000000;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 15px 0px;
        font-weight: 600;
        letter-spacing: .02em;
        text-transform: none;
        text-indent: 0px;
        /*letter-spacing: -0.2em;*/
}

H2.contacto {
        font-family: 'SPSFont';
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 15px 0px;
        text-align: justify;
        color: #ff5000;
        font-size: 21px ;
        text-transform: none;
        /*line-height: 25px;*/
        font-weight: 600;
        letter-spacing: .03em;
        text-indent: 0px;
}

/* menumovil desde aqui */
.topnav {
  overflow: hidden;
  background-color: #444444;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  background-color: #444444;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 3.5vmin;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background-color: #444444;
  color: white;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:active,
.topnav a:hover {
  background-color: #CCCCCC;
  padding: 14px 16px;
  color: black;
  font-size: 3.5vmin;
  text-decoration: none;
  display: block;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #666666;
  color: white;
}
/* Menumovil hasta aqui */





/* carousel desde aqui */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
  withd:100%
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


   /* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.0s;
  animation-name: fade;
  animation-duration: 2.0s;
}

@-webkit-keyframes fade {
  from {opacity: .3}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .3}
  to {opacity: 1}
}

/* carousel hasta aqui */