@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:100,400,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700);
body{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    background-color: #ebebeb;
    background-color: #d1cad2;
} 
a, a:visited, a:link, a:hover, a:active{
    text-decoration: none;
    color: #BB0A0A;
    font-style: italic;
    
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */ 
    
    transition: opacity 1s ease;
    opacity: 1;
}
a:hover{
    opacity: 0.7;
}
/* ------   PLANTILLA     ------ */
ul{
    list-style: none;
}
p{
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}
.enlace{
    font-size: 16px;
    border-color: #c1c1c1;
    border-style: solid;
    border-width: 1px;
    padding: 10px 30px;
    opacity: 1;
    transition:  opacity 0.5s ease 0s;
}
button:focus {outline:0;}
/* -- HEAD -- */
#header{
    position: fixed;
    width: calc(100% - 40px);
    padding: 20px;
    font-weight: 300;
    text-transform: uppercase;
}
.headDown{
    background-color: #0E1318;
    overflow: hidden;
    height: 30px;
}
#header a span{
    color: white;
}
#shareWhite {
	float: right;
    margin-top: 5px;
}
#shareWhite li {
	float: left;
}
#shareWhite li a {
	width: 23px;
	height: 23px;
	display: block;
	margin-left: 15px;
    opacity: 1;
	transition: opacity 0.5s ease 0s;
}
#logo{
    opacity: 1;
	transition: opacity 0.5s ease 0s;
    margin-right: 10px;
}
#shareWhite li a:hover, #logo:hover {
    opacity: 0.5;
    cursor: pointer;
}
#shareWhite li.facebook a {
	background: url(../svg/facebook.svg) no-repeat center center;
	background-size: contain;
}
#shareWhite li.twitter a {
	background: url(../svg/twitter.svg) no-repeat center center;
	background-size: contain;
}
#shareWhite li.google a {
	background: url(../svg/google.svg) no-repeat center center;
	background-size: contain;
}
/*FOOTER*/
footer{
    text-align: center;
    margin: 0;
    padding: 60px 0;
}
footer #comentarios{
    color: #5c5b5b;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    height: auto;
}
footer #comentarios h3{
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 50px;
    text-transform: uppercase;
}
footer main {
	padding: 20px 0 20px 0;
}
footer main h2{
    font-weight: 300;
    color: #666;
    font-size: 12px;
}
footer main p {
    font-family:'Open Sans', sans-serif;
	color: #868686;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
	line-height: 13px;
	letter-spacing: 1px;
    font-weight: 600;
}
footer main p span {
	color: #6b6b6b;
}
#content{
    text-align: center;
    padding: 10px;
}
/* --HEAD END */
main section{
    width: 100%;
    margin: 0;
    padding: 20px 0;
}
input, textarea, keygen, select, button, option{
    color: #818181;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    border-radius: none;
}
main section label select{
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid #a5a5a5;
    margin: 25px 0;
    -webkit-appearance: none;
    padding: 10px 50px;
    height: 49px;
    background: url(../images/newArrow.png) no-repeat right;
    outline:0;
}

#seccion_0{
    background-image: url(../images/bg_stage_0_vrs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: calc(100vh - 40px);
}
main section h1{
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 700;
}
#seccion_0 #intro{
    margin: auto;
    max-width: 1000px;
    height: 200px;
    margin-top: calc(25% - 200px);
}
#seccion_0 .titulo{
    max-width: 610px;
    height: 140px;
    display: inline-block;
}
#seccion_0 .titulo h1{
    font-size: 80px;
    color: white;
    line-height: 65px;
    margin: 0;
}
#seccion_0 .titulo h1 span{
    color: #cc0000;
}
#seccion_0 .titulo h2{
    color: #cccccc;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}
#seccion_0 .gift{
    width: 235px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-right: 125px;
}
#seccion_0 .gift img{
    width: 320px;
}
#seccion_0 .titulo p{
    max-width: 363px;
    color: #A5A5A5;
    line-height: 22px;
    margin-top: 40px;
    font-style: normal;
    font-weight: 300;
}

#seccion_1{
    background-image: url(../images/bg_stage_1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    padding-bottom: 50px;
}
#seccion_1 .titulo{
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
}
#seccion_1 .titulo h2{
    color: #6b6b6b;
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
}
#seccion_1 .titulo h1{
    color: #000;
    font-size: 30px;
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 700;
}
#seccion_1 iframe{
    width: 60%;
    min-height: 460px;
    margin: 0 auto;
}

#seccion_2{
    text-align: center;
}
#seccion_2 p{
    font-size: 15px;
    text-align: left;
    max-width: 212px;
    color: white;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    font-style: normal;
    font-weight: 700;
}
#seccion_2 img{
    display: inline-block;
    vertical-align: middle;
    padding: 80px 0;
    width: 559px;
}
#seccion_2 a{
    opacity:  1;
    transition: opacity 1s ease;
}
#seccion_2 a:hover{
    opacity: 0.5;
}