@charset "utf-8";
/* CSS Document */

/* TRIVIAS */

/* CSS Document for DIRECTV LA - by Takeoff Media 
   Compatibilidad ie8 - 9 - 10 - Chrome - Firefox*/

/* =Reset & Utiles - css
--------------------------------------- */
html, body, div, li, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  list-style: none;
}
.clear {clear:both; height:0;}
.clear40 {clear:both; height:40px;}
.clear30 {clear:both; height:30px;}
.Left {float:left;}


/* =behavior IE8 HTML5 - css
--------------------------------------- */
.IE8-fix {behavior: url("/Shared/CSS/pie/PIE.htc");}

/* =Fonts 
------------------------------------------------------- */
@font-face {
	font-family: 'DTV-DIN';
	src: url('/Shared/Fonts/DIRECTVCurve-Regular.eot');
	src: url('/Shared/Fonts/DIRECTVCurve-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DTV-DIN-BOLD';
	src: url('/Shared/Fonts/DIRECTVCurve-Bold.eot');
	src: url('/Shared/Fonts/DIRECTVCurve-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
 

/* =Estructura - css
--------------------------------------- */
.contenedor {
  background: #FFF;
  width: 980px;
  margin: 0 auto;
  position: relative;
  overflow:hidden;
}

/* =Header - css
--------------------------------------- */
figure {
	height:200px;
	padding-bottom:40px;
  position: relative;
  width: 980px;
  z-index:1;
}
figure h1 {
	color: #333;
  font: 24px/25px "DTV-DIN-BOLD",Arial,Helvetica,sans-serif;
}
figure h1 span {
	color: #333;
	font: 16px/25px Arial,Helvetica,sans-serif;
}
figure .Personaje {
	position:absolute;
	right:30px;
	top:25px;
	z-index:2;
}
figure h1.position {
	left: 15px;
	position: absolute;
	top: 40px;
	z-index:2;
}


/* =section - css
--------------------------------------- */
section.Full {
  float: left;
  width: 980px;
	margin-bottom:40px;
	min-height:400px;
}
section.Contenido {
  float: left;
  width: 735px;
	margin-bottom:40px;
}
section.Sidebar {
  float: left;
  width: 230px;
	margin-bottom:40px;
}
section h2 {
	color: #333;
	font: bold 22px "Trebuchet MS",sans-serif,Helvetica,Arial,Verdana;
	margin: 0;
	padding-bottom: 20px;
}
section h2.small {
	color: #333;
	font: bold 16px Arial,Verdana;
	margin: 0;
	padding-bottom: 30px;
}
section h3 {
  font: 18px Arial,Verdana;
  color: #666;
  padding-bottom:20px;
}
section h4 {
  font:700 14px/17px Arial,Verdana;
  color: #333;
  padding-bottom:10px;
	height:32px;/*para 2 lineas*/
}
section p {
  font:14px/17px Arial;
  color: #333;
}
section p a.LinkBlueBig {
  font:bold 14px/17px Arial;
  color:#00ABE3;
	text-decoration:none;
}
section a.LinkBlue {
	font:bold 12px/17px Arial;
	text-decoration:none;
	color:#00ABE3;
}
section a:hover.LinkBlue {
	text-decoration:underline;
}
section .Col-left {
	float: left;
	padding-right: 25px;
}
section .Col-Right {float:left;}


/* =article 1 o 2 columnas - css
--------------------------------------- */
article {position: relative; z-index: 1;}

/*1 columna*/
section.Full article {margin: 0 15px;}

/*2 columna*/
section.Contenido article {margin: 0 20px 0 15px;}
section.Sidebar article {margin: 0;}

/* = Legales - css
------------------------------------------------- */
aside {
	clear: both;
	margin: 0 0 20px;
	padding: 0 15px;
	width: 950px;
}
aside p {
	font:10px/11px Arial;
	color:#666;
}
aside a {
	font:10px/10px Arial;
	text-decoration:none;
	color:#00ABE3;
}
aside a:hover {
	text-decoration:underline;
}

/* = Listas - css
------------------------------------------------- */
ul.Lista-BulletBlack {
	margin-bottom: 5px;
}
ul.Lista-BulletBlack li {
	color: #333;
	font: 14px Arial;
	list-style: disc inside none;
	margin-bottom: 10px;
}
ul.Bullet-arrow li {
	background: url("/Shared/Images/trivias-base/Lista-Bullet.png") no-repeat scroll 0 0 transparent;
	color: #333333;
	font: 15px/22px Arial;
	padding: 0 0 10px 30px;
}

/* = Targetter - css
------------------------------------------------- */
.Targetter {width: 230px;}
.Targetter h4 {
	font:bold 14px/28px Arial;
	display: block;
	height: 28px;
	padding: 0 5px 0 20px;
	color: #333;
	border: solid 1px #C9C9C9;
	position:relative;
	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	
	background: #FEFEFE;
	background: -moz-linear-gradient(top, #FEFEFE 0%, #C9C9C9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEFEFE), color-stop(100%, #C9C9C9));
	background: -webkit-linear-gradient(top, #FEFEFE 0%, #C9C9C9 100%);
	background: -o-linear-gradient(top, #FEFEFE 0%, #C9C9C9 100%);
	background: -ms-linear-gradient(top, #FEFEFE 0%, #C9C9C9 100%);
	background: linear-gradient(to bottom, #FEFEFE 0%, #C9C9C9 100%);
  -pie-background: linear-gradient(#FEFEFE, #C9C9C9);
}
.Targetter .box-datos {
	padding:20px 5px 10px 20px;
	background-color: #FFF;
	border: 1px solid #C9C9C9;
	border-top:none;
	
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	
	position: relative;
}


/* =Btns Tipo  - css
------------------------------------------------- */
.registrarce {
	font: bold 16px "Trebuchet MS", sans-serif, Helvetica, Arial, Verdana;
	color:#111;
	display: block;
	border: none;
	width: 150px;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
}
.participar {
	font: bold 18px "Trebuchet MS", sans-serif, Helvetica, Arial, Verdana;
	color:#FFF;
	display: block;
	border: none;
	width: 158px;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
}
.Enviar {
	font: bold 16px "Trebuchet MS", sans-serif, Helvetica, Arial, Verdana;
	color:#FFF;
	display: block;
	border: none;
	width: 118px;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
}

.Box-btn-participar {width: 250px; clear: both;}
.Box-btn-participar a.participar {left: 44px;}

.Box-btn-enviar {
	width:470px;
}
.Box-btn-enviar a.Blue {
	float:left;
}
.Box-btn-enviar .Msn-error {
	float:left;
	display:none;
}

p.info-btn {
	color: #333;
	font: 12px/17px Arial;
	padding: 5px 0;
	text-align: center;
}
p.info-btn a {
	color: #00ABE3;
  font-weight: bold;
  text-decoration: none;
}
.Error-Trivia-Problem {
	background-color: #F8EEEE;
	border: 1px solid #B94A48;
	height: auto;
	margin: 5px 0 20px 0;
	position: relative;
	width: 560px;
		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url("/Shared/CSS/pie/PIE.htc");	
}
.Error-Trivia-Problem a {
	background:url('/Shared/Images/trivias-base/error-ico-cerrar.png') no-repeat;
	color: #B52326;
	height:20px;
	width:20px;
	display: block;
	font: bold 12px Verdana;
	position: absolute;
	right: 5px;
	top: 5px;
}
.Error-Trivia-Problem a:hover {
	color: #8E1C1F;
}
.Success-Trivia {
	background-color: #EEF8EF;
	border: 1px solid #7AB948;
	height: auto;
	margin: 20px 0 0;
	position: relative;
	width: 560px;
		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url("/Shared/CSS/pie/PIE.htc");	
}
.Success-Trivia a {
	background:url('/Shared/Images/trivias-base/error-ico-cerrar-success.png') no-repeat;
	color: #B52326;
	height:20px;
	width:20px;
	display: block;
	font: bold 12px Verdana;
	position: absolute;
	right: 5px;
	top: 5px;
}
.Success-Trivia #triviaMsg {
	color: #23B529;
	font: bold 12px/16px Arial;
	padding: 15px 10px;
}
#triviaMsg {
	color: #B52326;
	font: bold 12px/16px Arial;
	padding: 15px 10px;
}

/* =Btns HTML5 - css
------------------------------------------------- */
a.Yelow {
	position: relative;
	text-shadow: 0px 1px 1px #ffd800;
	xtext-shadow: 0px 1px 1px #ffd800;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #faa61a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #faa61a 0%, #fe6300 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faa61a), color-stop(100%, #fe6300));
	background: -webkit-linear-gradient(top, #faa61a 0%, #fe6300 100%);
	background: -o-linear-gradient(top, #faa61a 0%, #fe6300 100%);
	background: -ms-linear-gradient(top, #faa61a 0%, #fe6300 100%);
	background: linear-gradient(to bottom, #faa61a 0%, #fe6300 100%);
	-pie-background: linear-gradient(#faa61a, #fe6300);
}
a:hover.Yelow {
	position: relative;
	text-shadow: 0px 1px 1px #ffd800;
	xtext-shadow: 0px 1px 1px #ffd800;
	background: #faa61a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d98e16 0%, #e56300 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d98e16), color-stop(100%, #e56300));
	background: -webkit-linear-gradient(top, #d98e16 0%, #e56300 100%);
	background: -o-linear-gradient(top, #d98e16 0%, #e56300 100%);
	background: -ms-linear-gradient(top, #d98e16 0%, #e56300 100%);
	background: linear-gradient(to bottom, #d98e16 0%, #e56300 100%);
	-pie-background: linear-gradient(#d98e16, #e56300);
}
a:active.Yelow {
	-webkit-box-shadow: inset 0 0 5px #888;
  box-shadow:  0 0 5px #333 inset;
}

a.Blue {
	position: relative;
	text-shadow: 0px 1px 1px #015098;
	xtext-shadow: 0px 1px 1px #015098;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #009ec9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWVjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjYyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #009ec9 0%, #1b62b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ec9), color-stop(100%,#1b62b2));
	background: -webkit-linear-gradient(top,  #009ec9 0%,#1b62b2 100%);
	background: -o-linear-gradient(top,  #009ec9 0%,#1b62b2 100%);
	background: -ms-linear-gradient(top,  #009ec9 0%,#1b62b2 100%);
	background: linear-gradient(to bottom,  #009ec9 0%,#1b62b2 100%);
	-pie-background: linear-gradient(#009ec9, #1b62b2);
}
a:hover.Blue {
	position: relative;
	text-shadow: 0px 1px 1px #015098;
	xtext-shadow: 0px 1px 1px #015098;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #009ec9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWVjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjYyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #008cb2 0%, #1b62b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008cb2), color-stop(100%,#175499));
	background: -webkit-linear-gradient(top,  #008cb2 0%,#175499 100%);
	background: -o-linear-gradient(top,  #008cb2 0%,#175499 100%);
	background: -ms-linear-gradient(top,  #008cb2 0%,#175499 100%);
	background: linear-gradient(to bottom,  #008cb2 0%,#175499 100%);
	-pie-background: linear-gradient(#008cb2, #175499);
}
a:active.Blue {
	-webkit-box-shadow: inset 0 0 5px #888;
  box-shadow:  0 0 5px #333 inset;
}

a.Green {
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0px 1px 1px #005102;
	xtext-shadow: 0px 1px 1px #005102;
	background: #00a61c; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTYxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDczMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #00a61c 0%, #007313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a61c), color-stop(100%,#007313));
	background: -webkit-linear-gradient(top,  #00a61c 0%,#007313 100%);
	background: -o-linear-gradient(top,  #00a61c 0%,#007313 100%);
	background: -ms-linear-gradient(top,  #00a61c 0%,#007313 100%);
	background: linear-gradient(to bottom,  #00a61c 0%,#007313 100%);
	-pie-background: linear-gradient(#00a61c, #007313);
}
a:hover.Green {
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0px 1px 1px #005102;
	xtext-shadow: 0px 1px 1px #005102;
	background: #00a61c; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTYxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDczMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #008c17 0%, #00590f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008c17), color-stop(100%,#00590f));
	background: -webkit-linear-gradient(top,  #008c17 0%,#00590f 100%);
	background: -o-linear-gradient(top,  #008c17 0%,#00590f 100%);
	background: -ms-linear-gradient(top,  #008c17 0%,#00590f 100%);
	background: linear-gradient(to bottom,  #008c17 0%,#00590f 100%);
	-pie-background: linear-gradient(#008c17, #00590f);
}
a:active.Green {
	-webkit-box-shadow: inset 0 0 5px #888;
  box-shadow:  0 0 5px #333 inset;
}
a.White {
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f2f2f2; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #dadada 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dadada));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dadada 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#dadada 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#dadada 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#dadada 100%);
	-pie-background: linear-gradient(#f2f2f2, #dadada);

}
a:hover.White {
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #d8d8d8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGMwYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d8d8d8 0%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top,  #d8d8d8 0%,#c0c0c0 100%);
	background: -o-linear-gradient(top,  #d8d8d8 0%,#c0c0c0 100%);
	background: -ms-linear-gradient(top,  #d8d8d8 0%,#c0c0c0 100%);
	background: linear-gradient(to bottom,  #d8d8d8 0%,#c0c0c0 100%);
	-pie-background: linear-gradient(#d8d8d8, #c0c0c0);

}
a:active.White {
	-webkit-box-shadow: inset 0 0 5px #888;
  box-shadow:  0 0 5px #333 inset;
}

a.faceBtn {
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #4f78ce;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNzhjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzVhOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4f78ce 0%, #3c5a9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f78ce), color-stop(100%,#3c5a9a));
	background: -webkit-linear-gradient(top,  #4f78ce 0%,#3c5a9a 100%);
	background: -o-linear-gradient(top,  #4f78ce 0%,#3c5a9a 100%);
	background: -ms-linear-gradient(top,  #4f78ce 0%,#3c5a9a 100%);
	background: linear-gradient(to bottom,  #4f78ce 0%,#3c5a9a 100%);
	-pie-background: linear-gradient(#4f78ce, #3c5a9a);
	z-index:1;
}
a.twitterBtn {
	text-indent: 12px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #58c7ff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4YzdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGE4ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #58c7ff 0%, #38a8e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58c7ff), color-stop(100%,#38a8e0));
	background: -webkit-linear-gradient(top,  #58c7ff 0%,#38a8e0 100%);
	background: -o-linear-gradient(top,  #58c7ff 0%,#38a8e0 100%);
	background: -ms-linear-gradient(top,  #58c7ff 0%,#38a8e0 100%);
	background: linear-gradient(to bottom,  #58c7ff 0%,#38a8e0 100%);
	-pie-background: linear-gradient(#58c7ff, #38a8e0);
	z-index:1;
}
a.googleBtn {
	text-indent: 9px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fa453c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhNDUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzJlMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fa453c 0%, #cc2e26 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa453c), color-stop(100%,#cc2e26));
	background: -webkit-linear-gradient(top,  #fa453c 0%,#cc2e26 100%);
	background: -o-linear-gradient(top,  #fa453c 0%,#cc2e26 100%);
	background: -ms-linear-gradient(top,  #fa453c 0%,#cc2e26 100%);
	background: linear-gradient(to bottom,  #fa453c 0%,#cc2e26 100%);
	-pie-background: linear-gradient(#fa453c, #cc2e26);
	z-index:1;
}
a:hover.faceBtn, a:hover.twitterBtn, a:hover.googleBtn {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

/* =Mensaje de Error - css
------------------------------------------------- */
.Msn-error {
  background: url("/Shared/Images/trivias-base/erro-msn.png") no-repeat scroll 10px 6px #F8EEEE;
	border: 1px solid #B94A48;
	color: #B52326;
	font: 11px/28px Arial;
	height: 28px;
	position: relative;
	text-indent: 32px;
	margin-left: 10px;
	width: 340px;
		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url("/Shared/CSS/pie/PIE.htc");

}
p.error {
	clear: both;
	color: #AF2723;
	font: 11px Arial;
	margin-top: 3px;
	display:none;
}
p.bases {font: 12px Arial; padding-bottom:15px; clear:both;}
p.bases a {color:#00ABE3; font-weight:bold;}
p.bases a:hover {text-decoration:underline;}

/* =CSS Bloque preguntas - css
------------------------------------------------- */
.question-css {height: 155px;} /*Altura para bloque de 2 columnas de opciones*/
.question-css ul li {
	margin-bottom:10px;
}

input.input-css {
	border: 1px solid #C2C2C2;
	background-color: #FFF;
	width: 208px;
	font: 12px/15px Arial;
	color: #333;
	padding: 5px 5px 3px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
.question-css textarea {
	border: 1px solid #C2C2C2;
	background-color: #FFF;
	font: 14px/15px Arial;
	color: #333;
	padding: 5px;
	min-width:470px;
	resize: none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.question-css textarea:focus {
	border: 1px solid #74B9EF;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
	
	-moz-box-shadow: 0 0 5px #A6D1F4 inset;
	-webkit-box-shadow: 0 0 5px #A6D1F4 inset;
	box-shadow: 0 0 5px #A6D1F4 inset;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.question-css input[type="text"], .question-css input[type="password"] {
	border: 1px solid #C2C2C2;
	background-color: #FFF;
	width: 208px;
	font: 14px/15px Arial;
	color: #333;
	padding: 5px 0 5px 5px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.question-css input:focus[type="text"], .question-css input:focus[type="password"] {
	border: 1px solid #74B9EF;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
	
	-moz-box-shadow: 0 0 5px #A6D1F4 inset;
	-webkit-box-shadow: 0 0 5px #A6D1F4 inset;
	box-shadow: 0 0 5px #A6D1F4 inset;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
.question-css select {
	border: 1px solid #C2C2C2;
	background-color: #FFF;
	width: 208px;
	font: 14px/15px Arial;
	color: #333;
	padding: 5px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
ul.Block-left {
	float:left;
}

/* =CSS Modulo Compartir - css
------------------------------------------------- */
.Compartir {
	height: 47px;
	margin-bottom:40px;
}
.Compartir a {
	color: #FFF;
	float: left;
	font: 16px/17px Arial;
	margin-right: 30px;
	overflow: hidden;
	padding: 15px 0 15px 60px;
	text-decoration: none;
	width: 90px;
}
.Compartir a span {
	display: block;
	height: 47px;
	left: 0;
	position: absolute;
	top: 0;
	width: 45px;
	z-index: 2;
}
.Compartir a span.face {background: url("/Shared/Images/trivias-base/face-ico.png") no-repeat scroll 14px 8px transparent; border-right: 1px solid #6883BD;}
.Compartir a span.twitter {background: url("/Shared/Images/trivias-base/twitter-ico.png") no-repeat scroll 10px 8px transparent; border-right: 1px solid #6AC3F0;}
.Compartir a span.google {background: url("/Shared/Images/trivias-base/google-ico.png") no-repeat scroll 10px 10px transparent; border-right: 1px solid #E55E58;}

/* =CSS Destacados - css
------------------------------------------------- */
.Destacados-peliculas {
	clear:both;
}
.Destacados-peliculas .Box {
	float:left;
	margin-right: 35px;
	width:210px;
}
.Destacados-peliculas .Box img {
	display:block;
	margin-bottom:20px;
}
.last {margin-right:0 !important;}

