*{
	padding: 0;
	margin: 0;
}
html, body{
	height: 100%;
	font-family: arial;
	background: #fff;
}
a{
	text-decoration: none;
}
h1.logo{
	width: 100%;
	padding: 0.5em 0 1em 0;
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Lobster', cursive;
	font-size: 3.5em;
	text-align: center;
	color: #23CFC2;
}
h4, h6{
	text-align: center;
}
.contenedor{
	text-align: center;
}
.fa-smile{
	color: #FFD500;
	font-size: 2em;
}
.contenedor h2.titulo{
	background: #23CFC2;
	color: #fff;
	text-align: center;
	font-family: Montserrat;
	padding: 0.5em 0;
}
.txtcaja{
	cursor: unset;
	outline: currentcolor none medium;
	transition: padding 0.3s ease 0s;
	border-color: rgb(195, 200, 213);
	opacity: 1;
	border-width: 2px;
	border-style: solid;
	padding: 8px;
	height: 40px;
	border-radius: 3px;
	font-family: Montserrat;
	font-size: 1em;
	width: 30%;
	margin: 0 auto;
	color: rgb(37, 43, 54);
	box-sizing: border-box;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
.formulario{
	text-align: center;
	padding: 1em;
}

form .btn-submit {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: #fff;
	background: #5E7DE3;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: .3s ease all;
}

.popup form .btn-submit:hover {
	background: rgba(94,125,227, .9);
}
h3.fecha{
	font-family: Montserrat;
	outline: currentcolor none medium;
	font-size: 0.8em;
	color: #555;
}
.cc-selector{
	margin: 2em 1em;
}
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.excelente{background-image:url(../images/excelente.jpg);}
.bueno{background-image:url(../images/bueno.jpg);}
.malo{background-image:url(../images/malo.jpg);}
.deficiente{background-image:url(../images/deficiente.jpg);}

.feliz{background-image:url(../images/feliz.jpg);}
.interesado{background-image:url(../images/interesado.jpg);}
.motivado{background-image:url(../images/motivado.jpg);}
.entusiasmado{background-image:url(../images/entusiasmado.jpg);}
.preocupado{background-image:url(../images/preocupado.jpg);}
.temeroso{background-image:url(../images/temeroso.jpg);}
.triste{background-image:url(../images/triste.jpg);}
.cansado{background-image:url(../images/cansado.jpg);}

.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;
    display:inline-block;
    width:100px;height:70px;
    padding: 1em;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.1) grayscale(1) opacity(.9);
       -moz-filter: brightness(1.1) grayscale(1) opacity(.9);
            filter: brightness(1.1) grayscale(1) opacity(.9);
}
.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);
}

h6{
	font-family: Montserrat;
	outline: currentcolor none medium;
	font-size: 0.8em;
	color: #555;
}