body{
	font-family:				RobotoBold;
	font-size:				2vh;
	margin:					0;
	padding:				0;
}

.RobotoBold{
	font-family:				RobotoBold;
}

.RobotoLight{
	font-family:				RobotoLight;
}

.LetraEspaciada{
	letter-spacing:				0.08em;
}

.LetraApretada{
	letter-spacing:				-0.08em;
}

.AreaEncabezado {
	position:				fixed;
	top:					0;
	left:					0;
	right:					0;
	height:					13vh;
}

.AreaEncabezado .Logo{
	position:				absolute;
	top:					1vh;
	left:					8vw;
	height:					11vh;
	max-width:				32vw;
}

.AreaEncabezado .AreaMenu{
	position:				absolute;
	right:					2vw;
	bottom:					1vh;
	width:					58vw;
	margin-bottom:				10px;
}

.AreaEncabezado .AreaMenu .Opcion{
	margin:					0 0.4em;
	display:				inline-block;
	float:					right;
	font-size:				1.7vw;
	cursor:					pointer;
	padding-top:				2vh;
}

.AreaEncabezado .AreaMenu .Opcion a{
	color:					unset;
	text-decoration:			unset;
}

#AreaPiePagina {
	position:				fixed;
	bottom:					0;
	height:					6vh;
	width:					100%;
	text-align:				center;
	padding:				2vh;
	background-color:			#c0e0e0;
}

.AreaTrabajo {
	position:				fixed;
	top:					13vh;
	left:					0;
	right:					0;
	bottom:					10vh;
	overflow-y:				auto;
}

.AreaTrabajo .PrimeraImagen{
	position:				relative;
	float:					left;
	width:					100%;
	height:					60vh;
}

.AreaTrabajo .PrimeraImagen .Fondo{
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	background-image:			url('../imagenes/banner1.jpg');
	background-size:			cover;
	background-position:			center center;
	opacity:				0.4;
}

.AreaTrabajo .PrimeraImagen .Logo{
	position:				absolute;
	top:					22%;
	left:					20%;
	width:					60%;
	height:					56%;
	background-image:			url('../imagenes/LOGO_INOVET.png');
	background-size:			contain;
	background-position:			center center;
	background-repeat:			no-repeat;
}

.AreaTrabajo .QuienesSomos{
	position:				relative;
	float:					left;
	width:					100%;
}

.AreaTrabajo .QuienesSomos .Izq{
	float:					left;
	width:					47%;
	min-height:				35vh;
	font-size:				5.8vw;
}

.AreaTrabajo .QuienesSomos .Izq div{
	display:				block;
}

.AreaTrabajo .QuienesSomos .Der{
	float:					right;
	min-height:				35vh;
	width:					47%;
	padding:				0 4vw;
	font-size:				2.5vw;
}

.AreaTrabajo .Servicios{
	width:					100%;
	font-size:				2em;
}

.AreaTrabajo .Servicios .Titulo{
	font-size:				1.7em;
}

.AreaTrabajo .Servicios .Especialidad{
	display:				inline-block;
	width:					7em;
	height:					10em;
	margin:					0.7vh;
	border:					2px dashed rgba(0,0,0,0.15);
	font-size:				1em;
}

.AreaTrabajo .Servicios .Especialidad td{
	padding:				0 0.2vh;
	width:					7em;
}

.AreaTrabajo .Servicios .Especialidad img{
	width:					5em;
}

.AreaTrabajo .Servicios .Especialidad .Titulo{
/*
	width:					100%;
	text-align:				center;
*/
	font-size:				1em;
}

.AreaTrabajo .Atlas{
	position:				relative;
	float:					left;
	width:					100%;
	height:					30vw;
/*	background-image:			url('../imagenes/atlasbg.png'); */
	background-image:			url('../imagenes/Resultados en Linea.jpg');
	background-size:			100% auto;
	background-position-x:			center;
	background-position-y:			center;
}

.AreaTrabajo .Atlas a{
	text-decoration:			none;
}

.AreaTrabajo .NuestrosProfesionales{
	position:				relative;
	float:					left;
	width:					100%;
}

.AreaTrabajo .NuestrosProfesionales .Izq{
	position:				relative;
	float:					left;
	width:					47%;
	min-height:				35vh;
	font-size:				5.8vw;
}

.AreaTrabajo .NuestrosProfesionales .Izq .ProfesionalesImagen{
	width:					90%;
	height:					30vw;
/*
	background-image:			url('../imagenes/profesionales.png');
	background-size:			cover;
*/
	background-image:			url('../imagenes/mauricio1.jpg');
	background-size:			contain;
	background-repeat:			no-repeat;
	background-position:			center;
}

.AreaTrabajo .NuestrosProfesionales .Izq div{
	position:				relative;
	display:				block;
}

