.g1 {width:30.5%; padding:0px 10px 0px 10px;}
    .g2 {width:64.667%;}
    .g3 {width:100.0%; margin: 0 auto;}
    .g4 {width:48.0%}
    .g1, .g2, .g3, .g4, .g5, .g6 {
        display: inline;
        float: left;
    }
    .g5
    {
        width: 50%;
    }
    .g6
    {
        width: 24%;
    }
    .g7
    {
        width: 24%;
        text-align: right;
    }
    .tamanoVentanilla
    {
        width: 449px;
        height: 319px;
    }


#content
{
    width: 100%;
    float: left;
}
#contentInterior
{
    min-height: 300px;
    margin: 0 auto;
    width: 95%;
}
#content2
{
    width: 100%;
    float: left;
}
#contentInterior2
{
    min-height: 300px;
    margin: 0 auto;
    width: 95%;
}
#franjaSlide
{
    width: 100%;
	height: 280px;
	float: left;	
}  
#slide{
    height: 280px;
	width: 1000px;
	margin: auto;
}
#franjazul
{
    width: 100%;
	height: 260px;
	float: left;
	background-color: #79B9E8;
	margin-top: 35px;
}  
#publiDecimo{
    height: 260px;
	width: 90%;
	margin: auto;
}
.colocarMano
{
    padding-left: 60px;
    padding-top: 70px;
}
.colocarManoGris{
   display:inline;
   float:left;
   padding-right: 20px;
}
.recuadroAcceso
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #348CD4;
    padding: 15px 15px 25px 15px;
    margin-top: 10px;
    width: 30%;
    margin: 0 auto;
}
.recuadroAcceso2
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #348CD4;
    padding: 15px 15px 25px 15px;
    margin-top: 10px;
    width: 95%;
    margin: 0 auto;
}

#pieArriba
{
   width: 100%;
   float: left;
   background-image: url(/Web_2_0/Recursos/General/Web/img/soloLoteria/fondoPie.jpg); 
   background-repeat: repeat-x;
   background-position:left bottom;
   height: 300px;
}
#pieArribainterior
{
   width: 95%;
   height: 250px;
   margin: 0 auto;
   padding-top: 50px;
}
#contentInteriorEstrecho
{
    min-height: 500px;
    margin: 0 auto;
    width: 90%;
}


/* LISTA DE 3 COLUMNAS */
.lista3col {
	width: 100%;
	float: left;
}
.lista3col ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.lista3col li {
	width:100%;
	padding-right:10px;
	padding-left: 10px;
	list-style: none;
	display: inline-block;
	*display:inline; /* ie7 */
}

/* LOGIN LOGIN LOGIN LOGIN LOGIN LOGIN LOGIN LOGIN */



/* LISTADO DÉCIMOS SOLIDARIOS */

ul.nombresSolidarios{
	float:left;
	margin: 0;
	padding: 0;
}

ul.nombresSolidarios li{
	float:left;
	display:block;
	text-align: left;
    padding: 10px;
    width: 450px;
    background-color: #F1F1F1;
    margin: 0px 5px 10px 5px;
    height: auto;
}

.recent-post{
	float: left;
	overflow: hidden;
	padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
    display: block;
    width:200px;
    height:155px;
    -webkit-box-shadow: 1px 1px 5px rgba(135, 135, 135, 0.75);
    -moz-box-shadow:    1px 1px 5px rgba(135, 135, 135, 0.75);
    box-shadow:         1px 1px 5px rgba(135, 135, 135, 0.75);
}
.sorteoDecimoSolidario
{
    display:block;
	text-align: center;
	font-size: 12px;
	color: #999;
	padding-top: 120px;
}

.post-head{
	float: right;
	width: 210px;
	font-size: 16px;
	line-height: 22px;
	margin-left: 10px;
}

/* TEXTOS */

