/*Creado por ISC Jose Sandoval Carrillo - marzo 2017*/

/*/////////////////////////////////////////////////////////////////////////GENERAL FIRST MOVILE////////////////////////////////////////////////*/


@font-face {
    font-family: 'delgadas';
    src: url('../fonts/delgadas.eot');
    src: url('../fonts/delgadas.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delgadas.woff') format('woff'),
         url('../fonts/delgadas.ttf') format('truetype'),
         url('../fonts/delgadas.svg#aaaiightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  }




html{
padding:0px;
margin:0px;
position:relative;
width:auto;
height: auto;
overflow-x:hidden;
overflow-y:auto;
}

body
{
position:relative;
margin: 0px;
padding:0px;
width:auto;
overflow-x:hidden;
overflow-y:auto;
font-family: delgadas,arial,verdana;
color: #000000;

}

/** html body{
  overflow: hidden;
}*/

h1{

  font-size: 100%;  
}

h2{
  font-size: 90%;  
}


.contenedor
{
 position: relative;
 width: 100%;
 margin: 0px auto;
 overflow: hidden;
}

.bloqueCabezera, .bloqueCabezeraVirtual{
position: relative;
width:auto;
background: #ffffff;
top:0px;
left: 0px;
position: fixed;
top: 0;
width: 100%;
z-index: 3;
}

.contenedorMenu{
 position: relative;
  /*background: -webkit-linear-gradient(#baaf14, #ffffff); /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(#baaf14, #ffffff); /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(#baaf14, #ffffff); /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(#baaf14, #ffffff); /* Standard syntax */
  border-bottom: solid 1px #de4908;
  box-shadow: 2px 0 9px 0 #de4908;
 top: 0px;
 left: 0px;
width: 100%;
height:auto;
z-index: 3;
}


.bannerPrincipal{
  position:relative;
  width: 100%;
  margin:auto;
  padding: 0px;
  top:0;
  overflow: hidden;
}

.bannerPrincipal img.banner{
  position:relative;
  width:190%;
  height:auto;
  top: 0em;
  left: 0em;
  display: block;
  background: #d5d2a4;
  padding-top: .5em;
  padding-bottom: .5em;
}

.barraEnProceso{
  position: relative;
  width: 0%;
  background: #59e521;
  height:.1em;
}


.imagenPincipalVertical, .imagenPincipalHorizontal{
position:relative;
width: 40%;
padding: .3em;
margin: auto;
height: auto;
top:2px;
}

.imagenPincipalHorizontal{
  display: none;
}




.imagenPincipalVertical img, .imagenPincipalHorizontal img
{
position: relative;
width: 100%;
height: auto;
border:solid 1px transparent; 
z-index: 5;
}

.nombrePagina{
  display: none;
  position: relative;
  float: left;
  top:2em;
  color: #e77817;
  font-size: 64%;
  font-weight: bold;
  text-align: center;  
  left: .8em;
}


.nombrePagina .np_1{
  padding-bottom: .2em;
}

.nombrePagina .np_2{
  color: #000000;
  font-size: 60%;
  padding-top: .4em;
}


.lineas_nombre {
    position: relative;
    margin: auto;
    border-top: solid .1em #e77817;
    border-bottom: solid .1em #fffd6c;
    text-align: center;
    width: 100%;
    height: .2em;
}




.banner_empresa{
  position: relative;
  float: left;
  width: 100%;
  top:0px;
  left: 0px;
  height: auto;
  display: none;
}

.banner_empresa img{
  width: 100%;
  height: auto;
}

.botonMenu{
  position: absolute;
  top: 0px;
  right: 0px;
  float: right;
  width: 10%;
  height: auto;  
  border-left: 1px #ffffff solid;
  border-top: 1px #ffffff solid;
  border-bottom: 1px #ffffff solid;
  border-right: 1px #c0c0c0 solid;
  border-radius: 8px 8px;
  margin-right:4%;
  margin-top:4%;
  cursor: pointer;
  background: rgba(0,0,0,0.7);
  z-index: 10;
}

.botonMenu img{
  width:100%;
  height: auto;
  position: relative;
}

.cortinillaMenu{  
  background: #f1f1f1;
  border-top: solid 1px #404553;
  position: absolute;
  width:65%;
  overflow-x:hidden;
  overflow-y:auto;
  float: right;
  right: 0;
  top:100%;
  box-shadow: -4px 4px 12px -3px #000000;
  padding-top:.5em;  
  display: none;
  z-index: 5;
}

.cortinillaMenu a{
  color: #404553;
}

.apartadoBotones_izq span, .apartadoBotones_der span, .apartadoBotones span
{
  color: #de4908;
  position: relative;
  float: left;
  left: 0px;
  padding: .5em;
  text-align: left;
  width: 100%;
  height: .5em;
  line-height: 50%;
  border-bottom: solid 1px #eaeaea;
}




.menuPrincipal a .btnSelect{
 color: #3e0000;
 font-weight: bold;
}


#topCarrte{
  position: relative;
  width: 100%;
  clear: both;
}


#carrete
{
position: relative;
width: 100%;
height: auto;
background: #ffffff;
top:0em;
}


.envolventeContenido{
  position: relative;
  width: 100%; 
  height: auto;
  background: url(../images/body.png) repeat;
  padding-bottom: 1px;
}



.fichaMasServicios{
    position: relative;
    width: 85%;
    float: none;
    height: 11em;
    margin: auto;
}




.fichaMasServicios .multimedia, .fichaMasServicios .contendidoTextomultimedia{
  position: relative;
  width: 49.4%;
  float: left;
  height: auto;
  padding-bottom: .5em;
}

.fichaMasServicios .contendidoTextomultimedia .textoInterno h3, .fichaMasServicios .contendidoTextomultimedia .textoInterno h4{
 margin:0; 
 padding-left: 0;
 text-align: left;
 width: 100%;
 overflow: hidden;
 /*display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;*/ 
}





.fichaMasServicios .contendidoTextomultimedia .textoInterno{
  width: 90%;
  margin: auto;
  text-align: justify;
  font-size: 90%;
  margin-top: 0em;
  overflow: hidden;
  padding-left: .8em;
  /*display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;*/ 
}




/* styles for '...' */ 
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0em;
  /* bg color = bg color under block */
  background: white;
  padding-top: 0;
}

.block-with-text {
  max-height: 10.1em;
  margin-top: -.6em;
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 6, $bgColor: white);  
}











.fichaMasServicios .multimedia img, .fichaMasServicios .multimedia iframe{
    height: auto;
    position: absolute;
    width: 100%;
}



.rota{
    
    position: relative;
    transition: all 1s ease;
    -moz-transition: all 1s ease; /* Firefox */
    -webkit-transition: all 1s ease; /* Chrome - Safari */
    -o-transition: all 1s ease; /* Opera */
    
     transform: perspective(600px);
    -moz-transform : perspective(600px); /* Firefox */
    -webkit-transform : perspective(600px); /* Chrome - Safari */
    -o-transform : perspective(600px); /* Opera */

    transform-origin: 100% 50%;
    -moz-transform-origin : 100% 50%; /* Firefox */
    -webkit-transform-origin : 100% 50%; /* Chrome - Safari */
    -o-transform-origin : 100% 50%; /* Opera */


    transform-style: preserve-3d;
    -moz-transform-style : preserve-3d; /* Firefox */
    -webkit-transform-style : preserve-3d; /* Chrome - Safari */
    -o-transform-style : preserve-3d; /* Opera */

    transform: perspective(600px) rotateY(180deg) translateX(100%);
    -moz-transform : perspective(600px) rotateY(180deg) translateX(100%); /* Firefox */
    -webkit-transform: perspective(600px) rotateY(180deg) translateX(100%); /* Chrome - Safari */
    -o-transform : perspective(600px) rotateY(180deg) translateX(100%); /* Opera */
    backface-visibility: hidden;
   }




   .rotaInverrsa{
    
backface-visibility: visible;
    position: relative;
    transition: all 1s ease;
    -moz-transition: all 1s ease; /* Firefox */
    -webkit-transition: all 1s ease; /* Chrome - Safari */
    -o-transition: all 1s ease; /* Opera */
    
     transform: perspective(600px);
    -moz-transform : perspective(600px); /* Firefox */
    -webkit-transform : perspective(600px); /* Chrome - Safari */
    -o-transform : perspective(600px); /* Opera */

    transform-origin: 100% 50%;
    -moz-transform-origin : 100% 50%; /* Firefox */
    -webkit-transform-origin : 100% 50%; /* Chrome - Safari */
    -o-transform-origin : 100% 50%; /* Opera */


    transform-style: preserve-3d;
    -moz-transform-style : preserve-3d; /* Firefox */
    -webkit-transform-style : preserve-3d; /* Chrome - Safari */
    -o-transform-style : preserve-3d; /* Opera */
   }




.contenidoFicha{
    background: red;
    margin: auto;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateY(-180deg);
    width: 100%;
    z-index: 1;
}


.contenedorNotaDesarrollada
{
  width: 96%;
  margin: auto;
  height: auto;
  position: relative;
  margin-top: .1em;
}

.contenedorTexto{
  position: relative;
  width: 100%;
  text-align: justify;
  margin: auto;
  font-size: 80%;
  margin:0;
}


.contenedorTexto h2{
  font-size: 96%;
  color: #ffffff;
  margin-top: 0;
  width: 100%;
  position: relative;
  float: right;
  right: 0;
  z-index: 1;
  margin-bottom: 0;
  text-shadow:2px 1px 4px #000000;
}

.contenedorTexto h2 .subtitulo{
    /*background: #de4908 url(../images/fondoBase.png)  repeat;*/
    background: #de4908;
    margin: auto;
    padding-bottom: .7em;
    padding-top: .8em;
    text-align: center;
    position: relative;
    background-size: 24%;

}

.contenedorTexto h2 #subtitulo_2_1 {
    padding-bottom: 2.4em;
    padding-top: 2.4em;
} 

.greca{
  position: relative;
  top:0em;
  width: 38%;
  margin: auto;
  height:1em;
  background: url("../images/fondoH2.png") no-repeat scroll 0 0 / 100% auto;
}

