/* Media Rangos */

/* |-- 1200 px --|-- 768px --|-- 414px --|-- 384px --|-- 375px --|-- 320px --| */


/* Fonts definitions */

/*
 Propiedades opcionales
	font-weight:

    100 - Thin
    200 - Extra Light (Ultra Light)
    300 - Light
    400 - Normal
    500 - Medium
    600 - Semi Bold (Demi Bold)
    700 - Bold
    800 - Extra Bold (Ultra Bold)
    900 - Black (Heavy)
		Peso o fuerza de la fuente a utilizar.El valor por defecto es normal.

	font-style:
		Define como se va a estilizar la fuente.
		normal|italic|oblique|initial|inherit. El valor por defecto es normal.

	font-stretch:
		Define como se a “estirar” la fuente. Puede ser: normal, condensed, ultra-condensed, extra-condensed, semi-condensed, expanded, semi-expanded, extra-expanded, ultra-expanded. El valor por defecto es normal.

 */
 @import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300ita‌​lic,400,400italic,500,500italic,700,700italic,900italic,900);
    html, html * {
      font-family: Roboto;
    }


@media screen and (min-width: 1200px) {

html {
  scroll-behavior: smooth;
}



.TextoServicio {
font-family: Roboto;
font-size:20px;
/* font-weight: thin; */
padding-top:25px;
padding-bottom:25px;
color: black;
text-align:justify;
}



img.Contacto {
display: inline;
 margin-left: auto;
  margin-right: auto;
   padding: 25px;
    width: 500px;
}

	.TituloWhatsapp {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 30px !important;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:  #5ec468 !important ;
	margin-bottom: 25px;

	-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
	}


}

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

.TituloContactoDuda {
font-size: 25px !important;

}
.TextoServicio {

font-size:18px;
padding-top:25px;
padding-bottom:25px;
color: black;
text-align:justify;
}



img.Contacto {
display: inline;
 margin-left: auto !important;
  margin-right: auto !important;
   padding: 25px;
    width: 500px;
}

	.TituloWhatsapp {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 24px !important;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:   #5ec468 !important;
	margin-bottom: 25px;

	-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
	}

}

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

img.Contacto {
display: inline;
 margin-left: auto;
  margin-right: auto;
   padding: 25px;
    width: 450px ;
}

}


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


    .responsive-img {
    width: 50vw; /* 50% del ancho de la pantalla */
  }
    
.TituloContactoDuda {
font-size: 25px !important;

}

.TextoServicio {

font-size:16px;

padding-top:25px;
padding-bottom:25px;
color: black;
text-align:justify;
padding: 15px;
}

img.Contacto {
display: inline;
 margin-left: auto;
  margin-right: auto;
   padding: 15px;
    width: 320px ;
}

.ImagenServicio {
height: 55vw!important;
 padding:0px;
  overflow: hidden;

}

img.TituloServicio {
display: block;
  width: 100%;
  height:  65vw;
background-color:#231f20;
text-align: center;
overflow: hidden;
}

#EnlacesRapidos p{

text-align: center;

}

#Legal p{

text-align: center;

}



ul.Lista-EnlacesRapidos {
text-align: center;
}

	.TituloWhatsapp {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 20px !important;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:   #5ec468 !important;
	margin-bottom: 25px;

	-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
	}


}

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

.carousel-item {
height: 240px !important;
width: 550px!important;

}

.texto-carousel {

visibility: hidden !important;
}



.TituloContactoDuda {
font-size: 25px !important;

}


	.TituloContacto {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 20px  !important;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:  #f35e19;
	margin-bottom: 25px;
	}

	.TituloWhatsapp {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 18px !important;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:   #5ec468 !important;
	margin-bottom: 25px;
	-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */

	}


	.TituloNuestrosServicios  {
	padding-top: 25px;
	width: 100%;
	background: black;
	color: #231f20;
	font-weight: bold;
	text-align: center;
	font-size:35px	!important;
	}

.ImagenServicio {
height: 55vw!important;
 padding:0px;
  overflow: hidden;

}

