body{
		background: #eee;
		font-family: 'Montserrat', sans-serif;
		width:100%; height:100%; padding: 0; margin: 0;

	}

	html{
		height: 100%;
	}

/*	.form-control:focus{
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    } */


    .boton-ir-arriba{
    	display: block;
    	position: fixed;
    	bottom: 30px;
    	right: 30px;
    	background: #e50000;
    	color: #fff;
    	transition: background-color .3s, 
    	opacity .5s, visibility .5s;
    	opacity: 0;
    	visibility: hidden;
    	z-index: 1000;
    }

    .mostrar{
    	opacity: 1 !important;
    	visibility: visible !important;
    }

    .boton-ir-arriba:hover{
    	color: #fff;
    	background: #FF0000;
    	-webkit-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
    	-moz-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
    	box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
    }

    .fondo-img{
    	background-image: url(../img/inicio1.jpg);
    	background-size: cover;
    	background-repeat: no-repeat;
    }
    .input-rojo{
    	background: none;
    	border: 2px solid #3F0505; 


    }

    .input-rojo:focus{
    	background: none;
    	border-color: #F60303;

    }

    .link-blanco{
    	color: #fff;
    }

    .link-blanco:hover{
    	color: #6c757d;
    }

    .btn-verde{
    	border: 2px solid #2ecc71;
    	color: #fff;
    }

    .titulo-form{
    	font-size: 2rem;
    	font-weight: bold;
    }

    .btn-verde:hover{
    	border: 2px solid #2ecc71;
    	background: #2ecc71;
    }

    .background-nav{
    	display: fixed;
    	background: #0f0f0f;
    	border-bottom: 4px solid #e50000; 
    	-webkit-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
    	-moz-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
    	box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
    	transition: top 0.3s;
    }

    .fondo-negro{
    	background-color: rgba(0,0,0,.7) !important;

    }

    .margenes-form{
    	margin-top: 25%;
    	margin-bottom: 25%;
    }

    .logo-cms{
    	height: 35px;
    }
    .logo-cms-footer{
    	height: 50px;
    }

    .img-servicios{
    	width: 130px;
    	height: 130px;
    	border-radius: 50%;
    	margin: 20px;


    	object-fit: cover; 
    	object-position: center right;
    }

    .img-carousel{
    	height: 650px; object-fit: cover; object-position: center;

    }

    .link-nav-cms{
    	color: #fff !important;
    	font-size: 0.9rem;
    }

    .link-nav-cms:hover{
    	color: #e50000 !important;
    	text-decoration: underline;
    }

    .bg-negro{
    	background-image: linear-gradient(to right ,#011230   30%, #224687 );


    }

    .bg-rojo{
    	background: #e50000;
    }

    .boton-rojo{
    	background: #e50000;
    	color: #fff;
    }

    .boton-rojo:hover{
    	color: #fff;
    	background: #FF0000;
    	-webkit-box-shadow: -1px 4px 11px 1px rgba(110,110,110,1);
    	-moz-box-shadow: -1px 4px 11px 1px rgba(110,110,110,1);
    	box-shadow: -1px 4px 11px 1px rgba(110,110,110,1);
    }

    .tamano-card{

    	min-height: 350px !important;
    	max-height: 350px !important;
    	-webkit-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    	-moz-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    	box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    }

    .pie-pagina{
    	background: #1A1A1A;
    	min-height: 300px;
    	padding: 30px 100px 30px;

    }

    .texto_contacto {
    	max-height: 150px !important;

    }


    .nav-pie-pagina a{
    	color: #51585E;
    	font-size: 0.9rem;
    }

    .nav-pie-pagina a:hover{
    	text-decoration: underline;
    	color: #6c757d;

    }



    .dropdown-cms{
    	animation: animacionDropdown ease 0.5s;
    	animation-iteration-count: 1;
    	transform-origin: 50% 50%;
    	animation-fill-mode:forwards; /*when the spec is finished*/
    	-webkit-animation: animacionDropdown ease 0.5s;
    	-webkit-animation-iteration-count: 1;
    	-webkit-transform-origin: 50% 50%;
    	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    	-moz-animation: animacionDropdown ease 0.5s;
    	-moz-animation-iteration-count: 1;
    	-moz-transform-origin: 50% 50%;
    	-moz-animation-fill-mode:forwards; /*FF 5+*/
    	-o-animation: animacionDropdown ease 0.5s;
    	-o-animation-iteration-count: 1;
    	-o-transform-origin: 50% 50%;
    	-o-animation-fill-mode:forwards; /*Not implemented yet*/
    	-ms-animation: animacionDropdown ease 0.5s;
    	-ms-animation-iteration-count: 1;
    	-ms-transform-origin: 50% 50%;
    	-ms-animation-fill-mode:forwards; /*IE 10+*/
    	border-bottom: 4px solid #e50000; 
    	-webkit-box-shadow: -1px 0px 10px 0px rgba(0,0,0,1);
    	-moz-box-shadow: -1px 0px 10px 0px rgba(0,0,0,1);
    	box-shadow: -1px 0px 10px 0px rgba(0,0,0,1);
    	background: #0f0f0f;
    	border-bottom: 4px solid #e50000; 


    }

    .dropdown-cms .dropdown-item{
    	color: #fff !important;


    }

    .dropdown-cms .dropdown-item:hover{
    	background: #e50000 !important;

    	color: #0f0f0f !important;


    }

    .seccion-1{
    	background-image: -webkit-linear-gradient(0deg, #0f0f0f 50%, #fff 50%);   -webkit-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    	-moz-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75); box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    }

    .seccion-2{
    	background-image: -webkit-linear-gradient(0deg, #fff  50%, #0f0f0f 50%);   -webkit-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    	-moz-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75); box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    }

    .imagen-seccion{
    	width: 500px; height: 300px;     object-fit: cover; object-position: center;
    }


    .titulos{
    	color: #A50808;
    	font-weight: bold;
    }

    .titulo-footer{
    	font-size: 1rem;
    }

    .texto-footer{
    	font-size: 0.9rem;
    }

    .imagen-recom{
    	width: 300px;
    	height: 300px;
    	object-fit: cover; 
    	object-position: center;
    	border: 15px ridge #A50808;


    }

    .campo-texto{
        min-height: 150px;
        max-height: 150px;
        overflow-y: scroll;
    }

	
    @keyframes animacionDropdown{
    	0% {
    		transform:  translate(undefined,0px) ;
    	}
    	1% {
    		opacity:0;
    		transform:  translate(0px,-25px);
    	}
    	100% {
    		opacity:1;
    		transform:  translate(0px,0px);
    	}
    }

    @-moz-keyframes animacionDropdown{
    	0% {
    		-moz-transform:  translate(undefined,0px);
    	}
    	1% {
    		opacity:0;
    		-moz-transform:  translate(0px,-25px);
    	}
    	100% {
    		opacity:1;
    		-moz-transform:  translate(0px,0px);
    	}
    }

    @-webkit-keyframes animacionDropdown {
    	0% {
    		-webkit-transform:  translate(undefined,0px);
    	}
    	1% {
    		opacity:0;
    		-webkit-transform:  translate(0px,-25px);
    	}
    	100% {
    		opacity:1;
    		-webkit-transform:  translate(0px,0px);
    	}
    }

    @-o-keyframes animacionDropdown {
    	0% {
    		-o-transform:  translate(undefined,0px);
    	}
    	1% {
    		opacity:0;
    		-o-transform:  translate(0px,-25px);
    	}
    	100% {
    		opacity:1;
    		-o-transform:  translate(0px,0px);
    	}
    }

    @-ms-keyframes animacionDropdown {
    	0% {
    		-ms-transform:  translate(undefined,0px);
    	}
    	1% {
    		opacity:0;
    		-ms-transform:  translate(0px,-25px);
    	}
    	100% {
    		opacity:1;
    		-ms-transform:  translate(0px,0px);
    	}
    }



    /*Dashboard */

    .contenido{
    	height: 100vh;
    	overflow: auto;


    }

    .panel{
    	padding: 15px 30px 15px 30px;


    }
    .menu-lateral{
    	background-image: linear-gradient(to bottom , #011230   40%, #224687    );
    	width: 210px;
    	height: 100%;
    	
    	font-size: 0.8rem;
    	float: left;
    	-webkit-box-shadow: 4px 0px 8px -2px rgba(0,0,0,0.75);
    	-moz-box-shadow: 4px 0px 8px -2px rgba(0,0,0,0.75);
    	box-shadow: 4px 0px 8px -2px rgba(0,0,0,0.75);


    }

    .menu-lateral hr{

    	border-color: #242424;
    	margin:  5px 15px 5px 15px;
    }



    .logo-dash{
    	height: 105px;
    	display:block;
    	margin-left: auto;
    	margin-right: auto;
    	padding: 20px;

    }

    .menu-lateral ul{
    	padding: 0;
    }


    .menu-lateral li{
    	list-style: none;
    	cursor: pointer;
    	padding: 10px;



    }

    .menu-lateral ul li:hover{
    	background: #02275c;  
    }

    .menu-lateral ul li span{
    	color: #fff;

    	margin-right: 10px;
		

    }

    .menu-lateral ul li:hover .icono-menu{
    	color:  #e50000 ;
    }

    .menu-lateral ul  .active{
    	background: #011c42 ;
		
    }

    .menu-lateral ul  .active .icono-menu{
    	color: #e50000;
    }

    .menu-lateral ul li a{
    	color: #fff;
    	margin-left: 15px;
		text-decoration: none;
    }

    .menu-lateral ul li a:hover{
    	text-decoration: none;
    }

    .opciones-menu{
    	width: 100%;
    	height: 20px;
    	background: #000;
    	position: absolute;
    	bottom: 0;

    }
    .arrow-menu{
    	float: right;
    	color: #fff;
    	margin-right: 15px;

   clear: both;
    }



    .menu-lateral ul .sub-menu li,
    .menu-lateral li .sub-menu li{
    	background: #011230 ;
    	border-bottom: 1px solid #242424;
	
		


    }




   



    /*Barra dashboard */

    .nav-dash{
    	display: fixed;
		text-decoration: none !important; 
    	padding: 10px 50px 10px 50px;
    	margin-bottom: 1px solid #eee !important;
    	       background-image: linear-gradient(to right , #031330    20%, #224687  );

    	-webkit-box-shadow: -2px -10px 27px -2px rgba(0,0,0,0.75);
    	-moz-box-shadow: -2px -10px 27px -2px rgba(0,0,0,0.75);
    	box-shadow: -2px -10px 27px -2px rgba(0,0,0,0.75);
		
    }

    .icono-menu, .texto-menu{

            font-size: 0.7rem;

        }



    .nombre-nav{
        color: #fff !important;
		text-decoration: none !important; 
    }
    .nombre-nav:hover{
    	text-decoration: none;
    }

    .img-dash-nav{
    	height: 35px;
    	width: 35px;
    	border-radius: 100%;
    	object-fit: cover;
    	object-position: right center;
    }
    .dropdown-menu{
    	right: auto;
    	left: auto;
    }


    .carta-dash-1  .card-body{
    	position: relative;
    	height: 300px;
    	-webkit-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    	-moz-box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    	box-shadow: 0px 5px 20px -9px rgba(0,0,0,0.75);
    	 
    
    }

   


    .migas-pan{
    	background-image: linear-gradient(to right ,#031330    30%, #224687  );
	    border-radius: .25rem;;
    }

    .migas-pan .breadcrumb-item + .breadcrumb-item::before{
    	content: "|" !important;
    }

    .migas-pan a{
    	color: #e50000 !important;
    	font-size: 0.9rem;
		text-decoration: none;
    }

    .migas-pan a:hover{
    	color: #e50000 !important;
    	text-decoration: underline;
    }

   


    @media (max-width: 1000px){
    	.logo-dash{
    		height: 35px;
    		display:block;
    		margin-left: auto;
    		margin-right: auto;
    		padding: 10px;
    	}

    	.menu-lateral{
    		width: auto;

    	}

    	.menu-lateral li{
    		padding: 5px;
    	}

    	.icono-menu, .texto-menu{

    		font-size: 0.4rem;
			text-decoration: none;


    	}

    	.menu-lateral ul li a{
    		display: flex;
    		flex-direction: column;
    		align-content: center;
    		margin: auto;
    		text-align: center;
    	}

    	.menu-lateral ul li span{
    		margin: 0 0 0 0;
			text-decoration: none !important;
			
			
			
    	}

    	.arrow-menu{
    		display: none;
    	}

    	.nav-dash{
    		font-size: 0.6rem;
    		padding: 6px 28px 6px 28px;
			 
			   
    	}

    	.img-dash-nav{
    		height: 20px;
    		width: 20px;
    		border-radius: 100%;
			

    	}



    }


	/* Input file imagenes */
	.drop-zone {
		width: 100%;
		height: 200px;
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-family: "Quicksand", sans-serif;
		font-weight: 500;
		font-size: 20px;
		cursor: pointer;
		color: #cccccc;
		border: 2px dashed #cccccc;
		border-radius: 10px;
	  }
	  
	  .drop-zone--over {
		border-style: solid;
	  }
	  
	  .drop-zone__input {
		display: none;
	  }
	  
	  .drop-zone__thumb {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		overflow: hidden;
		background-color: #cccccc;
		background-size: cover;
		position: relative;
	  }
	  
	  .drop-zone__thumb::after {
		content: attr(data-label);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 5px 0;
		color: #ffffff;
		background: rgba(0, 0, 0, 0.75);
		font-size: 14px;
		text-align: center;
	  }

	  #contenedor-carga{
		background-color: rgba(255,255,255,0.7);
		height: 100%;
		width: 100%;
		position: fixed;
		transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		z-index: 10000;
		display: none;
		justify-content: center;
	
	
	}
	

	.contenedor-forma{
	
		width: 90px;
		height: 90px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;

	}

.swal2-actions  .swal2-confirm{
	background: #e50000 !important;
	color: #fff !important;
}
	
.swal2-actions .swal2-confirm:hover{
    	color: #fff !important;
    	background: #FF0000 !important;
    	-webkit-box-shadow: -1px 4px 11px 1px rgba(110,110,110,1) !important;
    	-moz-box-shadow: -1px 4px 11px 1px rgba(110,110,110,1) !important;
    	box-shadow: -1px 4px 11px 1px rgba(110,110,110,1) !important;
}