/* CSS Document */

input{
	font-family: "roboto regular";
	font-size: 30px;
	
	
}


.circuloFotoPerfil 
{
     top: -10px;
	 position:absolute;
     width: 40px;
     height: 40px;
     border-radius:20px 20px 20px 20px;
	 background:rgba(20,0,0,0.17);
}


	


#mesajeCargaPerfil {
		position: absolute;
	    text-align:center;
        color: aliceblue;
		top: 50%;
		left: 25%;
		height: 50%;
		width: 50%;
		margin:-15% 10 0 0%;
	    background:radial-gradient(#3273ad,#3273ad);
        border-radius: 6px 6px 6px 6px;
     }




.cc-selector input{
	
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}



.hombre{background-image:url("../images/avatar_masculino_fondo.png");}
.mujer{background-image:url("../images/avatar_femenino_fondo.png");}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
	
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{	
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    border-radius:10px 30px 10px 10px;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(.7) grayscale(1) opacity(.7);
       -moz-filter: brightness(.7) grayscale(1) opacity(.7);
            filter: brightness(.7) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}