img.TitularServicio {
display: block;
  width: 100%;
  height:  65vw !important;
background-color:#231f20;
text-align: center;
overflow: hidden;
}

	.TextoServicio {

	font-size:12px;
	padding-top:25px;
	padding-bottom:25px;
	color: black;
	text-align:justify;
	padding: 15px;
	}

	img.Contacto {
	display: inline;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 320px ;
	}

	ul.Lista-EnlacesRapidos {
	text-align: center;
	}
}

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

.carousel-item {
height: 240px !important;
width: 550px !important;

}

.texto-carousel {

 visibility: hidden !important;
}


.TituloContacto {
/* margin-top: 25px; */
font-family: Roboto;
font-size: 24px !important;
height: 64px;
margin: 0 auto;
font-weight: 800;
width: 85%;
color: black;
background-color:  #f35e19;
margin-bottom: 25px;
}

	.TituloWhatsapp {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 12px !important;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:  #5ec468;
	margin-bottom: 25px;

	-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
	}

.TituloNuestrosServicios {
padding-top: 25px;
width: 100%;

background: white;
color: #231f20;
font-weight: bold;
text-align: center;
font-size:30px	!important;
}

.ImagenServicio {
height: 100vw ;
 padding:0px;
  overflow: hidden;

}

img.TitularServicio {
display: block;
  width: 100%;
  height:  100vw;
background-color:#231f20;
text-align: center;
overflow: hidden;
}

.TextoServicio {

font-size:12px;

padding-top:25px;
padding-bottom:25px;
color: black;
text-align:justify;
padding: 15px;
}

img.Contacto {
display: inline;
 margin-left: auto;
  margin-right: auto;
   padding: 15px;
    width: 320px;
}


}

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

.carousel-item {
height: 240px !important;
width: 550px!important;

}

.texto-carousel {

 visibility: hidden;
}


.TituloContacto {
/* margin-top: 25px; */
font-family: Roboto;
font-size: 24px !important;
height: 64px;
margin: 0 auto;
font-weight: 800;
width: 85%;
color: black;
background-color:  #f35e19;
margin-bottom: 25px;
}

	.TituloWhatsapp {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 16px !important;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:  #5ec468;
	margin-bottom: 25px;

	-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
	}

.TituloNuestrosServicios {
padding-top: 25px;
width: 100%;

background: white;
color: #231f20;
font-weight: bold;
text-align: center;
font-size:25px	;
}


.TextoServicio {

font-size:12px;

padding-top:25px;
padding-bottom:25px;
color: black;
text-align:justify;
padding: 15px;
}

.ImagenServicio {
height: 100vw;
 padding:0px;
  overflow: hidden;

}

img.TitularServicio {
display: block;
  width: 100%;
  height:  100vw;
background-color:#231f20;
text-align: center;
overflow: hidden;
}

img.Contacto {
display: inline;
 margin-left: auto;
  margin-right: auto;
   padding: 15px;
    width: 350px;
}

ul.Lista-EnlacesRapidos {
text-align: center;
}
}

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

    .texto-carousel {

         visibility: hidden;
        }


        .TituloContacto {
        /* margin-top: 25px; */
        font-family: Roboto;
        font-size: 16px !important;
        height: 64px;
        margin: 0 auto;
        font-weight: 800;
        width: 85%;
        color: black;
        background-color:  #f35e19;
        margin-bottom: 25px;
        }

            .TituloWhatsapp {
            /* margin-top: 25px; */
            font-family: Roboto;
            font-size: 12px !important;
            height: 64px;
            margin: 0 auto;
            font-weight: 800;
            width: 85%;
            color: black;
            background-color:   #5ec468;
            margin-bottom: 25px;

            -moz-border-radius: 32px; /* redondear bordes */
        -webkit-border-radius: 32px; /* redondear bordes */
         border-radius: 32px; /*redondear bordes */
            }

        .TituloNuestrosServicios {
        padding-top: 25px;
        width: 100%;

        background: white;
        color: #231f20;
        font-weight: bold;
        text-align: center;
        font-size:25px	;
        }

        .ImagenServicio {
        height: 100vw;
         padding:0px;
          overflow: hidden;

        }

        img.TitularServicio {
            display: block;
              width: 100%;
              height:  100vw;
            background-color:#231f20;
            text-align: center;
            overflow: hidden;
        }
}


