html, body { background: #f3f2f1;}
img {width: 100%;}
.contenedor { margin: 50px auto; max-width: 600px; text-align: center; padding: 30px; background: #fff; border-radius: 5px; width: 94%; box-shadow: 0px 2px 3px 3px #ccc;}
::placeholder {color:#333;}
.contenedor h2 { font-weight: 100; font-size: 26px;}
.contenedor a { text-decoration: none; font-weight: 500; color:#000;}
img.logo { max-width: 240px;filter: brightness(0%);}
html { height: 100%;}
body { background-size: cover;    background-position: center; font-weight: 300;}
input, select { border:1px solid #333; width:100%; text-align:center; padding:10px; color:#333; font-size: 18px; font-family: 'Din-reg', Sans-Serif; margin-bottom:20px; border-radius: 5px;}
input:focus::placeholder {  color: transparent;}
.header img { max-height: 80px;}

.votos { display: inline-block; position: relative; padding-left: 65px; margin-bottom: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Hide the browser's default radio button */
.votos input { position: absolute; opacity: 0; top: 0; left: 0; width: 100px;}
.votos .checkmark:hover {background-color: #A8191E; cursor: pointer; color:#fff}
.checkmark { position: absolute; top: 0; left: 0; background-color: #eee; padding:3px 5px 4px 4px; color:#000; font-size: 22px; }


/* When the radio button is checked, add a blue background */
.votos input:checked ~ .checkmark { background-color: #A8191E; border-radius: 0; color:#fff; }

label.no_voto { display: inline-block; position: relative;  padding: 3px 5px 4px 4px; margin-right: 2px; mmargin-bottom: 0; background: #ccc; top: -12px; font-size: 22px; color: #fcfcfc; }

.copy img { width: 100px;}


/*.ui-widget.ui-widget-content {width: 100%; max-width: 540px;}*/
input[type="submit"] { background: #942E55; color:#fff;}
input[type="submit"]:hover { background: #631d38;}