@charset "utf-8";
/* CSS Document */
 
html,
body
{
    height: 100%;
	background: #cbccce;
	margin:0;
	padding:0;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
	color: #222;
	overflow-x:hidden;
}

#wrapper{
	background:white url('http://www.el-libro.org.ar/wp-content/themes/fel/img/pre-footer.png') center -200px no-repeat;
	width:100%;
	max-width: 720px;
	padding: 0;
	margin:0 auto;
	position:relative;
	min-height:100%;
	border:solid white;
	border-width:0 20px;
}

.container {
	padding-top:250px;
}

#votacion_info_form .row {
	display: block;
	margin-bottom: 15px;
}
#votacion_info_form label {
	display: inline-block;
	width: 150px;
	margin-right: 20px;
	color: #222;
	font-size: 16px;
	text-transform: uppercase;
}
#votacion_info_form input, #votacion_info_form select {
	border: 1px solid #ccc;
	padding: 10px 10px;
	color: #333;
	width: 360px;
}
#votacion_info_form select {
	width: 150px;
}
#votacion_info_form .enviar {
	width: auto;
	background: #ec1860;
	color: #fff;
	border:none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	padding:12px 20px;
}

#votacion_info_form .enviar:hover,
#votacion_info_form .enviar:focus
{
	background: #6951a2;
	outline:none;
}

.has-error input, .has-error select {
	background:#f2dede;
}


label > input {
	visibility: hidden;
	position: absolute;
}

	label > input + .marca_check {
	  cursor:pointer;
	  border:5px solid #f5f5f5;
	  padding:20px;
	}

	label > input:checked + .marca_check {
	  border:5px solid #ec1860;
	}



.cont_imagenes_libros {
	text-align:center;
	z-index:100;
}

.cont_imagenes_libros .libro {
	width:150px;
	display:inline-block;
	margin:12px 4px;
	text-align:center;
}

	.cont_imagenes_libros h3 {
		margin:0;
		padding:0;
		font-size:17px;
	}

	.cont_imagenes_libros h4 {
		margin:0;
		padding:0;
		font-size:15px;
	}

	.cont_imagenes_libros .libro img {
		height:150px;
		width:auto;
		margin-bottom:20px;
		transition:.2s all ease-in-out;
		transform:scale(1);
	}

	.cont_imagenes_libros .libro:hover img {
		transform:scale(1.15);
	}


.votacion {
	position:relative;
	height:100%;
}

	.votacion .cover {
		display:none;
		position:fixed;
		color:white;
		text-align:center;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:rgba(105, 81, 162, .99);
		z-index:1000000;
	}

	.votacion .cover .info {
		margin:80px auto 0;
	}

		.votacion .cover .info img {
			width:auto;
			height:210px;
			margin:35px auto;
		}

		.votacion .cover .info .texto h3 {
			font-size:22px;
			margin:0 auto 15px;
			padding:0;
		}

		.votacion .cover .info .texto h4 {
			font-size:17px;
			margin:0 0 15px;
			padding:0;
		}

		.votacion .cover .cover_botones {
			margin:40px auto 0;
		}

		.votacion .cover .cover_botones button {
			display:inline-block;
			padding:12px 16px;
			color:white;
			font-size:16px;
			line-height:15px;
			font-weight:bold;
			border:none;
			text-decoration:none;
			cursor:pointer;
			transition:.2s all ease-in-out;
			transform:none;
		}

			.votacion .cover .cover_botones button:hover {
				transform:scale(1.1);
			}

		.votacion .cover .cover_botones button#confirmar {
			background:#ec1860;
		}

			.votacion .cover .cover_botones button#confirmar:hover {
				background:#b9194f;
			}

		.votacion .cover .cover_botones button#cancelar {
			background:#f0f0f0;
			color:#888;
		}

			.votacion .cover .cover_botones button#cancelar:hover {
				background:#ccc;
			}