@charset "utf-8";
/* CSS Document */

.web {
	max-width: 1200px;
	min-width: 320px;
	margin: auto;
}

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

input:focus, 
textarea:focus, 
select:focus, 
button:focus {
	outline: 0px;
}

input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	resize: none;
}

h2 {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 25px;
	margin: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

h2::before, h2::after {
	content: "";
	width: 55px;
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

h2::before {
	background-image: url(imagenes/pleca-izquierda-titulo.png);
}


h2::after {
	background-image: url(imagenes/pleca-derecha-titulo.png);
}

a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

a img { border: 0px;}

p {margin: 0px; margin-bottom: 10px;}

.centrado {
	width: 100%;
	float: left;
	text-align: center;
}

.left {float: left;}
.right {float: right;}

.tleft {text-align: left;}
.tright {text-align: right;}

.blur {box-shadow: 10px 10px 15px #999;}

.redondeado {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.flex {display: flex;}
.left {float: left;}
.right {float: right;}

.text-left {text-align: left;}
.text-right {text-align: right;}

.inline {width: 100%; float: left;}
.diline {width: 50%; float: left;}
.triline {width: 33%; float: left;}
.ditriline {width: 66%; float: left;}
.tetraline {width: 25%; float: left;}

.padding-seccion {padding: 50px 0px;}

.sin-margin {margin: 0px !important;}
.sin-padding {padding: 0px !important;}

.top-10 {margin-top: 10px;}
.top-15 {margin-top: 15px;}
.top-20 {margin-top: 20px;}

:root{
    --blanco: #FFF;
	--negro: #000;
	--negro-50: #00000050;
	--rojo: #F00;
	--rosa: #F37;
	--morado: #419;
	--amarillo: #FB0;
	--gris-claro: #FCFCFC;
	--gris: #CCC;
	--aqua: #2AB;
	--verde: #4A6;
	--azul-oscuro: #103;
}

.blanco {color: var(--blanco) !important;}
.negro {color: var(--negro) !important;}
.rojo {color: var(--rojo) !important;}
.rosa {color: var(--rosa) !important;}
.morado {color: var(--morado) !important;}
.amarillo {color: var(--amarillo) !important;}
.aqua {color: var(--aqua) !important;}
.verde {color: var(--verde) !important;}
.azul-oscuro {color: var(--azul-oscuro) !important;}

.bg-blanco {background-color: var(--blanco) !important;}
.bg-negro {background-color: var(--negro) !important;}
.bg-rojo {background-color: var(--rojo) !important;}
.bg-rosa {background-color: var(--rosa) !important;}
.bg-morado {background-color: var(--morado) !important;}
.bg-amarillo {background-color: var(--amarillo) !important;}
.bg-aqua {background-color: var(--aqua) !important;}
.bg-verde {background-color: var(--verde) !important;}
.bg-azul-oscuro {background-color: var(--azul-oscuro) !important;}

.borde-blanco {border-color: var(--blanco) !important;}
.borde-negro {border-color: var(--negro) !important;}
.borde-rojo {border-color: var(--rojo) !important;}
.borde-rosa {border-color: var(--rosa) !important;}
.borde-morado {border-color: var(--morado) !important;}
.borde-amarillo {border-color: var(--amarillo) !important;}
.borde-aqua {border-color: var(--aqua) !important;}
.borde-verde {border-color: var(--verde) !important;}
.borde-azul-oscuro {border-color: var(--azul-oscuro) !important;}