@font-face { font-family: 'FuturaStd-Heavy'; src: url('http://www.opcion2.com.ar/skybox/fonts/FuturaStd-Heavy.otf'); }
@font-face { font-family: 'FuturaStd-Book'; src: url('http://www.opcion2.com.ar/skybox/fonts/FuturaStd-Book.otf'); }

html,body {
	width: 100%; height: 100%;
	margin: 0px; padding: 0px;
	background-color: #0095D3;
	font-family: 'FuturaStd-Book', sans-serif;
}

#portrait {
	width: 100%; height: 100%;
	background-image: url(http://www.opcion2.com.ar/skybox/events/5009/images/portrait.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#portrait div {
	width: 780px; height: 460px;
	margin: 0 auto;
	top: 50%; left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.wide {
	width: 980px;
	margin: 0 auto; padding: 0;
}

.top {
	width: 100%; height: 140px;
	background-image: url(http://www.opcion2.com.ar/skybox/events/5009/images/top-005.jpg); background-position: center;
	display: block;
	border: none; outline: none;
}
.intro {
	background-color: black;
	width: 100%; height: 70px; line-height: 70px;
	font-family: 'FuturaStd-Heavy', sans-serif; color: white; font-size: 22px; text-align: center; text-shadow: 1px 1px rgba(0,0,0,.25);
}
.extra {
	background-color: #0095D3;
	width: 100%; height: 50px; line-height: 50px;
	font-family: 'FuturaStd-Book', sans-serif; color: white; font-size: 16px; text-align: center; text-shadow: 1px 1px rgba(0,0,0,.5); text-transform: uppercase;
}
.form {
	background-color: white;
	width: 100%;
	padding: 50px 0;
}
.download {
	background-color: #dadada;
	width: 100%; height: 210px;
	text-align: center;
}
.download:hover { background-color: #cfcfcf; }
.data {
	background-color: #f2f2f2;
	width: 100%; height: 105px;
	font-family: 'FuturaStd-Book', sans-serif; color: #3e3e3e; font-size: 16px; text-shadow: 1px 1px white; text-align: center;
	padding: 45px 0 0 0;
}
.map iframe {
	width: 100%; height: 500px;
	border: 0px; outline: none;
}
.bottom {
	font-family: 'FuturaStd-Book', sans-serif; color: white; font-size: 15px;
	background-color: #0095D3;
	width: 100%; height: 150px;
	padding: 30px 0 0 0;
}
.bottom .wide .left { float: left; }
.bottom .wide .right { float: right; }




/* form */

#main .form .label {
	color: #5f5f5f;
	font-size: 15px;
	margin: 0 0 5px 0;
}
#main .form .label .star {
	color: #0095D3;
	font-size: 15px;
}
#main .form .label .check {
	width: 12px;
	height: 12px;
	background-color: #e1e1e1;
	padding: 0px 10px;
	margin: 0 10px 0 0;
	cursor: pointer;
	border: 1px solid white;
}
#main .form .list {
	font-family: 'FuturaStd-Heavy', sans-serif;
	background-color: #f2f2f2;
	border: 1px solid rgba(0,0,0,.125);
	outline: none;
	color: #454545;
	font-size: 16px;
	width: 340px;
	height: 37px;
	padding: 0 10px;
	margin: 0 0 16px 0;
	text-shadow: 1px 1px white;
}
/* #main .form .list:focus { background-color: #01a799; color: white; text-shadow: 1px 1px rgba(0,0,0,.25); } */
/* #main .form .list:focus { border: 1px solid #01a799; } */

#main .form .input {
	font-family: 'FuturaStd-Heavy', sans-serif;
	background-color: #f2f2f2;
	border: 1px solid rgba(0,0,0,.125);
	outline: none;
	color: #454545;
	font-size: 16px;
	width: 320px;
	height: 35px;
	padding: 0 10px;
	margin: 0 0 16px 0;
	text-shadow: 1px 1px white;
}
#main .form .input:focus { background-color: #0095D3; color: white; text-shadow: 1px 1px rgba(0,0,0,.25); }

#main .form select:focus,
#main .form input:focus {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.25);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,.25);
}

#main .form select:disabled,
#main .form input:disabled {
	border: 1px solid white;
	background: #f3f3f3;
}

#main .form .select.error { border: 1px solid #ae182e; }
#main .form .input.error { border: 1px solid #ae182e; }

#main .form .btn0 {
	background-color: #a4a4a4;
	font-size: 18px; color: #414141; text-align: center; text-shadow: 1px 1px rgba(0,0,0,.25);
	height: 70px; line-height: 70px;
	float: right;
	cursor: pointer;
	display: inline-block;
	padding: 0 30px;
}
#main .form .btn0:hover {
	background-color: #8c8c8c;
}
#main .form .btn1 {
	background-color: #d38826;
	font-size: 18px; color: white; text-align: center; text-shadow: 1px 1px rgba(0,0,0,.25);
	height: 70px; line-height: 70px;
	float: right;
	cursor: pointer;
	display: inline-block;
	padding: 0 30px;
}
#main .form .btn1:hover {
	background-color: #c67125;
}

/* fonts */


.f3 {
	font-family: 'FuturaStd-Heavy', sans-serif; font-size: 35px; color: white; text-shadow: 1px 1px rgba(0,0,0,.25);
}

.f5 {
	font-size: 16px; color: #0095D3; text-transform: uppercase;
	text-decoration: none;
}
.f5:hover { text-decoration: underline; }