* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial; font-size: 12px; color: #FFFFFF; 
	background: #000000;
	overflow: auto;
	text-align: center;
	margin-top: 40px;
}

.source-image#img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#pie {
	position: relative;
	height: 120px;
	width: 760px;
	top:0;
	margin-top:0;
	margin-bottom:0;
	font-family: Arial;
	font-size: 10px;
	color: #CCCCCC;
	background: url('images/space.png') no-repeat top;
	z-index: 8001;
}

#latpie {
	position: relative;
	height: 120px;
	width: 100%;
	top:0; margin-top:0; margin-bottom:0;
	z-index: 7999;
} 

#latheader {
	position: relative;
	height: 170px;
	width: 100%;
	/*background: url('images/lateral_fondo_header.png') repeat top; */
	top:40; margin-top:0; margin-bottom:0;
	z-index: 5999;
} 

#topbanner {
	background-position: center top; 
	position: relative;
	height: 170px;
	width: 760px;
	background-image:url('images/fondo_header.png'); 
	background-repeat:no-repeat; 
	background-attachment:fixed;
	top:0;
	margin-top:0;
	z-index: 6000;
} 

#databack {
	position: relative;
	height: 380px;
	width: 760px;
	background: url('images/dataarea_sonymoviepass.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
	display: inline-block; 
	vertical-align: middle;
}

#databackmensajes {
	position: relative;
	height: 380px;
	width: 760px;
	background: url('images/dataarea_magicpass_mensajes.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
	display: inline-block; 
	vertical-align: middle;
}

#databackgracias {
	position: relative;
	height: 380px;
	width: 760px;
	background: url('images/dataarea_sonymoviepass_msjGracias.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
	display: inline-block; 
	vertical-align: middle;
}

#databackhome {
	position: relative;
	height: 382px;
	width: 760px;
	background: url('images/dataarea_home_sonymoviepass.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
}

#databackposter {
	position: relative;
	height: 382px;
	width: 760px;
	background: url('images/dataarea_poster_sonymoviepass.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
}

#databackformacines {
	position: relative;
	height: 382px;
	width: 760px;
	background: url('images/dataarea_poster_acpremieres.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
}

#databackregistro {
	position: relative;
	height: 380px;
	width: 760px;
	background: url('images/dataarea_acpremieres.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
	display: inline-block; 
	vertical-align: top;
}

#databackregistrob_new {
	position: relative;
	height: 520px;
	width: 760px;
	background: url('images/dataarea_sonymoviepass_registro_new.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
	display: inline-block; 
	vertical-align: top;
}

#databackregistrob {
	position: relative;
	height: 520px;
	width: 760px;
	background: url('images/dataarea_sonymoviepass_registro.png') no-repeat top; 
	top:0; margin-top:0; margin-bottom:0;
	z-index: 6001;
	display: inline-block; 
	vertical-align: top;
}

#databackregistrob1 {
	position: absolute;
	width: 760px;
	background: transparent;
	margin-top:0;
	margin-bottom:0;
	z-index: 5000;
	display: inline-block;
	vertical-align: top;
	left: 0px;
	top: 73px;
}

#databackregistrob2 {
	position: absolute;
	width: 760px;
	background: transparent;
	margin-top:0;
	margin-bottom:0;
	z-index: 5001;
	display: inline-block;
	vertical-align: top;
	left: 0px;
	top: 295px;
}

/* Fondo modificado para que sea 100% resizable y cubra toda la pantalla */
.bg {
	height: 100vh;
	width: 100%;
	position: fixed;
	background: url('images/background_sonymoviepass.jpg') no-repeat center center;
	background-size: cover;
	top: 0;
	left: 0;
	z-index: 1;
}

.lefty { 
	text-align:left; 
}

.errorTitle {
	font-family: Arial; font-size: 30px; color:#FFFFFF; 
	text-align:left;
}

.registroTitle {
	font-family: Arial;
	font-size: 18px;
	color: #292929;
	text-align:right;
	font-weight: bold;
}

.registroCineNombre {
	font-family: Arial;
	font-size: 20px;
	color: #2FA8F8;
	text-align:right;
	font-weight: bold;
}

.registroNotas {
	font-family: Arial; font-size: 10px; color: #FFFFFF; 
	text-align:left;
}

.registroObligado {
	font-family: Arial;
	font-size: 8px;
	color: #FFDD00;
	text-align:left;
	font-weight: bold;
	vertical-align: top;
}

.condicionesTitle {
	font-family: Arial;
	font-size: 14px;
	color: #FF0;
	text-align:right;
	font-weight: bold;
}

#poster {
	width: 195px;
	height: 286px;
	position: absolute;
	top: 39px;
	left: 508px;
	z-index: 7000;
}

#tit-poster {
	width: 393px;
	height: 39px;
	position: absolute;
	top: 107px;
	left: 49px;
	font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #FFFFFF; 
	font-weight: bold;
	text-align:left;
	z-index: 7001;
}

#msg-poster {
	width: 393px;
	height: 73px;
	position: absolute;
	top: 149px;
	left: 48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	z-index: 7001;
}

#data-titleft {
	z-index: 7002;
	font-family:Arial, Helvetica, sans-serif; font-size: 30px; color: #FFFFFF; 
	text-align:left;
}

#data-titright {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	text-align:center;
	vertical-align:middle;
	z-index: 7003;
	line-height:100%;
	margin-left:2;
	margin-top:2;
	font-weight: bold;
}

#forma-ganaste {
	width: 400px;
	height: 70px;
	position: absolute;
	top: 167px;
	left: 40px;
	z-index: 7001;
}

#registrate {
	width: 405px;
	height: 87px;
	position: absolute;
	top: 256px;
	left: 42px;
	z-index: 7002;
}

#data-condiciones {
	width: 669px;
	height: 337px;
	position: absolute;
	top: 26px;
	left: 45px;
	z-index: 7001;
	overflow:auto;
	padding-right: 20px;
}

a            { color: #FFFFFF; }
a:visited    { color: #FFFFFF; }
a:hover      { color: #007bff; text-decoration: none; }
a:link       { color: #DDDDDD; }
ul           { margin-left: 10px; }
li           { margin-left: 10px; vertical-align:middle; }
td           { font-family: Arial; font-size: 12px; color: #DDDDDD; }

.menucategoria {  
	font-family:Arial;
	font-size:10pt;
}

a:link.menucategoria {
    color: #FFFFFF;
    text-decoration: none;
}
a:active.menucategoria {
    color: #007bff;
    text-decoration: none;
}		
a:hover.menucategoria {
    color: #007bff;
    text-decoration: none;
}
a:visited.menucategoria {
    color: #FFFFFF;
    text-decoration: none;
}
a:link.menucontenido {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited.menucontenido {
    color: #FFFFFF;
    text-decoration: none;
}
a:active.menucontenido {
    color: #FFFFFF;
    text-decoration: none;
}		
a:hover.menucontenido {
    color: #007bff;
    text-decoration: none;
    background:#FFCC00;
}

.social-menu__icon {
	display:none;
	height:60px;
	width:60px;
	margin-top: .5rem; 
	margin-right:.5rem;
	background-color:#fff;
}

.social-menu__text { 
	font-size:small; 
}

.pager {
	margin:2em 0;
	text-align:center;
}

.svg-inline {
	font-size:0.6em;
}

.svg-inline:hover {
	color: #007bff;
	text-decoration: none;
}

#header {
	overflow: hidden;
	background-color: #333;
	position: fixed; 
	top: 0; 
	width: 100%; 
}