/*Fin de los media queries*/


.TextoServicio {

font-size:14px;

padding-top:25px;
padding-bottom:25px;
color: black;
text-align:justify;
padding: 15px;
}


img.Contacto {
display: inline;
 margin: auto;

   padding: 15px;
    width: 350px ;
}




ul.Lista-EnlacesRapidos {
text-align: center;
}

}

@font-face{
   font-family: "Roboto 300";
   font-style: light;
   font-weight: 300;
   src: url(https://fonts.googleapis.com/css?family=Roboto:300);
}

@font-face{
   font-family: "Roboto 400";
   font-style: normal;
   font-weight: 400;
   src: url(https://fonts.googleapis.com/css?family=Roboto:400);
}

@font-face{
   font-family: "Roboto 500";
   font-style: medium;
   font-weight: 500;
   src: url(https://fonts.googleapis.com/css?family=Roboto:500);
}


@font-face{
   font-family: "Roboto";
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Roboto-pro/RobotoPro-Regular.otf);
}

.Roboto {
    font-family: Roboto;
}

.Roboto-300 {
	font-family: 'Roboto 300';
	}

.sticky-top {
  top: 0.5em;
}


ul {
list-style: none;
padding: 0;
}

p {
font-family: Roboto;
}

img.logosmall {
height: 75px;
margin-top:10px;
}

img.logoportada {
height: 10vw;
margin-top:5vw;
}



img.img-responsive {
    margin: auto;
    display: block;
}

div#CajaMenu {
/* 	border: green solid thin;  */

	/* height: 100px; */
	font-size:12px	;
	text-align: center;

	color: #ffffff; /* White */
/*  background-color: #231f20;  */
background-color: black;
}

div#CajaPresentacion {
/* 	border: green solid thin;  */
	font-family: Roboto;

	height: 40vw;
	font-size:14px	;
	text-align: center;

	color: #ffffff; /* White */
	background-position: center;    /* Equivalente a 50% 50%  */
	background-size:cover;
	background-image: url("../images/Portada/TallerEntrada-carousel.png");
	}

	div#CajaPresentacionGallery {
/* 	border: green solid thin;  */
	font-family: Roboto;

	height: 40vw;
	font-size:14px	;
	text-align: center;

	color: #ffffff; /* White */
	background-position: center;    /* Equivalente a 50% 50%  */
	background-size:cover;
	/* background-image: url("../images/Portada/TallerEntrada-carousel.png"); */
	}

.texto-carousel {

margin-bottom: 5vw;
 font-weight: 400;
 line-height:5vw;


}



.Razones {
/* border: green solid thin;  */
top: 0px;
bottom: 0px;
font-family: Roboto;
font-weight: 700;
text-align: center;

color: black;
font-size:30px	;
/* height:45px; */
width: 100%;
background-color:#f35e19;
line-height: 35px;
padding:8px 0 8px 0;
}

.bg-black {
background: black;
}

.CajaRelacionServicios {

	/* border: green solid thin;  */
	font-family: Roboto;
font-weight: 300;

text-align: center;
color: white;
font-size:25px	;
/* height:25px; */
width: 100%;
padding:25px 0 10px 0;
}

.TituloNuestrosServicios {
padding-top: 25px;
width: 100%;

background: white;
color: #231f20;
font-weight: bold;
text-align: center;
font-size:45px	;
}

.CajaServicio {
/* border: green solid thin;   */
position: relative;
display: inline-block;
text-align: center;
/* Relacion: 0.80 o 1.227 */
width: 242px;
height: 307px;

margin-top:25px !important;
}


img.Servicio {
display: block;
position: absolute;

width: 242px;
height: 306px;

margin-left: auto;
margin-right: auto;
overflow:  hidden;
}

img.IconoServicio {
position: absolute;
top:10px;
left:10px;
width: 50px;
}

#Stick-Servicios {
margin-top:15px;
margin-bottom:15px;
}


li.Stick-Servicios {
display: inline;
margin: 0 10px 0 5px;
}


img.Icono-Stick-Servicio{
top:10px;
left:10px;
width: 60px;
margin:5px;
}

