/*!
 * miestilo.css -http://futurodelweb.com
 * Version - 1.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Marco Antonio 
 */
*{
	padding: 0px;
	margin: 0px;
}
body{
	margin: 0,0,0,0;
	padding: 0,0,0,0;
	/*font-family: calibri;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;
	color: black !important;
	text-align: justify;
	/*background: #000000;*/
}
header{
	background: #38416B;
}

hr{
	height: 4px;
	color: #4D0F14;
	background-color: #4D0F14;
	margin: 0px;
	padding: 0%;
}
/*------------------------------*/

.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:20px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}

/*-----------------------------*/
.navbar-brand{
	max-width: 50%;
}
.navbar{
	/*font-family: calibri;*/
    font-family: 'Montserrat', sans-serif;
	/*font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;*/
    font-size: x-large;
    /*background: linear-gradient(to right, #757DA0, #38416B); */
    background:linear-gradient(30deg, #fff, #3F5ADA, #38416B, #38416B, #38416B);
}
.nav-link{
text-decoration:none;
color: white;
}
.dropdown-menu{
	background: #4D0F14;
}
.dropdown-menu .dropdown-item{
	text-decoration:none;
    color: white;
}
.dropdown-menu .dropdown-item a .active{
    background: #38416B;  
}
#logonavbar{
	width: 50% ;
	height: 50%;
}

/*------------------------*/
.home{
	background: #FCFCFC;
	padding: 0,0,0,0px;
}

.divisor{
	height: 15px;
	margin-top: 0px;
	margin-left: 0px;
    background-color: #4D0F14;
	
}

.flex-container{
	min-width: 250px;
	display: flex;
	flex-wrap: wrap;
	/*ackground-color: DodgerBlue;*/
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.flex-container div h4{
	text-align: center;
}

.servicios {
	background-color: #f1f1f1;
	text-align: justify;
	width: 300px;
	height: 260px;

	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;

	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	

    font-size: 35px;

    border-radius: 10px 10px 10px 10px;
    transform: scale(0.93);
    transition: box-shadow 0.5s, transform 0.5s;
    z-index: 1000;
}

.servicios:hover{
    transform: scale(1);
    box-shadow: 5px 20px 30px rgba(0,0,0,0.2);
}



.flex-container div .img-servicios{
	width: 290px;
	height: 180px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

#h3servicios{
	text-align: left;
	padding-left: 25px;
	
}
.marca{
	height: 70px;
	text-align: center;
	color: #4D0F14;
}

#servicioindex{
	font-weight: bold;
}

/*-----------------------------------*/
.bannercabecera img{
	width: 100%;
}

.encabezado{
	text-align: center;
	background-color: #f1f1f1;
}

.firma{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 0px;	
	/*background-color: red;*/
}
.datfirma{
	flex: 0.8;
	min-width: 250px;
	padding-right: 20px;
	margin-left: 10px;
	/*background-color: green;*/

}
.datfirma:first-child{
	flex: 1.5;
	padding: 5px;
	width: 12rem;
	margin-left: 10px;
	margin-bottom: 0px;
	width: 50px;
	/*background-color: navy;*/
}

.datfirma .img-datfirma{
	width: 900px;
	border-radius: 10px 10px 10px 10px;

}
.datfirma .text-datfirma{
	text-align: justify;
	padding-top: 35px;
	padding-left: 5px;
	/*color:#4D0F14;*/
}
/* -------------------------- */
.firma2{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;	
	/*background-color: red;*/
}
.datfirma2:{
	flex: 2;
	padding: 5px;
	width: 10rem;
	min-width: 250px;
	padding-right: 20px;
	margin-left: 10px;
	/*background-color: blue;*/
	
}
.datfirma2:first-child{
	flex: 1;
	min-width: 250px;
	margin-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	/*background-color: green;*/
}


.datfirma2 .img-datfirma2{
	width: 800px;
	border-radius: 10px 10px 10px 10px;

}
.datfirma2 .text-datfirma2{
	text-align: justify;
	padding-top: 35px;
	padding-right: 5px;
	/*color:#4D0F14;*/
}

.prinval{
	width: 900px;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 5px 20px 30px rgba(0,0,0,0.2);
}


#cuerpo{
	width: 100%;
	padding-left: 0px;
	/*background-color: red;*/
}
/*.cuerpo{
	background-color: #f1f1f1;
	text-align: center;
	width: 450px;
	height: 450px;

	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;

	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;

	border-radius: 10px 0px 0px 10px;
	box-shadow: 20px 0px  rgba(0,0,0,0.2);
}

/*#imgcuerpo{
	width: 150%;
	height: 150%;
}*/

