/************************************************************************************************************************************
* Basicos
************************************************************************************************************************************/
html {
	overflow:					hidden;
}

body, input, select, textarea {
	font-family:				Verdana, Geneva, sans-serif;;
	font-size:					10px;
}

body {
	color:						#fff;
}

h2 {
	font-size:					15px;
	line-height:				1.2em;
	margin-bottom:				10px;
}

p {
	line-height:				1.5em;
}

div.print {
	display:none;
}
button {
	cursor:pointer;
	z-index:				9999;
}

/************************************************************************************************************************************
* #pag
************************************************************************************************************************************/
div#pag {
	background-color: 		#efb635;
	background-image: 		url('../images/general/bg.jpg');
	background-position: 	top center;
	background-repeat: 		no-repeat;
	height:						100%;
}

/************************************************************************************************************************************
* .wrap
************************************************************************************************************************************/
div.wrap {
	float:						left;
	margin:						0px auto;
	overflow:					hidden;
	width:						100%;
}

/************************************************************************************************************************************
* #header
************************************************************************************************************************************/
div#header {
}

div#header div.wrap {
	float:						none;
	overflow:					hidden;
	width:						960px;
}

/* .logo_unimarc */
div#header div.logo_unimarc {
	float:						left;
	padding:						12px 0px 12px 0px;
	width:						109px;
}

div#header div.logo_unimarc a {
	background-image: 		url('../images/header/logo_unimarc.png');
	display:						block;
	height:						25px;
	text-indent:				-9999px;
}

/* .menu */
div#header div.menu {
	float:						left;
	padding-top:				15px;
}

div#header div.menu ul {
	display:						block;
	overflow:					hidden;
}

div#header div.menu ul li {
	float:						left;
	width:						100px;
}

div#header div.menu ul li a {
	color:						#fff;
	display:					block;
	padding:					3px 0px;
	text-align:					center;
	text-decoration:			none;
}

/* .social */
div#header div.social {
	float:						right;
	padding-top:				8px;
}

div#header div.social a {
	display:					block;
	float:						left;
	height:						28px;
	margin-left:				5px;
	text-indent:				-9999px;
	width:						31px;
}

div#header div.social a.facebook_btn {
	background-image: 		url('../images/header/facebook_btn.png');
}

div#header div.social a.twitter_btn {
	background-image: 		url('../images/header/twitter_btn.png');
}

/************************************************************************************************************************************
* #content
************************************************************************************************************************************/
div#content {
	position:					absolute;
	overflow:					hidden;
}

a.close_btn {
	background-image: 		url('../images/general/close_btn.png');
	display:						block;
	height:						28px;
	position:					absolute;
	text-indent:				-9999px;
	width:						29px;
	z-index:						1000;
}

div#content a.jugar_btn {
	background: 				none;
	background-image: 		url('../images/general/jugar_btn.png');
	border:						0px;
	display:						block;
	height:						29px;
	text-indent:				-9999px;
	width:						70px;
}

div#content a.otrocupon_btn {
	background: 				none;
	background-image: 		url('../images/general/otrocupon_btn.png');
	border:						0px;
	cursor:pointer;
	display:						block;
	height:						29px;
	text-indent:				-9999px;
	width:						162px;
}

div#content a.volverjugar_btn {
	background: 				none;
	background-image: 		url('../images/general/volverjugar_btn.png');
	border:						0px;
	cursor:pointer;
	display:						block;
	height:						27px;
	text-indent:				-9999px;
	width:						110px;
}

div#content a.continuar_btn {
	background: 				none;
	background-image: 		url('../images/general/continuar_btn.png');
	border:						0px;
	display:						block;
	height:						27px;
	text-indent:				-9999px;
	width:						110px;
}

div#content input {
	background-color: 		#fff;
	background-position: 	top;
	background-repeat: 		repeat-x;
	border:						1px solid #999;
	padding:						2px;
}

div#content select {
	height:						19px;
}

div#content div.hr {
	background-image: 		url('../images/general/hr.png');
	height:						1px;
	margin:						10px 0px;
	width:						189px;
}