.marcaColor{
  float: left;
    height: .2em;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  background: #2e2917;
  
}


.botones_navegacion{
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  margin: auto;
  margin-top: 3em;
}

.anterior,.siguiente{
 position: relative;
 width: 45%;
 top:0;
}

.siguiente{
 float: right;
 right: 0;
}

.anterior{
  float: left;
  left: 0;
}

.texto_siguiente{
  position: relative;
  float: left;
  top:0;
  left: 0;
  width: 80%;
  text-align: right;
  font-size: 90%;
  color:#000000;
}

.boton_siguiente{
  position: relative;
  float:right;
  right: 0;  
   width: 0; 
  height: 0; 
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  margin-right: .5em;
  margin-top: -.3em;
}

.texto_anterior{
  position: relative;
  float: right;
  right: 0;
  width: 80%;
  text-align: left;
  font-size: 90%;
  color:#000000;
}

.boton_anterior{
  position: relative;
  float: left;
  left: 0;
  width: 0; 
  height: 0; 
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  
  
  margin-left: .5em;
  margin-top: -.3em;
}




#contenedorTexto2 .cajaText{
 border-top: solid 1px #2e82d9; 
}






#contenedorTexto4 .cajaText{
 border-top: solid 1px #de4908; 
}





.contenedorTexto .cajaText{
  width: 82%;
  padding: 1em;
  font-size: 90%;
  margin: auto;
  margin-bottom: 1em;
  margin-top: 1em;
  min-height: 9em;
}


.lista_FAQS{
  position: relative; 
  margin:auto; 
  width:90% !important; 
  margin-top: 1em;
  }


.contenedorTexto form {
  position: relative;
  width: 90%;
  padding: .5em;
  border: solid 1px #de4908;
  margin:auto;
  text-align: center;
}




.contenedorTexto form div input, .contenedorTexto form div select, .contenedorTexto form div textarea{

    position: relative;
    width: 90%;
    top: 0px;
    height: 1.5em;
    color: #000000;
    font-size: 100%;
    font-family: delgadas,arial,verdana;
    text-align: left;
    border: solid 1px #de4908;
    padding-left: 1em;
}

.contenedorTexto form div select{ 
    height: 1.8em;
    width: 96%;
 } 


.contenedorTexto form div textarea{
  height: 8em;
}

.contenedorTexto #form_info6{
  border: solid 1px transparent;
}


.contenedorTexto #form_info6 fieldset, .contenedorTexto #form_info6 div input, .contenedorTexto #form_info6 div select{
  border: solid 1px #c28091;
}


.contenedorTexto #form_info7 div input, .contenedorTexto #form_info7 div textarea{
  border: solid 1px #f13c6b;
}



.contenedorTexto #form_info6 fieldset legend{
  padding: .8em;
  font-weight: bold;
}

.contenedorTexto form div label{
position: relative;
    width: 100%;
    float: left;
    left: 0px;
    top: 0px;
    text-align: left;
    height: 2em;
    padding-left: .4em;
    line-height: 2.4em;
}


.contenedorTexto form .divSubmit{
    position: relative;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}



.contenedorTexto form .divSubmit input{
    background:#806448 url(../images/icono_envia_mensaje.png) no-repeat  90% /14%;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #ffffff;
    font-size: 80%;
    font-weight: bold;
    padding:1em;
    position: relative;
    text-align: center;
    width: 60%;
    height: 3em;    
}


.contenedorTexto #form_info6 .divSubmit input{
  background:#c28091; 

}


.contenedorTexto #form_info7 .divSubmit input{
  background:#f13c6b; 

}


.divFieldSet{
  border: solid 1px transparent;
  padding: .5em;
  position: relative;
}



/*El siguiente código retira los botones de los campos número*/

form input[type=number]::-webkit-outer-spin-button,
form input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

form input[type=number] {
    -moz-appearance:textfield;
}





.botonEnvioInfo4{
  background: #de4908;
  cursor: pointer;
}



.nombreTema{
    display: block;
    float: left;
    line-height: 0;
    margin: auto;
    margin-top: 210px;
    position: relative;
    text-align: center;
    background: url('../images/fondoBase.png') repeat;
    width: 100%;
    height: 3.4em;
    background-size: 24%;
}

.nombreTema h1{
  padding-top: .6em;
  padding-bottom: 1.2em;
  font-size: 120%;
  color: #000000;
  -webkit-animation-name: nombreTemaAux; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: nombreTemaAux;
    animation-duration: 3s;
}


.nombreTemaAux{
  position:absolute; 
  top:0.7em; 
  left:0; 
  display:none; 
  text-align:center; 
  width:100%;
  font-size: 120%;
  font-weight: bold;
  color:#000000;
   -webkit-animation-name: nombreTemaAux; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: nombreTemaAux;
    animation-duration: 3s;
}





