:root{
	/*#ffba00 amarillo*/
	/*background-color: rgb(26, 115, 232); azul*/
	--main-enfasis: #ff4d56;
	--main-rojo: #ff4d56;
	--main-amarillo: #fbc406;
	--main-verde: #22c97a;
	--main-azul: #204ac7;
	--main-texto: #434343;
}


*{

    font-family: "montserrat-light", "Arial";

    color: var(--main-texto);

}




html,body{

	margin: 0;

	padding: 0;

}

html{

	background-image: url("../../imagenes/18c17d3b.jpg");

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	backdrop-filter: blur(10px);

	backdrop-filter: blur(10px);

    background-attachment: fixed;

	}

body{

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#231dd3+23,00043d+66,000000+93 */

	background: #231dd3; /* Old browsers */

	background: -moz-radial-gradient(center, ellipse cover,  #666666ad 20%, #3a3a3ad4 51%, #000000 93%); /* FF3.6-15 */

	background: -webkit-radial-gradient(center, ellipse cover,  #666666ad 20%,#3a3a3ad4 51%,#000000 93%); /* Chrome10-25,Safari5.1-6 */

	background: radial-gradient(ellipse at bottom, #666666ad 20%,#3a3a3ad4 51%,#000000 93%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231dd3', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	/*MORADO radial-gradient(ellipse at center, #231dd3a8 23%,#00043de3 66%,#000000 93%); */

}

h1,h2,h3{

	color: #000000;

	font-family: "Sanchez";

	font-weight: normal;

}

b{

	font-family: "montserrat-bold", "Arial";

	color: black !important;

}

a{

	text-decoration: none;
	color: var(--main-enfasis);
}



a:hover{
	font-family: "montserrat-light";
	transform: scale(1.1) !important;
	text-decoration: none !important;;
}

a:hover i{
	color: #0072f1;
}


/*a:hover:after{

	content: ' >';

}*/

#padre{

	border: 0px solid red;

	display: table; 

	height:100vh;

	margin: 0 auto;

} 

#hijo { 

	border: 0px solid blue;

	display: table-cell; 

	vertical-align: middle; 

	text-align: center;

	max-width: 1200px;	

}

#reporte_ancho_completo{

	display: block;

	border: 0px solid yellow;

    position: absolute;

    top: 0px;

    min-width: -webkit-fill-available;;

    text-align: center;

}

#barra_pie{
	border-top: 1px solid #000000;
	background-color: #2a2a2a;
	padding: 5px 0px;
	width: 100%;
	color: white;
	position: fixed;
	bottom: 0;
	left: 0;
	transition: padding 700ms ease-in;
	z-index: 1000;
	text-align: left;
}


.marco_blog{

	padding: 100px;

	width: 1200px;

	margin: 100px -120px;

	border: 20px solid #dcdbdb;

}

/*EL MENU QUE VA DENTRO DE marco_blog*/
		.menu_interno{
			padding: 0;
			border-top: 1px dotted #929292;
			margin-bottom: 30px  !important;
		}
		.menu_interno li{
			list-style-type: none;
			float: right;
			margin-right: 15px;
			cursor: pointer;
			font-size: 25px !important;
		}

/*el input de buscar  QUE VA DENTRO DE marco_blog*/
		#buscar_en_menu{
			float: left;
		}
		#buscar_en_menu [type='text']{
			padding: 0 10px 3px 5px;
		    font-size: 15px;
		    width: 300px;
		    background-image: url(../../imagenes/search_l.png);
		    background-repeat: no-repeat;
		    background-position: 288px 5px;
		    background-size: 6%;
		}







.marca_texto_amarillo{
	background-color: var(--main-amarillo);
    padding: 2px 5px;
    font-family: "Sanchez";
}

#verde{ /* PARA RESPUESTA DEL SERVIDOR */

	/*background-color: #bee2b7;

	    text-align: center;

	    padding: 10px 0;*/

    color: #40b33b;

    font-weight: bold;

}

#rojo{ /* PARA RESPUESTA DEL SERVIDOR */

    padding: 10px 0;

    color: var(--main-rojo);

    text-align: center;

    font-weight: bold;

}



#amarillo{ /* PARA RESPUESTA DEL SERVIDOR */

    background-color: #fff3bf;

    display: inline-block;

    padding: 10px 20px;

    color: #a08703;

    text-align: center;

}











.maximiza_imagen{

	cursor: pointer;

	box-shadow: 0px 10px 12px -5px rgba(0,0,0,0.75);

}

.maximiza_imagen:hover{

	box-shadow: 0px 10px 12px 3px rgba(0,0,0,0.75);

}

#maximiza_imagen{

    display: none;

    width: 100vw;

    height: 100vh;

    position: fixed;

    background-color: #00000099;

    left: 0;

    top: 0;

    z-index: 1001;

    text-align: center;

}

#maximiza_imagen img{

	max-height: 80vh;

	max-width: 80vw;

	margin-top: 100px;

	cursor: pointer;

}