h1 {margin: 0; font-size: 32px; line-height: 32px; margin-top: 0.4em; color: #338CD2; display: block; letter-spacing: -1px;}
h2 {font-size: 22px; line-height: 30px; color: #338CD2; margin: 10px 0px 20px 0px;}
h3 {font-size: 40px; line-height: 40px; color: #999999; margin-top: 15px; letter-spacing: -2px; font-weight: normal;}
h4 {margin: 0; font-size: 25px; color: #D4D6D8;}
h5 {margin: 0; font-size: 21px; font-weight: normal; line-height: 20px; color: #ff0000; margin-top: 15px; margin-bottom: 5px;}
h6 {margin: 0; font-size: 24px; line-height: 1em; margin-bottom: 0.4em; margin-top: 0.4em; padding-bottom: 10px; text-align:left; color: #777; border-bottom: solid 1px #999;}

.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
						
				.details{ margin:10px 10px; text-align: center; }	
					h9{ font:300 18px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:120%; letter-spacing:0.15em; color:#D3D6D8; text-shadow:1px 1px 0 rgb(0,0,0); }
					h8{ font:300 25px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:25px; color:#666; display: inline; }
					p{ font:300 14px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#79B8E7; line-height: 15px;}
					a{ text-decoration:none; }
.vehiculo{font:300 25px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:25px; color:#999; display: inline; font-style: italic;}					
.texto17{ font:300 17px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#333; padding: 0px 10px 0px 10px;}
.texto17negrita{ font:300 17px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#999; font-weight: bold;}
.texto17negritaAzul{ font:300 15px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#338CD3; font-weight: bold;}
.texto15{ font:300 15px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#333; line-height: 19px;}
.texto15verde{ font:300 15px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#00D936; line-height: 19px; font-weight: bold;}
.texto13{ font:300 13px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#999; line-height: 19px; }
.nombreONG{ font:300 13px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#999;}
.texto15blanco{ font:300 15px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#fff; line-height: 19px; display: block;}
.tituloVerde
{margin: 0; font-size: 32px; line-height: 32px; margin-top: 0.4em; color: #00D936; display: block; letter-spacing: -1px;}
.tituloBoteOtros{ font: 13px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#666; font-weight: bold; text-transform: uppercase;}
.textoBoteOtros{ font: 14px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#ff0000; font-weight: bold;}
.textoFechaOtros{ font: 13px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#666; font-weight: normal; display: block; padding-bottom: 5px;}
.tituloOtrosBotes{ font:300 18px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#666; font-weight: bold;}
.centremonos
{
    text-align: center;
}
.bajandounpelin
{
    padding-top: 30px;
}
.hacialaizquierda
{
    text-align: left;
}
.hacialaderecha
{
    text-align: right;
}
.textoAzulClaroInicio
{
    color: #ABD2F1;
    font-size: 30px;
    display: inline;
}
.blanco40
{
    color: #fff;
    font-size: 40px;
    display: inline;
}
.blanco50
{
    color: #fff;
    font-size: 50px;
}
.textoPeque
{
    font-size: 12px; color: #666; line-height:13px;
}
.blanco12
{
    font-size: 12px; color: #fff; line-height:13px;
}
.avisos
{
    font-size: 12px; color: #ff0000;
}
.textoBoton
{
    font-size: 14px; color: #5EA4DD; line-height:13px; display: block;
}
.titulosEmpresa
{
    color: #338CD2;
    font-size: 17px;
    font-weight: bold;
    display: block;
    
}
.titulosEmpresaBlanco
{
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    display: block;
    
}
.titulosEmpresaVerde
{
    color: #00D936;
    font-size: 17px;
    font-weight: bold;
    display: block;
}
.highlight{ background: rgb(255,255,158);}

ul.nombres{
	float:left;
}

ul.nombres li{
	float:left;
	display:block;
	color: #BBBBBB;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    padding-bottom: 10px;
    width: 100%;
}

/* CAJAS CAJAS CAJAS CAJAS CAJAS CAJAS CAJAS */

.field {
	outline: none;
	color: #999;
	font-size: 16px;
	line-height: 16px;
	padding-left: 10px;
	border: 1px solid #ccc;
	height: 30px;
 }

.field:focus {
	outline: none;
	color: #999;
	font-size: 16px;
	line-height: 16px;
	padding-left: 10px;
	border: 1px solid #79B9E8;
	height: 30px;
}
.textBox {
	outline: none;
color: #666;
font-size: 13px;
line-height: 16px;
padding-left: 5px;
border: 1px solid #CCC;
height: 26px;
 }

.textBox:focus {
	outline: none;
	color: #666;
	font-size: 13px;
	line-height: 16px;
	padding-left: 5px;
	border: 1px solid #79B9E8;
	height:26px;
}

.textarea{
	outline: none;
	color: #999;
	font-size: 13px;
	line-height: 16px;
	padding-left: 10px;
	border: 1px solid #ccc;
	height: 30px;
 }

.textarea:focus {
	outline: none;
	color: #999;
	font-size: 13px;
	line-height: 16px;
	padding-left: 10px;
	border: 1px solid #79B9E8;
	height: 30px;
}


/* BOTONES */

.botonAzul
{
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    background-color:#348CD4;
    color: #fff!important;
    text-decoration:none!important;
    font-size: 18px;
    text-align:center;
    padding: 9px 18px 9px 18px;
    
}
.botonAzul:a
{
  
     border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    background-color:#348CD4;
    color: #fff;
    text-decoration:none!important;
    font-size: 18px;
    text-align:center;
    padding: 9px 18px 9px 18px;
    
}
.botonAzul:focus, .botonAzul:hover, .botonAzul:active
{
  
     border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    background-color: black;
    color: #348CD4;
    text-decoration:none!important;
    font-size: 18px;
    text-align:center;
    padding: 9px 18px 9px 18px;
    -webkit-box-shadow: 0px 1px 9px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 1px 9px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 1px 9px rgba(50, 50, 50, 0.5);
}
.botonBlanco
{
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    background-color:#fff;
    color: #bbb;
    text-decoration:none!important;
    font-size: 30px;
    text-align:center;
    padding: 9px 18px 9px 18px;
    border: solid 1px #bbb;
}
.botonBlanco:a
{
  border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    background-color:#fff;
    color: #bbb;
    text-decoration:none!important;
    font-size: 30px;
    text-align:center;
    padding: 9px 18px 9px 18px;
     border: solid 1px #bbb;
}
.botonBlanco:focus, .botonBlanco:hover, .botonBlanco:active
{
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    background-color: #348CD4;
    color: #fff;
    text-decoration:none!important;
    font-size: 30px;
    text-align:center;
    padding: 9px 18px 9px 18px;
    -webkit-box-shadow: 0px 1px 9px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 1px 9px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 1px 9px rgba(50, 50, 50, 0.5);        
}

/* LISTADO DÉCIMOS SOLIDARIOS ------------------------------------------------------------*/


.decimo
{
    width: 200px;
    height: 92px;
    float: left;
    background-image: url(/Web_2_0/Loteria_ImagenesComunes/Decimos/decimo_2012_102_R.jpg);
    background-repeat: no-repeat;
}
.numeroSolidario{
    width: 200px;
    height: 92px;
    float: left;
    padding: 8px 0px 0px 80px;
    font-size: 25px;
    color: #333;
    font-weight: bold;
}

/* LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS */

.linkRojo:active{
	color: #ff0000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.linkRojo:hover{ color: #950000; }

.linkSocial:link
{
	color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
	text-decoration: none;
	font-weight: bold;
}
.linkSocial:visited {
	color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
	text-decoration: none;
	font-weight: bold;
}
.linkSocial:active {
	color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
	text-decoration: none;
	font-weight: bold;
}
.linkSocial:hover 
{
	color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
	text-decoration: underline;
	font-weight: bold;
}

.linkSocialVerde
{
    background-color:#6BAADE;
    color: #fff;
    text-decoration:none!important;
    font-size: 14px;
    text-align:center;
    padding: 8px 15px 8px 15px;
    
}
.linkSocialVerde:a
{
    background-color:#6BAADE;
    color: #fff;
    text-decoration:none!important;
    font-size: 14px;
    text-align:center;
    padding: 8px 15px 8px 15px;
    
}
.linkSocialVerde:focus, .linkSocialVerde:hover, .linkSocialVerde:active
{
    background-color:#388FD5;
    color: #fff;
    text-decoration:none!important;
    font-size: 14px;
    text-align:center;
    padding: 8px 15px 8px 15px;
}

.linkLogin
{
	text-decoration: none;
	        color: #119DF7;
	        text-align:center;
	        font-size: 11px;
	        font-weight: bold;
	        text-shadow: 0 1px 0 #fff;
	        text-decoration: none;
	        background-color: #fff;
	        padding: 5px 5px 2px 5px;
	        
    
}
.linkLogin:link
{
	text-decoration: none;
	        color: #119DF7;
	        text-align:center;
	        font-size: 11px;
	        font-weight: bold;
	        text-shadow: 0 1px 0 #fff;
	        text-decoration: none;
	        background-color: #fff;
	        padding: 5px 5px 2px 5px;;
	        
   
}
.linkLogin:visited {
	text-decoration: none;
	        color: #119DF7;
	        text-align:center;
	        font-size: 11px;
	        font-weight: bold;
	        text-shadow: 0 1px 0 #fff;
	        text-decoration: none;
	        background-color: #fff;
	        padding: 5px 5px 2px 5px;;
	        
}
.linkLogin:active {
	text-decoration: none;
	        color: #119DF7;
	        text-align:center;
	        font-size: 11px;
	        font-weight: bold;
	        text-shadow: 0 1px 0 #fff;
	        text-decoration: none;
	        background-color: #fff;
	        padding: 5px 5px 2px 5px;;
	        
}
.linkLogin:hover 
{
	text-decoration: none;
	        color: #ffffff;
	        text-align:center;
	        font-size: 11px;
	        font-weight: bold;
	        text-shadow: 0 1px 0 #119DF7;
	        text-decoration: none;
	        background-color: #119DF7;
	        padding: 5px 5px 2px 5px;;
	        
}
.linkLoginPrimero:link
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 #055E98;
}
.linkLoginPrimero:visited {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 0 1px 0 #055E98;
}
.linkLoginPrimero:active {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 0 1px 0 #055E98;
}
.linkLoginPrimero:hover 
{
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	
}
a img  
{  
border: none;  
} 
/*a img  
{  
border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 24px;
    height: 16px;
}  */

.linkPaginador > td > table > tbody >  tr > td > span 
{
 color: #fff !important;
 font-weight: bold!important;
 font-family: Geneva, Arial, Helvetica, sans-serif !important;
 font-size: 14px !important;
 font-weight: bold !important;
 text-decoration: none !important;
 padding: 2px 7px 2px 7px!important;
 background-color: #777!important;
 border: solid 1px #888!important;
}
.linkPaginador > td > table > tbody >  tr > td > a:link
{
 color: #333 !important ;
 font-weight: bold !important;
 font-family: Geneva, Arial, Helvetica, sans-serif !important;
 font-size: 14px !important;
 font-weight: normal !important;
 text-decoration: none !important;
 padding: 2px 7px 2px 7px!important;
 border: solid 1px #CCCCCC!important;
}
.linkPaginador > td > table > tbody >  tr > td > a:visited {
 color: #333 !important;
 font-weight: bold!important;
 font-family: Geneva, Arial, Helvetica, sans-serif !important;
 font-size: 14px !important;
 font-weight: normal !important;
 text-decoration: none !important;
 padding: 2px 7px 2px 7px!important;
 border: solid 1px #CCCCCC!important;
}
.linkPaginador > td > table > tbody >  tr > td > a:active {
 color: #333 !important;
 font-weight: bold!important;
 font-family: Geneva, Arial, Helvetica, sans-serif !important;
 font-size: 14px !important;
 font-weight: normal !important;
 text-decoration: none !important;
 padding: 2px 7px 2px 7px!important;
 border: solid 1px #CCCCCC!important;
}
.linkPaginador > td > table > tbody >  tr > td > a:hover 
{
 color: #fff !important;
 font-weight: bold!important;
 font-family: Geneva, Arial, Helvetica, sans-serif !important;
 font-size: 14px !important;
 font-weight: normal !important;
 text-decoration: none !important;
 padding: 2px 7px 2px 7px!important;
 background-color: #777!important;
 border: solid 1px #888!important;
}

.buttonOtrosBotes
{
    background: #f3f3f3;
    background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f4f4f4));
    background: -moz-linear-gradient(top,#fefefe,#f4f4f4);
    background: -o-linear-gradient(top,#fefefe,#f4f4f4);
    border: solid 1px #bbb;
    color: #333!important;
    text-decoration:none!important;
    font: 12px Arial, sans-serif;
    padding: 4px 7px 4px 7px;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 0 1px 0 #fff;
}
 .buttonOtrosBotes:a
{
    background: #f3f3f3;
    background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f4f4f4));
    background: -moz-linear-gradient(top,#fefefe,#f4f4f4);
    background: -o-linear-gradient(top,#fefefe,#f4f4f4);
    border: solid 1px #bbb;
    color: #333!important;
    text-decoration:none!important;
    font: 12px Arial, sans-serif;
    padding: 4px 7px 4px 7px;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 0 1px 0 #fff;
}
 .buttonOtrosBotes:focus, .buttonOtrosBotes:hover, .buttonOtrosBotes:active
{
    background: #f3f3f3;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
    background: -moz-linear-gradient(top,#fff,#f3f3f3);
    background: -o-linear-gradient(top,#fff,#f3f3f3);
    border: solid 1px #999;
    color: #222!important;
    text-decoration:none!important;
    font: 12px Arial, sans-serif;
    padding: 4px 7px 4px 7px;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 0 1px 0 #fff;
}