/* Safari 4.0 - 8.0 */
@-webkit-keyframes nombreTemaAux {
    from {color: #e51c12;}
    to {color: #000000;}
}

/* Standard syntax */
@keyframes nombreTemaAux {
    from {color: #e51c12;}
    to {color: #000000;}
}


.apartadoNombreTema{
  position:relative; 
  width:100%; 
  height:.1em;   
}




.margenApartadoNombreTema{
  position: relative;
  width: 100%;
  height: 0;
}







.objetoNota{
  display: none;
}

/*
.botonCarrusel{
  position: absolute;
  width:100%;
  bottom: .6em;
  left: 0em;
  border: solid 1px red; 
  height: auto;
}

.botonCirculo{
  background: red none repeat scroll 0 0;
    height: 1em;
    position: relative;
    width: 1em;
    margin-left:.8em;
    top: 0em;
    float: left;
}*_/





.indicadorPC{
  display: none;
  position: relative;
  width: 100%;
  height: 0px; 
}
*/
.colorGS{
  color: #de4908;
  font-weight: bold;
}



.pregunta{
  position: relative;
  font-weight: bold;
  cursor: pointer;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  border-bottom: solid 1px #ffffff;
  border-top: solid 1px #de4908;
  background: #f1f1f1;
  padding-left: 1.4em;
  padding-right: 1.4em;
}

.respuesta{
  position: relative;
  display: none;
  padding-right: .8em;
}

.boton_link_whatsapp, .boton_link_face{
  position: relative;
  width: 6em;
  height: 17px;
  display: inline-block;
}

.boton_link_face{
  width: 5.5em;
}


.boton_link_whatsapp .redSocial, .boton_link_face .redSocial{
  position: relative;
    width: 22%;
    top: 0;
    float: left;
    left: 0;
}

.boton_link_face .redSocial{
  width: 20%;
}


.boton_link_whatsapp .preguntar_whats, .boton_link_face .preguntar_face{
  position: relative;
  color:#20c300;
  text-decoration: underline;
  width: 74%;
  float: left;
  left:0;
  top: 0;
}

.boton_link_face .preguntar_face{
  color:#3b5998;
}






.multimediaDer, .multimediaIzq{
  position: relative;
  width: 100%;
  padding: 0;
  margin:0;
  display: block;
  background: url(../images/bkMultimedia.png) repeat;
  background-size: 12%;
  overflow: hidden;
}

.multimediaDer img, .multimediaIzq img{
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  margin:auto;
  vertical-align: middle;
  width: 100%;
  -webkit-transition:all 8s ease; /* Safari y Chrome */
-moz-transition:all 8s ease; /* Firefox */
-o-transition:all 8s ease; /* IE 9 */
-ms-transition:all 8s ease; /* Opera */

}





.multimediaDer:hover img {
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
}


.interiorMultimedia{
  position: relative;
  width: 90%;
  margin: auto;
  overflow: hidden;
  height: 13em;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  border:solid 1px #000000;
}


.interiorMultimedia a{
  text-decoration: none;
}


.botonVerMas{
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    float: right;
    height: 100%;
    padding-left: 0;
    position: absolute;
    right: -6em;
    text-align: center;
    top: 0;
    width: 30%;
    z-index: 1;    
    cursor: pointer;
     -webkit-transform: skew(40deg);
     -moz-transform: skew(40deg);
     -ms-transform: skew(40deg);
     -o-transform: skew(40deg);
     transform: skew(40deg);
}


.franjaVerMas{
  display:none;
}



.botonVerMas span{
    color: #ffffff;
    text-shadow:1px 1px 1px #000000;
    left: 0;
    position: absolute;
    text-align: left;
    padding-left: .5em;
    top: 0;
    width: 100%;
  -webkit-transform: skew(-40deg);
     -moz-transform: skew(-40deg);
     -ms-transform: skew(-40deg);
     -o-transform: skew(-40deg);
     transform: skew(-40deg);
}



a {
    text-decoration: none;
}

.imagenContenido{
  position: relative;
  margin:auto;
  width: 60%;
  padding: 1em;

}

.imagenContenido img{
  position: relative;
  width: 100%;
  display: block;
  height: auto;
}


.desarolloTextoDer, .desarolloTextoIzq{
  position: relative;
  margin: auto;
  text-align: justify;
  height: auto !important;
}

.barraOpcionesAdicionales{
  position: relative;
  width: 90%;
  top:0em;
  left: 0em; 
  margin: auto;
  margin-bottom:8em;
  padding: 1em;
  box-shadow: 0px  1px 2px 0px #000000;
  }

.barraOpcionesAdicionales .opcionAdicional{
  position: relative;
  float: left;
  top: 0em;
  width: 42%;
  border: solid 1px transparent;
  border-radius: .5em;
  padding: .5em;
}

.barraOpcionesAdicionales .opcionAdicional:hover{
  background: #efeec4;
}

.barraOpcionesAdicionales .opcionAdicional img{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border: solid 1px transparent;
}

.barraOpcionesAdicionales .opcionAdicional div{
  font-size: 80%;
  text-align: center;
  color:#413530;
}

.contador_visitas{
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 1px 0 #c0c0c0;
    color: #9a9595;
    float: left;
    font-size: 92%;
    left: 0.5em;
    padding: 0.2em;
    position: absolute;
    text-align: center;
    top: -2.2em;
    width: auto;
    z-index: 3;
}



.gif_espera, .gif_espera_seccion{
    left: 0;
    font-size: 90%;
    position: absolute;
    text-align: center;
    top: -1.5em;
    width: 100%;
    z-index: 5;
}


.gif_espera_seccion{    
    top: 0em;
    position: relative;
  }





.gif_espera img{
  height: auto;
    width: 20%;
}

.gif_espera_seccion img{
  height: auto;
    width: 20%;
}



/*reCAPCHA*/

form div.g-recaptcha{
  position: relative;
  width: 90%;
  margin: auto;
  padding-top: 1.8em;
  padding-bottom: 2.5em;
  padding-left: 0;
  margin-left: 0.2em;
}




/*Termina reCAPCHA*/




.cajaMensaje{
    background: #ffffff;
    margin: auto;
    width: 84%;
    height: auto;
    color: #000000;
    position: fixed;
    margin-top: 4em;
    text-align: center;
    font-size: 80%;
    line-height: 1.5em;
    padding: 1em;
    top: 20%;
    left: 5%;
}

.cajaMensaje a{
  color: green;
  border: solid 2px green;
  border-radius: 1.5em;
  font-weight:bold;
  padding: .5em; 
}

.cajaMensaje .btnEnetrado{
  margin-top: 1em;
}


.opacidad
{ position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:#000;
  opacity: 0.5;
  /*filter: alpha(opacity = 50);*/}
  
  
  
  .lightbox
 {position:absolute;
  display:none;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  border:solid 1px #000;
  z-index:550;
  padding-bottom: 30px;
  box-shadow: 3px 3px 3px 3px #c0c0c0;} 
  


.clear, .espaciador1{
  position: relative;
  width: 100%;
  clear: both;
}

.espaciador1{
  height:2em; 
}


#marcaTel{
  position: relative;
  display: block;
  text-decoration: none;
}


/*-----------------------------Diseños contacto y mapa------------------------------*/

.botones_contacto_ubicacion{
  position: relative;
  width: 80%;
  padding:0;
  margin:auto;
  margin-top: .3em;
  border-bottom:solid 1px transparent;
}

.boton_contacto{
  position: relative;
  float: left;
  left: 2em;
  top: 0;
  width: 12%;
  height: auto;
  border-bottom:solid 1px #de4908;
}

.boton_contacto:hover{
 border-bottom:solid 1px #de4908;
}

.boton_ubicacion:hover{
 border-bottom:solid 1px #de4908;
}


.boton_ubicacion{
  position: relative;
  float: right;
  right: 2em;
  top: 0;
  width: 12%;
  height: auto;
}

.boton_contacto img, .boton_ubicacion img{
 cursor: pointer;
 width: 100%;
 height: auto;
}


.contenedorFomContacto{
  position: relative;
  width:100%;  
  margin:auto;
  top: 0;
  padding-top: 2em;
  padding-bottom: 3em;
  /*background:rgba(117, 190, 201, 0.3);*/
  background:url(../images/body.png) repeat;
  left: -1px;
  border-left:solid 1px #de4908;
  border-right:solid 1px #de4908;
  border-top: solid 1px #f1f1f1;
}


.contenedorTexto form {
  width: 86%;
}


.cajaContacto label{
  font-size: 80%;
}





.cajaMapa{
  width:100%; position:relative; 
  z-index: 0; 
  top:0; display: none; 
  border-bottom: solid 1px #91806f; 
  border-top: solid 1px #91806f;
  background: url(../images/load.gif)no-repeat 50% 45%/10%;
  height: 6em;
}


.contenedorTexto form .divSubmit input{
  background: #de4908 url(../images/icono_envia_mensaje.png) no-repeat  94% /16%;
  font-size: 80%;
  padding-top: 0.8em;
  width: 68%;
}

/*-----------------------------Termina Diseños contacto y mapa------------------------------*/


.tels{
  position: relative;
  width: 100%;
  display: block;
  height: auto;
  float: left;
  margin:auto;
  background: #eaeaea;
  padding-top: .5em;
  padding-bottom: .5em;
  z-index: 2;
  position: fixed;
}

.tels .iconoTel, .tels .numeroTel{
  position: relative;
  width: 50%;
  float: left;  
  font-weight: bold;
}


.tels .iconoTel{
  width: 13%;
  margin-left: 2%;  
}

.tels .numeroTel{
  color: #201d1d;
  text-align: center;
  /*margin-left: 1%;*/
  line-height: 2.2em;
  font-size: 98%;
  width: 74%;
  text-shadow:2px 1px 0px #ffffff;
}


.tels .iconoTel img{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border: solid 1px transparent;
}



.tels span{
  color:#20c300;
}

.accesos_directos_servicios{
     position: relative;
    width: 100%;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow-y: auto;
}

.contenedorAccesosDirectos{
  position: relative;
  z-index: 2;
  margin: auto;
}

.contenedorAccesosDirectos a{
  position:relative; 
  float:left; 
  margin-bottom:.3em;
}

.opcionServicio{
  position:relative; 
  width:auto; 
  margin-left:.3em; 
  margin-right:.3em; 
  float:left; 
  color:#000000;  
  font-size:60%;
  padding: .2em .4em .2em;
  }

.redes{
  background: #ffffff url(../images/fondoBase.png) repeat;
  position: relative;
  float: right;
  margin: auto;
  width: 100%;
  height:auto;  
  padding-bottom: .3em;
  background-size: 24%;
}

.links_redes{
  position: relative;
  margin: auto;
  width:36%;
  border:solid 1px transparent;
}

.redes .redSocial{
  position: relative;
  float: right;
  width: 25%;
  margin-right:6.3%;
}

.redes #whatsapp{
  display: block;
}

.redes #whatsapp div{
  width: 30%;

}


.redes .redSocial img{
  position: relative;
  width: 100%;
  height: auto;
  top: 0px;
  left: 0px;
  display: block;
  border: solid 1px transparent;
}


.pie{
    background:#f1f1f1;
    border-top: solid 1px #3e0000;
    font-size: 60%;
    height: auto;
    left: 0;
    position: relative;
    width: 100%;
    text-align: center;    
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 60%;
    overflow: hidden;
    color: #3e0000;
}

.pie p{
  width: 100%;
  margin: auto;
  position: relative;  
}

#pie span{
  display: none;
}





/*____________________________________________________________________________FIN GENERAL FIRST MOVILE______________________________________________________*/



/*/////////////////////////////////////////////////////////////////////////CELULARES PANTALLA PEQUEÑA////////////////////////////////////////////////*/

@media only screen  and (max-width: 620px) and (orientation:landscape){


    body{
        background: #ffffff;
        /*background: orange;*/
    }


.nombreTema{
line-height: .4em;
margin-top: 2em !important;
background-size: 20%;
height: 3em;
}

.nombreTema h1{
  font-size: 90%;
  padding-bottom: 0em;
    padding-top: 1.2em;
}


.nombreTemaAux{
  top:-1.2em;
  color: #f1f1f1;
}

.subtitulo{
  background-size: 20%;
}

.contenedorNotaDesarrollada{
  width: 95%;
}


.botonMenu{
  position: absolute;
  top: 0px;
  right: 0px;
  float: right;
  width: 8%;
  height: auto;  
  border-left: 1px #ffffff solid;
  border-top: 1px #ffffff solid;
  border-bottom: 1px #ffffff solid;
  border-right: 1px #c0c0c0 solid;
  border-radius: 8px 8px;
  margin-right:2%;
  margin-top:1%;
  cursor: pointer;
  background: rgba(0,0,0,0.7);
  z-index: 10;
}

.botonMenu img{
  width:100%;
  height: auto;
  position: relative;
}




.botonVerMas{
  width: 42%;
  right: -11.5em;
}


.contenedorMenu{
 background:#f1f1f1;
 height: 3.4em;
}

.cortinillaMenu{  
  background: #ffffff url(../images/fondoBase.png) repeat
  border-top: solid 1px #404553;
  position: absolute;
  width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  float: right;
  right: 0;
  top:100%;
  box-shadow: -4px 4px 12px -3px #000000;
  padding-top:.5em;  
  display: none;
  z-index: 5;
}
.cortinillaMenu a{
  color: #000000;
}



.bannerPrincipal img.banner{
  overflow: hidden;
  width: 136%;

}   

 .imagenPincipalHorizontal{
    width: 9%;
    display: block;
    float: left;
    top:0em;
    left:0.6em;
    border: none; 
    border-radius:unset;
    border-top: solid 1px #f1f1f1; 
    padding: 0em; 
    }


  .imagenPincipalVertical{
      display: none;
    }  

  .nombrePagina{
      display: none !important;
    }







/*-----------------------------Diseños contacto y mapa------------------------------*/

.botones_contacto_ubicacion{
  width: 70%;
}

.boton_contacto{
  width: 8%;
}


.boton_ubicacion{
  width: 8%;
}

.boton_contacto img, .boton_ubicacion img{
  width: 100%;
  height: auto;
}


.contenedorFomContacto{
  border-top:solid 1px #f1f1f1;
}

.contenedorTexto form{
  width: 70%;
}



.cajaContacto label{
  font-size: 80%;
}





.cajaMapa{
  background: url(../images/load.gif)no-repeat 50% 45%/4%;
}

.gif_espera img {
    height: auto;
    width: 2%;
}


.gif_espera, .gif_espera_seccion{
    left: 0;
    font-size: 90%;
    position: absolute;
    text-align: center;
    top: 2.5em;
    width: 100%;
    color: #ffffff;
    z-index: 5;
}

.contenedorTexto form .divSubmit input{
  background: #de4908 url(../images/icono_envia_mensaje.png) no-repeat  98% /12%;
  font-size: 92%;
  padding-top: 0.7em;
}

/*-----------------------------Termina diseños contacto y mapa------------------------------*/


form div.g-recaptcha {
    padding-top: 2em;
    padding-left: 0em;
    padding-bottom: 2em;
    margin-left: 0em;
}



#marcaTel{
  display: none;
}

.links_redes{
  position: relative;
  margin: auto;
  border:solid 1px transparent;
  width:30%;
}

.redes .redSocial{
  position: relative;
  float: right;
  width: 20%;
  margin-left:4.3%;
}

.redes #whatsapp{
  display: block;
}


