.consulte{
width:100%;
margin-top:30px;
padding:1em;
box-sizing: border-box;
background:black;
}
.corrije img{
width:100% !important;
}
.intro{
display:block;
margin: 0 auto;
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px;
box-sizing: border-box;
margin-top:20px;
margin-bottom:25px;
background:#CC0000 !important;
}

.intro h2{
color:white !important;
}
.intro p{
color:white;
line-height: 1.3em;
}

/* WHATSAPP FIJO 1*/
.social{
position:fixed;
border-left:0px;
bottom:-25px;
right:85px;
z-index:2000
}
.social img{
width:100%;
max-width:300px;
}
.social ul{list-style:none}
.social ul li a{
display:inline-block;
padding: 2px 2px;
margin-bottom:10px;
margin-left:2px;
text-decoration:none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; 
border-radius: 8px;
opacity:1;
}
.social ul li a:hover{opacity:0.8;}

.social2{
position:fixed;
border-left:0px;
bottom:-25px;
right:5px;
z-index:1999;
}
.social2 img{
width:65px;
height:65px;
}
.social2 ul{list-style:none}
.social2 ul li a{
display:inline-block;
padding: 2px 2px;
margin-bottom:10px;
margin-left:2px;
text-decoration:none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; 
border-radius: 8px;
opacity:1;
}
.social2 ul li a:hover{opacity:0.8;}

.tarjeta h2{
font-size:23px;
line-height: 1.2em;
padding-left:0.5em;
padding-right:0.5em;
}

.itemx {
display:block;
color:white;
line-height: 1.2em;
margin-top:2px;
margin-bottom:2px;
padding: 1em 0.7em;
box-sizing: border-box;
border-radius: 9px;
background-color: #CC0000;
}
.servicios{
display:flex;
flex-wrap: wrap;
width:100%;
justify-content: center;
background:white !important
}
.speech{
font-size:35px;
font-weight:bold;
width:100%;
color:white;
text-align:center;
background:red;
padding:20px;
box-sizing: border-box;
}
.celulares{
display:block;
width:100%;
text-align: center;
padding:1em;
box-sizing: border-box;
background-color: red;
}
.celulares h1{
margin:0;
font-size:19px;
font-weight: normal;
letter-spacing: 2px;
color:white;
}

.banda-head{
padding:2em 1em 1em 1em;
box-sizing: border-box;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.introfotos{
display:block;
width:100%;
line-height: 0;
padding: 15px 5px 10px 5px;
box-sizing: border-box;
text-align: center;
background-color: white;
}
.introfotos img{
margin-bottom:5px;
}

/* FOTOGALERIA */
.fotogaleria{
display:flex;
justify-content: center;
flex-wrap: wrap;
padding-top:10px;
padding-bottom:20px;
box-sizing: border-box;
}
.fotobloque{
width:24%;
margin:2px;
line-height: 0;
}
.fotobloque img{
width:100%;
max-width: 900px;
}

.ventana{
display:none;
position: fixed;
width:100%;
height:100vh;
text-align: center;
background:black;
z-index: 100;
}

.clicgaleria{
position:fixed;
border-left:0px;
bottom:-30px;
left:-30px;
z-index:2000
}
.clicgaleria img{
width:113px;
height:100px;
}
.clicgaleria ul{list-style:none}
.clicgaleria ul li a{
display:inline-block;
padding: 2px 2px;
margin:2px;
text-decoration:none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; 
border-radius: 8px;
opacity:1;
/* box-shadow: 2px 2px 2px rgba(0,0,0,0.5); */
}

.clicgaleria ul li a:hover{opacity:0.8;}
/* ----------------------------------------- */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
padding:0;
border:0;
margin:0;
}

a {
text-decoration: none;
}

.blink_me {
animation: blinker 700ms linear infinite;
}

@keyframes blinker {
50% {
opacity: 0;
}
}

