@charset "UTF-8";
/* CSS Document */
body,td,th {
	font-family: "Brandon Grotesque", sans-serif;
	font-size:16px;
}
.w3-main{
	max-width: 800px;
}
html {
  scroll-behavior: smooth;
}
* {
    box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Montserrat, sans-serif;
}
h1 {
	font-size:36px;
	font-weight:800 !important;
	text-align:center;
}

#titulo {
	font-size: 36px;
	font-weight: 400 !important;
	text-align: left;
	/* [disabled]padding-left:4%; */
	line-height: 1.1;
}
#tituloBold {
	font-size: 36px;
	font-weight: 800 !important;
	text-align: left;
	line-height: 1.1;	
}
#tituloBold2 {
	font-size: 24px;
	font-weight: 800 !important;
	text-align: left;
	line-height: 1.1;
	font-family: Montserrat, sans-serif;
}
	
#titulo span {
	font-weight:800 !important;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: rgba(241,134,146,1);
	text-decoration-thickness: 15px;
}
.linea{
	border-bottom: #999 thin solid !important;
	}

h2 {
	font-size: 32px;
	font-weight: 800 !important;
	text-align: center;
	margin-bottom: 0.7em;
	margin-top: 0.5em;
}

h4 {
	font-size: 14px;
	font-weight: 600 !important;
	text-align: center;
	margin-bottom: 1.5em;
}
h4, h6 {
	/* [disabled]margin-bottom:-10px; */
	text-transform: uppercase;
}
h1,h2,h3,h4,h5{
	line-height: 1.4em;
		}
h3{
	line-height:1.2;
	font-weight:500;
	font-size:14px;
		}
h5{
	text-transform:uppercase;
	text-align:left;
	}
li{
	text-align:left;
	}
.menosMB{
	margin-bottom: -13px;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:24px;
}		
.net{
	font-size:24px;
	font-weight:300;
	line-height:1.2;
	margin-top:10px;
	color:#fff;	}
.tituloUno{
	font-weight: 800;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 24px;
	}
a .redesmenu{
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-style: normal;
    font-family: Montserrat, sans-serif;
    line-height: 1.2;
    font-size: 14px;
	}


.fondoBlanco{
 	background-color:rgba(10, 10, 10, 0.4);
	}
.fondoVerdeclaro{
 	background-color:#DDD7A4;
	opacity:1;}
.borde{
	border-style: solid;
	border-width:1px;
	border-color: #CCC;
	}
.borde2{
	border-style: dashed;
	border-width:4px;
	}
.borde3{
	border-right-style:dotted;
	border-right-width:4px;
	border-top-style:dotted;
	border-top-width:4px;

	}
.rosado{
	border-color:#c9336d;
	}
.ginda1{
	border-color:#E4476E;
	}	
.lila{
	border-color:#ad579b;
	}
.naranjo{
	border-color:#EF644A;
}.amarillo{
	border-color:#f8ad00;
}.verde{
	background-color:#A6D9D5;
}
.verdelimon{
	border-color:#7fb446;
}
.rojo{
	border-color:#bf0014;
	}
	
.ginda{
	border-color: #B7005A;
	}
.guinda3{
	border-color: #C61C6D;
	}
		
.w3-image-100{
	width:100%;
	height:auto;}

.cien{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height: auto;
}
.w3-image-80{
	width:80%;
	height:auto;}
.w3-image-70{
	width:70%;
	height:auto;}
.w3-image-60{
	width:60%;
	height:auto;}
.w3-image-50{
	width:50%;
	height:auto;}
.w3-image-30{
	width:30%;
	height:auto;}
.columnas{
	font-family: "Brandon Text Regular";
	margin-right:1%;
	height:auto;
	max-width:150px;
	display: inline-table;
	padding:0.51em;
	font-weight:600
	}
.bienvenida{
	background-color:rgba(215, 190, 213, 1);
	}	

.dae{
		background-color:rgba(252, 218, 184, 1);
	}
.dae2{
		background-color:rgba(252, 198, 203, 1);
	}
.abienvenida{
	background-color:rgba(0, 167, 177, 1);
	}	
.adocente{
	background-color:#CAB952;
	color:#FFF
	}
.UDPverde{
	background-color:#8fd1cc;

	}
.UDPpistachoClaro{
	background-color:#F0F5CA;
	}
.UDPpistacho{
	background-color:#d9e796;
	}
.UDPverde2{
	background-color:#acc7aa;
	}
.VIDA1{
	background-color:#D1AFD3;
	}
.amarillo{
	background-color: #FDE9AC;
	}
.damasco{
	background-color: #FDCC90;
	}
.salud{
	background-color: #F8C6C9;
	}
.salud1{
	background-color: #FFE0DB;
	}			
.salud2{
	background-color: #BEB7D5;
	}
.salud3{
	background-color: #D3CBEC;
	}
.aceleste{
	background-color: #BDD2ED;
	/* [disabled]color:#FFF; */
	}	
.Formacionverde{
	background-color: #B7CDB4;
	}
.Formacionverde2{
	background-color: #CAD7A9;
	}
.Formacionsalmon{
	background-color: #FED39F;
	}
.alila{
	background-color: #CEC0D9;
	/* [disabled]color:#FFF; */
	}
	
.acremaoscuro{
	background-color: #DB7A23;
	}	
.salmon{
	background-color:#f7d9ce;
	}
.salmon1{
	background-color:#EFA690;
	}	
.salmon2{
	background-color:#f3c7b7;
	}
.rosado{
	background-color:#f6aeb7;
	}	
.rosado2{
	background-color:#f0d6da;
	}
.rosado3{
	background-color: #E8BCD4;
	}
.crema{
	background-color:#ffe09c;
	}
.crema2{
	background-color:#F3D6A4;
	}
.crema3{
	background-color: #F0DDBA;
	}
	
.verde2claro{
	background-color:#B2EBE8;
	}
.ocre{
	background-color:#D8D6B7;
	}	
table td {
	padding-right: 10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F3971C;
	line-height: 100%;
}

#tableAbajoBlanco td {
	padding-right: 10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(43,188,181,1);
	line-height: 100%;
	line-height:1.2;
}
#tableArribaverde td {
	padding-right: 10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: rgba(126,127,17,1);
	line-height:1.2;
	border-bottom:none;
	text-align:left
}
.PuntoBlanco ::marker{ color:rgba(43,188,181,1);
font-size:24px; 
}

