*	{
    	margin: 0;
    	padding: 0;
    	box-sizing: border-box;
		font-family: "EB Garamond", serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
	}

body	{
			width: 100%;
			/*overflow: hidden;*/
			background: url(../img/carobra_big.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
			background-color: #66999;
		}

a 	{	cursor: pointer;	}

.col-end {	grid-column-end: -1;	}

.colspan {	grid-column: span 2;	}

#cont-logo	{
			    display: flex;
			    align-items: end;
					justify-content: center;
					grid-row: 1 / 2;
			}

#img-logo 	{	width: 50%;	}

.d-cont	{	
			display: flex;
			grid-row: 2 / 3;
			align-items: start;
			justify-content: center;
		}

.contenedor-socio 	{
						display: flex;
						padding: 1%;
						justify-content: center;
						align-items: center;
						background: white;
						opacity: 0.8;
						border-radius: 10%;
						border: 1px solid #fff;
					}

.img-socio 	{	
				height: 100%;	
				width: 100%;
			}

.btn-carobra	{
					width: 100%;
					height: 2.25em;
					font-size: 1.1em;
					padding: 0.3em 5px;
					border-radius: 15px;
					text-align: center;
					border: 0.2em solid #0055A0;
					background-color: #2B73B6;
				}

.btn-carobra span	{	color: #D8D8D8;	}

.btn-carobra:hover	{
						cursor:pointer;
						font-weight: 600;
						border: 2px solid #2B73B6;
						background-color: #0055A0;
						box-shadow: 1px 1px 10px #141F78;
					}

.input-field	{	
					width: 100%;
					margin: 20px 0;
					position: relative;
				}

.input-field input  {
                        width: 100%;
                        height: 40px;
                        font-size: 1.2em;
                        padding: 0 15px;
						border-radius: 6px;
						border: 2px solid #3987CC;
                        background: transparent;
                        color: #DDD;
                        outline: none;
                    }

.input-field label 	{
						position: absolute;
						top: 50%;
						left: 15px;
						transform: translateY(-65%);
						color: #C0C0C0;
						font-size: 1em;
						pointer-events: none;
						transition: .3s;
					}

.input-field input:focus, .input-field input:valid	{	border: 2px solid skyblue;	}

.input-field input:focus ~ label, .input-field input:valid ~ label	{
											            				top: 0;
											            				left: 15px;
											            				color: skyblue;
											            				padding: 0 2px;
											            				font-weight: 600;
											            				font-size: 1em;
											            				background: #00427A;
											            			}
.small-etiqueta-white, .small-etiqueta-gray {
												font-size: 0.95em;
												line-height : 1.2;
												font-style: italic;
												text-align: justify;
												padding: 5px 12px;
												border-top: 1px solid white;
												border-bottom: 1px solid white;
												margin: 0 10px;
												background: rgb(0,0,0,0.2);
											}

.small-etiqueta-white {	color: white;	}

.small-etiqueta-gray {	color: #3D3D3D;	}

.vis-pwd	{
				padding-top: 5px; 
				padding-right: 5px; 
				padding-bottom: 0px; 
				text-align: right;'
			}