.redes #whatsapp div{
  width: 24%;
}


/*---------------------------CONTENEDORES PÁGINA PRINCIPAL----------------------------*/


.multimediaIzq{
  width: 100%;
}


.multimediaDer{
  width: 100%;
}


.multimediaIzq img, .multimediaDer img{
   margin-top: 0em;
}


.desarolloTextoIzq, .desarolloTextoDer{
  width: 100%;
  text-align: justify;
  height: 100%;
  position: relative;
  top:0;
}

.interiorMultimedia{
  /*width: 100%;
  height: 8em;*/
}

.desarolloTextoDer{
  float: left;
  left: 0;
}


.desarolloTextoIzq{
  float: left; 
  left: 0;
}


.contenedorTexto .cajaText{
  font-size: 90%;
  width: 84%;
}

.fichaMasServicios{
  height: 14em;
}

.fichaMasServicios .multimedia, .fichaMasServicios .contendidoTextomultimedia{
  height: 11.5em;
}

.fichaMasServicios .multimedia img, .fichaMasServicios .multimedia iframe{
  max-height: 12em;
}


.fichaMasServicios .contendidoTextomultimedia .textoInterno{
  overflow: hidden;
  /*display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;*/ 
}



.block-with-text {
  max-height: 10.8em;
  margin-top: -1em;
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 6, $bgColor: white);  
}




/*----------------------------TERMINAN CONTENEDORES PÁGINA PRINCIPAL------------------------------*/


.greca{
  position: relative;
  top:0em;
  width: 33%;
  margin: auto;
  height:1em;
  background: url("../images/fondoH2.png") no-repeat scroll 0 0 / 100% auto;
}



.apartadoBotones_izq span, .apartadoBotones_der span, .apartadoBotones span
{
  color: #de4908;
  position: relative;
  float: left;
  left: 1.3em;
  padding: .5em;
  text-align: left;
  width: 20%;
  height: .5em;
  line-height: 50%;
  border-bottom: solid 1px transparent;
  font-size:80%;
}





.apartadoBotones_izq, .apartadoBotones_der 
{
  position: relative;
  float: right;
  width:100%;
  height:auto;
  line-height: 45%;
  padding-top:.7em;
  padding-bottom:1.8em;
}


.menuPrincipal a .btnSelect{
 color: #3e0000;
 font-weight: bold;
}


.apartadoBotones_izq 
{
  border-bottom: solid 1px #3e0000;
}



/*.menuPrincipal .btnMenu span
{

  width: auto;
  position: relative;
  float: left;
  text-align: center;  
}*/

.tels{
  padding-top: 0;
  padding-bottom: 0;
}



.apartadoBotones_izq .btnMenu span
{
  width: 19%;
}


.apartadoBotones_izq #cambio2 span
{
  width: 38.5%;
}


.apartadoBotones_der .btnMenu span
{
  width: 20%;
}


.apartadoBotones_der #cambio8 span
{
  width: 15.5%;
}




.imagenContenido{
  width: 20%;
}




.barraOpcionesAdicionales .opcionAdicional{
  width: 28%;
}



.contenedorTexto h2 .subtitulo {
    width: 100%;
    padding-top: .8em;
    padding-bottom: .8em;
}  

.contenedorTexto h2 #subtitulo_2_1 {
    padding-bottom: 1.4em;
    padding-top: 1.4em;
    top: -2.6em;
} 


#subtitulo_2_1 .marcaColor{
  display: block;
  height: .4em;
}




.pie{
  font-size:65%;
}

}
/*______________________________________________________________________FIN CELULARES PANTALA PEQUEÑA_______________________________________________*/








/*///////////////////////////////////////////////////////////////////////////SMARTH PHONE HORIZONTAL////////////////////////////////////////////////////*/
@media only screen and (min-width: 640px){


 body{
        background: #ffffff;
        /*background:red;*/
    }


.nombreTema{
    line-height: .4em;
    margin-top: 3.5em  !important;
    height: 3em;
    background-size: 16%;
}

.nombreTema h1{
  font-size: 100%;
  padding-bottom: .2em;
    padding-top: .5em;
}


.nombreTemaAux{
  top:-2em;
  color: #f1f1f1;
}



.contenedorNotaDesarrollada{
  width: 95%;
}


.botonMenu{
 display: none;
}

.botonMenu img{
  display: none;
}




.botonMenu{
 display: none;
}

.botonMenu img{
  display: none;
}


.contenedorMenu{
 background:transparent;
 background-size: 50%;
}

.cortinillaMenu {
  border-top: solid 1px #f1f1f1;
    padding-bottom:0em;
    padding-top: 0em;
    position: absolute;
    float: right;
    right:0;
    top: 0em;
    width:94%;
    box-shadow: none;
    font-size:80%;
    display:block !important;
    height:auto;
    overflow: hidden;
    background:transparent;
}
.cortinillaMenu a{
  color: #000000;
}



.bannerPrincipal img.banner{
  overflow: hidden;
  width: 136%;
}   

 .imagenPincipalHorizontal{
    width: 6%;
    display: block;
    float: left;
    top:0em;
    left:0em;
    border: none; 
    border-radius:none;
    border-top: solid 1px #f1f1f1;  
    }


  .imagenPincipalVertical{
      display: none;
    }  

  .nombrePagina{
      display: none !important;
    }








/*-----------------------------Diseños contacto y mapa------------------------------*/

.botones_contacto_ubicacion{
  width: 64%;
}

.boton_contacto{
  width: 7%;
}


.boton_ubicacion{
  width: 7%;
}



.contenedorFomContacto{
  border-top:solid 1px #f1f1f1;
}

.contenedorTexto form{
  width: 70%;
}



.contenedorTexto form div label{
  padding-left: .8em;
}



.cajaMapa{
  width:100%; position:relative; 
  z-index: 0; 
  top:0; display: none; 
  border-bottom: solid 1px #91806f; 
  border-top: solid 1px #91806f;
  background: url(../images/load.gif)no-repeat 50% 45%/6%;
  height: 6em;
}

.gif_espera img {
    height: auto;
    width: 2%;
}


.gif_espera, .gif_espera_seccion{
    left: 0;
    font-size: 90%;
    position: absolute;
    text-align: center;
    top: 2.5em;
    width: 100%;
    color: #ffffff;
    z-index: 5;
}

.contenedorTexto form .divSubmit input{
  background: #de4908 url(../images/icono_envia_mensaje.png) no-repeat  85% /12%;
  font-size: 92%;
  padding-top: 0.6em;
}

/*-----------------------------Termina diseños contacto y mapa------------------------------*/



form div.g-recaptcha {
    padding-top: 1.8em;
    padding-left: 4.2em;
    padding-bottom: 2em;
    margin-left: 0em;
}







#marcaTel{
  display: none;
}

.redes{
  background-size: 16%;
}

.links_redes{
  position: relative;
  margin: auto;
  width:22%;
}

.redes .redSocial{
  position: relative;
  float: right;
  width: 24%;
  margin-right:8%;
}

.redes #whatsapp{
  display: block;
}


.redes #whatsapp div{
  width: 28%;
}



/*---------------------------CONTENEDORES PÁGINA PRINCIPAL----------------------------*/





.multimediaDer{
  width: 40%;
  float: left;
position: absolute;
left: 10%;
height: 100%;
background-size: 24%;
}


.botonVerMas{
  width: 42%;
}


.franjaVerMas{
  display:none;
  float: right;
  background-color: transparent;
  float: left;
  height: 3.9em;
  padding-left: 0;
  position: absolute;
  left: 0em;
  text-align: center;
  top: 0;
  width:98%;
  z-index: 1;

  /*-webkit-transform: skew(40deg);
  -moz-transform: skew(40deg);
  -ms-transform: skew(40deg);
  -o-transform: skew(40deg);
  trnsform: skew(40deg);*/
}

.marcaColor{
  height: .2em;
  display: none;
}

.interiorMultimedia{
  height: 10em;
  margin-bottom: 1em;
  margin-top: 5em;
  width: 96%;
}



.desarolloTextoIzq, .desarolloTextoDer{
  width: 59%;
  text-align: justify;
  height: 100%;
  position: relative;
  top:0;
}


.desarolloTextoDer{
  float:right;
  right: 10%;
}


.desarolloTextoIzq{
  width: 40%;
  float: right; 
  right: 10%;
}


.contenedorTexto .cajaText{
  font-size: 90%;
  padding-bottom: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
  min-height: 9.2em;
  width: 90%;
}


.lista_FAQS{
  width:78% !important; 
  }


  .fichaMasServicios .contendidoTextomultimedia .textoInterno{
  overflow: hidden;
  /*display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;*/ 
}


.block-with-text {
  max-height: 15.8em;
  margin-top: -1em;
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 10, $bgColor: white);  
}



/*----------------------------TERMINAN CONTENEDORES PÁGINA PRINCIPAL------------------------------*/





/*-------------------------------CONTENIDO SERVICIOS-------------------------------*/

.botones_navegacion{
  margin-top: 5em;
}

.boton_siguiente{
  right: .8em;
}

.boton_anterior{
  left: .8em;
}


.texto_siguiente{
  width: 83%;
}

.texto_anterior{
  width: 83%;
}






.fichaMasServicios{
  height: 16em;
}




.fichaMasServicios .multimedia{
  width: 43%;
  height: 13.5em;
  
}

.fichaMasServicios .contendidoTextomultimedia{
  width: 55.5%;
}


.contenedorTexto h2 #subtitulo_2_1 {
    width:100%;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: -4.2em;
}



#subtitulo_2_1 .marcaColor{
  display: block;
  height: .2em;
}

/*-----------------------------TRMINA CONTENIDO SERVICIOS---------------------------*/


.apartadoBotones_izq span, .apartadoBotones_der span, .apartadoBotones span
{
  color: #de4908;
  position: relative;
  float: left;
  left: 0px;
  padding: .5em;
  text-align: center;
  width: 21%;
  height: .5em;
  line-height: 50%;
  border-bottom: solid 1px transparent;
}