.AreaTrabajo .NuestrosProfesionales .Der{
	position:				relative;
	float:					right;
	min-height:				35vh;
	width:					47%;
	padding:				0 4vw;
	font-size:				2.5vw;
}

.AreaTrabajo .ImagenesDiagnosticas{
	position:				relative;
	float:					left;
	width:					100%;
	height:					50vw;
/*
	background-image:			url('../imagenes/bg-diagnostico.png');
	background-size:			100% 170%;
*/
	background-image:			url('../imagenes/IMG_7812_n.jpg');
	background-size:			cover;
	background-position:			center;
}

.AreaTrabajo .ImagenesDiagnosticas table{
	font-size:				1.6em;
}

.AreaTrabajo .ImagenesDiagnosticas .Boton{
	background-color:			#9CB3A8;
	width:					5em;
	padding:				0.5em 1.3em;
	border-radius:				0.5em;
	font-size:				0.8em;
	color:					white;
	letter-spacing:				0;
	cursor:					pointer;
}

#AreaModalFondo{
	display:				none;
	position:				fixed;
	top:					0;
	left:					0;
	right:					0;
	bottom:					0;
	background:				rgba(0,0,0,0.4);
}

#AreaModalFondo .Encuadre{
	width:					100%;
	height:					100%;
}

#AreaModalFondo .Encuadre .AreaModalEncapsulamientoLinea{
	height:					60vh;
}

#AreaModalFondo .Encuadre .AreaModalEncapsulamiento{
	position:				relative;
	width:					60vw;
	max-width:				100vw;
	min-width:				70vh;
}

#AreaModalFondo .Encuadre .AreaModalEncapsulamiento #X{
	position:				absolute;
	top:					-0.6em;
	right:					-0.6em;
	width:					1.6em;
	height:					1.4em;
	padding-top:				0.2em;
	border-radius:				50%;
	background:				rgb(200,200,200);
	text-align:				center;
	font-family:				serif;
	cursor:					pointer;
}

#AreaModal{
	position:				absolute;
	top:					0;
	left:					0;
	right:					0;
	bottom:					0;
/*	background-image:			url("/imagenes/NebulosaAzul.png"); */
	background-size:			cover;
/*	background:				white; */
	border-radius:				0.7em;
	padding:				0.7em;
	-webkit-box-shadow:			10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:			10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow:				10px 10px 5px 0px rgba(0,0,0,0.75);
}

#AreaSiempreVisibleWhatsapp{
	position:				fixed;
	right:					2em;
	bottom:					1em;
}

#AreaSiempreVisibleWhatsapp #AreaSiempreVisibleWhatsappListado{
	display:				none;
	margin-bottom:				1em;
}

#AreaSiempreVisibleWhatsapp #AreaSiempreVisibleWhatsappListado a{
	color:					white;
}

.BordeSeparador {
	position:				absolute;
	bottom:					0;
	width:					100%;
	height:					15px;
/*	background-color:			black; */
	background-image: linear-gradient(to bottom,#fff, #333,#fff);
}

.AreaLogin {
	width:					100%;
	height:					100%;
/*
	background-image:			url("/imagenes/NebulosaAzul.png");
	background-size:			cover;
*/
	border-collapse:			collapse;
}

.AreaLogin .TDLogin {
	color:					black;
	background-color:			rgb(218,230,226);
}

.AreaLogin .TDLoginInput {
	padding-right:				1em;
}

.AreaLogin input[type=text]
, .AreaLogin input[type=password]
{
	background-color:			transparent;
	border:					none;
	border-bottom:				black 2px solid;
	color:					black;
	outline:				none;
}

.YouTubeInstitucional{
	margin-top:				1em;
}

.Contactanos {
	position:				relative;
	width:					100%;
	text-align:				center;
}
.WhatsappContacto {
	display:				inline-block;
	cursor:					pointer;
	font-size:				2.6vh;
	margin:					1em;
	padding:				1em 1.5em;
	background-color:			green;
	border-radius:				2.2em;
	color:					white;
	text-align:				right;
}

.WhatsappContacto svg{
	width:					1.2em;
}

.TablaListado {
	display:				inline-block;
	padding:				0.7em 0.3em;
	background-color:			#DFE9F1;
	color:					#9D9FA1;
	font-size:				0.7em;
}
#AreaAlerta {
        display:                                none;
        position:                               fixed;
        z-index:                                10000;
        top:                                    0;
        left:                                   0;
        right:                                  0;
        bottom:                                 0;
        border:                                 none;
        border-collapse:                        collapse;
        background:                             rgba(0,0,0,0.7);
}
#AreaAlertaContenido {
        width:                                  60vw;
        min-width:                              10em;
        background:                             white;
        text-align:                             center;
        padding:                                2em;
}

#AreaAlerta table{
        width:                                  100%;
        height:                                 100%;
}