div#content div.alert2,
div#content div.alert {
	background-image: 		url('../images/general/alert_bg.png');
	_background: 			none;
	_background-color: 		#000;
	color:						#fff;
	display:						none;
	height:						117px;
	left:							50%;
	margin:						-81px 0px 0px -164px;
	padding:						35px 30px 10px 30px;
	position:					absolute;
	text-align:					center;
	top:							50%;
	width:						268px;
}

div#content div.alert2 {
	background-image: 		url('../images/general/alert_bg2.png');
	_background: 			none;
	_background-color: 		#000;
	height:						198px;
	padding-top:				25px;
	width:						259px;
}

div#content div.alert2 p {
	line-height:				1.1em;
	margin-bottom:				1em;
}

div#content div.alert h2 {
	font-size:					15px;
	margin-bottom:				20px;
}

div#content div.alert p {
	margin-bottom:				11px;
}

div#content div.alert a,
div#content div.alert2 a {
	margin:						0px auto 10px auto;
	cursor:pointer !important;
	z-index:					9999;
}

/************************************************************************************************************************************
* .home
************************************************************************************************************************************/
div.home {
	margin:						0px auto 0px auto;
	padding-top:				75px;
	width:						960px;
}

/* .promo */
div.home div.promo {
	background-image: 		url('../images/home/promo.png');
	background-position: 	bottom;
	background-repeat: 		no-repeat;
	float:						left;
	height:						420px;
	padding-top:				20px;
	width:						458px;
}

/* .registro */
div.home div.registro {
	background-image: 		url('../images/home/form_bg.png');
	background-repeat: 		no-repeat;
	float:					right;
	height:					433px;
	padding:				0px 40px 0px 56px;
	width:					350px;
}

div.home div.registro form {
	display:block;
	margin-top:				93px;
	position:				absolute;
	width:					330px;
}

div.home div.registro form fieldset {
	display:				block;
	margin-bottom:			5px;
	overflow:				hidden;
}

div.home div.registro form fieldset label {
	background-position: 	left center;
	background-repeat:		no-repeat;
	display:				block;
	float:					left;
	margin-bottom:			3px;
	padding:				2px 0px 2px 15px;
	width:					120px;
}

div.home div.registro form fieldset label.error {
	background-image: 		url('../images/general/warning.png');
}

div.home div.registro form fieldset input {
	display:				block;
	float:					left;
	margin-bottom:			3px;
	width:					182px;
}

div.home div.registro form fieldset input.checkbox {
	width:						auto;
}

div.home div.registro form fieldset select {
	display:					inline;
	margin-bottom:				3px;
	width:						188px;
}

div.home div.registro form fieldset div.bases {
}

div.home div.registro form fieldset div.bases input {
	clear:						both;
	margin-right:				10px;
}

div.home div.registro form fieldset div.bases label {
	background-position: 	right;
	padding-left:				0px;
	padding-right:				15px;
	width:						270px;
}

div.home div.registro form fieldset div.bases select {
	display:				block;
}

div.home div.registro form fieldset div.block {
	float:						left;
	margin-bottom:				3px;
	width:						188px;
}

div.home div.registro form fieldset div.block input,
div.home div.registro form fieldset div.block select {
	margin-bottom:				0px;
}

div.home div.registro form fieldset div.block span {
	display:					none;
	float:						left;
	padding-top:				3px;
	text-align:					center;
	width:						13px;
}

div.home div.registro form fieldset div.block input#nacimiento_dia,
div.home div.registro form fieldset div.block input#nacimiento_mes,
div.home div.registro form fieldset div.block input#nacimiento_anio {
	margin-right:				5px;
	width:						48px;
}

div.home div.registro form fieldset div.block input#apellido_paterno,
div.home div.registro form fieldset div.block input#apellido_materno {
	margin-right:				10px;
	width:						83px;
}

div.home div.registro form fieldset div.block input#apellido_materno {
	margin-right:				0px;
}

div.home div.registro form fieldset div.block input#cod_telefono {
	margin-right:				13px;
	width:						51px;
}

div.home div.registro form fieldset div.block input#telefono {
	width:						112px;
}

