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


/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ------------ SETTINGS FOR LARGE DEVICES ------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */





/* ----------- GENERAL SETTINGS -------------- */

:root {							/* -------------- Colores -------------- */
	--magentarojizo: #DD004A;
	--rojizomagenta: #E30039;
	--rojooscuro: #720B00;
	--violeta: #6A004D;
	--celeste: #427C93;
	--gris: #F2F2F2;
	--amarillo: #FFEF64;  
	--purpura: #9E005D;
}

* { 
	box-sizing: border-box; 
}

img {
	max-width: 100%;
}

a, a:link {
		text-decoration: none;
		color: #ffffff;
	}

a:hover {
		color: var(--amarillo); 
	  }	

.ancho {							/* -------------- Container -------------- */
		width: 1170px;
		margin-right: auto;
		margin-left: auto;
	}

.ancho__85 {
		width: 85%;
		margin: 0 auto;
		}

.boton_redondo {
		display: inline-block;
		background-size: contain;
		background-color: #FFF;
		border: 0;
		width: 60px;
		height: 60px;	
		margin: 15px 100px 15px 40px;
		vertical-align: top;
}

.boton_redondo_label {
		display: inline-block;
		font-family: "humanist531", sans-serif;
		font-size: 16px;
		text-align: left;
		margin: 0 0 0 70px;
}

.boton_aprobar {
		background-image: url("../imagenes/cuerpo/check.png");
}

.boton_aprobar:hover {
		background-image: url("../imagenes/cuerpo/check_on.png");
}

.boton_aprobar:focus, .boton_cancelar:focus {
		border: none;
		outline: none;
}

.boton_cancelar {
		background-image: url("../imagenes/cuerpo/cancelar.png");
		width: 55px;
		height: 55px;
		padding-left: 1px;
}

.boton_cancelar:hover {
		background-image: url("../imagenes/cuerpo/cancelar_on.png");
}


@font-face {
    		font-family: "noto_bold";
    		src: url("../fonts/noto_sans_jp/NotoSans-Bold.ttf");
         	}

@font-face {
    		font-family: "nunito";
    		src: url("../fonts/nunito/Nunito-Regular.ttf");
         	}

@font-face {
    		font-family: "nunito_semibold";
    		src: url("../fonts/nunito/Nunito-SemiBold.ttf")
         	}

@font-face {
    		font-family: "humanist531";
    		src: url("../fonts/humanist531/humanist531k.ttf")
         	}


/* ---------------- HEADER ------------------- */

header {
		display: block;
		position: relative;
		/*position: -webkit-sticky;
		position: sticky;
		top: 0;
	 	z-index: 10;*/
		background-image: url(../imagenes/header/header_00.png);
		background-repeat: no-repeat;
		background-size: 100% 155px;
		height: 155px;
	 }

.header__logo {	
		margin: 29px 0 0 185px;  /* 165px*/
		}

.header__argentina {
		float: right;
		margin-top: 137px;
		margin-right: 25px;	
		}
	
/* ---------------   NAV  -------------------- */

.nav__rojotransparente {
		display: block;
		width: 175px;
		height: 120px;
		background-color: var(--rojizomagenta);
		opacity: 0.1;
		margin: -55px 0 -26px 50px;
		position: relative;
		z-index: -200;
	}

ul, ol {
		list-style: none;
		webkit-padding: 0;
		moz-padding: 0;
		padding: 0;
		margin: 0;
	}

nav {
	width: 205px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 0 80px 33px;
	z-index: 9999;
	font-family: "noto_bold", sans-serif;
	font-size: 18px;	
}

