.botonito{
margin-left:17px;
background:orange;
color:white;
padding:0.7em;
box-sizing:border-box;
border-radius:9px;
}

.botonito:hover{
background:#0078BF;
}
.careup{
  width:100%;
  padding-top:2%;
  padding-bottom:1.4%;
padding-left:3%;
padding-right:3%;
  box-sizing: border-box;
  line-height: 1.5em;
text-align: center;
}
.careup img{
width:100%;
max-width:388px !important;
}

body{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    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;
}
.listado{
width:60%;
margin:0 auto;
margin-top:10px;
text-align:left;
background:#eeeeee;
padding:1em;
box-sizing: border-box;
border-radius: 8px;
}

.boton_inscripcion:hover{
background:red;
}

.fucsia{
  color: #F05A22;
}
.fucsiab{
  font-weight:bold;
  color: #F05A22;
}

h2 {
    font-size: 50px;
    margin-bottom: 5px;
    margin-top:20px;
    line-height: 1em;
    color:#0078BF;
}
.nowrap{
  white-space:nowrap;
}
li{
    font-size:17px;
}
.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:16px;
  text-align: center;
  border-radius: 7px;
  background:#27a02f;
}
.bot_motor:hover{
  background:red;
  cursor: pointer;
}

/* REPARACIONES */
.reparaciones{
display:block;
margin-bottom:20px;
margin-top:25px;
}
.reparaciones div{
  width:50%;
  margin:0 auto;
  margin-bottom:2px;
  padding:14px 10px 10px 10px;
  box-sizing: border-box;
  font-size:18px;
  color:black;
  border-radius: 9px;
  background:#f6dec7;
  }
.reparaciones div:hover{
background:red;
color:white;
}

/* SERVICIOS */

.intro{
  display:block;
  margin: 0 auto;
  width:88%;
}
.intro p{
padding: 0em 20em;
box-sizing: border-box;
}
.servicios{
  display:flex;
  flex-wrap: nowrap;
  width:100%;
  justify-content: center;
}
.tarjeta{
  width:25%;
  min-width:180px;
  text-align: left;
  padding:25px 10px 0px 10px;
  box-sizing: border-box;
  margin:2px;
  }

.tarjeta h1{
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color:#0078BF;
font-size:25px;
padding-left:0.6em;
box-sizing: border-box;
margin-bottom:0;
}

.tarjeta img{
width:100%;
border-radius: 10px;
}
.tarjeta p{  
margin:0;
padding:1em;
box-sizing:border-box;
line-height: 1.4em;
}


.tarjeta2{
  width:22%;
  text-align: center;
  padding:3px 3px 3px 3px;
  margin:2px;
}
.tarjeta2 img{
  display:block;
  max-width:450px;
  width:100%;
}


.experiencia{
    margin: 0 auto;
    width:fit-content;
    text-align: left;
}

/* CONSULTAS */
.consultas{
display:inline-block;
width:100%;
text-align:center;
padding-top:10px;
padding-bottom:15px;
}
.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;  
}

/* WHATSAPP FIJO */
.social{
position:fixed;
border-left:0px;
bottom:-5px;
right:-20px;
z-index:2000
}
.social ul{list-style:none}
.social 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);*/
}

/* .social ul li .icon-whatsapp2{backg round: rgb(5,199,30);} */

.social ul li a:hover{
  filter:saturate(1.7)
  }
/* ----------------------------------------- */



/* 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;
}
.speech_consultas{
  padding: 0 15% 0 15%;
  text-align:center;
}

input, textarea, select{
font-size:17px;
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:17px;
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;
}

/* form inscripcion cursos */

.boton_inscripcion{
  text-decoration: none;
  color:white;
  background:#30BF39;
  padding:1em;
  border-radius:10px;
  margin-bottom:20px;
}


/* contenedor */
.contenedor{
    font-size:18px;
    width: 100%;
    box-sizing:border-box;
}
/* banda superior */
.banda_header{
    color:white;
    text-align:center;
    font-size:18px;
    padding:1.5em 2em 0.5em;
}
.banda_header img{
width:100%;
max-width:501px !important;
}

.speech{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size:30px;
  font-weight:normal;
  width:100%;
  color:white;
  text-align:center;
  background:#0078BF;
  padding:1em;
  box-sizing: border-box;
  line-height: 1.2em;
}
.speech a{
color:white !important;
font-size:30px !important;
}
.speech a:hover{
color:yellow !important;
}

.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;
  background:#0168a3;
  text-align:center;
  color:white;
}
.logo_pie{
  width:180px;
  height:154px;
}
.piebanda{
  text-align:center;
}


@media (max-width: 1800px) {
.tarjeta{
  width:30%;
}
}

@media (max-width: 1430px) {
.tarjeta{
  width:33%;
}
.intro p{
padding: 0.5em 12em;
}
}

@media (max-width: 1220px) {
.intro p{
padding: 0.4em 9em;
}
.tarjeta{
  width:40%;
}
}

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

@media (max-width: 991px) {
.servicios{
flex-wrap: wrap;
}
.tarjeta{
width:45%;
}
}

@media (max-width: 991px) {
.intro p{
padding: 0.3em 6em;
}  
.consulta_enviada{
margin-top:3px;
}
.reparaciones div{
  width:70%;
}
.footer{
  height:300px;
}
}

@media (max-width: 900px) {
  .tarjeta{
  width:100%;
  padding:0px;
  padding-bottom:10px;
padding-top:25px;
}
.tarjeta p{  
margin:0;
}
input, textarea, select{
width:70%;
}
}

@media (max-width: 780px) {
.intro{
  width:100%;
}
.intro p{
padding: 0.3em 1em;
}
}

@media (max-width: 650px) {
.listado{
width:100%;
}    
.intro p{
padding: 0em 1em;
}
.reparaciones div{
  width:90%;
}  
.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;
}
.social{
bottom:-30px;
right:-12px;
}
.social img{
  max-width:250px;
}
}

@media (max-width: 490px) {
  #logotipo{
    width:250px;
    padding-top:20px;
  }
  .speech{
    padding:15px;
  }
.tarjeta2{
  width:100%;
}
input, textarea, select{
width:90%;
}
}

@media (max-width: 350px) {
.reparaciones div{
  width:100%;
}
.tarjetamotor li{
  margin-left:-23px;
}    
}