div.home div.registro form button {
	background: 			none;
	background-image: 		url('../images/home/registrar_btn.png');
	border:					0px;
	cursor:					pointer;
	display:				block;
	height:					24px;
	margin:					0px auto;
	text-indent:			-9999px;
	width:					79px;
}

div.home div.registro div.gracias {
	background-color: 		#141109;
	display:				none;
	margin-top:				54px;
	position:				absolute;
	width:					330px;
	z-index:				9999;
}

div.home div.registro div.gracias p {
	line-height:				1.3em;
	margin-bottom:				1.2em;
}

div.home div.registro div.gracias a.otrocupon_btn,
div.home div.registro div.gracias a.jugar_btn {
	display:						block;
	cursor:pointer;
	margin:						0px auto 10px auto;
	z-index:				9999;
}

/************************************************************************************************************************************
* .social_facebook
************************************************************************************************************************************/
div.social_facebook {
	background-image: 		url('../images/social/facebook_bg.png');
	display:						none;
	height:						531px;
	left:							50%;
	margin:						55px 0px 0px 90px;
	padding:						11px 0px 0px 45px;
	position:					absolute;
	top:							0px;
	width:						350px;
}

div.social_facebook a.close_btn {
	margin:						-20px 0px 0px 288px;
}

/************************************************************************************************************************************
* .social_twitter
************************************************************************************************************************************/
div.social_twitter {
	background-image: 		url('../images/social/twitter_bg.png');
	display:						none;
	height:						400px;
	left:							50%;
	margin:						70px 0px 0px 120px;
	position:					absolute;
	top:							0px;
	padding:						10px 10px 85px 10px;
	width:						300px;
}

div.social_twitter a.close_btn {
	margin:						-13px 0px 0px 286px;
}

#twtr-widget-1 h3 {
	display:						none;
}

/************************************************************************************************************************************
* .contacto
************************************************************************************************************************************/
div.contacto {
	background-image: 		url('../images/contacto/bg.png');
	color:						#000;
	height:						452px;
	margin:						80px auto 0px auto;
	padding:					46px 13px 0px 30px;
	width:						390px;
}

div.contacto form {
	padding:					20px;
	position:					absolute;
	width:						390px;
}

div.contacto form button {
	display:					block;
	margin:						0px auto;
}

div.contacto form fieldset {
	margin-bottom:				10px;
	overflow:					hidden;
}

div.contacto form fieldset input {
	display:					block;
	float:						left;
	margin-bottom:				5px;
	width:						200px;
}

div.contacto form fieldset label {
	display:					block;
	float:						left;
	margin-bottom:				5px;
	padding-left:				15px;
	width:						120px;
}

div.contacto form fieldset select {
	width:						206px
}

div.contacto form fieldset span {
	display:						block;
	float:						left;
	padding:						5px 4px;
}

div.contacto form fieldset textarea {
	height:						168px;
	margin-left:				15px;
	width:						323px;
}

div.contacto form button.submit {
}

div.contacto form fieldset label.error {
	background-image: 		url('../images/general/warning.png');
	background-position: 	left center;
	background-repeat: 		no-repeat;
}

div.contacto form fieldset input#cod_telefono_contacto {
	width:						50px;
}

div.contacto form fieldset input#telefono_contacto {
	width:						132px;
}

div.contacto div.gracias {
	display:						none;
	padding:						160px 20px 20px 20px;
}

div.contacto div.gracias h2 {
	font-weight:				bold;
	text-align:					center;
}

/************************************************************************************************************************************
* .marcas
************************************************************************************************************************************/
div.marcas {
	background-image: 		url('../images/marcas/bg.png');
	height:						388px;
	margin:						90px auto 0px auto;;
	padding:						46px 9px 13px 12px;
	text-align:					center;
	width:						932px;
}

div.marcas div.thumb {
	height:						350px;
}

div.marcas div.thumb img {
	display:						none;
}

div.marcas div.paginacion {	
	clear:						both;
	float:						left;
	overflow:					hidden;
	width:						100%;
}