.nav_boton_degrade1 {    									 /*  ---- CADA BOTON MENU ---------*/
		/*-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out;*/
		display: block;
		vertical-align: middle;
		margin: 0 0 3px 0;
		padding: 14px 0;
		background-image: -webkit-linear-gradient(to right, var(--violeta), #AB0B4E 60%, #EA164F); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
		background-image:    -moz-linear-gradient(to right, var(--violeta), #AB0B4E 60%, #EA164F); /* For Firefox (3.6 to 15) */
		background-image:      -o-linear-gradient(to right, var(--violeta), #AB0B4E 60%, #EA164F); /* For old Opera (11.1 to 12.0) */ 
		background-image: linear-gradient(to right, var(--violeta), #AB0B4E 55%, #EA164F);
		background-color: var(--magentarojizo);
		border-radius: 22px;
		border-top-left-radius: 0;
		border-bottom-right-radius: 0;
}

nav li a:hover, .nav_boton_degrade1:hover {     				   /* ---- COLOR DE LINK PASANDO POR ARRIBA ---------*/
	color: var(--amarillo); 
	transform: scale(1.03);
	transition: transform .1s ease-in-out;
}

.nav_boton_violeta {
      background-color: var(--violeta); /* #DFDFDF; 	*/
      display: block;
      vertical-align: middle;
      margin: -1px 0 3px 0;
      padding: 12px 0;
      border-radius: 22px;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      font-size: 80%;
}



.burger {
	display: none;
}


/* --------------- CUERPO GRAL ------------------- */

.cuerpo {
		display: inline-block;
		width: 665px;
		padding: 0 0 0 85px;
		margin: 0 auto;
}

.cuerpo__titulos {
		display: inline-block;
		font-family: "humanist531", sans-serif;
		font-size: 42px;
		color: var(--rojizomagenta);
		transform: scaleY(1.1);
		transform-origin: bottom;
		margin-bottom: 15px;
		vertical-align: top;
}	

h1 {
		display: inline-block;
		font-family: "humanist531", sans-serif;
		font-size: 42px;
		color: var(--rojizomagenta);
		transform: scaleY(1.1);
		transform-origin: bottom;
		margin-bottom: 15px;
		vertical-align: top;
		margin-top: 0;
}

.cuerpo__icono {
		display: inline;
		width: 48px;
		margin: 1px 10px 0 0;
		opacity: .4;
}

/* --------------- INDEX ------------------- */

.index__recuadrogris {
		/*background-color: var(--gris);*/
            background-color: #FDFDFD;
		Display: block;
		border-radius: 20px;
		padding: 20px 50px 30px 50px;
		margin: 40px 5px 0 5px;
		text-align: center;
            border: 15px solid var(--gris);
}

.index__titulos2 {
		font-family: "humanist531", sans-serif;
		display: block;
		font-size: 23px;
		color: var(--magentarojizo);
		margin-bottom: 30px;
}

.resaltar_texto {
		font-family: "Noto sans", sans-serif;
		color: var(--purpura);
		font-weight: 700;
		font-size: 12.5px;
		font-size: 102%; 
		letter-spacing: 0px; 
		margin: 0;
		display: inline;
}

.signo_abre    {
            display: inline-block;
            width: 30px;      
            max-width: 100%;
            transform: translate(-13%, 50%); 
}

.signo_cierra  {
            display: inline-block;
            width: 30px;      
            max-width: 100%;
            transform: translate(3%, -5%);
}

/* ------------------- VER CONTACTOS  -------------------- */

.cuerpo__vercontactos_recuadrogris {
			background-color: var(--gris);
			padding: 18px 55px 12px 50px;
			margin-bottom: 35px;
		}

.cuerpo__vercontactos__paginacion {
			display: inline-block;
			font-family: "humanist531", sans-serif;
			font-size: 13px;
			margin-bottom: 20px;
			color: #A2A2A2;
		}

.cuerpo_vercontactos_botones1 {
			height: 21px;
			transform: translate(0, 5px);
		}

.cuerpo__vercontactos__barra1 {
			background-color: #DF7099;
			height: 12px;
			opacity: 0.39;
		}

.cuerpo__vercontactos_nombre {
			display: block;
			font-family: "humanist531", sans-serif;
			font-size: 28px;
			color: var(--purpura);
			margin-bottom: 3px;
		}

.cuerpo__vercontactos_datos {
			font-family: Poppins, "Noto sans", sans-serif;
			color: #57003F;
			font-size: 12px;
			letter-spacing: .1px;
			margin-left: 2px;
			margin-bottom: 10px;
			font-weight: 600;
		}

.cuerpo__vercontactos_texto {
      font-family: Poppins, "Noto sans", sans-serif;
      font-size: 13px;
      font-weight: 600;
      line-height: 19px;
      margin: 0 4px 14px 18px;
      color: #757575;
      text-align: justify;
}

.cuerpo__vercontactos_recuadromail {
			display: inline-block;
			background-color: #F8E8ED;
			width: 360px;
			height: 100%;
			margin: 0 0 0 -16px;
			vertical-align: top;
			line-height: 22px;
			padding: 0 5px 0 18px;
		}

.cuerpo__vercontactos_sobrecito {
			display: inline-block;
			width: 21px;
			margin: 0px 15px -2px 0;
			opacity: .8;
			vertical-align: middle;
		}

.cuerpo__vercontactos_mail {
			display: inline-block;
			font-family: "Noto sans", sans-serif;
			color: var(--purpura);
			font-weight: 700;
			font-size: 12.5px;
			letter-spacing: .5px;
			line-height: 20px;
			margin-top: -1px;
			margin-bottom: 3px;
			word-break: break-all;
		}

.cuerpo__vercontactos_fecha {
			display: inline-block;
			margin-left: 43px;
			font-family: "noto-bold", sans-serif;
			color: var(--purpura);
			opacity: .5;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: .5px;
			line-height: 24px;
		}

.cuerpo__vercontactos_puntito {
	display: inline-block;
	margin: 0 8px;
	color: var(--purpura);
}
	
.cuerpo__vercontactos_botonanterior {
	margin: 0 44px 0 204px;
}

.cuerpo__vercontactos_botonsiguiente {
	margin: 0 0 0 44px;
}

.cuerpo__botonpagina {
	display: inline-block;
}


/* ---------------  BUSQUEDA AVANZADA  ------------------ */

.busqueda__recuadrogris {
	display: block;
	width: 96%;
	background-color: #F2F2F2;
	border-radius: 20px;
	padding: 18px 50px 27px 50px;
	margin: 20px 0 35px 0;
	font-family: "humanist531", sans-serif;
}

.busqueda__subtitulo {
	font-family: Poppins,"Noto sans", sans-serif;
}

.busqueda__hr {
	display: block;
	width: 70%;
	height: 1px;
	border: 0;	
	border-top: 1px solid #DDD;
	background-color: #FFF;
	margin: 20px auto 16px auto;
}

.busqueda__separador_15 {
	height: 15px;
}

.busqueda__label {
	display: inline-block;
	font-family: "humanist531", sans-serif;
	font-size: 15px;
	vertical-align: middle;
	width: 33%;
	color: #000;
}


.label_nowrap {
      width: 100%;
      margin-bottom: 2px;
}

.busqueda__sublabel {
	font-size: 12px;
	color: #969696;
}

.busqueda__campo {
	height: 29px;
	border: 1px solid #FF78A5;
	border-radius: 7px;
	font-family: "Noto sans", sans-serif;
	font-weight: 700;
	font-size: 12px;	
	padding: 1px 10px;
	margin-top: 8px;
	margin-bottom: 5px;

}

.busqueda__campo:focus, .busqueda__campo:hover {
	border-width: 2px;
	outline: none;
}

.busqueda__campoblock {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	width: 65%;
}

.busqueda__campoedad {
	width: 50px;
	margin-left: 5px;
	margin-right: 25px;
	text-align: center;
	padding: 1px 5px;
}

.busqueda__campo_nac {
	width: auto;
	margin-left: 2px;
	margin-right: 13px;
	padding: 1px 5px;
	text-align: center;
	text-align-last: center;
   	-ms-text-align-last: center;
   	-moz-text-align-last: center;
}

.busqueda__textarea {
	width: 100%;
	height: 150px;
	min-height: 150px;
	max-height: 300px;
	display: block;
	resize: vertical;
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
	padding: 6px 10px;
}

.busqueda__textarea::placeholder, .busqueda__campo::placeholder {
	color: #ADADAD;
      font-weight: 400;
}

.form__disclaimer {
	font-family: "nunito", sans-serif;
	text-align: center;
	margin: 0 40px 30px 40px;
	font-size: 12px;
}

.g-recaptcha {
	display: block;
	margin: 0 auto 20px auto;
	width: 304px;
}

.baja_renglon {
	display: inline-block;
}


/* ---------------  ASIDE  ------------------ */

.aside {
		display: inline-block;
		width: 240px;
		padding: 100px 0 0 0;
		vertical-align: top;
		text-align: right;
	}

.aside_botbusqueda_txt {
      display: inline-block;
      margin: 12px 0 0 22px;
}

.aside__botonbusqueda {
      width: 150px;
      height: 60px;
      display: block;
      margin: 25px 0 8px auto;
      /*border: 1px outset #FFFFFF;*/
      text-align: left;
      border-radius: 18px;
      color: #FFF;
      font-family: "Humanist531", sans-serif;
      font-size: 13.5px;
      font-weight: 700;
      outline: none;
      vertical-align: middle;
      background: #E13067;
      background: url("../imagenes/cuerpo/boton_busqueda.png");
      background-size: contain;
      background-repeat: no-repeat;
      
}


.aside__logo_static {
            display: block;
            position: fixed;
            bottom: 100px;
            width: 180px;
            margin-left: 80px;
            z-index: 4;     
}

.boton_gris {
      display: block;
      width: 80%;
      height: 45px;
      border: 1px outset #FFFFFF;
      border-radius: 18px;
      color: #555;
      font-family: "Humanist531", sans-serif;
      font-size: 13.5px;
      margin: 0 0 8px auto;
      font-weight: 700;
      outline: none;
      /*cursor: pointer;*/
      vertical-align: middle;
      background: #F5F5F5;  /* fallback for old browsers */
      background: -webkit-linear-gradient(to bottom, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to bottom, #EEE, #EFEFEF, #F8F8F8, #DADADA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            
}

.boton_colorido {
      background: #E13067;
      color: #FFF;
}

.boton_gris:focus {
     border-style: inset;
}

.boton_gris:hover {   
      /*background: #E9E9E9; */
      background: #FC466B; /* fallback for old browsers */
      background: -webkit-linear-gradient(to bottom, #8C5ECB, #FF466B); /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to bottom, #483ECB, #FF466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      color: #fff;
      /*background: var(--amarillo);
      color: #505050;*/
      cursor: pointer;
      
}

/* -------------- QUIENES SOMOS ------------------- */

.cuerpo__texto_simple {
		display: block;	
		margin: 10px 0 0 10px;
		font-family: Poppins, "Noto sans", sans-serif;
		font-size: 13.5px;
		font-weight: 600;
		line-height: 20px;
		color: #747474;
		text-align: justify;
		
		}

.quienessomos__recuadrogris {
		background-color: var(--gris);
		border-radius: 15px;
		Display: block;
		border-radius: 20px;
		padding: 30px 50px;
		margin: 30px 0px;
}

/* -------------- PAGINA DE ERROR / SUCCESS ------------------- */

.boton_volver {
	background-color: var(--gris);
	width: 140px;
	height: 35px;
	border-radius: 5px;
	font-family: "Noto sans", sans-serif;
	font-weight: 700;
	font-size: 15px;
	margin: 40px 0;
	border: 2px outset #D8D8D8;
}

/* --------------- FOOTER ------------------- */

.footer__barrita {
		height: 7px;
		background-image: -webkit-linear-gradient(to right, var(--violeta), #AB0B4E 60%, #EA164F); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	  	background-image:    -moz-linear-gradient(to right, var(--violeta), #AB0B4E 60%, #EA164F); /* For Firefox (3.6 to 15) */
		background-image:      -o-linear-gradient(to right, var(--violeta), #AB0B4E 60%, #EA164F); /* For old Opera (11.1 to 12.0) */ 
		background-image: linear-gradient(to right, var(--violeta), #AB0B4E 60%, #EA164F);
		background-color: var(--violeta);
		margin-top: 50px;
}

footer {
		background-color: var(--magentarojizo);
		height: auto;
		color: #ffffff;
		padding: 20px 0;
	}

.footer__celda {
		display: inline-block;
		width: 33%;	
		text-align: center;
		font-size: 12px;
		font-weight: 400;
		font-family: "nunito_semibold", sans-serif;	
		letter-spacing: .8px;
	}

.footer__celda_1 {
		text-align: left;
		vertical-align: top;
		padding-top: 9px;
	}

.footer__celda_1_titulo {
		display: inline-block;
		font-family: "humanist531", sans-serf;
		font-size: 19px;
    		transform: scaleX(.92);
		transform-origin: left;
	}

.footer__celda_3 {
		text-align: right;	
	}	

.footer__celda_3_titulo {
		display: inline-block;
		font-family: "noto_bold", sans-serf;
		font-size: 18px;
    		transform: scaleX(.94);
		transform-origin: right;
		letter-spacing: 0.2px;
		margin-bottom: 2px;
}


/* -------------- PAGINA DE ESCRIBIRLE A UN CONTACTO ------------------- */

.mensaje_actualizacion {
      /* background-color: var(--gris);*/
      font-family: Poppins, "Noto sans", sans-serif;
      font-size: 12px;
      font-weight: 600;
      line-height: 18px;
      color: #757575;
      text-align: justify;
      padding: 20px 30px;
      margin: 12px auto;
	  margin-top: 40px;
      border-radius: 30px;
      display: block;
	/*width: 96%;*/
}

.mensaje_actualizacion_titulo {
      text-align: center;
      margin-bottom: 5px;
      font-size: 13px;
      
}

.mensaje_to_name {
      display: inline;
	font-family: "humanist531", sans-serif;
	font-size: 18px;
	color: #000; 
      margin: 0 0 0 15px;
}

.separador_barrita {
	display: block;
	width: 100%;
	height: 4px;
	border: 0;	
	border-top: 4px solid #DDD;
	margin: 5px auto 5px auto;
}


/* ----------------------------------------- */
/* ---------- LOADING ANIMATED GIF --------- */
/* ----------------------------------------- */

.loader_fullscreen {
/*
	display: block;	
	width: 100%;
	height: 100%;
	background-color: rgba(229,229,229,0.58);
*/
	z-index: 100;	
}

.noshow {
	display: none;
}

.loader_container {
	display: block;
	position: absolute;
	top: 50%;
	left: 51%;	
	transform: translate(-50%, -50%);
	width: 250px;	
	background-color: #FFF;
	border-radius: 20px;
	margin: 0;
	text-align: center;
	padding: 10px;
}

.loader_img {
	width: 200px;	
	margin-right: auto;
	margin-left: auto;
}

.loader_texto {
	font-weight: bold;
	color: var(--azul);
	font-family: "humanist531", sans-serif;
}