.apartadoBotones{
  padding-top: 1.5em;
  background: transparent;
}


.apartadoBotones_izq, .apartadoBotones_der 
{
  position: relative;
  float: right;
  width:96%;
  height:auto;
  line-height: 45%;
  padding-top:.4em;
}


.menuPrincipal a .btnSelect{
 color: #3e0000;
 font-weight: bold;
}


.apartadoBotones_izq 
{
  border-bottom: solid 1px #de4908;
  padding-bottom: .8em;
}



.apartadoBotones_izq .btnMenu span
{
  width: 19%;
}


.apartadoBotones_izq #cambio2 span
{
  width: 38.5%;
}


.apartadoBotones_der .btnMenu span
{
  width: 19%;
}


.apartadoBotones_der #cambio8 span
{
  width: 15.5%;
}


.apartadoBotones_der #cambio4 span
{
  width: 22%;
}



#apartadoTituloNota5{
width: 70%;
margin:auto;
}



.imagenContenido{
  width: 20%;
}



.barraOpcionesAdicionales .opcionAdicional{
  width: 28%;
}


.contenedorTexto h2{
  font-size: 90%;
  color: #ffffff;
  margin-top: 0;
  width: 100%;
  position: relative;
  float: left;
  left:0;
  z-index: 1;
  margin-bottom: 0;
}


.greca{
  width: 22%;
}

.contenedorTexto #h2_2_1{
  width: 100%; 
  left:0;
}

.contenedorTexto h2 .subtitulo {
    width: 100%;
    padding-top: 1.5em;
    padding-bottom: .4em;
    margin-left: 0;
    background-size: 16%;
}






.pie{
  font-size:70%;
}


#pie span{
  display: inherit;
}



}

/*____________________________________________________________________________________FIN SMARTH PHONE HORIZONTAL_________________________________________________________________*/





/*/////////////////////////////////////////////////////////////////////////////////IPAD VERTICAL/////////////////////////////////////////////////////*/
@media (min-width:768px) and (orientation:portrait){

  body{
        background: #ffffff;
      }




.nombreTema{ 
  line-height:0.2em;
  background-size: 14%;
  height: 4.5em;
}

 Aux{
font-size: 70%;
margin-top: -4em !important;
}

 .nombreTema h1{
  font-size: 100%;
  padding-bottom: .2em;
  padding-top: 2em;
}

.bannerPrincipal img.banner{
  width: 110%;
}  


.envolventeContenido{
  background: url(../images/fondoBase.png)  repeat;
  padding-bottom: 1px;
  background-size: 12%;
} 

 .imagenPincipalVertical{
    width: 15%;
    display: none;
    float: left;
    top:0em;
    left:0em;
    border: none; 
    border-radius:none;
    border-top:1px solid rgba(0, 0, 0, 0.7);    
    }


  .imagenPincipalHorizontal{
      display: block;
      width:8%;
    }  
 

  .nombrePagina{
      display: none !important;
    }



.contenedorMenu{
 background: url(../images/fondoBase.png) repeat;
 background-size: 10%;
}

.cortinillaMenu {
    font-size: 75%;
    height: 6em;
    left: 5.2em;
    background: transparent;
    width: 85%;
}

.cortinillaMenu a{
  color: #000000;
}


.menuPrincipal a span{
    background: #efefef;
    border-bottom: solid 1px #f8f8f8;
    border-right: solid 1px #f8f8f8;
    border-top: solid 1px #c0c0c0;
    border-left: solid 1px #c0c0c0;
    padding: .8em;
    background: url(../images/fondoBase.png) repeat;
    background-size: 34%;
    width: 17.4%;
}


.franjaVerMas{
  display:none;
}




.apartadoBotones_izq, .apartadoBotones_der 
{
  position: relative;
  float: right;
  width:100%;
  height:auto;
  line-height: 45%;
  padding-top:.8em;
  padding-bottom:.8em;
}


.apartadoBotones_izq 
{
  border-bottom: solid 1px #ffffff;
}




.apartadoBotones_izq span, .apartadoBotones_der span, .apartadoBotones span
{ 
    position: relative;
    float: left;
    left: 0px;
    padding: .5em;
    text-align: center;
    width: 19%;
    height: .5em;
    line-height: 50%;
    margin-left: .5em;
}



.contenedorTexto h2 .subtitulo{
    padding-bottom: .8em;
    padding-top: .8em;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    
}


.contenedorTexto h2 #subtitulo_2_1{
    padding-bottom: 4em;
    padding-top: 4em; 
    margin-top:-4.4em;  
}

.greca{
  width: 16%;
}




.opcionServicio{
   font-size:70%;
}


.siguiente{
  right: 6%;
}

.anterior{
  left: 6%;
}


.texto_siguiente{
  width: 90%;
}

.texto_anterior{
  width: 90%;
}


.contenedorNotaDesarrollada{
  width: 96%;
}






.imagenContenido{
  width: 30%;
}




.barraOpcionesAdicionales{
width: 56%;
padding: .3em;
}

.barraOpcionesAdicionales .opcionAdicional{
  width: 28%;
}

.barraOpcionesAdicionales .opcionAdicional div{
  font-size: 70%;
}



.contenedorTexto h2
{
  margin-bottom: 5em;
}




/*---------------------------CONTENEDORES PÁGINA PRINCIPAL----------------------------*/



.multimediaDer, .multimediaIzq{
  position: relative;
  float: none;
  width: 80%;
  padding: 0;
  margin:auto;
  display: block;
  background-size: 5%;
  overflow: hidden;
  left: 0;
}








.interiorMultimedia{
  position: relative;
  width: 96%;
  margin: auto;
  overflow: hidden;
  height: 18em;
  margin-top: .8em;
  margin-bottom: .8em;  
}


.interiorMultimedia a{
  text-decoration: none;
}


.botonVerMas{
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    float: right;
    height: 100%;
    padding-left: 0;
    position: absolute;
    right: -6em;
    text-align: center;
    top: 0;
    width: 30%;
    z-index: 1;    
    cursor: pointer;
     -webkit-transform: skew(40deg);
     -moz-transform: skew(40deg);
     -ms-transform: skew(40deg);
     -o-transform: skew(40deg);
     transform: skew(40deg);
}


.franjaVerMas{
  display:none;
}

.botonVerMas{
  width: 16%;
  right: -8em;
}


.botonVerMas span{
    color: #ffffff;
    text-shadow:1px 1px 1px #000000;
    left: 0;
    position: absolute;
    text-align: left;
    padding-left: .8em;
    top: .2em;
    width: 100%;
  -webkit-transform: skew(-40deg);
     -moz-transform: skew(-40deg);
     -ms-transform: skew(-40deg);
     -o-transform: skew(-40deg);
     transform: skew(-40deg);
}



a {
    text-decoration: none;
}

.imagenContenido{
  position: relative;
  margin:auto;
  width: 60%;
  padding: 1em;

}

.imagenContenido img{
  position: relative;
  width: 100%;
  display: block;
  height: auto;
}


.desarolloTextoDer, .desarolloTextoIzq{
  width:84%;
  float: none;
  position: relative;
  margin: auto;
  margin-bottom: 5em;
  text-align: justify;
  height: auto !important;
  right: 0%;
}


.contenedorTexto .cajaText {
    background: url(../images/body.png);
}

.lista_FAQS{
  width:78% !important; 
  padding: .8em !important;
  }

.fichaMasServicios .contendidoTextomultimedia .textoInterno{
  overflow: hidden;
 /* display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;*/ 
}


.block-with-text {
  max-height: 20em;
  margin-top: -.6em;
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 12, $bgColor: white);  
}




/*----------------------------TERMINAN CONTENEDORES PÁGINA PRINCIPAL------------------------------*/



/*--------------------------CONTENIDOS SERVICIOS---------------------------------------------*/



.botones_navegacion{
  margin-top: 5em;
}

.boton_siguiente{
  right: .1em;
}

.boton_anterior{
  left: .1em;
}


.texto_siguiente{
  width: 90%;
}

.texto_anterior{
  width: 90%;
}



.fichaMasServicios {
    position: relative;
    width: 79%;
    float: none;
    height: 14em;
    /* padding-bottom: .5em; */
    margin: auto;
    margin-bottom: 5.5em;}


.fichaMasServicios .multimedia img{
    max-height: unset;
}


.fichaMasServicios .multimedia iframe {
  max-height: 18em;
  height: 18em;

}


.fichaMasServicios .multimedia, .fichaMasServicios .contendidoTextomultimedia {
    position: relative;
    width: 49.4%;
    float: left;
    height: 18em;
    padding-bottom: unset;}


/*------------------------TERMINA CONTENIDOS SERVICIOS-----------------------------------*/






/*-----------------------------Diseños contacto y mapa------------------------------*/

.botones_contacto_ubicacion{
  width: 64%;
  padding-top: .2em;
}

.boton_contacto{
  width: 7%;
}


.boton_ubicacion{
  width: 7%;
}



.contenedorFomContacto{
  border-top:solid 1px #f1f1f1;
  padding-top: 1.7em;
}

.contenedorTexto form{
  width: 78%;
}




.contenedorTexto form div label{
  padding-left: 1em;
}



.cajaMapa{
  width:100%; position:relative; 
  z-index: 0; 
  top:0; display: none; 
  border-bottom: solid 1px #91806f; 
  border-top: solid 1px #91806f;
  background: url(../images/load.gif)no-repeat 50% 45%/8%;
  height: 6em;
}


.gif_espera img {
    height: auto;
    width: 2%;
}


.gif_espera, .gif_espera_seccion{
    left: 0;
    font-size: 90%;
    position: absolute;
    text-align: center;
    top: 2.5em;
    width: 100%;
    color: #ffffff;
    z-index: 5;
}



.contenedorTexto form .divSubmit input{
  background: #de4908 url(../images/icono_envia_mensaje.png) no-repeat  85% /10%;
  font-size: 100%;
  padding-top: 0.6em;
  width: 60%;
}


#contenedorTexto4 h2{
 margin-bottom: 0em;
}

/*-----------------------------Termina diseños contacto y mapa------------------------------*/