.multifoto{
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.boton_inscripcion:hover{
background:red;
}

.fucsia{
color: red;
}
.fucsiab{
font-weight:bold;
line-height: 1.1em;
color: red;
}

h2 {
font-size: 50px;
margin-bottom: 15px;
margin-top:20px;
line-height: 0.8em;
color:red;
}
.nowrap{
white-space:nowrap;
}
li{
font-size:19px;
}
.emergency{
color:white;
}
.emergency:hover{
color:yellow;
}

/* MOTORES Y DESCRIPCIONES */
.motores{
display:flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom:20px;
width:100%;
text-align: left;
}
.tarjetamotor{
width:45%;
padding:15px;
box-sizing: border-box;
}
.motores .tarjetamotor img{
max-width:500px;
width:100%;
}
.tarjetamotor li{
padding-bottom:0;
}
.tarjetamotor ul{
margin-bottom:25px;
}
.bot_motor{
width:fit-content;
padding:12px 17px;
color:white;
font-size:18px;
text-align: center;
border-radius: 7px;
background:#27a02f;
}
.bot_motor:hover{
background:red;
cursor: pointer;
}

/* REPARACIONES */
.reparaciones{
display:block;
margin-bottom:20px;
margin-top:15px;
}
.reparaciones div{
display:inline-block;
width:fit-content;
margin:0 auto;
margin-bottom:4px;
padding:7px 14px 5px 14px;
box-sizing: border-box;
font-size:17px;
font-weight: bold;
color:black;
border-radius: 9px;
background:#FCEB06;
}
.reparaciones div:hover{
background:red;
color:white;
}

/* SERVICIOS */

.tarjeta{
width:22%;
min-width:180px;
text-align: center;
padding:25px 10px 0px 10px;
box-sizing: border-box;
}
.tarjeta p{
margin:0;
margin-top:5px;
margin-right:5px;
margin-left:5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
line-height: 1.4em;
}
.corrije{
width:30% !important;
}

.tarjeta2{
width:22%;
text-align: center;
padding:3px 3px 3px 3px;
margin:2px;
}
.tarjeta2 img{
display:block;
max-width:450px;
width:100%;
}
.column1 {
width:43%;
padding:30px 10px 30px 5px;
box-sizing: border-box;
text-align:left;
}
.column2 {
width:57%;
padding:30px 5px 30px 10px;
box-sizing: border-box;
text-align:right;
}


/* boton */
.myButton {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #f0a54a 5%, #f06b13 100%);
	background-color:#f0a54a;
	border-radius:9px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:13px 36px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f06b13 5%, #f0a54a 100%);
	background-color:#f06b13;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* boton2 */
.myButton2 {
	box-shadow:inset 0px 0px 2px 2px #888888;
	background:linear-gradient(to bottom, #30BF39 5%, #4CDB55 100%);
	background-color:#30BF39;
	border-radius:9px;
	display:inline-block;
	cursor:pointer;
padding:0 3px;
margin-bottom:0.5em;
}
.myButton2:hover {
	background:linear-gradient(to bottom, #f06b13 5%, #f0a54a 100%);
	background-color:#f06b13;
}
.myButton2:active {
	position:relative;
	top:1px;
}

/* boton3 */
.myButton3 {
	box-shadow:inset 0px 0px 2px 2px #888888;
	background:linear-gradient(to bottom, #555555 5%, #bbbbbb 100%);
	background-color:#AAAAAA;
	border-radius:9px;
	display:inline-block;
	cursor:pointer;
padding:0 3px;
}
.myButton3:hover {
	background:linear-gradient(to bottom, #f06b13 5%, #f0a54a 100%);
	background-color:#f06b13;
}
.myButton3:active {
	position:relative;
	top:1px;
}


/* MAPA GOOGLE */
.mapa_google{
height:400px;
background-image: url("mapa_google.jpg");
background-position: center center; 
background-repeat: no-repeat;
background-size: cover; 
}

.map img{
width:100%;
max-width:1680px;
}



/* FORMULARIO CONTACTO ---------------------------- */

.contact{
display:flex;
align-items: center;
}
.contact_foto{
width:25%;
}
.contact_foto img{
width:100%;
max-width:140px;
}
.contact_descripcion{
width: 75%;
text-align: left;
padding:16px;
line-height:1.6em
}

.con_titulo{
color:#ea728c;
font-size: 20px;
}
.con_subtitulo{
color:#ea728c;
font-size: 22px;
}
.con_descripcion{
line-height:1.6em;
}

.s7-btn {
font-size: 12px;
font-weight: 700;
color: #ffffff;
letter-spacing: 0.2em;
text-align: center;
background: #30BF39;
font-family: "Muli", Sans-serif;
border-radius: 3px 3px 3px 3px;
border-color: #303030;
padding: 10px 20px;
margin-right: 20px;
/* width: 200px; */
text-decoration: none;
display: block;
margin-bottom:2em;
} 
.s7-btn:hover {
background: red;
cursor:pointer;
}

input, textarea, select{
font-size:18px;
font-family: Arial, Helvetica, Sans-serif;
width:50%;
padding:10px;
border-radius: 5px;
margin:3px;
color:black;
border: solid 1px black;
}

.grecaptcha-badge {
visibility: hidden;
}
.consulta_enviada{
font-size:18px;
margin:0 auto;
color:white;
background: rgb(5,199,30);
line-height:1.3em;
width: 100%;
max-width:825px;
padding: 2em 1em 2em 1em;	
text-align: center;
box-sizing: border-box;
margin-bottom:1em;
margin-top:1em;
}
.boton_inscripcion{
text-decoration: none;
color:white;
font-weight: bold;
letter-spacing: 2px;
background:#30BF39;
padding:1em;
border-radius:6px;
margin-bottom:20px;
cursor: pointer;
}

.contenedor{
font-size:19px;
width: 100%;
box-sizing:border-box;
}
.banda_header{
color:white;
text-align:center;
font-size:18px;
padding:1em;
background:red;
}

#logotipo{
display:block;
width:426px;
height:96px;
margin:0 auto;
}
.principal{
width:100%;
margin: 0 auto;
box-sizing:border-box;
line-height:1.4em;
text-align:center;
}

.principal img{
max-width:825px;
width:100%;
}
.contenido{
padding:2em 2.5em 0 2.5em;
box-sizing:border-box;
}

li{
padding-bottom:0.3em;
}

.footer{
padding:2em 1em;
text-align:center;
font-size:normal;
color:black !important;
font-weight: normal !important;
background: rgba(255,255,255,1);
}

@media (max-width: 1130px) {
.tarjetamotor h2{
margin-top:0;
}
.tarjetamotor{
width:fit-content;
}
}

@media (max-width: 991px) {
.consulta_enviada{
margin-top:3px;
}
.footer{
height:300px;
}
}
@media (max-width: 900px) {
.corrije{
width:100% !important;
padding-left:10px !important;
padding-right:10px !important;
}
.tarjeta{
width:100%;
padding:0px;
padding-bottom:10px;
}
.tarjeta p{
margin:0;
line-height: 1.1em;
}
input, textarea, select{
width:70%;
}
}
@media (max-width: 800px) {
.introfotos{
padding:0;
}
.introfotos img{
margin-bottom:2px;
}
.celulares h1 {
letter-spacing: 1px;
}
}

@media (max-width: 780px) {
.intro{
width:100%;
}
}
@media (max-width: 700px) {
#logotipo{
display:block;
width:300px;
height:68px;
margin:0 auto;
}
}
@media (max-width: 650px) {
.contenido{
padding:1em;
}
ul{
margin-left:-10px;
}
h2{
font-size: 40px;
margin-bottom: 6px;
line-height: 1em;
}
.speech{
font-size:25px;
line-height: 1.2em;
}
}

@media (max-width: 500px) {
.speech a{
display:block;
margin-top:7px;
margin-bottom:7px;
}
}
@media (max-width: 490px) {
.speech{
padding:15px;
}
.tarjeta2{
width:100%;
}
input, textarea, select{
width:90%;
}
}
@media (max-width: 432px) {
.fotobloque {
width: 32%;
}
}
@media (max-width: 350px) {
.tarjetamotor li{
margin-left:-23px;
}
}
@media (max-width: 432px) {
.fotobloque {
width: 48%;
}
}