div.marcas div.paginacion ul {
	float:						left;
	left:							50%;
	margin:						0px auto;
	position:					relative;
}

div.marcas div.paginacion ul li {
	float:						left;
	margin:						0px 3px;
	position:					relative;
	right:						50%;
}

div.marcas div.paginacion ul li.select {
	background-color: 		#1d2227;
	color:						#fff;
}

div.marcas div.paginacion ul li a {
	border:						1px solid #999;
	color:						#999;
	display:						block;
	padding:						5px 6px;
	text-decoration:			none;
}

div.marcas div.paginacion ul li a:hover {
	background-color: 		#999;
	color:						#fff;
}

/************************************************************************************************************************************
* .catalogo
************************************************************************************************************************************/
div.catalogo {
	height:						483px;
	margin:						55px auto 0px auto;
	width:						818px;
}

/************************************************************************************************************************************
* .juego
************************************************************************************************************************************/
div.juego {
	color:						#000;
}

div.juego div.login {
	background-image: 		url('../images/juego/login_bg.png');
	height:					151px;
	margin:					180px auto 0px auto;;
	padding:				31px 9px 15px 60px;
	width:					377px;
}

div.juego div.login form  {
	margin:					30px auto 0px auto;
	position:				absolute;
	width:					320px;
}

div.juego div.login form button {
	background: 			none;
	background-image: 		url('../images/juego/enviar_btn.png');
	border:					0px;
	display:				block;
	height:					27px;
	margin:					0px auto;
	text-indent:			-9999px;
	width:					88px;
}

div.juego div.login form p.error {
	color:						red;
	display:						none;
	font-weight:				bold;
	margin-bottom:				10px;
	text-align:					center;
}

div.juego div.login form fieldset {
	display:						block;
	margin-bottom:				20px
	overflow:					hidden;
}

div.juego div.login form fieldset label {
	display:						block;
	float:						left;
	margin-bottom:				10px;
	width:						100px;
}

div.juego div.login form fieldset input {
	display:						block;
	float:						left;
	margin-bottom:				10px;
	width:						200px;
}

div.juego div.juego1 {
	background-image: 		url('../images/juego/juego1_bg.png');
	margin:						80px auto 0px auto;
	overflow:					hidden;
	padding:						45px 11px 11px 11px;
	position:					relative;
	width:						870px;
}

div.juego div.juego1 div.map {
	height:						446px;
}


div.juego div.juego1 div.map div.gmnoprint {
	font-size:					11px;
	line-height:				1.1em;
}

div.juego div.juego1 div.info {
	left:							651px; /* 860px */
	position:					absolute;
	top:							45px;
	width:						231px;
	z-index:						9999;
}

div.juego div.juego1 div.info {
	color:						#fff;
}

div.juego div.juego1 div.info p {
	font-size:					12px;
	line-height:				1.5em;
}

div.juego div.juego1 div.info h2 {
	color:						#e31818;
}

div.juego div.juego1 div.info span {
	font-size:					18px;
	float:						right;
}

div.juego div.juego1 div.info div.block_pregunta,
div.juego div.juego1 div.info div.block_ayuda {
	background-image: 		url('../images/juego/info_bg.png');
	background-repeat: 		repeat-y;
	float:						right;
	height:						416px;
	padding:						15px;
	width:						179px;
}

div.juego div.juego1 div.info div.block_ayuda {
	display:						none;
}

div.juego div.juego1 div.info a {
	display:						block;
	height:						122px;
	text-indent:				-9999px;
	width:						24px;
}

div.juego div.juego1 div.info a.pregunta_btn {
	background-image: 		url('../images/juego/pregunta_btn.png');
}

div.juego div.juego1 div.info a.ayuda_btn {
	background-image: 		url('../images/juego/ayuda_btn.png');
}

div.juego div.juego2,
div.juego div.juego2_ganador {
	background-image: 		url('../images/juego/juego1_bg.png');
	background-repeat: 		no-repeat;
	height:						446px;
	margin:						30px auto 0px auto;
	padding:						45px 10px 11px 11px;
	width:						870px;
}


div.ganadores {
	padding-top:			100px;
	text-align:				center;
}