form div.g-recaptcha {
    padding-top: 1.8em;
    padding-left: 0;
    padding-bottom: 3em;
    margin-left: 1.1em;
}







.links_redes{
  position: relative;
  margin: auto;
  border:solid 1px transparent;
  width:34%;
  margin-bottom: 2.2em;
}

.redes{
  width: 100%;
  background-size: 14%;
  background-position: 81.4% -86%;
}

.redes .redSocial{
  position: relative;
  float: left;
  width: 12%;
  margin-left: 20%;
}

.redes #whatsapp{
  display: none;
}



.pie{
  font-size:60%;
}



}
/*____________________________________________________________________________FIN IPAD VERTICAL______________________________________________________*/













/*/////////////////////////////////////////////////////////////////////////////////IPAD HORIZONTAL/////////////////////////////////////////////////////*/
@media (min-width:992px) and (orientation:landscape){

  body{
        /*background: green;*/
        background: #ffffff;
      }



.bannerPrincipal img.banner{
  width: 100%;
}   

 .imagenPincipalHorizontal
   {
   position: relative;
   float: left;
   left: 0;
    width:6%;
    display: block;
    top:0em;
    margin: auto;
    border: none; 
    border-radius:unset;  
    left: .5em;
 }

 .imagenPincipalVertical{
  display: none;
 }   

  .nombrePagina{
      display: none !important;
    }


.nombreTemaAux{
font-size: 70%;
margin-top: -4em;
}

.contenedorTexto h2 .subtitulo{
    padding-bottom: .6em;
    padding-top: .6em;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    
}

.contenedorTexto h2 #subtitulo_2_1{
    padding-bottom: 3em;
    padding-top: 3em; 
    margin-top:-4.4em;  
}

.greca {
    width: 14%;
}


.botones_navegacion{
  margin-top: 5em;
}


.siguiente{
  right: 6%;
}

.anterior{
  left: 6%;
}


.texto_siguiente{
  width: 90%;
}

.texto_anterior{
  width: 90%;
}


.botonMenu{
 display: none;
}

.botonMenu img{
  display: none;
}




.botonMenu{
 display: none;
}

.botonMenu img{
  display: none;
}



.contenedorMenu{
 background: url(../images/fondoBase.png) repeat;
 background-size: 12%;
}



.cortinillaMenu {
  border-top: solid 1px #f1f1f1;
    padding-bottom:0em;
    padding-top: 0em;
    position: absolute;
    float: right;
    right:0;
    top: 0em;
    width:92%;
    box-shadow: none;
    font-size:80%;
    display:block !important;
    height:auto;
    overflow: hidden;
    background:transparent;
}


.cortinillaMenu a{
  color: #000000;
}



.menuPrincipal a span{
  background:#efefef;
  border-bottom: solid 1px #f8f8f8;
  border-right: solid 1px #f8f8f8;
  border-top: solid 1px #c0c0c0;
  border-left: solid 1px #c0c0c0;
  padding: .8em;
  background: url(../images/fondoBase.png) repeat;
  background-size: 56%;
}




.apartadoBotones span{
    margin-left: 1.3em;
    text-align: center;
    width: 16.7%;
    height: .5em;
    font-size: 90%;
}



.apartadoBotones_der, .apartadoBotones_izq  
{
  width: 47%;
  float: left;
  top:0em;
  padding-bottom: .5em;
  border-bottom: solid 1px #ffffff;
}

.apartadoBotones_der
{
  width: 53%;
  float: right;
}



.nombreTema{
  line-height:.6em;
  background-size: 12%;
  height: 4em;
  padding-top: 0em;
 }

 .nombreTema h1{
  font-size: 96%;
  padding-top: 1.4em;
}



.contenedorNotaDesarrollada{
  width: 98%;
}


.contenedorTexto form div select{ 
    height: 1.6em;
    width: 83%;
 }


/*---------------------------CONTENEDORES PÁGINA PRINCIPAL----------------------------*/



.multimediaDer, .multimediaIzq{
  position: relative;
  float: left;
  width: 45%;
  padding: 0;
  margin:auto;
  display: block;
  background-size: 5%;
  overflow: hidden;
  left: 10%;
  top:5em;
}








.interiorMultimedia{
  position: relative;
  width: 96%;
  margin: auto;
  overflow: hidden;
  height: 16em;
  margin-top: .6em;
  margin-bottom: .6em;  
}


.interiorMultimedia a{
  text-decoration: none;
}




.franjaVerMas{
  display:none;
}

.botonVerMas {
    width: 24%;
    right: -8em;
    font-size: 93%;
}


.botonVerMas span{
    color: #ffffff;
    text-shadow:1px 1px 1px #000000;
    left: 0;
    position: absolute;
    text-align: left;
    padding-left: .8em;
    top: .2em;
    width: 100%;
  -webkit-transform: skew(-40deg);
     -moz-transform: skew(-40deg);
     -ms-transform: skew(-40deg);
     -o-transform: skew(-40deg);
     transform: skew(-40deg);
}



a {
    text-decoration: none;
}

.imagenContenido{
  position: relative;
  margin:auto;
  width: 60%;
  padding: 1em;

}

.imagenContenido img{
  position: relative;
  width: 100%;
  display: block;
  height: auto;
}


.desarolloTextoDer, .desarolloTextoIzq{
  width:35%;
  float: left;
  left: 10%;
  position: relative;
  margin-bottom: 5em;
  text-align: justify;
  height: auto !important;
  top:5em;
}


.contenedorTexto .cajaText {
    background: url(../images/body.png);
    margin-top:0;
    min-height: 17.1em;
    height: 17.1em;
    overflow-y: auto;
}


.envolventeContenido {
    padding-bottom: 5em;
    background: #ffffff url(../images/fondoBase.png) repeat;
    background-size: 12%;
}


.lista_FAQS{
  width:77% !important; 
  padding: .7em !important;
  margin-top: 5.5em !important;
  }


  .fichaMasServicios .contendidoTextomultimedia .textoInterno{
  overflow: hidden;
  /*display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;*/ 
}



.block-with-text {
  max-height: 23em;
  margin-top: -.6em;
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 15, $bgColor: white);  
}





/*----------------------------TERMINAN CONTENEDORES PÁGINA PRINCIPAL------------------------------*/






/*--------------------------CONTENIDOS SERVICIOS---------------------------------------------*/

.botones_navegacion{
  margin-top: 5em;
}

.boton_siguiente{
  right: .1em;
}

.boton_anterior{
  left: .1em;
}


.texto_siguiente{
  width: 90%;
}

.texto_anterior{
  width: 90%;
}


.fichaMasServicios {
    position: relative;
    width: 79%;
    float: none;
    height: 17em;
    /* padding-bottom: .5em; */
    margin: auto;
    margin-bottom: 5.5em;}


.fichaMasServicios .multimedia img{
    max-height: unset;
}


.fichaMasServicios .multimedia iframe {
  height: 21em;

}


.fichaMasServicios .multimedia, .fichaMasServicios .contendidoTextomultimedia {
    position: relative;
    width: 49.4%;
    float: left;
    height: 21em;
    padding-bottom: unset;}


/*------------------------TERMINA CONTENIDOS SERVICIOS-----------------------------------*/












/*-----------------------------Diseños contacto y mapa------------------------------*/

.botones_contacto_ubicacion{
  width: 64%;
}

.boton_contacto{
  width: 6%;
}


.boton_ubicacion{
  width: 6%;
}



.contenedorFomContacto{
  border-top:solid 1px #f1f1f1;
  padding-top: 3em;
}

.contenedorTexto form{
  width: 78%;
}

.contenedorTexto form .campo, .contenedorTexto form .comentario{
  width: 80%;
}


.contenedorTexto form div label{
  padding-left: 3.4em;
}




.cajaMapa{
  width:100%; position:relative; 
  z-index: 0; 
  top:0; display: none; 
  border-bottom: solid 1px #91806f; 
  border-top: solid 1px #91806f;
  background: url(../images/load.gif)no-repeat 50% 45%/8%;
  height: 6em;
}


.gif_espera img {
    height: auto;
    width: 2%;
}


.gif_espera, .gif_espera_seccion{
    left: 0;
    font-size: 90%;
    position: absolute;
    text-align: center;
    top: 2.5em;
    width: 100%;
    color: #ffffff;
    z-index: 5;
}


.contenedorTexto form .divSubmit input{
  background: #de4908 url(../images/icono_envia_mensaje.png) no-repeat  85% /12%;
  font-size: 92%;
  padding-top: 0.6em;
  width: 50%;
}

/*-----------------------------Termina diseños contacto y mapa------------------------------*/



form div.g-recaptcha {
    padding-top: 1.8em;
    padding-left: 3em;
    padding-bottom: 3em;
    margin-left: 0.8em;
}





.links_redes{
  position: relative;
  margin: auto;
  border:solid 1px transparent;
  width:34%;
  margin-bottom: 2.2em;
}

.redes{
  width: 100%;
  background-size: 14%;
  background-position: 81.4% -86%;
}

.redes .redSocial{
  position: relative;
  float: left;
  width: 10%;
  margin-left: 20%;
}

.redes #whatsapp{
  display: none;
}


.opcionServicio{
  font-size: 70%;
}




.pie {
    font-size: 60%;
}



}
/*_________________________________________________________________________________FIN IPAD HORIZONTAL_______________________________________________________*/