.tablalineas {
	border-left-width: thin;
	/* [disabled]border-left-style: solid; */
	/* [disabled]border-left-color: #F3971C; */
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #F3971C;
	width: 100%;
}

#tablalila td  {
	padding-right: 5px;
	padding-bottom:4px;
	padding-top:4px;
	padding-left: 5px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color:  #FFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	line-height: 100%;
	text-align:center;
}
#tablalila {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFF;
	width: 100%;
}

#tablasin td  {
	padding-right: 10px;
	padding-bottom:15px;
	padding-top:15px;
	padding-left: 10px;
	border:0;
	text-align:left;
	line-height:1.5;

}
#tablasin {
	border: 0;
	width: 100%;
}


td #tablacon{
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #fff;
	border-right:none;
	border-left:none;
	border-bottom:none;
	width: 100%;
}

#tablacon td  {
	padding-right: 10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left: 10px;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color:  #fff;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	text-align:left;
	line-height:1.3;

}
a h3 {
	text-decoration:none;
	color:#000;
	font-weight:500;
	font-style:normal;
}
a:hover h3{
	color:#000;
	}
a:link {
	text-decoration: none;
	color:#000;
	font-weight:800;
	font-style:italic;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;		
}
#subtitulo{
	margin-bottom:-15px; 
	margin-top:25px;}
/*.Pdoble{
	padding-left:36px; padding-right:36px;}
*/.Portada{
	background-color:rgba(129, 114, 168, 1)}
.Portada80{
	background-color:rgba(171, 160, 192, 1)}

.Portada2{
	background-color:rgba(220, 220, 220, 1)}
	
.margen5{
	margin:10px 0 !important
	}	
.margen1{
	margin:1px 0 !important
	}	

@media (max-width:420px) and (min-width:320px){
#selloabajo{
	width: 60% !important;
		}
}
@media (max-width:900px) and (min-width:320px){
	#logo{
	width: 60% !important;
	height: auto;
	/* [disabled]margin-left: 15%; */
	/* [disabled]margin-right: 15%; */
		}
	#udp{
		width:50% !important ;
		}
	
/*	.w3-padding-large{ padding:12px 12px !important;}
*/
	.sinmargen {
		margin-left:0px !important;
		margin-right:0px !important;}
	.w3-image-80{
		width:100%;
		height:auto;}
	.sinimagen{
		background-image:none !important;}
	
	.Pdoble{
		padding-left:0px; 
		padding-right:0px;}
}

@media (max-width:1024px) and (min-width:602px){
	.w3-quarter{
		width:49.99999% !important;}
		
	}
		
@media (max-width:900px) and (min-width:421px){
	#selloabajo{
		width:35% !important ;
		}
	}