.textocuerpo{
	background-color: #f1f1f1;
	text-align: justify;
	width: 450px;
	height: 450px;

	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 15px;

	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 35px;
	margin-left: 35px;

    border-radius: 0px 10px 10px 0px;
   /* box-shadow:  20px 20px 0px rgba(0,0,0,0.2);*/
}
/*--------------------------------------*/
.flexmap{
	flex: 0.8;
	min-width: 250px;
	padding-right: 0px;
	margin-left: 0px;
	/*background-color: green;*/
}

.flexmap:first-child{
	flex: 1;
	padding: 5px;
	width: 10rem;
	margin-left: 5px;
	margin-bottom: 0px;
	width: 50px;
	/*background-color: navy;*/
}

.flexmap div{
	/*padding: 25px;*/
	/*background-color: yellow;*/
	margin-top: 20px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*-------------------------------------*/
#submenu{
	width: 90%; 
	margin-bottom: 10px;
	margin-top:20px;
	margin-left: 0px;
	margin-right: 0px;
	align-content: center;
	/*background-color: yellow; */
}
#submenu div{
	margin-top: 0px;
}
.list-group{
	--bs-list-group-bg: #38416B;
}
.list-group a{
	color: #fff;
}
.list-group a:hover{
	box-shadow: 5px 20px 30px rgba(0,0,0,0.2);   
    transform: scale(1.2);
}
.list-group-item{
	font-family: calibri;
}

#lista{
	background-color: black;
}
.row #card{
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	/*background: black;
	opacity: 50%;*/
}
.row .textocentral{
	padding-top: 10px;
    text-align: justify;    
}

.row .textocentral .imgtextocentral{
	margin-bottom: 15px;
	border-radius: 0px 10px 10px 0px;
	box-shadow: 10px 20px 10px rgba(0,0,0,0.2);	
}



/*------------------------------*/
#contacto{
	background-color: #f1f1f1;
	padding: 15px;
	margin: 5px;
}
.contacto{
	display: flex;
	flex-wrap: wrap;
}

.in-flex{
	flex: 0.8;
	min-width: 250px;
	padding-right: 0px;
	margin-left: 0px;
	/*background-color: green;*/
}

.in-flex:first-child{
	flex: 1;
	padding: 5px;
	width: 10rem;
	margin-left: 5px;
	margin-bottom: 0px;
	width: 50px;
	/*background-color: navy;*/
}

.in-flex div{
	padding: 25px;
	/*background-color: yellow;*/
	margin-top: 20px;
}

.contacto2{
	display: flex;
	flex-wrap: wrap;
}

.in-flex2{
	flex: 1;
	min-width: 250px;
	padding-top: 35px;
	padding-right: 5px;
	margin-left: 0px;
	/*background-color: green;*/
}

.in-flex2:first-child{
	flex: 1.5;
	padding: 5px;
	width: 10rem;
	margin-left: 20px;
	margin-bottom: 0px;
	width: 50px;
	/*background-color: navy;*/
}

/*-------------------------------------------------*/
#form{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 5px 20px 30px rgba(0,0,0,0.2);   
	/*background: red;*/
}

.group{
	display: flex;
	flex-wrap: wrap;
	min-width: 250px;
}

.gr{
	flex: 1;	
	padding-top: 0px;
	padding-right: 5px;
	margin-left: 0px;
	/*background-color: green;*/
}

.gr:first-child{
	flex: 0.1;
	padding: 5px;
	margin-left: 20px;
	margin-bottom: 0px;
}

.gr .icon{
	/*background-color: white;*/
	float: right;
}

.headerfrom{
	color: #36A0FF;
    font-size: 27px;
    padding: 10px;
}
.bigicon {
    font-size: 35px;
    color: #36A0FF;
    float: center;
    padding-right: 10px;
}

/*------------------------------------*/
footer{
 	/*background: #38416B;*/
 	background: linear-gradient(180deg, #fff, 5%, #38416B, #38416B, #38416B);
 	/*background:linear-gradient(30deg, #fff, #3F5ADA, #38416B, #38416B, #38416B);*/
	padding-top: 10px;
	margin: 0;	
	color: white;
}

.pie{
	display: flex;
}

#contenidopie{
	align-content: center;
	padding-left: 20px;
	margin-left: 10px;
}

#contenidopie a{
	/*font-family: calibri;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
	color: #fff;	
}
.imgfooter{
	max-width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
    margin-left: 20px;
}

#imgfooter {
	width: 35%;
	
}

.textfooter{
	width: 250px;
	height: 325px;
	color: #fff;
	/*background-color: #38416B;
	opacity: 0.4;
	font-family: calibri;*/
	font-family: 'Montserrat', sans-serif;
	text-align: left;

	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 35px;

}
.textfooter ul li{
 line-height: 1.5;
}

.redes{
	padding-top: 20px;
	padding-bottom: 10px;
	background: linear-gradient(180deg, #38416B,img-servicios #4D0F14);
	/*ackground-color: #4D0F14;*/
	text-align: center;
}
.imgred{
	width: 50px;
	height: 50px;
}
.row{
	--bs-gutter-x: 0rem !important;
}