/*//////////////////////////////////////////////////////////////////////////LAPTOPS O/Y ESCRITORIOS CHICOS//////////////////////////////////////////////*/
@media (min-width:1200px){

  body{background: #ffffff;}

.nombreTema{ 
  line-height:0em;
  background-size: 14%;
  height: 2.2em;
  margin-top: 3.4em !important;
  background-size: 9%;
}

.nombreTemaAux{
font-size: 70%;
margin-top: -4em !important;
}

 .nombreTema h1{
  font-size: 100%;
  padding-bottom: .2em;
  padding-top: .5em;
  font-size:80%;
}

.bannerPrincipal img.banner{
  width: 110%;
}  


.envolventeContenido{
  background: url(../images/fondoBase.png)  repeat;
  padding-bottom: 1px;
  background-size: 9%;
} 

 .imagenPincipalVertical{
    width: 15%;
    display: none;
    float: left;
    top:0em;
    left:0em;
    border: none; 
    border-radius:none;
    border-top:1px solid rgba(0, 0, 0, 0.7);    
    }


  .imagenPincipalHorizontal{
      display: block;
      width:5%;
      left: 1em;
      padding-top: .2em;
      padding-bottom: 0;
    }  
 

  .nombrePagina{
      display: none !important;
    }



.contenedorMenu{
 background: url(../images/fondoBase.png) repeat;
 background-size: 9%;
}

.cortinillaMenu {
    font-size: 75%;
    height: 4em;
    left: 8.4em;
    background: transparent;
    width: 85%;
}

.cortinillaMenu a{
  color: #000000;
}


.menuPrincipal a span{
    background: #efefef;
    border-bottom: solid 1px #f8f8f8;
    border-right: solid 1px #f8f8f8;
    border-top: solid 1px #c0c0c0;
    border-left: solid 1px #c0c0c0;
    padding: .6em;
    background: url(../images/fondoBase.png) repeat;
    background-size: 40%;
    width: 17.4%;
}


.franjaVerMas{
  display:none;
}



.apartadoBotones{
  padding-top: .8em;
}


.apartadoBotones_izq, .apartadoBotones_der 
{
  position: relative;
  float: right;
  width:100%;
  height:auto;
  line-height: 45%;
  padding-top:.8em;
  padding-bottom:.8em;
}


.apartadoBotones_izq 
{
  border-bottom: solid 1px #ffffff;
}




.apartadoBotones_izq span, .apartadoBotones_der span, .apartadoBotones span
{ 
    position: relative;
    float: left;
    left: 0px;
    padding: .5em;
    text-align: center;
    width: 19%;
    height: .5em;
    line-height: 50%;
    margin-left: .5em;
    font-size: 80%;
}



.contenedorTexto h2 .subtitulo{
    padding-bottom: .2em;
    padding-top: .2em;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    
}


.contenedorTexto h2 #subtitulo_2_1{
    padding-bottom: 4.8em;
    padding-top: 4.8em; 
    margin-top:-3.8em;  
}

.greca{
  width: 11%;
}




.opcionServicio{
   font-size:60%;
}


.siguiente{
  right: 6%;
  width: auto;
}

.anterior{
  left: 6%;
  width: auto;
}


.texto_siguiente{
  width: 90%;
}

.texto_anterior{
  width: 90%;
}


.contenedorNotaDesarrollada{
  width: 96%;
}






.imagenContenido{
  width: 30%;
}




.barraOpcionesAdicionales{
width: 56%;
padding: .3em;
}

.barraOpcionesAdicionales .opcionAdicional{
  width: 28%;
}

.barraOpcionesAdicionales .opcionAdicional div{
  font-size: 70%;
}



.contenedorTexto h2
{
  margin-bottom: 0em;
  font-size: 74%;
}


/*---------------------------CONTENEDORES PÁGINA PRINCIPAL----------------------------*/



.multimediaDer, .multimediaIzq{
  position: relative;
  float: none;
  width: 64%;
  padding: 0;
  margin:auto;
  display: block;
  background-size: 5%;
  overflow: hidden;
  left: 0;
  top:4em;
}








.interiorMultimedia{
  position: relative;
  width: 96%;
  margin: auto;
  overflow: hidden;
  height: 18em;
  margin-top: .8em;
  margin-bottom: .8em;  
}


.interiorMultimedia a{
  text-decoration: none;
}


.botonVerMas{
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    float: right;
    height: 100%;
    padding-left: 0;
    position: absolute;
    right: -6em;
    text-align: center;
    top: 0;
    width: 30%;
    z-index: 1;    
    cursor: pointer;
    font-size:70%;
     -webkit-transform: skew(40deg);
     -moz-transform: skew(40deg);
     -ms-transform: skew(40deg);
     -o-transform: skew(40deg);
     transform: skew(40deg);
}


.franjaVerMas{
  display:none;
}

.botonVerMas{
  width: 16%;
  right: -13em;
}


.botonVerMas span{
    color: #ffffff;
    text-shadow:1px 1px 1px #000000;
    left: 0;
    position: absolute;
    text-align: left;
    padding-left: .8em;
    top: .2em;
    width: 100%;
  -webkit-transform: skew(-40deg);
     -moz-transform: skew(-40deg);
     -ms-transform: skew(-40deg);
     -o-transform: skew(-40deg);
     transform: skew(-40deg);
}



a {
    text-decoration: none;
}

.imagenContenido{
  position: relative;
  margin:auto;
  width: 60%;
  padding: 1em;

}

.imagenContenido img{
  position: relative;
  width: 100%;
  display: block;
  height: auto;
}


.desarolloTextoDer, .desarolloTextoIzq{
  width:68.2%;
  float: none;
  position: relative;
  margin: auto;
  margin-bottom: 4em;
  text-align: justify;
  height: auto !important;
  right: 0%;
  left: 0%;
  top:0;
}


.contenedorTexto .cajaText {
    background: url(../images/body.png);
    min-height: 6em;
    font-size:66%;
    padding-bottom: 0.6em;
    height: auto;
}


.lista_FAQS{
  width:61.5% !important; 
  padding: 1em !important;
  margin-top: 5.5em !important;
  }


.fichaMasServicios .contendidoTextomultimedia .textoInterno{
  overflow: hidden;
  /*display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;*/ 
}



.block-with-text {
  max-height: 12.6em;
  margin-top: -.6em;
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 9, $bgColor: white);  
}





/*----------------------------TERMINAN CONTENEDORES PÁGINA PRINCIPAL------------------------------*/



/*--------------------------CONTENIDOS SERVICIOS---------------------------------------------*/



.botones_navegacion{
  margin-top: 5em;
  font-size:70%;
}

.boton_siguiente{
  right: .1em;
  position: absolute;
}

.boton_anterior{
  left: .1em;
  position: absolute;
}


.texto_siguiente{
  width: auto;
  right: .2em;
  margin-right: 2.8em;
}

.texto_anterior{
  width:auto;
  left: .2em;
  margin-left: 2.8em;
}



.fichaMasServicios {
    position: relative;
    width: 33.5%;
    float: none;
    height: auto;
    /* padding-bottom: .5em; */
    margin: auto;
    margin-bottom: 3em;
    float: left;
    left: 14.5%;
    margin-left:1%;
    border:solid 1px #ffffff;
    background: url(../images/body.png);
    background-size: 76%;
  }


.fichaMasServicios .multimedia img{
    max-height: unset;
}


.fichaMasServicios .multimedia iframe {
  max-height: 8.2em;
  height: 8.2em;

}


.fichaMasServicios .multimedia, .fichaMasServicios .contendidoTextomultimedia {
    position: relative;
    width: 46%;
    float: left;
    height: 8.2em;
    padding-bottom: unset;}

 .fichaMasServicios .contendidoTextomultimedia {
  width: 53%;
 }   

 .fichaMasServicios .contendidoTextomultimedia{
  font-size:70%;
 }


/*------------------------TERMINA CONTENIDOS SERVICIOS-----------------------------------*/



/*-----------------------------Diseños contacto y mapa------------------------------*/

.botones_contacto_ubicacion{
  width: 64%;
}

.boton_contacto{
  width: 3%;
  left: 10.5em;
}


.boton_ubicacion{
  width: 3%;
  right: 10.5em;
}



.contenedorFomContacto{
  border-top:solid 1px #f1f1f1;
  padding-top: 2.2em;
  width:62%;
}

.contenedorTexto form{
  width: 74.4%;
}



.contenedorTexto form div label{
  padding-left: 3.6em;
  font-size: 62%;
}



.cajaMapa{
  width:100%; position:relative; 
  z-index: 0; 
  top:0; display: none; 
  border-bottom: solid 1px #91806f; 
  border-top: solid 1px #91806f;
  background: url(../images/load.gif)no-repeat 50% 45%/4%;
  height: 6em;
}



.gif_espera img {
    height: auto;
    width: 2%;
}


.gif_espera, .gif_espera_seccion{
    left: 0;
    font-size: 90%;
    position: absolute;
    text-align: center;
    top: 2.5em;
    width: 100%;
    color: #ffffff;
    z-index: 5;
}


.contenedorTexto form .divSubmit input{
  background: #de4908 url(../images/icono_envia_mensaje.png) no-repeat  97% /13%;
  font-size: 60%;
  width: 28%;
  padding-top: 0.8em;
}

.contenedorTexto form div input, .contenedorTexto form div select{
  height: 1em;
  font-size:80%;
}

.contenedorTexto form div select{ 
    height: 1.4em;
    width: 84%;
 }


.contenedorTexto form .comentario{
  font-size:80%;
}

/*-----------------------------Termina diseños contacto y mapa------------------------------*/

form div.g-recaptcha {
    padding-top: 1em;
    padding-left: 1.5em;
    margin-left: 0.8em;
}







.links_redes{
  position: relative;
  margin: auto;
  border:solid 1px transparent;
  width:34%;
  margin-bottom: 2.2em;
}

.redes{
  width: 100%;
  background-size: 9%;
  background-position: 81.4% -86%;
}

.redes .redSocial{
  position: relative;
  float: left;
  width: 8%;
  margin-left: 24%;
}

.redes #whatsapp{
  display: none;
}



.pie{
  font-size:42%;
}



}

/*______________________________________________________________________FIN LAPTOPS O/Y ESCRITORIOS CHICOS______________________________________________*/












/*///////////////////////////////////////////////////////////////////////////ESCRITORIOS GRANDES///////////////////////////////////////////////////////////*/

