@import url('https://fonts.googleapis.com/css?family=Francois+One&display=swap');


/*--------------------------------------------------cajas---------------------------------------------------------------*/
/*color azul del fondo #03106F */
/* color rojo #FF0000                    azul #03106F     rojo #FF0000 */


.mantenimiento{color: #0000FF;
    font-size: 120px;
    text-align: center;}

#cajasitio{
    width: 1500px;
    margin-left: auto;
    margin-right: auto;
}


#cajasuperior{
	height: 135px;
	padding: 0px;
	background-color: #FFFFFF;
}

#cajalogo{float: left;
margin-left: 150px}

#cajalogo img 	{width: 300px;
				margin-left: 70px;}

#cajatelefonomail {float: left; }				

#cajatelefonomail img {margin-top: 30px;
					margin-left: 100px;
					}




#cajaredes{float: right;}

#facebook{float: left;}

#facebook img {width: 40px;
				margin-top: 40px;}


#instagram{float: left;
			margin-left: 80px;
			margin-right: 80px;}


#instagram img{width: 40px;
			margin-top: 40px;}

#whatsapp{float: right;
			margin-right: 30px;}


#whatsapp img{width: 40px;
			margin-top: 40px;}



    



#contenidodelmedio_index{width: 1500px;
    height: 1000px;
    margin-top: 0px;
    background-color: #A7A7A7;
}


#contenidodelmedio_whatsapp{
    width: 1298px;
    height: 758px;
    background-image: url(imagenes/whatsappfondo.png);
    margin: 15px auto 15px auto;
    border-radius: 35px 35px 35px 35px;
    
}

-----------------------------------------------------NOSOTROS---------------------------------------------------
.enaranja{background-color: #f26c05;}
.erojo{background-color: #f54842;}
.eazul{background-color: #2c2cf2;}
.everde{background-color: #0fff37;}




#caja_titulo{
    width: 1000px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 40px;
    font-size: 25px;
}


#caja_personal{
    width: 1200px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    
}


#imagen_caja_personal{
    width: 120px;
    height: 100px; 
    float: left; 
    margin-left: 100px;    
    margin-right: auto;
    
}

#texto_caja_personal{
    width: 750px;
    height: 100px;      
    text-align: justify;
    float: left;  
    padding: 30px;
    
    font-weight: bolder;

}



#caja_garantia{
    width: 1200px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 20px;
}


#imagen_caja_garantia{
    width: 120px;
    height: 100px; 
    float: left; 
    margin-left: 100px;    
    margin-right: auto;
    
}

#texto_caja_garantia{
    width: 750px;
    height: 100px;      
    text-align: justify;
    float: left;  
    padding: 30px;
    font-weight: bolder;

}



#caja_unidades{
    width: 1200px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 20px;
}


#imagen_caja_unidades{
    width: 120px;
    height: 100px; 
    float: left; 
    margin-left: 100px;    
    margin-right: auto;
    margin-top: 9px;
    
}

#texto_caja_unidades{
    width: 750px;
    height: 100px;      
    text-align: justify;
    float: left;  
    padding: 30px;
    font-weight: bolder;

}



#caja_repuestos{
    width: 1200px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 20px;
}


#imagen_caja_repuestos{
    width: 120px;
    height: 100px; 
    float: left; 
    margin-left: 100px;    
    margin-right: auto;
    
}

#texto_caja_repuestos{
    width: 750px;
    height: 100px;      
    text-align: justify;
    float: left;  
    padding: 25px;
    font-weight: bolder;

}




#caja_mapa{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.clase_caja_mapa{}




-----------------------------------------------------------------------------------------------------------------------










#contenidodelmedio_asistenciamecanica{
    width:1200px;
    height:650px;
    /*background-image: url(imagenes/asismecanica.jpg);*/
    margin-top: 45px;
    margin-right: auto;
    margin-left: auto;
    }



#barradivisora{
    background-color: #ff0000;
    width: 650px;
    height: 2px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
}

#cajaizquierda{
    float: left;
    width: 600px;
    margin-bottom: 40px;
}



#cajaderecha{
    float: right;
    width: 400px;
    background-image: url(imagenes/asismecanica2.jpg);
    height: 600px;
    margin-right: 70px;
}


#descriasismec{
    width: 600px;
    margin-top: 13px;
    color: #4B4B4B;
    

}

#prestaciones{
    width: 600px;
    margin-top: 60px;
    
}

.textoasistmecan{
    text-align: justify;
}

#submenuprestaciones{
    margin-left: 60px;
    margin-top: 15px;
    line-height : 28px;

}

.asis1{
    

}

#cajaimagenasit{
    background-color: #00FF06;
    width: 120px;
    
}


 

/*****************************************  CAJA DEL PIE  ********************************************/

#cajadelpie {width:1500px;
height: 250px;
background-image: url(imagenes/fondo.png);
float: left;
border-radius: 35px 35px 35px 35px;}




#cajapieizq{float: left;
margin-left: 30px;
margin-right:  30px;
margin-top: 20px;
height: 200px;
width: 460px;
}

