body, div, h1, h2, h3, h4, h5, h6, ul, li, p, form, ol, dd, dt, dl{margin:0;padding:0;font-weight:normal;list-style:none;}

html, body 
{ 
    background: url(../App_Images/wallpaper.gif);
    -webkit-background-size: 296px 296px;
    -moz-background-size: 296px 296px;
    -o-background-size: 296px 296px;
    background-size: 296px 296px;
    margin: 0px auto 0px auto;
    padding: 0px;
    color: White; 
}

.page
{
    width: 90%;
    margin: 0px auto 0px auto;
    /*
     border: 1px solid #496077;       
    */
}

h1, h2, h3, h4, h5, h6{line-height:16px;font-weight:bold;font-size:14px;color:#000000;text-align:left;}
img{border:0;padding:0;margin:0;}
a{color:#0e2e7d;text-decoration:underline;}
a:hover{text-decoration:none;}
a:visited{color:#0e2e7d;text-decoration:underline;}

/*FIXES*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;} 
* html .clearfix{height:1%}
.clearfix{display:block;}

textarea
{
	font-family: Courier New;
	font-size: 9pt;
	border: 1px solid #000000;
	color: #000066;
	background-color: #dddddd;
}
.titulo
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 18px;
}
.boton_off
{
	font-family: Tahoma;
	font-size: 8pt;
	border: 1px solid #000099;
	background-color: #ffffff;
	width: 20%;
	height: 25px;
	cursor: default;
}
.boton_on
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	border: 1px outset #0000ff;
	background-color: #eeeeee;
	width: 20%;
	height: 25px;
	cursor: hand;
}
.boton_back
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	border: 1px outset #0000ff;
	background-color: #eeeeee;
	width: 50%;
	height: 25px;
	cursor: default;
}

.menu_off
{
	font-family: Tahoma;
	font-size: 8pt;
	border: 2px solid #000099;
	background-color: #ffffff;
	width: 50px;
	height: 20px;
	cursor: default;
}
.menu_on
{
	font-family: Tahoma;
	font-size: 8pt;
	color: #FFFFFF;
	border: 2px ridge #ffffff;
	background-color: #003399;
	width: 50px;
	height: 20px;
	cursor: hand;
}
.menu2_off
{
	font-family: Tahoma;
	FONT-WEIGHT: bolder;
	font-size: 8pt;
	border: 2px solid #0070AF;
	background-color: #FFFFDC;
	width: 120px;
	height: 25px;
	cursor: default;
}
.menu2_on
{
	font-family: Tahoma;
	FONT-WEIGHT: bolder;
	font-size: 10pt;
	border: 2px ridge #016690;
	background-color: #003399;
	width: 120px;
	height: 25px;
	cursor: hand;
}
.resultado
{
	font-family: Courier New;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	border: 1px ridge;
	background-color: #dddddd;
	height: 200px;
	width: 100%;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.fd_celeste {background:#B9E2F8;}
.fd_celeste-osc { background:#9BCEFF;}
.fd_blanco {background:#FFFFFF;}
.fd_violeta {background:#CCCCFF;}
.fd_azul {background:#0000CC;}

.fd_juegos-arriba {border-bottom:#8ABEED 1px dotted; height:100px; width:100%;}

/* HEADER */

.head_hora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F5F5;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	}

.td_ticker	{
	width:780px;
	height:34px;
	padding:5px;
	background:url(../Grafica_V2/fd_ticker.jpg) repeat-x;
	}

.txt_ticker  {
	font-family:arial;
	font-size:12px;
	color:#2C2C2C;
	font-weight: bold;
	}
.txt_ticker A {
	font-family:arial;
	font-size:12px;
	color:#2C2C2C;
	font-weight: bold;
	}
	
.td_int_barra {	width:100%;background:#6594ff; border-top:1px solid #FFF;border-bottom:1px solid #FFF; padding:5px;}

.td_int_barra-fila {padding:0px 10px 0px 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:left; height:25px; text-align:center;	}

.txt_barra_links a {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#FFF !important;text-align:left;text-decoration:none;padding:5px;}
.txt_barra_links a:hover {color:#011d49;background:#9db9fc;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }

/* HOME CABEZAS // ESTADISTICAS */

.fd_cabezashoy {background:#CCFFFF;}
.fd_cabezasayer {background:#F3FFFF;}

.tx_cabezahoy_tit {	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
	}
A.tx_cabezahoy_tit:hover  {text-decoration:none;}

.tx_cabezaayer_tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.tx_cabeza_subtit {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.tx_cabezaayer_numero {
	color: #003f6d;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.tx_cabezahoy_numero {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #AC0035;
}

.td_home_footer {
	padding-bottom:10px;
}

.td_home_juegos {
	width:460px;
	border:#5C8095 solid 1px;
	background:#DCDDF9;
}
.td_home_juegos_fila {
	height:15px;
	padding:2px 4px 0px 4px;
	font-family: Courier New, Courier, mono;
	font-size:13px;
	color:#000000;
	text-align:center;
	text-decoration:none;
}
.txt_home_juegos { 	
	font-family: Courier New, Courier, mono;
	font-size:13px;
	color:#2A2A2A;
	text-decoration:underline;
	}
a.txt_home_juegos:hover { color:#000000;text-decoration:none;}

/*  HOME IZQUIERDA // DERECHA  */
.td_home_izq {
	width:150px;
	background-color:#FFFFFF;
	padding:5px;
	text-align:center;
	}
.td_home_noticias {
	border-left:#5FA9CB 1px solid;
	border-right:#5FA9CB 1px solid;
	border-bottom:#5FA9CB 1px solid;
	background:#FFFFFF;
	padding:3px;
	height:15px;
	}
.txt_chico {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000; font-weight:bold;
	font-size:11px; line-height:18px;
	}
.txt_jugarperjudicial {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; font-weight:bold;
	font-size:12px;
	}	
	
.txt_links_footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000099;
	text-decoration:none;
	font-size:10px;
	}
A.txt_links_footer:hover { text-decoration:underline; color:#0033FF;}

.banner-200google { width:200px;float:left;margin:20px 5px;}

/* HOME MODULOS QUINIELAS */

.cont {width:475px;margin:0px auto 5px auto;}
.cont .caja {width:465px;margin:7px 5px 8px 5px;font-family:Arial, Helvetica, sans-serif;font-weight: bold;}
.cont .caja-google {width:200px; float:left;margin:10px 17px;font-family:Arial, Helvetica, sans-serif;font-weight: bold;}
.cont .caja-google-grande {width:475px; float:left;margin:10px 0px;font-family:Arial, Helvetica, sans-serif;font-weight: bold; text-align:center;}
.cont .caja .imagenTit { width:465px;margin:0;padding:0;float:left;}
.cont .caja .tituloshoy {background-color:#FFCC03;padding-top:4px; border-bottom:1px solid #E1AD1F;}
.cont .caja .cabezashoy {height:22px;background-color:#CCFFFF;padding-top:2px; border-bottom:1px solid #C8D4D4;}
.cont .caja .tituloshoy .loteria {float:left;width:140px;font-size:12px;padding-left:5px;font-weight: bold;}
.cont .caja .tituloshoy .sorteo {float:left;width:80px;font-size: 12px;text-align:center;font-weight: bold;}
.cont .caja .tituloshoy .sorteo a {color:#000000;font-weight: bold;}
.cont .caja .cabezashoy .loteria {float:left;width:140px;font-size:14px;padding-left:5px;font-weight: bold;}
.cont .caja .cabezashoy .sorteo {float:left;width:80px;font-size: 14px;text-align:center;color: #AC0035;font-weight: bold;}

.cont .caja .titulosayer {height:22px;background-color:#F2CF40;padding:3px 0;}
.cont .caja .cabezasayer {height:20px;background-color:#F3FFFF;padding:2px 0; border-bottom:1px solid #C8D4D4;}

.cont .caja .titulosayer .loteria {float:left;width:140px;font-size:12px;padding-left:5px;font-weight: bold;}
.cont .caja .titulosayer .sorteo {float:left;width:80px;font-size: 12px;text-align:center;font-weight: bold;}
.cont .caja .titulosayer .sorteo a {color:#000000;font-weight: bold;}
.cont .caja .cabezasayer .loteria {float:left;width:140px;font-size:12px;padding-left:5px;font-weight: bold;}
.cont .caja .cabezasayer .sorteo {float:left;width:80px;font-size: 12px;text-align:center;color: #003f6d;font-weight: bold;}


/* HOME V7 */

.abajo-links { width:auto !important; border-top: 2px solid #064092; background:#4285f4; padding:15px;}
.abajo-links .col { width:30%; float:left; margin:0 10px;}
.abajo-links .col-der { width:30%; float:left; margin:0 10px; text-align:right;}
.abajo-links .col h1 { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; font-weight:bold; margin-bottom:10px; border-bottom:1px dotted #CCC; padding-bottom:5px; text-transform:uppercase }
.abajo-links .col-der h1 { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; font-weight:bold; margin-bottom:10px;padding-bottom:5px; }
.abajo-links .col a, .abajo-links .col-der a {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; text-decoration:none; width:50%; float:left; }
.abajo-links .col a:hover, .abajo-links .col-der a:hover { text-decoration:underline; }

.abajo-links .col-der .items { width:70%; float:left;text-align:right;}
.abajo-links .col-der .data { width:12%; float:right; text-align:right;}
.abajo-links .col-der a { height:30px; width:100%; padding:0;}
.abajo-links .col-der a.ic-movil {background: url(../Grafica_V2/ico_abajo_movil.gif) right no-repeat;padding:0px 35px 2px 0px;line-height:16px;}
.abajo-links .col-der a.ic-mail {background: url(../Grafica_V2/ico_abajo_mail.gif) right no-repeat;padding:0px 35px 2px 0px;line-height:35px; }
.abajo-links .col-der a.ic-info {background: url(../Grafica_V2/ico_abajo_info.gif) right no-repeat;padding:0px 35px 2px 0px;line-height:35px; }

.cont-v7 {width:810px;margin:5px auto;}
.cont-v7 .caja {width:800px;margin:5px 5px 40px 0;font-family:Arial, Helvetica, sans-serif;font-weight: bold;}
.cont-v7 .caja .tit-sorteo-hoy { width:800px; padding:10px 0; background:#fceb00; border-bottom:2px solid #f6a800; border-top:2px solid #f6a800; text-align:center; font-weight:bold; font:26px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; }
.cont-v7 .caja .tit-sorteo-hoy-img, .cont-v7 .caja .tit-sorteo-ayer-img { width:800px; padding:0; background:#fceb00; border-bottom:2px solid #f6a800; border-top:2px solid #f6a800; text-align:center;}
.cont-v7 .caja .tit-sorteo-hoy a { text-decoration:none; color:#000; text-shadow:1px 1px 1px #FFF; font-weight:bold;}
.cont-v7 .caja .tit-sorteo-hoy a:hover { text-decoration:underline;}
.cont-v7 .caja .tit-sorteo-ayer { width:800px; padding:5px 0; background:#fceb00; border-bottom:2px solid #f6a800; border-top:2px solid #f6a800; text-align:center; font-weight:bold; font:21px Arial, Helvetica, sans-serif;color:#000; text-transform:uppercase;text-shadow:1px 1px 1px #FFF;}
.cont-v7 .caja .tit-ambos { width:800px; padding:5px 0; background:#2e6eab; border-bottom:2px solid #124f99; border-top:2px solid #124f99; text-align:center; font-weight:bold; font:21px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; text-shadow:1px 1px 1px #000;}
.cont-v7 .caja .tit-ambos-img { width:800px; padding:0; background:#2e6eab; border-bottom:2px solid #124f99; border-top:2px solid #124f99;text-align:center;}
.cont-v7 .banner-google-central {width:800px; float:left;margin:10px 10px 10px 5px; padding-top: 10px;}
.cont-v7 .banner-google-central .google336 {width:336px; float:left; margin:10px 10px 10px 32px;}
.banner-google-vertical { width:160px; position:fixed;top:160px;}
.cont-v7 .caja .imagenTit { width:465px;margin:0;padding:0;float:left;}
.cont-v7 .caja .tituloshoy {background-color:#FFCC03;padding-top:5px; border-bottom:1px solid #ffcc03;}
.cont-v7 .caja .cabezashoy {height:22px;background-color:#FFF;padding:5px 2px; border-bottom:1px solid #ffcc03;}
.cont-v7 .caja .tituloshoy .loteria {float:left;width:15%;font-size:14px;padding-left:5px;font-weight: bold;}
.cont-v7 .caja .tituloshoy .sorteo {float:left;width:20%;font-size: 16px;text-align:center;font-weight: bold;}
.cont-v7 .caja .tituloshoy .sorteo a {color:#000000;font-weight: bold;}
.cont-v7 .caja .cabezashoy .loteria {float:left;width:15%;font-size:16px;padding-left:5px;font-weight: bold;}
.cont-v7 .caja .cabezashoy .sorteo {float:left;width:20%;font-size: 21px;text-align:center;color: #AC0035;font-weight: bold;}

.cont-v7 .caja .titulosayer {height:22px;background-color:#F2CF40;padding:3px 0;}
.cont-v7 .caja .cabezasayer {height:20px;background-color:#F3FFFF;padding:2px 0; border-bottom:1px solid #C8D4D4;}

.cont-v7 .caja .titulosayer .loteria {float:left;width:15%;font-size:14px;padding-left:5px;font-weight: bold;}
.cont-v7 .caja .titulosayer .sorteo {float:left;width:20%;font-size: 14px;text-align:center;font-weight: bold;}
.cont-v7 .caja .titulosayer .sorteo a {color:#000000;font-weight: bold;}
.cont-v7 .caja .cabezasayer .loteria {float:left;width:15%;font-size:14px;padding-left:5px;font-weight: bold;}
.cont-v7 .caja .cabezasayer .sorteo {float:left;width:20%;font-size: 14px;text-align:center;color: #003f6d;font-weight: bold;}

.cont-v7 .caja .tx_cabezaayer_tit2 {font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #FFF; padding:5px 0;font-weight: bold;}
.cont-v7 .caja .tx_cabezaayer_num2 {color: #003f6d;font-size: 14px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}

.cont-v7 .chance { width:800px; font-family: Arial, Helvetica, sans-serif;margin:5px 5px; font-weight:bold; }
.cont-v7 .chance .tit-seccion { width:800px; height:60px;}

.cont-v7 .chance .tabla-numeros { width:800px; height:195px; background:url(../Grafica_V2/fd_modulo_estadisticas_home.jpg) no-repeat;}
.cont-v7 .chance .chance_sorteo {font-size: 16px;color: #FFF; padding:5px 0; font-weight:bold; background:#004026; border-bottom:1px solid #029059;}
.cont-v7 .chance .chance_tit {font-size: 18px;color: #FF0; padding:7px 0 0 0; font-weight:bold;}
.cont-v7 .chance .chance_tit2 {font-size: 15px;color: #FFF; padding:5px 0; text-align:center; font-weight:bold; background:#029059;height:25px;}

.cont-v7 .chance .chance_num {color: #FFF;font-size: 18px; font-weight:bold; height:24px; background:#004026;}

.banner-servicios { width:800px; margin:20px 5px 20px 0; float:left;}
.banner-servicios .banner { float:left; width:250px; height:150px; margin:0px 25px 0px 0px;}
.banner-servicios .bannerMid { float:left; width:157px; height:150px; margin:0px 25px 0px 0px;}
.banner-servicios .bannerEnd { float:left; width:157px; height:150px; margin:0px 0px 0px 0px !important;}
.banner-servicios .noMargen { margin:0px !important;}  

.banner-extras { width:800px; margin:20px 5px; float:left;}
.banner-extras .banner { float:left; margin:0 20px; }
.banner-extras .alexa { background:#898989;padding:24px 11px; }

.cont .caja .tituloshoy {height:25px;background-color:#FFCC03;padding-top:4px; border-bottom:1px solid #E1AD1F;}
.cont .caja .cabezashoy {height:22px;background-color:#CCFFFF;padding-top:2px; border-bottom:1px solid #C8D4D4;}
.cont .caja .tituloshoy .loteria {float:left;width:140px;font-size:12px;padding-left:5px;font-weight: bold;}
.cont .caja .tituloshoy .sorteo {float:left;width:80px;font-size: 12px;text-align:center;font-weight: bold;}
.cont .caja .tituloshoy .sorteo a {color:#000000;font-weight: bold;}
.cont .caja .cabezashoy .loteria {float:left;width:140px;font-size:14px;padding-left:5px;font-weight: bold;}
.cont .caja .cabezashoy .sorteo {float:left;width:80px;font-size: 14px;text-align:center;color: #AC0035;font-weight: bold;}

/* --- Grid theme --------------------------------------- */
.GridViewStyle
{
    font-family: verdana;
    font-size: 16px;
    font-weight: bold;
    color: Black;
    background-color: White;
}

.grid_head_row, .grid_pager
{
    background-color: #FFCC03;
    border-left: 1px solid #FFCC03;
    border-right: 1px solid #FFCC03;
    border-bottom: 2px solid #FFCC03;
    border-top: 2px solid #FFCC03;
}

.grid_head_row th
{  
    border-left: 1px solid #FFCC03;
    border-right: 1px solid #FFCC03;
    border-bottom: 2px solid #FFCC03;
    padding: 6px 2px 6px 2px;
}

.grid_row td, .grid_alt_row td, .grid_sel_row td, .edit_row td
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 2px solid #FFCC03;
    padding: 6px 2px 6px 2px;
    text-align: center;
    color: #AC0035;
}

.grid_row td
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 2px solid #FFCC03;
    padding: 6px 2px 6px 2px;
    text-align: center;
    color: #AC0035;
}

/* ------------------------------------------------------ */
.slidetexto
{
    float: left;
    position: relative;
    width: 40%;
    color: Black;
    font-family: Verdana;
    font-size: 11px;
}

.slidetitulo
{
    position: relative;
    top: 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.LeftClassRed
{
    position: relative;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    color: Red;
}


/* --- Grid Back theme --------------------------------------- */

.GridBackViewStyle
{
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    font-family: verdana;
    table-layout: auto;
    border-collapse: collapse;
    border: #999999 1px solid;
}

.GridBack_head_row, .GridBack_pager
{
    background-position: center;
    background-repeat: repeat-x;
    background-color: #000000;
    border-bottom: solid 1px #999;
}
.GridBack_head_row th
{
    padding: 3px;
    color: #333;
}
.GridBack_head_row a
{
    text-decoration: none;
    color: #ffffff;
    display: block;
    text-align: center;
    font-weight: bold;
}
.GridBack_pager table
{
    text-align: center;
    margin: auto;
}
.GridBack_pager table td
{
    border: 0px;
    padding: 2px;
}
.GridBack_pager td
{
    border-top: #999999 1px solid;
}
.GridBack_pager a
{
    color: #333;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
    border-top: solid 1px #fff;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    border-left: solid 1px #fff;
}
.GridBack_pager span
{
    font-weight: bold;
    color: #333;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
}
/*RowStyles*/
.GridBack_row td, .GridBack_alt_row td, .GridBack_sel_row td, .edit_row td /*Common Styles*/
{
    padding: 2px;
    border-right: solid 1px #999;
}
.GridBack_row td
{
    background-color: #fff;
}
.GridBack_alt_row td
{
    background-color: #E7E3E7;
}
.GridBack_sel_row td
{
    background-color: #FF9;
}

.GridBack_foot_row, .GridBack_pager
{
    background-position: center;
    background-repeat: repeat-x;
    background-color: #fff;
    border-bottom: solid 1px #999;
    text-align: right;
    font-weight: bold;
    height: 24px;
}
.GridBack_foot_row th
{
    padding: 5px;
    color: #333;
}
.GridBack_foot_row a
{
    text-decoration: none;
    color: #333;
    display: block;
    text-align: right;
    font-weight: bold;
}

/* --- SLIDE ---------------------------------------------*/
.tdgray
{
    font-family: Verdana;
    font-size: 11px;
    background-color: #E7E3E7;
    border: 2px solid #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    color: Black;
    padding-left: 6px;
    padding-right: 6px;
    height: 20px;
}

.tdgreen
{
    font-family: Verdana;
    font-size: 11px;
    background-color: #CEDBEB;
    border: 2px solid #FFFFFF;
    text-align: right;
    vertical-align: middle;
    color: Black;
    padding-left: 6px;
    padding-right: 6px;
    height: 20px;
}

.lbl
{
    font-size: 11px;
    color: #000000;
    height: 30px;
    font-family: Verdana;
    vertical-align: middle;
    text-align: left;
    border-style: none;
    border-width: 1px;
    border-color: White;
}

.sel
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana;
    background-color: white;
    vertical-align: middle;
    width: 200px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: White;
}

.cmb
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana;
    background-color: white;
    vertical-align: middle;
    height: 18px;
    width: 180px;
    vertical-align: middle;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: Black;
}

.int_nar_barra
{
    width: 100%;
    background: #FFCC00;
    border-bottom: 1px solid #FFF;
    padding: 5px;
}

.int_nar_barra-fila
{
    padding: 0px 10px 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    text-align: left;
    height: 25px;
    text-align: center;
}

.barra_nara_links a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #000 !important;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    height: 25px;
}

.barra_nara_links a:hover
{
    color: #867D00;
    background: #FCEB00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}