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;}
p {font-size:14px;margin:7px 0;line-height:21px;color:#000;}

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

/*ESTRUCTURA PAGINA*/
.loto {width:800px;margin:0 auto;font-family:Arial, Helvetica, sans-serif; color:#1a171b;}
.back {background:url(grafica/back.jpg) top center no-repeat #28a66e; text-align:center;}

.loto .zona1 {background:url(grafica/bg-zona1.jpg) top center no-repeat; height:140px;}
.loto .zona2 {background:url(grafica/bg-zona2.jpg) top center no-repeat; height:210px;}
.loto .zona3 {background:url(grafica/bg-zona3.jpg) top center no-repeat; height:250px;}
.loto .zona4 {background:url(grafica/bg-zona4.jpg) top center no-repeat; height:140px;}

.loto .zona1 .sorteo { position:relative; top:55px; left:270px; float:left;width:400px; height:30px; font-size:18px; text-align:left;}
.loto .zona1 .sorteo .numero { width:180px; margin-right:10px;  float:left;}
.loto .zona1 .sorteo .fecha { width:210px;float:left;}
.loto .zona1 .sorteo span {font-weight:bold; font-size:22px;}

.loto .zona2 .tradicional { position:relative; left:22px; top:73px; float:left;text-align:left;color:#000; }
.loto .zona2 .tradicional .num { width:55px; height:45px; margin-right:45px; float:left; line-height:45px; font-size:46px; font-weight:bold; text-align:center;}
.loto .zona2 .tradicional .ult {margin-right:0 !important;}
.loto .zona2 .tradicional .premios { width:730px; height:75px; float:left; text-align:center;  margin-top:10px;}
.loto .zona2 .tradicional .premios .fila {width:730px; height:25px; float:left;border-bottom:2px solid #1a171b; padding:3px 0;}
.loto .zona2 .tradicional .premios .info { width:220px; float:left; font-size:12px; font-weight:bold;}
.loto .zona2 .tradicional .premios .pozo { width:510px;float:left;font-size:24px;font-weight:bold;}
.loto .zona2 .tradicional .premios .uno { font-size:28px;}
.loto .zona2 .tradicional .premios .dos { border-bottom:2px solid #1a171b;border-top:2px solid #1a171b;}
.loto .zona2 .tradicional .premios .ult {border: none !important; padding:0 !important}
	
.loto .zona3 .desquite-sale { position:relative; top:42px; left:17px; float:left;text-align:left;color:#000; }
.loto .zona3 .col1  { width:510px; height:208px; margin-right:20px; float:left;}
.loto .zona3 .col2 { width:232px; height:208px; float:left;}
.loto .zona3 .col1  .desquite { width:510px; height:128px;float:left;}
.loto .zona3 .col1  .salesale { width:510px; height:80px;float:left;}
.loto .zona3 .col1 .desquite .num { width:50px; height:45px; margin-right:38px; float:left; line-height:45px; font-size:42px; font-weight:bold; text-align:center;}
.loto .zona3 .col1 .desquite .info { width:200px; height:30px; float:left; text-align:center; margin-top:12px; font-size:12px; font-weight:bold;}
.loto .zona3 .col1 .desquite .info span { font-size:16px;}
.loto .zona3 .col1 .desquite .pozo { width:310px; height:30px; float:left; text-align:center;margin-top:12px;font-size:24px; font-weight:bold; line-height:35px;}
.loto .zona3 .col1 .salesale .num { width:45px; height:35px; margin-right:36px; float:left; line-height:45px; font-size:36px; font-weight:bold; text-align:center;}
.loto .zona3 .col1 .salesale .info { width:510px; height:15px; float:left; text-align:center; font-weight:bold; font-size:12px; margin-top:12px;}
.loto .zona3 .col1 .salesale .pozo { width:510px; height:25px; float:left; text-align:center; font-weight:bold; font-size:16px;}
.loto .zona3 .col1 .desquite .ult , .loto .zona3 .col1 .salesale {margin-right:0 !important;}

.loto .zona3 .col2 .tit { text-align:center; float:left; font-size:16px; margin-bottom:10px;}
.loto .zona3 .col2 .columna { width:77px;float:left;}
.loto .zona3 .col2 .columna .tit { width:77px;float:left; font-weight:bold; font-size:12px; text-align:center;}
.loto .zona3 .col2 .columna .dato { width:77px;float:left;font-size:14px;text-align:center; padding:3px 0;}

.loto .zona4 .estimado {width:680px; height:60px;position:relative; top:60px; left:75px; float:left;text-align:center; color:#000; font-weight:bold; font-size:60px;  }



/*ESTRUCTURA EXTRACTO*/
.loto-extracto {width:600px;margin:0 auto;font-family:Arial, Helvetica, sans-serif; color:#1a171b;}
.back-extracto {background:url(grafica/extr-back.jpg) top center no-repeat #28a66e; text-align:center;}

.loto-extracto .zona1 {background:url(grafica/extr-bg-zona1.jpg) top center no-repeat; height:105px;}
.loto-extracto .zona2 {background:url(grafica/extr-bg-zona2.jpg) top center no-repeat; height:157;}
.loto-extracto .zona3 {background:url(grafica/extr-bg-zona3.jpg) top center no-repeat; height:187;}
.loto-extracto .zona4 {background:url(grafica/extr-bg-zona4.jpg) top center no-repeat; height:105;}

.loto-extracto .zona1 .sorteo { position:relative; top:41px; left:195px; float:left;width:300px; height:22px; font-size:14px; text-align:left;}
.loto-extracto .zona1 .sorteo .numero { width:135px; margin-right:10px;  float:left;}
.loto-extracto .zona1 .sorteo .fecha { width:150px;float:left;}
.loto-extracto .zona1 .sorteo span {font-weight:bold; font-size:20px;}

.loto-extracto .zona2 .tradicional { position:relative; left:16px; top:54px; float:left;text-align:left;color:#000; }
.loto-extracto .zona2 .tradicional .num { width:41px; height:33px; margin-right:34px; float:left; line-height:40px; font-size:38px; font-weight:bold; text-align:center;}
.loto-extracto .zona2 .tradicional .ult {margin-right:0 !important;}
.loto-extracto .zona2 .tradicional .premios { width:547px; height:56px; float:left; text-align:center;  margin-top:8px;}
.loto-extracto .zona2 .tradicional .premios .fila {width:547px; height:22px; float:left;padding:2px 0;}
.loto-extracto .zona2 .tradicional .premios .info { width:165px; float:left; font-size:11px; font-weight:bold;}
.loto-extracto .zona2 .tradicional .premios .pozo { width:328px;float:left;font-size:18px;font-weight:bold;}
.loto-extracto .zona2 .tradicional .premios .uno { font-size:22px;}
.loto-extracto .zona2 .tradicional .premios .dos { }
.loto-extracto .zona2 .tradicional .premios .ult {border: none !important; padding:0 !important}
	
.loto-extracto .zona3 .desquite-sale { position:relative; top:31px; left:12px; float:left;text-align:left;color:#000; }
.loto-extracto .zona3 .col1  { width:382px; height:156px; margin-right:15px; float:left;}
.loto-extracto .zona3 .col2 { width:174px; height:156px; float:left;}
.loto-extracto .zona3 .col1  .desquite { width:382px; height:96px;float:left;}
.loto-extracto .zona3 .col1  .salesale { width:382px; height:60px;float:left;}
.loto-extracto .zona3 .col1 .desquite .num { width:37px; height:33px; margin-right:29px; float:left; line-height:38px; font-size:36px; font-weight:bold; text-align:center;}
.loto-extracto .zona3 .col1 .desquite .info { width:150px; height:22px; float:left; text-align:center; margin-top:9px; font-size:10px; font-weight:bold;}
.loto-extracto .zona3 .col1 .desquite .info span { font-size:16px;}
.loto-extracto .zona3 .col1 .desquite .pozo { width:232px; height:22px; float:left; text-align:center;margin-top:12px;font-size:18px; font-weight:bold; line-height:35px;}
.loto-extracto .zona3 .col1 .salesale .num { width:33px; height:26px; margin-right:28px; float:left; line-height:38px; font-size:32px; font-weight:bold; text-align:center;}
.loto-extracto .zona3 .col1 .salesale .info { width:382px; height:11px; float:left; text-align:center; font-weight:bold; font-size:12px; margin-top:12px;}
.loto-extracto .zona3 .col1 .salesale .pozo { width:382px; height:18px; float:left; text-align:center; font-weight:bold; font-size:14px;}
.loto-extracto .zona3 .col1 .desquite .ult , .loto-extracto .zona3 .col1 .salesale {margin-right:0 !important;}

.loto-extracto .zona3 .col2 .tit { text-align:center; float:left; font-size:11px; margin-bottom:7px;}
.loto-extracto .zona3 .col2 .columna { width:57px;float:left;}
.loto-extracto .zona3 .col2 .columna .tit { width:57px;float:left; font-weight:bold; font-size:10px; text-align:center;}
.loto-extracto .zona3 .col2 .columna .dato { width:57px;float:left;font-size:14px;text-align:center; padding:2px 0;}

.loto-extracto .zona4 .estimado {width:510px; height:45px;position:relative; top:45px; left:56px; float:left;text-align:center; color:#000; font-weight:bold; font-size:50px;  }