.textocajapieizq{text-decoration: none;
color: #FFFFFF;}


/*--------------------------------------------------MENU INFERIOR IZQUIERDO--------------------------*/



.caja a { 
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; /*COLOR DE LA LETRA*/
font-size: 14px; 
font-weight: bold; 
text-align: center; 
background: #4C4C4C;/*COLOR DE RELLENO DEL BOTON DE LA CAJA PIE IZQUIERDA*/ 
margin: 0 0 15px; 
overflow: hidden; 
padding: 5px; 
border-radius: 35px 0px 35px 0px; 
-moz-border-radius: 35px 0px 35px 0px; 
-webkit-border-radius: 35px 0px 35px 0px; 
border: 1px solid #FFFFFF;/*COLOR DEL BORDE DEL BOTON DE LA CAJA PIE IZQUIERDA*/
width: 300px;
margin-left: auto;
margin-right: auto;
display: block;
opacity: 0.5;
} 

.caja:hover a {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; /*COLOR DE LA LETRA*/
font-size: 14px; 
font-weight: bold; 
text-align: center; 
background: #100000;/*COLOR DE RELLENO DEL BOTON DE LA CAJA PIE IZQUIERDA*/ 
margin: 0 0 15px; 
overflow: hidden; 
padding: 5px; 
border-radius: 35px 0px 35px 0px; 
-moz-border-radius: 35px 0px 35px 0px; 
-webkit-border-radius: 35px 0px 35px 0px; 
border: 1px solid #FFFFFF;/*COLOR DEL BORDE DEL BOTON DE LA CAJA PIE IZQUIERDA*/
width: 300px;
margin-left: auto;
margin-right: auto;
display: block;
opacity: 0.5;

}





#cajapiemedio{float: left;
height: 200px;
width: 460px;
margin-right:  30px;
margin-top: 25px;
margin-bottom: 25px;
}

#cajapiemedio img{width: 50%;
margin-left: 115px ;
margin-right: 115px ;}

.legales{
    color: #FFFFFF;
    text-decoration: bold;
    text-align: center;
}

.mauro{
    margin-top: 60px;
    color: #FFFFFF;
    text-align: center;
    font-size: 10px;
}



#cajapieder{float: right;
height: 200px;
width: 460px;
margin-right:  30px;
margin-top: 25px;
margin-bottom: 25px;
}








.prueba{font-size: 40px;
color: aqua;}

/*-------------------------------------------------------- MENU DE NAVEGACION ----------------------------------------------------------*/

*{
    margin: 0;
    padding: 0;
    font-family: arial;
    box-sizing: border-box;
}

header{
    width: 100%;
    height: 48px;
    background: #03106f; /*****Fondo del menu*****/
    opacity: ;
    border-radius: 12px 12px 12px 12px;
}

.menu{
    width: 100%;
    /* height: 60px;*/
    display: flex;
    perspective: 200px;
    color: #03106f;/*****color de letra del menu *****/
    font-weight: bold;

    

}

.menu ul{
    display: flex;
    margin: auto;
}

.menu li{
    list-style: none;
    padding: 15px 20px;
}

.menu li:hover{
    background:rgba(255,0,0,0.8); /*****color de fondo menu HOVER*****/
    color: #FFFFFF;/*****color de letra del menu HOVER*****/
    cursor: pointer;
    transition: all 200ms; /*tiempo en la que aparece la transicion*/
    border-radius: 35px 0px 35px 0px;    
}

.menu ul li ul{
    *display: none;
    flex-direction: column;
    position: absolute;
    background: #03106F;/*****color del fondo del submenu*****/
    margin-top: 15px;
    transform: rotateY(240deg) scale(0);
    transition: all 0.6s;/*tiempo en que desaparece la transicion*/
    box-shadow: 1px 1px 10px 0px black;
    border-radius: 12px 12px 12px 12px;
}

.menu ul li:hover > ul{
    transform: rotateY(0deg) scale(1);
    transition: all 1s;
}

.menu ul li ul:before{
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 8px solid #FF0000; /*****color de la flechita del submenu*****/
    position: absolute;
    margin-top: -8px;
    margin-left: 20px;
}


ul li a{display: block; /*esto es para sacrle el formato a INICIO y CONTACTO*/
text-decoration: none;
text-align: center;
color: #FFFFFF;}







/*------------------------------------------------- reglas CSS para formulario de contacto ---------------------------------------------------- */








#contenidodelmedio_contacto{
    width: 1500px;
    height:732px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-image: url(imagenes/contacto.jpg);
    background-color: #5F6698;    
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px 10px 10px 10px;

}


.form-consulta {
            max-width: 360px;
            background: #A6A6A6;
            border-radius: 30px 30px 30px 30px;
            opacity: 0.7;
            padding: 15px; 
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 20px;
            margin-top: 120px;            
            float: left;
            margin-left:100px; 
            }


.campo-form {width:100%;
 height:36px;
  margin:2px 0 6px;
   padding-left:6px;
    box-sizing: border-box;
     border-radius:3px;
      border:0;
       font-family: 'Source Sans Pro', sans-serif;
        font-size:17px;}


label span {color: #f00}

textarea {min-height: 150px!important;}

.btn-form {display: inline-block;
 border:0;
  background: #03106f;
   height: 46px;
    line-height: 46px;
     padding: 0 20px;
      border-radius: 6px;
       color:#fff;/*color de letras de enviar*/
        text-decoration: none;
         text-transform: uppercase;
          letter-spacing: 1px;}


.btn-form:hover {background: #ff0000;}
/*----------------------------------------------- FIN de reglas CSS para formulario de contacto --------------------------------------- */












/*------------------------------------------------------------------ UBICACION ---------------------------------------------------------*/
#ubicacionmapa img{margin-top: 15px;
    }

#ubicacionmapa {margin-left: 270px;}





#ubicaciontexto{ height: 150px;
    width: 960px;
    margin: auto;
    background-color: #FFFFFF;
    line-height: 25px;
}


.textoubicacion {font-family: cambria;
    font-size: 20px;
    color: #BE1B1B;
    font-weight: bolder;
    margin-right: 180px;
    margin-left: 180px;
    margin-top: 10px;
}

.aqui{text-decoration: underline;
color: #FF0000;
font-weight: bold;
}


h2 a {color: #FCFF00} /*color del AQUI */


/*-------------------------------------------------------------- FIN UBICACION ---------------------------------------------------------*/