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

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=Work+Sans:wght@400;500;600&display=swap');

@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-Thin.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-ThinIta.otf') format('opentype'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-ExtraLight.otf') format('opentype'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-ExtLtIta.otf') format('opentype'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-LightIta.otf') format('opentype'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-RegIta.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-MedIta.otf') format('opentype'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-SemiBold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-SemBdIta.otf') format('opentype'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-BoldIta.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-ExtraBold.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-ExtBdIta.otf') format('opentype'); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-Black.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-BlackIta.otf') format('opentype'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrow-ExtraBlack.otf') format('opentype'); font-weight: 950; font-style: normal; font-display: swap; }
@font-face { font-family: "mundial-narrow-variable"; src: url('../fonts/MundialNarrowItalic-ExtBlkIta.otf') format('opentype'); font-weight: 950; font-style: italic; font-display: swap; }

* { box-sizing: border-box; }

body { padding:0 auto; margin:0 auto; font-family: 'IBM Plex Sans', sans-serif;
		background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://www.hc.edu.uy/assets/imgs/fdo_boletinfarma.jpg); color: #FFFFFF; background-size: cover;}


form, input {border:0}
* fieldset {border:0}
img { border:0}
a, a:visited { color:#FFFFFF;}
a:hover { color:#00afef;}
ul { padding:0; margin:0}
li { margin:0; padding:0; list-style:none}
#mailGratisForm li { margin:0; padding:0; list-style:none; margin-bottom:10px;}
h1 { font-size:1em; padding:0 0 10px 0; margin:0  }
.clear { clear: both; }

button, input, select { 
    border:1px solid #DDD; background-color:#FFF; 
    padding:.5em; 
    border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px; 
    margin-bottom:10px; 
    font-size:1em;
    -webkit-transition: background 1s ease;  
    -moz-transition: background 1s ease;  
    -o-transition: background 1s ease;  
    -ms-transition: background 1s ease;  
    transition: background 1s ease 
}

.pagina_mailgr select { 
    border:1px solid #DDD; background-color:#FFF; 
    padding:.5em; 
    border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px; 
    margin-bottom:10px; 
    font-size:0.9em;
    -webkit-transition: background 1s ease;  
    -moz-transition: background 1s ease;  
    -o-transition: background 1s ease;  
    -ms-transition: background 1s ease;  
    transition: background 1s ease 
}

.pagina_mailgr #mailGratisForm li input{ margin-bottom:0}



input:focus { background-color:#fffee1; 
    -webkit-transition: background 1s ease;  
    -moz-transition: background 1s ease;  
    -o-transition: background 1s ease;  
    -ms-transition: background 1s ease;  
    transition: background 1s ease 
}
.componentesfecha input, .componentesfecha select {
    width: 34%;
    display:inline; padding:.5em .1em .5em .4em; float:left 
}




.componentesfecha .dia {
    width: 12%;
    margin-right: 5%;
}

.componentesfecha .dia_mailgr {
    width: 20%;
    margin-right: 2%;
}
.componentesfecha select {
    margin-right: 5%;
}


 .componentesfecha_mailgr select {
    width: 28%;
    display:inline; padding:.5em .1em .5em .4em; float:left 
}


.componentesfecha_mailgr .dia_mailgr {
    width: 22%;
    margin-right: 2%;
}
.componentesfecha_mailgr select {
    margin-right: 2%;
}




.block-head {
    font-family: "mundial-narrow-variable", sans-serif;
    font-weight: 800;
        font-size: 2em;
    color: #fff;
    margin: 25px 0 20px;
    letter-spacing: -0.01em;
}


input.big { margin:5px 0 10px 0 }
input.big, .campos { display:block; width: 90%; }

.main { max-width: 100%; padding: 0 35px; margin:0 auto; overflow-x: hidden }

.main_datos { max-width: 550px; padding: 0; margin:0 auto; overflow-x: hidden }
.logomvdcomm { width:200px; padding: 15px 10px; }
.contlogomvd { text-align:center; padding:2em 0;  padding: 0; margin:0 auto; background: #FFFFFF;}

.mvd-container {
    width: 300%;
    overflow: hidden;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mvd-container-login {
    margin-left: 0;
    height: 440px; 
}
.mvd-container-registro {
    margin-left: -100%;
    height: 800px; 
}

.mvd-container-mensaje {
    margin-left: -200%;
    height: 340px; 
}

.pagina { width:33.33%; float: left }
.pagina_mailgr { width:100%; float: left }
.pagina-cont { background:#f2f2f2; border-radius: 10px; -webkit-border-radius:10px;-moz-border-radius:10px; border:1px solid #dfdfdf; padding:1.6em 5%; margin: 0 4px; }
.pagina h1 { font-size:1em; padding:0 0 10px 0; margin:0  }


.panelregmvd { float:right }
a.login-btn-confirm, a.login-btn-confirm:hover, a.login-btn-confirm:visited { color:#FFF; text-decoration:none}
.espinputlogin { background-color:#00afef; color:#FFF; font-size:1.2em; padding:4px;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px; margin:10px 0;padding:.5em 1em; border:0; cursor: pointer;}
.espinputlogin:hover { background-color:#0a2f4d; color:#FFF; font-size:1.2em; padding:4px;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px; margin:10px 0;padding:.5em 1em; border:0 }

#listalogin ul { padding:0; margin:0; clear:both; float:left }
#listalogin li { padding:0 0 20px 0; margin:0; float:left; width:33%; display:inline }

.olvido_campopassw { padding:2px 0 0 0}
.registrarse { padding:12px 0 0 0}

.passwch {color:#dd4817; font-size:.8em; padding:0 0 10px 0; line-height:1.1em }


.sign-in-mvdcomm-on {width:246px; height:74px; background:url(logomvdcomm.png);_background:url(logomvdcomm.png)}
a.sign-in-mvdcomm-off:link, a.sign-in-mvdcomm-off:visited{width:246px; height:74px; background:url(mvdcomm_off.gif);_background:url(mvdcommie_off.gif)}
a.sign-in-mvdcomm-off:hover{ width:246px; height:74px; background:url(mvdcomm_off_hover.gif);_background:url(mvdcommie_on.gif)}

.yaestasregistrado { padding-top:10px; border-top:1px dotted #CCC }
.explicacion { margin-bottom: 0.5em } 
.sexo div label { cursor: pointer }

.mvd-register .inputworking {
    background: #eee url(spinner.gif) no-repeat right center;
    border: 1px solid #d0d0d0;
    color: #d0d0d0;
}
.error_msg {
	border-radius: 5px;
	color: #DD4817;
	padding: 4px;  
	text-align: center;
	background-color: rgb(255,255,177);
}
.mvd-register div.error_msg {
    font-size: 0.8em;
    /*position: absolute;*/
    margin: 3px 0 0 0;/*-8px 0 0 0;*/
}
/*
.mvd-register div.error_msg:after {
    border-color: #DA7347 transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    bottom: -8px;
    content: "";
    display: block;
    right: 140px;
    position: absolute;
    width: 0;
}
*/
.error_msg a:link {
	color: blue;
	font-size: 13px;
	font-weight: bold;
}
.error_msg a:visited {
	color: blue;
	font-size: 13px;
	font-weight: bold;
}
.error_msg a:hover {
	color: #be00c4;
	font-size: 13px;
	font-weight: bold;
}
.politicas{padding-top:10px;padding-bottom:10px;}




/* Desktop: label con ancho fijo a la izquierda, input a la derecha */
.input-holder {
    display: grid;
    grid-template-columns: 13em 1fr;
    align-items: center;
    column-gap: 1em;
    margin-bottom: 10px;
}

.input-holder label {
    font-weight: 500;
}

.input-holder .input {
    width: 100%;
    margin-bottom: 0;
}

/* El aviso de contraseña y el botón se alinean bajo los inputs */
.input-holder .passwch,
.input-holder .btnregistro,
.input-holder .submitting {
    grid-column: 2;
}

.input-holder .passwch {
    padding-top: 6px;
}

/* Mobile: label arriba del input */
@media (max-width: 600px) {
    .input-holder {
        grid-template-columns: 1fr;
        row-gap: 4px;
    }

    .input-holder .passwch,
    .input-holder .btnregistro,
    .input-holder .submitting {
        grid-column: 1;
    }

    .input-holder .btnregistro {
        width: 100%;
    }
}

@media (min-width: 768px) {

.main { max-width: 480px; padding: 0; 
	}
}