menuInstantaneos/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width:100%; height:100%;}
body { width:100%; height:100%; margin: 0; font-size: 14px; line-height: 1.231; background:url('../Images/fondo.jpg') no-repeat top center fixed; background-size:cover; -moz-background-size:cover; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
@font-face
{
font-family: myFirstFont;
src: url(gotham_ultra.ttf);
}
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 55px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/*Aqui voy yo */
header, ul, li, div, section { margin:0px; padding:0px; }
#container {
width:955px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
z-index: -1;
}
#main { background:url('../Images/fondo_contenido2.png') no-repeat; display:block; width:955px; height:420px; margin:0px; padding:0px; }
#mainng { background:url('../Images/fondo_contenido.png') no-repeat; background-color:#ffcc2b; display:block; width:955px; min-height:600px; overflow:hidden; margin:0px; padding:0px; box-shadow:0px 0px 7px #541670; }
#main2 { display:block; width:955px; height:420px; margin:0px; padding:0px; }
#mainnapa { background:url('../Images/naparulesbg.png') no-repeat; display:block; width:955px; height:220px; margin:0px; padding:0px; }
#mainpromo { background-color:#ffcc2b; display:block; width:955px; height:auto; margin:0px; padding:0px; box-shadow:0px 0px 7px #541670; }
#mainpromo h1 { font-family: Arial Black; color:#69519d; font-size:27px; padding-left:44px; }
#mainpromo h2 { font-family: Arial Black; color:#69519d; font-size:20px; padding-left:44px; }
#mainpromo h3 { font-family: Arial Black; color:#69519d; font-size:23px; padding-left:14px; }
#mainpromo h4 { font-family:Arial; color:#514e4e; font-size:12px; padding-left:24px; }
#mainpromo h5 { font-family:Arial; color:#222; font-size:16px; padding-left:34px; }
#mainpromo h6 { font-family:Arial; color:#222; font-size:16px; }
#mainpromo p { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:70px; padding-right:44px; }
#mainContent { background:url('../Images/fondo_contenido.png') no-repeat; background-color:#ffcc2b; display:block; width:867px; height:auto; margin:0px; padding:44px; box-shadow:0px 0px 7px #541670; }
#mainContent h1 { font-family: Arial Black; color:#69519d; font-size:27px; }
#mainContent h2 { font-family: Arial Black; color:#69519d; font-size:20px; }
.bighead { font-family: Arial Black; color:#69519d; font-size:27px; }
#mainContent > #ContentPlaceHolder1_pnlSearchFilters > fieldset > legend {font-family: Arial Black; color:#69519d; font-size:27px; margin-bottom: 20px; }
#mainContent > #ContentPlaceHolder1_pnlSearchFilters > fieldset > div { display: block; float: left; margin: 0 20px 0 0; }
#mainContent p { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:30px; }
#mainContent p.faq { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:55px; }
#mainContent TD p { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:0px; }
#mainContent TR p { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:0px; }
#mainContent ul { font-family:Arial; color:#222; font-size:14px; text-align:justify; list-style-type:circle; padding-left: 55px; padding-bottom:5px;}
#mainContent ul li {padding-bottom:9px;}
#mainContent3 { display:block; width:867px; height:auto; margin:0px; padding:44px; }
#mainContent3 h1 { font-family: Arial Black; color:#69519d; font-size:27px; }
#mainContent3 h2 { font-family: Arial Black; color:#69519d; font-size:20px; }
#mainContent3 > #ContentPlaceHolder1_pnlSearchFilters > fieldset > legend {font-family: Arial Black; color:#69519d; font-size:27px; margin-bottom: 20px; }
#mainContent3 > #ContentPlaceHolder1_pnlSearchFilters > fieldset > div { display: block; float: left; margin: 0 20px 0 0; }
#mainContent3 p { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:30px; }
#mainContent3 p.faq { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:55px; }
#mainContent3 TD p { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:0px; }
#mainContent3 TR p { font-family:Arial; color:#222; font-size:14px; text-align:justify; padding-left:0px; }
#mainContent3 ul { font-family:Arial; color:#222; font-size:14px; text-align:justify; list-style-type:circle; padding-left: 55px; padding-bottom:5px;}
#mainContent3 ul li {padding-bottom:9px;}
#header ul { height:167px; vertical-align:bottom; }
#header ul li { list-style:none; display:block; float:left; margin-bottom:0px; margin-top:132px; }
#header ul li.linea { width:7px; height:35px; background:url('../Images/header_0_div.png'); }
#header ul li.logo { width:180px; height:167px; background:url('../Images/header_0_logo_loteria2.png'); margin-top:0px; }
#header ul li.linkNoticias { width:77px; height:35px; background:url('../Images/menunoticias.png'); }
/*#header ul li.linkNoticias:hover { background-position:80px; }*/
#header ul li.linkDondeJugar { width:110px; height:35px; background:url('../Images/menudonde.png'); }
/*#header ul li.linkDondeJugar:hover { background-position:122px; }*/
#header ul li.linkDondeCobrar { width:118px; height:35px; background:url('../Images/menudondecobrar.png'); }
/*#header ul li.linkDondeCobrar:hover { background-position:131px; }*/
#header ul li.linkSorteos { width:138px; height:35px; background:url('../Images/menudescarga.png'); }
/*#header ul li.linkSorteos:hover { background-position:75px; }*/
#header ul li.linkVendedores { width:146px; height:35px; background:url('../Images/menuvendedor.png'); }
/*#header ul li.linkVendedores:hover { background-position:150px; }*/
#header ul li.edge { width:14px; height:40px; background:url('../Images/header_edge.png'); }
#header ul li.edge2 { width:13px; height:35px; background:url('../Images/header_edge2.png'); }
#header ul li a { width:100%; height:100%; display:block; }
.panelBeneficios { background:url('../Images/beneficios_1.jpg') no-repeat; width:955px; height:318px; overflow:hidden; }
.panelBeneficiosEstudiantes { background:url('../Images/beneficios_2.jpg') no-repeat; width:955px; height:318px; overflow:hidden; }
.panelBeneficiosDeportes { background:url('../Images/beneficios_3.jpg') no-repeat; width:955px; height:318px; overflow:hidden; }
.panelBeneficiosDeportes h1 { color:white; text-transform:uppercase; font-weight:bold; font-size:25px; text-shadow:0px -2px 2px #e75f28; }
.parrafo { font-family:Arial; color:#222; font-size:14px; /*text-align:justify; padding:30px; */}
.panelLoto { background:url('../Images/panel_loto_bg2.png') no-repeat ; height:220px; overflow:hidden; }
.panelLoto section:first-child { width:420px; float:left; padding:20px; background:url('../Images/panel_loto_div.png') no-repeat; background-position:right; }
.panelLoto section { float:left; padding:10px; padding-top:24px; }
.panelLoto h1 { float:left; }
.panelLoto .pote_loto h2 { color:white; text-transform:uppercase; font-size:24px; margin-bottom:-8px; }
.panelLoto .pote_loto h3 { color:white; font-size:55px; font-weight:bold; width:401px; height:117px; margin-top:-8px; margin-left:-20px; text-shadow:0px -3px 5px #9d652f; background:url('../Images/rectangulo_anaranjado.png') no-repeat; padding-top:27px; text-align:center; }
.panelLoto h2 { clear:left; color:white; font-size:18px; }
.panelLoto .multiplicador h3 { float:left; }
.panelLoto .multiplicador img { float:left; margin-top:8px; }
.panelLoto .numero { background:url('../Images/numero_caja_bg.png') no-repeat; width:52px; height:55px; color:white; font-weight:bold; font-size:25px; margin:0px; text-align:center; padding-top:12px; text-shadow:0px 0px 4px white; }
.panelLotong { height:220px; overflow:hidden; }
.panelLotong section:first-child { width:420px; float:left; padding:20px; background:url('../Images/panel_loto_div.png') no-repeat; background-position:right; }
.panelLotong section { float:left; padding:10px; padding-top:24px; }
.panelLotong h1 { float:left; }
.panelLotong .pote_loto h2 { color:white; text-transform:uppercase; font-size:24px; margin-bottom:-8px; }
.panelLotong .pote_loto h3 { color:white; font-size:55px; font-weight:bold; width:401px; height:117px; margin-top:-8px; margin-left:-20px; text-shadow:0px -3px 5px #9d652f; background:url('../Images/rectangulo_anaranjado.png') no-repeat; padding-top:27px; text-align:center; }
.panelLotong h2 { clear:left; color:white; font-size:18px; }
.panelLotong .multiplicador h3 { float:left; }
.panelLotong .multiplicador img { float:left; margin-top:8px; }
.panelLotong .numero { background:url('../Images/numero_caja_bgnew.png') no-repeat; width:49px; height:47px; color:white; font-weight:bold; font-size:27px; margin:0px; text-align:center; padding-top:8px; text-shadow:0px 0px 4px white; }
.panelJackpot { background:url('../Images/promo_jackpot_slider.png') no-repeat ; height:220px; overflow:hidden; }
/*.panelJackpot section:first-child { width:420px; float:left; padding:20px; background:url('../Images/panel_loto_div.png') no-repeat; background-position:right; }
.panelJackpot section { float:left; padding:10px; padding-top:24px; }*/
.panelJackpot .lotojackpot { float:left; }
.panelJackpot .revanchajackpot { float:right; }
.panelJackpot .pote_jackpot .lotojackpot h2 {font-family: myFirstFont; color:black; font-size:60px; font-weight: bold; width:475px; height:117px; margin-top:-8px; margin-left:-10px; padding-top:27px; text-align:center; }
.panelJackpot .pote_jackpot h3 {font-family: myFirstFont; color:white; font-size:60px; font-weight:bold; width:475px; height:117px; margin-top:-8px; margin-left:-5px; padding-top:27px; text-align:center; }
.panelPegas { background:url('../Images/panel_loto_bg2.png') no-repeat ; height:220px; overflow:hidden; text-align:center; }
.panelPegas section { width:300px; float:left; margin:0px; padding:0px 9px 0px 8px; }
.panelPegas #Pega4Noche { background: rgba(228,156,97,0.2); }
.panelPegas #Pega4Noche a.logo { background:url('../Images/logo_pega4_2nochen.png') no-repeat; background-position:46px 27px; width:300px; height:125px; display:block; float:left;}
.panelPegas #Pega4Noche h6 {clear:both ;position:relative; left:70px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegas #Pega3Noche { background:rgba(228,156,97,0.2); }
.panelPegas #Pega3Noche a.logo { background:url('../Images/logo_pega3_2nochen.png') no-repeat; background-position:46px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegas #Pega3Noche h6 {clear:both ;position:relative; left:70px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegas #Pega2Noche { background:rgba(228,156,97,0.2);}
.panelPegas #Pega2Noche a.logo { background:url('../Images/logo_pega2_2nochen.png') no-repeat; background-position:46px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegas #Pega2Noche h6 {clear:both ;position:relative; left:70px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegas .numero { background:url('../Images/numero_caja_mediana_2.png')no-repeat; position:relative; left:70px;float:left; width:44px; height:47px; color:white; font-weight:bold; font-size:25px; margin:0px; text-align:center; margin-top:1px; padding-top:8px; text-shadow:0px 0px 4px white; }
.panelPegasng { height:220px; overflow:hidden; text-align:center; }
.panelPegasng section { width:300px; float:left; margin:0px; padding:0px 9px 0px 8px; }
/*.panelPegasng #Pega4Noche { background: rgba(228,156,97,0.2); }*/
.panelPegasng #Pega4Noche a.logo { background:url('../Images/logo_pega4_2nochen.png') no-repeat; background-position:46px 27px; width:300px; height:125px; display:block; float:left;}
.panelPegasng #Pega4Noche h6 {clear:both ;position:relative; left:70px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
/*.panelPegasng #Pega3Noche { background:rgba(228,156,97,0.2); }*/
.panelPegasng #Pega3Noche a.logo { background:url('../Images/logo_pega3_2nochen.png') no-repeat; background-position:46px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasng #Pega3Noche h6 {clear:both ;position:relative; left:70px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
/*.panelPegasng #Pega2Noche { background:rgba(228,156,97,0.2);}*/
.panelPegasng #Pega2Noche a.logo { background:url('../Images/logo_pega2_2nochen.png') no-repeat; background-position:46px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasng #Pega2Noche h6 {clear:both ;position:relative; left:70px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasng .numero { background:url('../Images/numero_caja_bgnew.png')no-repeat; position:relative; left:70px;float:left; width:49px; height:47px; color:white; font-weight:bold; font-size:27px; margin:0px; text-align:center; margin-top:0px; padding-top:8px; text-shadow:0px 0px 4px white; }
/*#Pega3 h1.numero { background:url('../Images/numero_caja_mediana_2.png')no-repeat; margin-right:4px; width:38px; height:38px; } */
.panelPegasDias { background:url('../Images/panel_loto_bg2.png') no-repeat ; height:220px; overflow:hidden; text-align:center; }
.panelPegasDias section { width:300px; float:left; margin:0px; padding:0px 9px 0px 8px; }
.panelPegasDias #Pega4Día { background: rgba(228,156,97,0.2); }
.panelPegasDias #Pega4Día a.logo { background:url('../Images/logo_pega4_2dian.png') no-repeat; background-position:56px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasDias #Pega4Día h6 {clear:both ; position:relative; left:80px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasDias #Pega3Día { background:rgba(228,156,97,0.2); }
.panelPegasDias #Pega3Día a.logo { background:url('../Images/logo_pega3_2dian.png') no-repeat; background-position:56px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasDias #Pega3Día h6 {clear:both ; position:relative; left:80px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasDias #Pega2Día { background:rgba(228,156,97,0.2);}
.panelPegasDias #Pega2Día a.logo { background:url('../Images/logo_pega2_2dian.png') no-repeat; background-position:56px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasDias #Pega2Día h6 {clear:both ; position:relative; left:80px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasDias .numero { background:url('../Images/numero_caja_mediana_2.png')no-repeat; position:relative; left:80px; float: left; width:44px; height:47px; color:white; font-weight:bold; font-size:25px; margin:0px; text-align:center; margin-top:1px; padding-top:8px; text-shadow:0px 0px 4px white; }
.panelPegasDiasng { height:220px; overflow:hidden; text-align:center; }
.panelPegasDiasng section { width:300px; float:left; margin:0px; padding:0px 9px 0px 8px; }
/*.panelPegasDiasng #Pega4Día { background: rgba(228,156,97,0.2); }*/
.panelPegasDiasng #Pega4Día a.logo { background:url('../Images/logo_pega4_2dian.png') no-repeat; background-position:56px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasDiasng #Pega4Día h6 {clear:both ; position:relative; left:80px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
/*.panelPegasDiasng #Pega3Día { background:rgba(228,156,97,0.2); }*/
.panelPegasDiasng #Pega3Día a.logo { background:url('../Images/logo_pega3_2dian.png') no-repeat; background-position:56px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasDiasng #Pega3Día h6 {clear:both ; position:relative; left:80px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
/*.panelPegasDiasng #Pega2Día { background:rgba(228,156,97,0.2);}*/
.panelPegasDiasng #Pega2Día a.logo { background:url('../Images/logo_pega2_2dian.png') no-repeat; background-position:56px 27px; width:300px; height:125px; display:block; float:left; }
.panelPegasDiasng #Pega2Día h6 {clear:both ; position:relative; left:80px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasDiasng .numero { background:url('../Images/numero_caja_bgnew.png')no-repeat; position:relative; left:80px; float: left; width:49px; height:47px; color:white; font-weight:bold; font-size:27px; margin:0px; text-align:center; margin-top:0px; padding-top:8px; text-shadow:0px 0px 4px white; }
/*.panelPegas { background:url('../Images/panel_loto_bg2.png') no-repeat ; height:220px; overflow:hidden; text-align:center; }
.panelPegas section { width:225px; float:left; margin:0px; padding:0px 5px 0px 8px; }
.panelPegas #Pega4Noche { background: rgba(228,156,97,0.2); }
.panelPegas #Pega4Noche a.logo { background:url('../Images/logo_pega4_2noche_napa.png') no-repeat; background-position:2px 20px; width:225px; height:130px; display:block; float:left;}
.panelPegas #Pega4Noche h6 {clear:both ;position:relative; left:60px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegas #Pega3Noche { background:rgba(228,156,97,0.2); }
.panelPegas #Pega3Noche a.logo { background:url('../Images/logo_pega3_2noche_napa.png') no-repeat; background-position:2px 20px; width:225px; height:130px; display:block; float:left; }
.panelPegas #Pega3Noche h6 {clear:both ;position:relative; left:60px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegas #Pega2Noche { background:rgba(228,156,97,0.2);}
.panelPegas #Pega2Noche a.logo { background:url('../Images/logo_pega2_2noche_napa.png') no-repeat; background-position:2px 20px; width:225px; height:130px; display:block; float:left; }
.panelPegas #Pega2Noche h6 {clear:both ;position:relative; left:60px; float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegas .napaclass { background:rgba(228,156,97,0.2); padding-top:50px; height:220px; }
.panelPegas .numero { background:url('../Images/numero_caja_mediana.png')no-repeat; position:relative; left:60px;float:left; width:34px; height:36px; color:white; font-weight:bold; font-size:19px; margin:0px; text-align:center; margin-top:1px; padding-top:6px; text-shadow:0px 0px 4px white; }*/
/*#Pega3 h1.numero { background:url('../Images/numero_caja_mediana_2.png')no-repeat; margin-right:4px; width:38px; height:38px; } */
/*.panelPegasDias { background:url('../Images/panel_loto_bg2.png') no-repeat ; height:220px; overflow:hidden; text-align:center; }
.panelPegasDias section { width:225px; float:left; margin:0px; padding:0px 5px 0px 8px; }
.panelPegasDias #Pega4Día { background: rgba(228,156,97,0.2); }
.panelPegasDias #Pega4Día a.logo { background:url('../Images/logo_pega4_2dia_napa.png') no-repeat; background-position:2px 20px; width:225px; height:130px; display:block; float:left; }
.panelPegasDias #Pega4Día h6 {clear:both ; position:relative; left:60px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasDias #Pega3Día { background:rgba(228,156,97,0.2); }
.panelPegasDias #Pega3Día a.logo { background:url('../Images/logo_pega3_2dia_napa.png') no-repeat; background-position:2px 20px; width:225px; height:130px; display:block; float:left; }
.panelPegasDias #Pega3Día h6 {clear:both ; position:relative; left:60px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasDias #Pega2Día { background:rgba(228,156,97,0.2);}
.panelPegasDias #Pega2Día a.logo { background:url('../Images/logo_pega2_2dia_napa.png') no-repeat; background-position:2px 20px; width:225px; height:130px; display:block; float:left; }
.panelPegasDias #Pega2Día h6 {clear:both ; position:relative; left:60px;float:left; margin-top:1px; color:#454545; font-size:16px; text-align:left; }
.panelPegasDias .napaclass2 { background:rgba(228,156,97,0.2); padding-top:50px; height:220px; }
.panelPegasDias .numero { background:url('../Images/numero_caja_mediana.png')no-repeat; position:relative; left:60px; float: left; width:34px; height:36px; color:white; font-weight:bold; font-size:19px; margin:0px; text-align:center; margin-top:1px; padding-top:6px; text-shadow:0px 0px 4px white; }*/
.menuInstantaneos { float:left; margin-top:44px; margin-left:40px; }
.menuInstantaneos li { float:left; list-style:none; padding:10px; }
.menuInstantaneos li a { text-decoration:none; color:#69519d; font-size:29px; font-weight:bold; font-family:'Arial Black'; }
.menuInstantaneos li a:hover { color:yellow; }
.juego { width:100%; height:100%; float:left; clear:both;}
.juego img, section { float:left; margin:10px;}
.juego img { box-shadow:0px 0px 8px #333; }
.juego h2 { font-family:'Arial Black'; color:white; font-size:22px; }
.juego ul li { font-family:'Arial Black'; color:white; font-size:14px; }
.juego ul { float:left; margin-left:20px;}
#botones { margin-top:0px; border-top:2px solid white; height:75px;}
#botones li { list-style: none; float:left; }
#botones li a { width:100%; height:100%; display:block; }
#botones .botonLoto { width:153px; height:67px; background:url('../Images/btnloto.png') no-repeat; margin-left:0; margin-right:4px; }
/*#botones .botonLoto:hover { background-position:-143px; }
#botones .botonLoto { width:143px; height:71px; background:url('../Images/boton_loto.png') no-repeat; }
#botones .botonLoto:hover { background-position:-143px; }*/
#botones .botonRevancha { width:153px; height:67px; background:url('../Images/btnrevancha.png') no-repeat; margin-left:3px; margin-right:4px; }
/*#botones .botonRevancha:hover { background-position:-143px; }*/
#botones .botonMultiplicador { width:153px; height: 67px; background:url('../Images/btnmulti.png') no-repeat; margin-left:3px; margin-right:4px; }
/*#botones .botonMultiplicador:hover { background-position:-143px; }*/
#botones .botonPega2 { width:153px; height: 67px; background:url('../Images/btnpega2.png') no-repeat; margin-left:3px; margin-right:4px; }
/*#botones .botonPega2:hover { background-position:-126px; }*/
#botones .botonPega3 { width:153px; height: 67px; background:url('../Images/btnpega3.png') no-repeat; margin-left:4px; margin-right:4px; }
/*#botones .botonPega3:hover { background-position:-126px; }*/
#botones .botonPega4 { width:153px; height: 67px; background:url('../Images/btnpega4.png') no-repeat; margin-left:4px; }
/*#botones .botonPega4:hover { background-position:-126px; }*/
#botones .botonInstantaneos { width:141px; height: 67px; background:url('../Images/btninstantaneo.png') no-repeat; margin-left:3px; }
/*#botones .botonInstantaneos:hover { background-position:-143px; }*/
.paging { background:url('../Images/paging.png') no-repeat; width:17px important!; height:16px important!; display:block; margin-top:8px; }
.paging:hover, .selectedTopTab { background-position:-17px; }
#ContentPlaceHolder1_hlnkInstantaneos { margin-right: 5px;
margin-left: 5px; }
#ContentPlaceHolder1_hlnkComparteTusMillones { margin-right:5px;
margin-left: 5px;
}
#ContentPlaceHolder1_hlnkmobapp {
margin-right:0px;
margin-left: 5px;
}
#ContentPlaceHolder1_hlnkNumerosGanadores { margin-right:5px;
margin-left: 5px;
}
footer { padding-top:12px; clear:left;}
footer ul { margin-left:5px; margin-bottom: 22px; text-align:center; }
footer ul li { list-style: none; float:left; margin-right:10px; margin-top:7px; text-align:center; }
footer ul li a { text-decoration: none; text-align:center; color:#ffffff; font-weight: bold; font-family: Arial Black; font-size:15px; text-shadow:-3px 0px 8px #d24cac; }
footer ul li a:hover { color: white; }
footer ul li a:visited { text-decoration: none; text-align:center; color:#ffffff; font-weight: bold; font-family: Arial Black; font-size:15px; text-shadow:-3px 0px 8px #d24cac; }
footer img { clear:left; float:left; margin:10px 12px 0px 0px; }
footer img.social {float:right; margin:0px; }
footer h3 { float:left; font-size:11px; opacity:.97; margin-bottom:4px; }
footer h4 { float:left; width:800px; font-size:11px; opacity:.97; margin-bottom:8px; }
footer p { float:left; width:800px; font-size:10px; opacity:.5; font-weight:bold; margin:0px; padding-bottom:22px; }
.grdNumerosGanadores {width: 100%; background-color: rgba(255, 255, 255, .25); margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.grdNumerosGanadores td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.grdNumerosGanadores th { padding: 4px 2px; color: #fff; background: #551a8b url('../Images/grd_head.png') repeat-x top; border-left: solid 1px #525252; font-size: 16px; }
.grdNumerosGanadores th a { color: #ffcc00; text-decoration: none; }
.grdNumerosGanadores th a:hover { color: #ffffff; text-decoration: none; }
.grdNumerosGanadores .alt { background-color: rgba(255, 255, 255, .55); }
.grdNumerosGanadores .wPager {background: #551a8b url('../Images/grd_pgr.png') repeat-x top; }
.grdNumerosGanadores .wPager table { margin: 5px 0; }
.grdNumerosGanadores .wPager td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
.grdNumerosGanadores .wPager a { color: #ffcc00; text-decoration: none; }
.grdNumerosGanadores .wPager a:hover { color: #ffffff; text-decoration: none; }
.grdNoticias { width: 100%; background-color: rgba(255, 255, 255, .25); margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.grdNoticias td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.grdNoticias th { padding: 4px 2px; color: #fff; background: #551a8b url('../Images/grd_head.png') repeat-x top; border-left: solid 1px #525252; font-size: 16px; }
.grdNoticias th a { color: #ffcc00; text-decoration: none; }
.grdNoticias th a:hover { color: #ffffff; text-decoration: none; }
.grdNoticias .alt { background-color: rgba(255, 255, 255, .55); }
.grdNoticias .wPager {background: #551a8b url('../Images/grd_pgr.png') repeat-x top; }
.grdNoticias .wPager table { margin: 5px 0; }
.grdNoticias .wPager td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
.grdNoticias .wPager a { color: #ffcc00; text-decoration: none; }
.grdNoticias .wPager a:hover { color: #ffffff; text-decoration: none; }
small { margin-top: 25px; font-size:smaller; display: block; }
/* LOGIN BOX */
@font-face {
font-family: 'FontomasCustomRegular';
src: url('fonts/fontomas-webfont.eot');
src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/fontomas-webfont.woff') format('woff'),
url('fonts/fontomas-webfont.ttf') format('truetype'),
url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FranchiseRegular';
src: url('fonts/franchise-bold-webfont.eot');
src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/franchise-bold-webfont.woff') format('woff'),
url('fonts/franchise-bold-webfont.ttf') format('truetype'),
url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');
font-weight: normal;
font-style: normal;
}
a.hiddenanchor{
display: none;
}
#header { position: relative; }
.loginBox p{
margin-bottom:15px;
}
.loginBox p:first-child{
margin: 0px;
}
.loginBox label{
color: White;
position: relative;
font-size: medium;
}
::-webkit-input-placeholder {
color: rgb(190, 188, 188);
font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
color: rgb(190, 188, 188);
font-style: italic;
}
input {
outline: none;
}
.loginBox { position: absolute; top: 10px; right: 0px; color: White; }
/*.loginBox label { display: inline; }
.loginBox input[type='text'] { display: inline; }
.loginBox input[type='password'] { display: inline; }*/
.loginBox > table td > div { float: left; padding-left: 5px; }
.loginBox p.regist:first-child { float: right; padding-right: 0px; }
.loginBox a { color: #ffffff; font-weight: bold; text-decoration: none; font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif; }
.loginBox a:hover { color: Yellow; }
.loginBox a.log {
cursor: pointer;
background: rgb(239, 151, 56);
padding: 6px 6px;
position: relative;
font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
/*border: 1px solid rgb(28, 108, 122);*/
margin-top: 10px;
margin-bottom: 10px;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
-moz-box-shadow:0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
box-shadow:0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;*/
}
.loginBox a.log:hover {
background: rgb(243, 107, 35);
}
.loginBox a.regi:a {
cursor: pointer;
position: relative;
font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
color: #fff;
font-size: 12px;
text-decoration: none;
}
.loginBox a.regi:hover {
color: #f7de17;
}
.loginBox input:not([type="checkbox"]){
width: 150px;
margin-top: 4px;
background: rgba(255, 255, 255, 0.7);
padding: 10px 5px 10px 32px;
border: 1px solid rgb(178, 178, 178);
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing : content-box;
box-sizing : content-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.loginBox input:not([type="checkbox"]):active,
.loginBox input:not([type="checkbox"]):focus{
border: 1px solid rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}
.lt8 .loginBox input{
padding: 10px 5px 10px 32px;
width: 150px;
}
[data-icon]:after {
content: attr(data-icon);
font-family: 'FontomasCustomRegular';
color: rgb(239, 151, 56);
position: absolute;
left: 10px;
top: 35px;
width: 30px;
}
.loginBox2 p{
margin-bottom:15px;
}
.loginBox2 p:first-child{
margin: 0px;
}
.loginBox2 label{
color: #573291;
position: relative;
font-size: medium;
font-weight: bold;
}
::-webkit-input-placeholder {
color: rgb(190, 188, 188);
font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
color: rgb(190, 188, 188);
font-style: italic;
}
input {
outline: none;
}
/*.loginBox2 { position: absolute; top: 10px; right: 0px; color: Orange; }
.loginBox label { display: inline; }
.loginBox input[type='text'] { display: inline; }
.loginBox input[type='password'] { display: inline; }*/
.loginBox2 > table td > div { float: left; padding-left: 5px; }
.loginBox2 p.regist:first-child { float: right; padding-right: 0px; }
.loginBox2 a { color: #ffffff; font-weight: bold; text-decoration: none; font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif; }
.loginBox2 a:hover { color: Yellow; }
.loginBox2 a.log { width: 30%;
cursor: pointer;
background: rgb(239, 151, 56);
padding: 6px 6px;
position: relative;
font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
color: #fff;
font-size: 15px;
font-weight: bold;
text-decoration: none;
border: 1px solid rgb(28, 108, 122);
margin-top: 10px;
margin-bottom: 10px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
-moz-box-shadow:0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
box-shadow:0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.loginBox2 a.log:hover {
background: rgb(243, 107, 35);
}
.loginBox2 a.regi:a {
cursor: pointer;
position: relative;
font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
color: #fff;
font-size: 12px;
text-decoration: none;
}
.loginBox2 a.regi:hover {
color: #f7de17;
}
.loginBox2 input:not([type="checkbox"]){
width: 150px;
margin-top: 4px;
background: rgba(255, 255, 255, 0.7);
padding: 10px 5px 10px 32px;
border: 1px solid rgb(178, 178, 178);
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing : content-box;
box-sizing : content-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.loginBox2 input:not([type="checkbox"]):active,
.loginBox2 input:not([type="checkbox"]):focus{
border: 1px solid rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}
.RememberMe{
margin-top: 5px;
clear: both;
}
.RememberMe input,
.RememberMe label{
display: inline-block;
font-size: 13px;
font-style: italic;
font-weight: bold;
}
.RememberMe input#RememberMe{
margin-right: 5px;
}
.loginBox3 p{
margin-bottom:15px;
}
.loginBox3 p:first-child{
margin: 0px;
}
/*.loginBox3 label{
color: #573291;
position: relative;
font-size: medium;
font-weight: bold;
}*/
/*.loginBox2 { position: absolute; top: 10px; right: 0px; color: Orange; }
.loginBox label { display: inline; }
.loginBox input[type='text'] { display: inline; }
.loginBox input[type='password'] { display: inline; }*/
.loginBox3 > table td > div { float: left; padding-left: 5px; }
.loginBox3 p.regist:first-child { float: right; padding-right: 0px; }
.loginBox3 a { color: #ffffff; font-weight: bold; text-decoration: none; font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif; }
.loginBox3 a:hover { color: Yellow; }
.loginBox3 a.log { width: 30%;
cursor: pointer;
background: rgb(239, 151, 56);
padding: 6px 6px;
position: relative;
font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
color: #fff;
font-size: 15px;
font-weight: bold;
text-decoration: none;
top:8px;
border: 1px solid rgb(28, 108, 122);
margin-top: 30px;
margin-bottom: 10px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
-moz-box-shadow:0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
box-shadow:0px 1px 3px 2px rgba(0, 0, 0, 0.03) inset,
0px 0px 0px 1px rgb(254, 254, 254),
0px 2px 1px 1px rgb(84, 84, 84);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.loginBox3 a.log:hover {
background: rgb(243, 107, 35);
}
.loginBox3 a.regi:a {
cursor: pointer;
position: relative;
font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
color: #fff;
font-size: 12px;
text-decoration: none;
}
.loginBox3 a.regi:hover {
color: #f7de17;
}
.loginBox3 input:not([type="checkbox"]){
padding: 0px 0px 0px 6px; border: 0px currentColor; left: 0px; top: 0px; width: 105px; height: 35px !important; right: 0px; font-family: Verdana !important; font-size: 11px !important; margin-top: 0px !important; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; background-color: rgba(255, 255, 255, 0.53);
border-radius: 7px;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(50,50,50,0.1);
}
.loginBox6 input:not([type="radio"]){
padding: 0px 0px 0px 6px; border: 0px currentColor; width: 105px; height: 35px !important; font-family: Verdana !important; font-size: 11px !important; margin-top: 0px !important; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; background-color: rgba(255, 255, 255, 0.53);
border-radius: 7px;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(50,50,50,0.1);
}
/*.loginBox3 input:not([type="checkbox"]):active,
.loginBox3 input:not([type="checkbox"]):focus{
border: 1px solid rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}*/
.loginBox4 input:not([type="checkbox"]){
padding: 0px 0px 0px 6px; border: 0px currentColor; left: 0px; top: 0px; width: 145px; height: 35px !important; right: 0px; font-family: Verdana !important; font-size: 11px !important; margin-top: 0px !important; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; background-color: rgba(255, 255, 255, 0.53);
border-radius: 7px;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(50,50,50,0.1);
}
.gra{
height:auto;
width: 640px;
float:left;
/*overflow:hidden;*/
display:block;
padding: 10px;
background-color:#6a488e;
-moz-border-radius:10px; /* for Firefox */
-webkit-border-radius:10px; /* for Webkit-Browsers */
border-radius:10px; /* regular */
margin-bottom: 40px;
}
.bol{
height:auto;
width: 340px;
float:left;
/*overflow:hidden;*/
display:block;
padding: 10px;
background-color:rgba(255, 255, 255, 0.9);
-moz-border-radius:10px; /* for Firefox */
-webkit-border-radius:10px; /* for Webkit-Browsers */
border-radius:10px; /* regular */
margin-bottom: 40px;
margin-right: 20px;
}
.not{
height:auto;
width: 750px;
float:left;
/*overflow:hidden;*/
display:block;
padding: 15px;
background-color:rgba(255, 255, 255, 0.2);
-moz-border-radius:7px; /* for Firefox */
-webkit-border-radius:7px; /* for Webkit-Browsers */
border-radius:7px; /* regular */
margin-bottom: 3px;
}
.bol input.text
{
width: 75px;
padding: 15px 15px;
font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
font-size: 14px;
color: #333;
text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
background: #fff;
border: 1px solid #fff;
border-radius: 5px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}
.BSmall.BLight {
-moz-box-shadow: 0 52px 26px -36px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 52px 30px -39px rgba(0,0,0,0.7);
box-shadow: 0 52px 30px -39px rgba(0,0,0,0.7);
}
.BottomShadow {
position: relative;
}
input.submit {
padding: 11px 25px;
font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
font-weight: 300;
font-size: 18px;
color: #fff;
text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
background: #e75f28;
border: 1px solid #dddddd;
border-radius: 5px;
cursor: pointer;
box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}
input.submit:hover {
background: #573291;
border: 1px solid rgba(256,256,256,0.75);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}
input.submit:focus {
position: relative;
bottom: -1px;
background: rgba(0,0,0,0.25);
box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}
.cho
{
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 7px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}
.texto
{
width: 175px;
padding: 15px 15px;
font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
font-size: 14px;
color: #333;
text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
background: #fff;
border: 1px solid #fff;
border-radius: 5px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}
input.submit2 {
padding: 15px 15px;
font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
font-weight: 300;
font-size: 14px;
color: #fff;
text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
background: rgb(239, 151, 56);
border: 1px solid rgba(255, 255, 255, .95);
border-radius: 7px;
cursor: pointer;
box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}
input.submit2:hover {
background: #573291;
border: 1px solid rgba(256,256,256,0.75);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}
input.submit2:focus {
position: relative;
bottom: -1px;
background: rgb(239, 214, 17);
box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}
.grid {
border-bottom:1px solid #DBE5EA;
height:30px;
padding:5px;
background-color: #ffffff;
align-items:center;
}
.grid td{
border-bottom:1px solid #DBE5EA;
height:30px;
padding:5px;
background-color: #ffffff;
align-items:center;
}
.grid td:hover{
background-color: #efeded;
}
.gridHead{height:40px; color: #ffffff; border-collapse:collapse; font-size:16px; background-color:#8E44AD;border:0 none;font-weight:bold; text-align:left; padding-left:15px;}
.gridHead a {
background-color: #8E44AD !important;
text-align:left;
text-decoration: none;
color: #ffffff;
padding-left:5px;
}
.gridHead a:hover {
color: #ffffff;
background-color: #8E44AD !important;
text-align:left;
text-decoration: none;
}
.gridHead td {
background-color: #8E44AD !important;
text-align:left;
text-decoration: none;
color: #ffffff;
padding-left:5px;
}
.grid .wPager {height:40px; border-collapse:collapse; font-size:18px; background-color:#ec52a6;border:0 none;font-weight:bold; text-align:left; padding-left:5px; }
.grid .wPager table { margin: 5px 0; background-color:#ec52a6 }
.grid .wPager td { border-width: 0; background-color:#ec52a6; padding: 0 6px; border-right: solid 1px #fff; font-weight: bold; color: #fff; line-height: 12px; }
.grid .wPager a { color: #ffffff; text-decoration: none; background-color:#ec52a6}
.grid .wPager a:hover
{
color: #808080;
text-decoration: none;
}
/*Date Sprite */
.postdate {
position: relative;
width: 66px;
height: 60px;
float: left;
}
/*.month, .day, .year {
position: absolute;
text-indent: -1000em;
background-image: url(/App_Themes/Default/Images/date_img.png);
background-repeat: no-repeat;
}
.month {
top: 10px;
left: 5px;
width: 35px;
height: 30px;
}
.day {
top: 28px;
left: 5px;
width: 35px;
height: 30px;
}
.year {
top: 12px;
right: 0;
width: 25px;
height: 60px;
}
.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -60px;}
.m-04 { background-position: 0 -90px;}
.m-05 { background-position: 0 -120px;}
.m-06 { background-position: 0 -150px;}
.m-07 { background-position: 0 -180px;}
.m-08 { background-position: 0 -210px;}
.m-09 { background-position: 0 -240px;}
.m-10 { background-position: 0 -270px;}
.m-11 { background-position: 0 -300px;}
.m-12 { background-position: 0 -330px;}
.d-01 { background-position: -35px 0;}
.d-02 { background-position: -35px -30px;}
.d-03 { background-position: -35px -60px;}
.d-04 { background-position: -35px -90px;}
.d-05 { background-position: -35px -120px;}
.d-06 { background-position: -35px -150px;}
.d-07 { background-position: -35px -180px;}
.d-08 { background-position: -35px -210px;}
.d-09 { background-position: -35px -240px;}
.d-10 { background-position: -35px -270px;}
.d-11 { background-position: -35px -300px;}
.d-12 { background-position: -35px -330px;}
.d-13 { background-position: -35px -360px;}
.d-14 { background-position: -35px -390px;}
.d-15 { background-position: -35px -420px;}
.d-16 { background-position: -35px -450px;}
.d-17 { background-position: -70px -0px;}
.d-18 { background-position: -70px -30px;}
.d-19 { background-position: -70px -60px;}
.d-20 { background-position: -70px -90px;}
.d-21 { background-position: -70px -120px;}
.d-22 { background-position: -70px -150px;}
.d-23 { background-position: -70px -180px;}
.d-24 { background-position: -70px -210px;}
.d-25 { background-position: -70px -240px;}
.d-26 { background-position: -70px -270px;}
.d-27 { background-position: -70px -300px;}
.d-28 { background-position: -70px -330px;}
.d-29 { background-position: -70px -360px;}
.d-30 { background-position: -70px -390px;}
.d-31 { background-position: -70px -420px;}
.y-2009 { background-position: -105px 0;}
.y-2010 { background-position: -105px -60px;}
.y-2011 { background-position: -105px -120px;}
.y-2012 { background-position: -105px -180px;}
.y-2013 { background-position: -105px -240px;}
.y-2014 { background-position: -105px -300px;}
.y-2015 { background-position: -105px -360px;}
.y-2016 { background-position: -105px -420px;}*/
.month, .day, .year {
position: absolute;
text-indent: -1000em;
background-image: url(/App_Themes/Default/Images/date_img2.png);
background-repeat: no-repeat;
}
.month { top: 10px; left: 0; width: 33px; height: 30px;}
.day { top: 30px; left: 0; width: 33px; height: 30px;}
.year { bottom: 0; right: 13px; width: 20px; height: 60px;}
.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -62px;}
.m-04 { background-position: 0 -94px;}
.m-05 { background-position: 0 -125px;}
.m-06 { background-position: 0 -155px;}
.m-07 { background-position: 0 -185px;}
.m-08 { background-position: 0 -217px;}
.m-09 { background-position: 0 -248px;}
.m-10 { background-position: 0 -279px;}
.m-11 { background-position: 0 -310px;}
.m-12 { background-position: 0 -341px;}
.d-01 { background-position: -51px 0;}
.d-02 { background-position: -51px -27px;}
.d-03 { background-position: -51px -57px;}
.d-04 { background-position: -51px -91px;}
.d-05 { background-position: -51px -122px;}
.d-06 { background-position: -51px -151px;}
.d-07 { background-position: -51px -185px;}
.d-08 { background-position: -51px -214px;}
.d-09 { background-position: -51px -249px;}
.d-10 { background-position: -51px -275px;}
.d-11 { background-position: -51px -309px;}
.d-12 { background-position: -51px -338px;}
.d-13 { background-position: -51px -373px;}
.d-14 { background-position: -51px -404px;}
.d-15 { background-position: -51px -430px;}
.d-16 { background-position: -51px -462px;}
.d-17 { background-position: -100px -0px;}
.d-18 { background-position: -100px -27px;}
.d-19 { background-position: -100px -57px;}
.d-20 { background-position: -100px -91px;}
.d-21 { background-position: -100px -122px;}
.d-22 { background-position: -100px -151px;}
.d-23 { background-position: -100px -185px;}
.d-24 { background-position: -100px -214px;}
.d-25 { background-position: -100px -249px;}
.d-26 { background-position: -100px -275px;}
.d-27 { background-position: -100px -309px;}
.d-28 { background-position: -100px -338px;}
.d-29 { background-position: -100px -373px;}
.d-30 { background-position: -100px -404px;}
.d-31 { background-position: -100px -436px;}
.y-1990 { background-position: -150px 0;}
.y-1991 { background-position: -150px -60px;}
.y-1992 { background-position: -150px -120px;}
.y-1993 { background-position: -150px -180px;}
.y-1994 { background-position: -150px -240px;}
.y-1995 { background-position: -150px -300px;}
.y-1996 { background-position: -150px -360px;}
.y-1997 { background-position: -150px -420px;}
.y-1998 { background-position: -150px -480px;}
.y-1999 { background-position: -150px -540px;}
.y-2000 { background-position: -150px -600px;}
.y-2001 { background-position: -150px -660px;}
.y-2002 { background-position: -150px -720px;}
.y-2003 { background-position: -150px -780px;}
.y-2004 { background-position: -150px -840px;}
.y-2005 { background-position: -150px -900px;}
.y-2006 { background-position: -150px -960px;}
.y-2007 { background-position: -150px -1020px;}
.y-2008 { background-position: -150px -1080px;}
.y-2009 { background-position: -150px -1140px;}
.y-2010 { background-position: -150px -1200px;}
.y-2011 { background-position: -150px -1260px;}
.y-2012 { background-position: -150px -1320px;}
.y-2013 { background-position: -150px -1380px;}
.y-2014 { background-position: -150px -1440px;}
.y-2015 { background-position: -150px -1500px;}
.y-2016 { background-position: -150px -1560px;}
.y-2017 { background-position: -150px -1620px;}
.y-2018 { background-position: -150px -1680px;}