@media (min-width:1400px){

  body{background: #ffffff;}

.nombreTema{ 
  line-height:0em;
  background-size: 14%;
  height: 2em;
  margin-top: 3em !important;
  background-size: 6%;
}

.nombreTemaAux{
font-size: 70%;
margin-top: -4em !important;
}

 .nombreTema h1{
  font-size: 100%;
  padding-bottom: .2em;
  padding-top: .5em;
  font-size:75%;
}

.bannerPrincipal img.banner{
  width: 110%;
}  


.envolventeContenido{
  background: url(../images/fondoBase.png)  repeat;
  padding-bottom: 1px;
  background-size: 6%;
} 

 .imagenPincipalVertical{
    width: 15%;
    display: none;
    float: left;
    top:0em;
    left:0em;
    border: none; 
    border-radius:none;
    border-top:1px solid rgba(0, 0, 0, 0.7);    
    }


  .imagenPincipalHorizontal{
      display: block;
      width:4%;
      left: 3.5em;
      padding-top: .2em;
      padding-bottom: 0;
    }  
 

  .nombrePagina{
      display: none !important;
    }



.contenedorMenu{
 background: url(../images/fondoBase.png) repeat;
 background-size: 5%;
}

.cortinillaMenu {
    font-size: 70%;
    height: 4em;
    left: 13.2em;
    background: transparent;
    width: 90%;
}

.cortinillaMenu a{
  color: #000000;
}


.menuPrincipal a span{
    background: #efefef;
    border-bottom: solid 1px #f8f8f8;
    border-right: solid 1px #f8f8f8;
    border-top: solid 1px #c0c0c0;
    border-left: solid 1px #c0c0c0;
    padding: .6em;
    background: url(../images/fondoBase.png) repeat;
    background-size: 40%;
    width: 15.4%;
}


.franjaVerMas{
  display:none;
}



.apartadoBotones{
  padding-top: .8em;
}


.apartadoBotones_izq, .apartadoBotones_der 
{
  position: relative;
  float: right;
  width:100%;
  height:auto;
  line-height: 45%;
  padding-top:.8em;
  padding-bottom:.8em;
}


.apartadoBotones_izq 
{
  border-bottom: solid 1px #ffffff;
}




.apartadoBotones_izq span, .apartadoBotones_der span, .apartadoBotones span
{ 
    position: relative;
    float: left;
    left: 0px;
    padding: .5em;
    text-align: center;
    width: 19%;
    height: .5em;
    line-height: 50%;
    margin-left: .5em;
    font-size: 70%;
}



.contenedorTexto h2 .subtitulo{
    padding-bottom: .2em;
    padding-top: .2em;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    
}


.contenedorTexto h2 #subtitulo_2_1{
    padding-bottom: 5.3em;
    padding-top: 5.3em;    
    margin-top: -3.8em;
}




.greca{
  width: 9%;
}



.opcionServicio{
   font-size:50%;
}


.siguiente{
  right: 6%;
  width: auto;
}

.anterior{
  left: 6%;
  width: auto;
}


.texto_siguiente{
  width: 90%;
}

.texto_anterior{
  width: 90%;
}


.contenedorNotaDesarrollada{
  width: 96%;
}






.imagenContenido{
  width: 30%;
}




.barraOpcionesAdicionales{
width: 56%;
padding: .3em;
}

.barraOpcionesAdicionales .opcionAdicional{
  width: 28%;
}

.barraOpcionesAdicionales .opcionAdicional div{
  font-size: 70%;
}



.contenedorTexto h2
{
  margin-bottom: 0em;
  font-size: 62%;
}


/*---------------------------CONTENEDORES PÁGINA PRINCIPAL----------------------------*/



.multimediaDer, .multimediaIzq{
  position: relative;
  float: none;
  width: 48%;
  padding: 0;
  margin:auto;
  display: block;
  background-size: 5%;
  overflow: hidden;
  left: 0;
  top:4em;
}








.interiorMultimedia{
  position: relative;
  width: 98%;
  margin: auto;
  overflow: hidden;
  height: 18em;
  margin-top: .3em;
  margin-bottom: .3em;  
}


.interiorMultimedia a{
  text-decoration: none;
}


.botonVerMas{
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    float: right;
    height: 100%;
    padding-left: 0;
    position: absolute;
    right: -6em;
    text-align: center;
    top: 0;
    width: 30%;
    z-index: 1;    
    cursor: pointer;
    font-size:60%;
     -webkit-transform: skew(40deg);
     -moz-transform: skew(40deg);
     -ms-transform: skew(40deg);
     -o-transform: skew(40deg);
     transform: skew(40deg);
}


.franjaVerMas{
  display:none;
}

.botonVerMas{
  width: 16%;
  right: -15em;
}


.botonVerMas span{
    color: #ffffff;
    text-shadow:1px 1px 1px #000000;
    left: 0;
    position: absolute;
    text-align: left;
    padding-left: .8em;
    top: .2em;
    width: 100%;
  -webkit-transform: skew(-40deg);
     -moz-transform: skew(-40deg);
     -ms-transform: skew(-40deg);
     -o-transform: skew(-40deg);
     transform: skew(-40deg);
}



a {
    text-decoration: none;
}

.imagenContenido{
  position: relative;
  margin:auto;
  width: 60%;
  padding: 1em;

}

.imagenContenido img{
  position: relative;
  width: 100%;
  display: block;
  height: auto;
}


.desarolloTextoDer, .desarolloTextoIzq{
  width:51.2%;
  float: none;
  position: relative;
  margin: auto;
  margin-bottom: 8em;
  text-align: justify;
  height: auto !important;
  right: 0%;
  left: 0%;
  top:4em;
}


.contenedorTexto .cajaText {
    background: url(../images/body.png);
    min-height: 6em;
    font-size:56%;
    padding-bottom: 0.6em;
    height: auto;
}


.lista_FAQS{
  width:46.8% !important; 
  padding: .6em !important;
  margin-top: 7.3em !important;
  font-size:90%;
  }

.fichaMasServicios .contendidoTextomultimedia .textoInterno{
  overflow: hidden;
  /*display: -moz-box / -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;*/ 
}



.block-with-text {
  max-height: 14.8em;
  line-height: 1.6em;
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 10, $bgColor: white);  
}





/*----------------------------TERMINAN CONTENEDORES PÁGINA PRINCIPAL------------------------------*/



/*--------------------------CONTENIDOS SERVICIOS---------------------------------------------*/



.botones_navegacion{
  margin-top: 5em;
  font-size:70%;
}

.boton_siguiente{
  right: .1em;
  position: absolute;
}

.boton_anterior{
  left: .1em;
  position: absolute;
}


.texto_siguiente{
  width: auto;
  right: .2em;
  margin-right: 2.8em;
}

.texto_anterior{
  width:auto;
  left: .2em;
  margin-left: 2.8em;
}



.fichaMasServicios {
    position: relative;
    width: 27.2%;
    float: none;
    height: auto;
    /* padding-bottom: .5em; */
    margin: auto;
    margin-bottom: 3em;
    float: left;
    left: 7.2%;
    margin-left:1%;
    border:solid 1px #ffffff;
    background: url(../images/body.png);
    background-size: 76%;
  }


.fichaMasServicios .multimedia img{
    max-height: unset;
}


.fichaMasServicios .multimedia iframe {
  max-height: 8.2em;
  height: 8.2em;

}


.fichaMasServicios .multimedia, .fichaMasServicios .contendidoTextomultimedia {
    position: relative;
    width: 48%;
    float: left;
    height: 8.2em;
    padding-bottom: unset;}

 .fichaMasServicios .contendidoTextomultimedia {
  width: 51%;
 }   

 .fichaMasServicios .contendidoTextomultimedia{
  font-size:58%;
 }


/*------------------------TERMINA CONTENIDOS SERVICIOS-----------------------------------*/






/*-----------------------------Diseños contacto y mapa------------------------------*/

.botones_contacto_ubicacion{
  width: 64%;
}

.boton_contacto{
  width: 3%;
  left: 10.5em;
}


.boton_ubicacion{
  width: 3%;
  right: 10.5em;
}



.contenedorFomContacto{
  border-top:solid 1px #f1f1f1;
  padding-top: 2.2em;
  width:62%;
}

.contenedorTexto form{
  width: 74.4%;
}



.contenedorTexto form div label{
  padding-left: 3.6em;
  font-size: 62%;
}



.cajaMapa{
  width:100%; position:relative; 
  z-index: 0; 
  top:0; display: none; 
  border-bottom: solid 1px #91806f; 
  border-top: solid 1px #91806f;
  background: url(../images/load.gif)no-repeat 50% 5%/2.5%;
  height: 6em;
}


.contenedorTexto form .divSubmit input{
  background: #de4908 url(../images/icono_envia_mensaje.png) no-repeat  92% /12%;
  font-size: 60%;
  width: 28%;
  padding-top: 0.8em;
}

.contenedorTexto form div input, .contenedorTexto form div select{
  height: 1em;
  font-size:75%;
}

.contenedorTexto form div select{ 
    height: 1.4em;
    width: 83%;
 }   

.contenedorTexto form .comentario{
  font-size:75%;
}


.gif_espera img {
    height: auto;
    width: 2%;
}


.gif_espera, .gif_espera_seccion{
    left: 0;
    font-size: 90%;
    position: absolute;
    text-align: center;
    top: 2.5em;
    width: 100%;
    color: #ffffff;
    z-index: 5;
}


.cajaMensaje {
    width: 67%;
    top: 25%;
    left: 15%;
    font-size: 55%;
}






/*-----------------------------Termina diseños contacto y mapa------------------------------*/



form div.g-recaptcha {
    padding-top: 1em;
    padding-left: 2em;
    margin-left: 0.3em;
}





.links_redes{
  position: relative;
  margin: auto;
  border:solid 1px transparent;
  width:34%;
  margin-bottom: 2.2em;
}

.redes{
  width: 100%;
  background-size: 9%;
  background-position: 81.4% -86%;
}

.redes .redSocial{
  position: relative;
  float: left;
  width: 6%;
  margin-left: 28%;
}

.redes #whatsapp{
  display: none;
}



.pie{
  font-size:34%;
}



}
/*_______________________________________________________________FIN ESCRITORIOS GRANDES_____________________________________________________________________________________*/







/*________________________________________ESTILOS IFRAME VIDEO YOUTUBE______________________________________________________________*/

.video-stream{
  top:0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

iframe > #player > .html5-video-player > a.ytp-watermark{
  display: none !important;
  border: solid 1px red;
}