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

:root {
	--colorFuerte: #F5EDEA;

	--colorOscuro:  #2D3892;
	--colorClaro: #7EC0E3; 
	--colorVivo: #5097D7;

	
	/* --colorOscuro: #000;
	--colorClaro: #D5BFB2; 
	--colorVivo: #d2691e; */
}

html {
	height: 100%;
}

body {
	/* min-height: 100vh; */
	background-color: var(--colorClaro);
	padding-bottom: 20px;
	overflow-x: hidden;
}

/* Clases Menu horizontal deslizable */
	/* .mhdContainer{
		height: 120px;
		background-color: rgba(0,0,0,.4);
		border-top: solid #fff 2px;
		border-bottom: solid #fff 2px;
		display: flex;
		align-items: center;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0 10 0 10;
	}

	.mhdContainer .mhdItem{
		height: 80px;
		text-align: center;
		background-color: rgba(210,105,30,.6);
		margin-left: 15px;
		margin-right: 15px;
		border: solid #fff 2px;
		border-radius: 10px;

		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	.mhdlblTitulo{
		min-width: 100px;

		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		
		margin-left: 8px;
		margin-right: 8px;
	} */
/* ********************************* */


/* Box Title */
/* #boxTitleContainer{
	padding: 10px 0 10px 0;

	border-bottom: solid #fff 2px;
	background-color: rgba(210,105,30,.6);
	color: #fff;
}
#boxTitle{
	text-align: center;
}
#titleBoxName{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} */


/* Clases PortaX */

.sz-accesos{
	font-size: 18px;
}
.sz-contacto{
	font-size: 22px;
}
.sz-containerContacto{
	border-radius: 35px;
	font-size: 18px;
}
.sz-containerRedes{
	border-radius: 35px;
	font-size: 22px;
	color: #fff;
	background-color:rgba(0,0,0,.4);
	border: solid #fff 2px;
}
.bordeImgPerfil{
	border: #fff solid 4px;
}

/* ************* */

.bgColorOscuro {
	background-color: var(--colorOscuro) !important;
}

.bgColorClaro {
	background-color: var(--colorClaro) !important;
}

.bgColorFuerte {
	background-color: var(--colorFuerte) !important;
}
.bgColorVivo {
	background-color: var(--colorVivo) !important;
}

.textColorOscuro {
	color: var(--colorOscuro) !important;
}

.textColorClaro {
	color: var(--colorClaro) !important;
}

.textColorFuerte {
	color: var(--colorFuerte) !important;
}
.textColorVivo {
	color: var(--colorVivo) !important;
}

.etiquetaInput{
	margin-bottom: 0px;
	font-style: italic;
}

.etiquetaInputHidden{
	margin-bottom: 0px;
	font-style: italic;
	visibility: hidden;
}

.inputFocusColorOscuro:focus {
	border-color: var(--colorOscuro);
	box-shadow: 0 1px 1px var(--colorOscuro)inset, 0 0 8px var(--colorOscuro);
	outline: 0 none;
}

.selectionColorOscuro::selection {
	background: var(--colorOscuro);
	color: #fff;
	text-shadow: 1px 1px #fff;
}

select option:hover {
	background-color: var(--colorOscuro) important !;
}


.psfBoton {
	background-color: #000;
	padding: 6px;
	font-size: 24px;
	color: var(--colorFuerte);
	border-bottom: 6px solid #000;
	cursor: pointer;
	transition: all .5s;
}

.psfBoton:hover {
	border-bottom: 6px solid var(--colorFuerte);
}

.cursorManita {
	cursor: pointer;
}

.textNoSelection {
	user-select: none;
}

.gpBotonPrincipal{
	background-color: var(--colorOscuro);
	color: var(--colorClaro);
	transition: all .5s;
}
.gpBotonPrincipal:hover{
	/* background-color: #365A72; */
	color: #fff;
}


@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 768px) {
}