.Leyenda {
/*  border: green dotted thin;    */
display: flex;
margin-top:228px;
width: 242px;
background-color: rgba(243,94,25,0.9);
font-size: 25px;
font-weight: 700;
height: 80px	;
color: black;
text-align: center;

line-height: 25px;
 align-items: center;
  justify-content: center;
}


div#Ofertas {

width: 100%;

}

div#Contacto {

width: 100%;
margin: 0px;
height: auto;
background-color: #f35e19;
padding: 0px;
}


div#Lemas {

width: 100%;
margin: 0px;
height: auto;
background-color: #dadada;
padding: 65px 0 20px 0;

}

div#Vehiculo-Cortesia {
color: black;
width: 100%;
margin: 0px;
height: auto;
background-color: #f35e19;
padding: 0px 0 0px 0;

}


.CajaContacto {
/* border: green solid thin;  */
text-align: center;
width: 100%;
background-color: black;
height: auto;
margin: 0px;
padding:  15px 0 25px 0;

}

img.Contacto-Icono {
display: inline;
 margin-left: auto;
  margin-right: auto;
   padding:0px;
    height: 140px;
}

.TituloContacto {
/* margin-top: 25px; */
font-family: Roboto;
font-size: 35px;
height: 64px;
margin: 0 auto;
font-weight: 800;
width: 95%;
color: black;
background-color:  #f35e19;
margin-bottom: 25px;


-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
}

	.TituloWhatsapp {
	/* margin-top: 25px; */
	font-family: Roboto;
	font-size: 35px;
	height: 64px;
	margin: 0 auto;
	font-weight: 800;
	width: 85%;
	color: black;
	background-color:  #f35e19;
	margin-bottom: 25px;

	-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
	}



p.TituloArgumentos {
color: white;
font-size: 30px;
font-weight: 500;
line-height: 20px;
margin-top:18px;

}


p.Argumentos {
color:  #f35e19;
font-size: 16px;
margin-bottom:35px;
}

p.TituloLemas {
color: black;
font-size: 30px;
font-weight: 700;
line-height: 20px;
margin-top:18px;

}


p.Lemas {
color:  #5d5c5c;
font-size: 16px;
margin-bottom:35px;
text-align: center;
}

p.Vehiculo-Cortesia {
  font-family: Roboto;
  font-size: 35px;

  margin: 0 auto;
  font-weight: 800;
padding-top: 50px;
/* padding-bottom: 20px; */
color:  black;
font-size: 36px;
/* margin-bottom:35px; */
text-align: center;
}






.CajaAyudaContacto {
/* margin-top: 25px; */

/* float: left; */
font-family: Roboto;
font-size: 20px;
height: 90px;
margin: 0 auto;
font-weight: bold;
width: 40%;
color: black;
background-color:  #ffffff;

-moz-border-radius: 45px; /* redondear bordes */
-webkit-border-radius: 45px; /* redondear bordes */
 border-radius: 45px; /*redondear bordes */
}


.CajaDuda {
/* border: green solid thin;  */

padding: 25px 0 25px 0;
text-align: center;
/* width: 100%; */
background-color: #f35e19;
height: auto;
}

.CampoFormulario {
width:100%;

background-color: white;
margin: 10px 0px 0px 0px;
font-family: Roboto;
font-size:16px;
font-weight: bold;
border: 0;
 }


.TituloContactoDuda {
/* margin-top: 25px; */
font-family: Roboto;
font-size: 35px;
height: 64px;
margin: 0 auto;
font-weight: 800;
width: 85%;
color: black;
background-color: white;


-moz-border-radius: 32px; /* redondear bordes */
-webkit-border-radius: 32px; /* redondear bordes */
 border-radius: 32px; /*redondear bordes */
 }

.BotonEnviar{
    text-decoration: none;
    width: 80%;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: black;
    border-radius: 25px;
    border: 2px solid black;

  }
  .BotonEnviar:hover{
    color: black;
    background-color: #ffffff;
     border: 2px solid white;
  }


div#Ubicacion {
float: left;
width: 100%;
/* margin-top:2%; */
height:250px;
}

