@font-face {
    font-family: 'Cervo Neue';
    src: url("/_/ui/fonts/splash/Typoforge-Studio-CervoNeue-MediumNeue.otf") format("opentype");
}

@font-face {
    font-family: 'Cervo Neue Bold';
    src: url("/_/ui/fonts/splash/Typoforge-Studio-CervoNeue-ExtraBoldNeue.otf") format("opentype");
}

body {
	background: #273e51 0% 0% repeat padding-box;
	background-image: url("/_/ui/img/splash/canon-bak.jpg");
	background-size: 500px 275px;
	text-align: center !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-top: 30px !important;
}

#block_container
{
    text-align:center;
    padding-top: 0px !important
}
#bloc1, #bloc2
{
    display:inline;
    padding-top: 0px !important
}

form input[type="text"] {
    text-transform: lowercase;
}

input.join-btn {
	width: 57px !important;
	text-transform: uppercase !important;
	height: 57px !important;
	border: 0px solid blue;
	color: #30211a !important;
	background: #9b5949;
	margin: 0px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border-radius: 0px !important;
	letter-spacing: 1px !important;
	font-family: "Cervo Neue Bold", sans-serif;
	text-transform: uppercase !important;
	margin: 0px !important;
}


div.pedregal-container {
	width: 100%;
	margin: auto auto;
	text-align: center !important;
	padding: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
div.pedregal-container-top {
	max-width: 660px;
	margin: 0 auto;
	padding: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
img.pedregal-container-top {
	display: block;
	width: 100%;
	padding: 0px !important;
	margin: 0px !important;
}
div.pedregal-container-mid {
	/* c9beaf */
	padding: 0px !important;
	margin: 0px !important;
	text-align: center;
}
img.pedregal-container-mid {
	display: block; /*inline block would be fine too*/
	max-width: 900px;
	width: 100%;
	margin: auto auto;
	height: auto; 
	padding: 0px !important;
	margin: 0px !important;
}
div.pedregal-container-bottom {
	max-width: 660px;
	margin: 0 auto;
	padding: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
img.pedregal-container-bottom {
	display: block;
	width: 100%;
	padding: 0px !important;
	margin: 0px !important;
}
div.pedregal-list {
	background-color: #30211a !important;
	max-width: 660px;
	margin: 0px;
	padding: 15px !important;
	padding-top: 0px !important;
	padding-bottom: 50px !important;
}
input.pedregal-list {
	background-color: #30211a;
	color: #9b5949;
	width: 100%;
	padding: 15px;
	max-width: 400px;
	border-color: #9b5949;
	border: 2px solid #9b5949;
	font-size: 14px;
	letter-spacing: 1.5px;
	font-family: "Cervo Neue Bold", sans-serif;
	text-transform: uppercase !important;
}
input::placeholder {
	color: #9b5949;
  	font-size: 14px;
	letter-spacing: 1.5px;
	font-family: "Cervo Neue Bold", sans-serif;
	text-transform: uppercase !important;
}
@media only screen and (max-width: 680px) {
	body {
		background-size: 400px 220px;
		margin-top: 0px !important;
	}
	div.pedregal-container-top {
		max-width: 360px;
		margin: 0 auto;
		padding: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	img.pedregal-container-top {
		width: 100%;
		padding: 0px !important;
		margin: 0px !important;
	}
	img.pedregal-container-mid {
		display: block; /*inline block would be fine too*/
		max-width: 100%;
		margin: auto auto;
		height: auto; 
		padding: 0px !important;
		margin: 0px !important;
}
	div.pedregal-container-bottom {
		max-width: 360px;
		margin: 0 auto;
		padding: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	img.pedregal-container-bottom {
		width: 100%;
		padding: 0px !important;
		margin: 0px !important;
	}
	div.pedregal-container-base {
		max-width: 360px;
		margin: 0 auto;
		padding: 15px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	input.pedregal-list {
		max-width: 200px;
	}
}