.PersonalNombre {
font-family: Roboto;
font-weight: 500;
font-size: 25px;
 text-align: center

}

.PersonalPuesto {
font-weight: 400;
text-align: center;
font-style: italic;
font-style: oblique;

}


.fullwidth-map {
  padding: 0;
  height: 350px;
  overflow: hidden;
  position: relative;
}
.map-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
}


.map-holder:before {
  position: absolute;
 /* content: ''; */
  width: 100%;
  height: 100%;
  background: none;
  z-index: 1;
}

.disable-overlay:before {
  display: none !important;
  height: 0;
}


.map-holder iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*
.disable-map:before {
  width: 0;
  height: 0;
}
*/
.QuienesSomos {
height: 350px;
background-color: #262626;
}



.CajaUbicacionTaller {
/* border: black solid thin;  */
overflow: hidden;
text-align: center;
width: 100%;

height:400px;
}

img.UbicacionTaller {
display: block;
  width: 100%;
  height: auto;
background-color:#231f20;
text-align: center;
}


.CajaUbicacionMapa {
/* border: black solid thin; */

padding-top:20px;
font-family: Roboto;
font-size:18px	;
color: white;
text-align: center;
width: 100%;
background-color: black;
height:400px;
}



 .CajaEnlacesRapidos {
/* border: green solid thin;  */
text-align: center;
width: 100%;
background-color:  #f35e19;
padding: 25px 0px 25px 0px;
}

img.LogoDmj {

display: block;
padding: 25px 0px 25px 0px;
width:240px;
max-width: 250px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#EnlacesRapidos {
/*  border: white dotted thin; */
padding: 25px 0px 25px 0px;
font-family: Roboto;
font-size: 20px;
font-weight: bold;
color: white  ;
text-align: left;

}

.Lista-EnlacesRapidos {
color: white !important ;
font-size: 20px;
list-style:none

}


ul.Lista-EnlacesRapidos {

background-color:  black;
width: 100%;
color: white  !important ;
font-size: 15px;
list-style:none;
margin: 0px;
padding: 0px;
}

li.Lista-EnlacesRapidos {
height: 25px;
}

#Legal {
 /* border: white dotted thin; */
padding: 25px 0px 25px 0px;
font-family: Roboto;
font-size: 20px;
font-weight: bold;
color: white  ;
text-align: left;

}

EnlacesLegal ul {
background-color:  #f35e19;
width: 100%;
color: white;
font-size: 15px;
list-style:none
}


.CajaPieEnlacesRapidos {
/* border: green solid thin;  */
text-align: center;
width: 100%;
background-color:  black;
height:auto;
color: white ;
font-size:16px;
padding:5px 0 25px 0;
}

/* Planes de mantenimiento */

.CajaTitularServicio {

background-color:#231f20;
text-align: center;
font-size: 35px;
color: white;
}

.ImagenServicio {
height: 40vw;
 padding:0px;
  overflow: hidden;

}

img.TitularServicio {
display: block;
  width: 100%;
  height:  65vw ;
background-color:#231f20;
text-align: center;
overflow: hidden;
}

Mantenimiento {
display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

/* .TextoServicio {

font-size:25px;

padding-top:4vw;
padding-bottom:4vw;
color: black;
text-align:justify;
}
*/

img.Planes {
/* border: black dotted thin; */
display: block;
margin-left: auto;
margin-right: auto;
padding: 15px;
}
.CajaPlanes {
height: 250px;
background-color:#231f20;
}

img.TitularServicios {
/* border: black solid thin;  */
overflow: hidden;
text-align: center;
width: 100%;

height:400px;
}

img.RestauracionFaros {
display: inline-block;
  width: 45%;
  height: auto;
background-color:#231f20;
text-align: center;
margin: 5px;
}


.whatsapp {
  position:fixed;
  width:40px;
  height:40px;
/*   bottom:20px;*/
  top: 40px;
  right:20px;
  background-color:#25D366;
  color: #FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top: 0px;
  color: #fff;
}

.responsive-img {
  width: 60vw; /* 25% del ancho de la pantalla */
  height: auto; /* Mantiene la proporción de la imagen */
}