/* CSS Document */

BODY{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:10px;
background-image:url(Images/fondo_pagina1.gif);
background-repeat:no-repeat;
background-position:top left;
}

a:link {color: #0099CC;text-decoration: none;}
a:visited {text-decoration: none;color: #0099CC;}
a:hover {text-decoration: none;color:#666666;}
a:active {text-decoration: none;}

a.blanco:link {color: #FFFFFF;text-decoration: none;}
a.blanco:visited {text-decoration: none;color: #FFFFFF;}
a.blanco:hover {text-decoration: none;color: #000000;;}
a.blanco:active {text-decoration: none;}

#capa_fondo{
background-color:#FFFFFF;
width:860px;
margin:auto;
text-align:center;
}
#contenedor{
margin:auto;
background-color:#e6e6e6;
width:840px;}

#cabecera{
width:820px;
height:55px;
background-image:url(Images/loto_heading.gif);
text-align:right;
margin:0;
padding:20px 20px 0 0;
}



#cabecera h1{
display:none;}

#contenido{
background-image:url(Images/fondo_contenido.gif);
padding:0 0 5px 30px;
}


#izquierda{
float:left;
width:155px;
}

#logotipo_programa{
background-image:url(Images/fondo_logo.gif);
height:122px;
width:155px;
padding-top:3px;
}

#central{
float:left;
text-align:left;
margin:0 0 0 15px;
width:395px;
}

#titulo{
background-image:url(Images/fodo_nombre_soft.gif);
background-repeat:no-repeat;
width:405px;
height:85px;
padding:20px;}



#central h2 {
margin:0;
color:#3399CC;
font-size:16px;
}


#central h3 {
padding:0;
margin:0;
font-size:12px;
}

#derecha{
float:right;
padding:0 22px 0 0;
}

#btn_descarga{
width:168px;
height:105px;
background-image:url(Images/btn_gdescarga.gif);
background-repeat:no-repeat;
background-position:bottom left;
margin:0 0 14px 0;
padding:20px 0 0 0;
text-align:center;
}


#publicidad{
	width:155px;
	height:645px;
	margin:15px 0 0 0;
	padding-top: 20px;
	background: url(Images/fondo_publi.gif) no-repeat;
}
#publicidad #adsense {
	padding: 10px;
}


#pie{
clear:both;
width:600px;

}

#pie1{
clear:both;
width:840px;
height:35px;
background-image:url(Images/fondo_pie.gif);
padding:20px 0 0 0;
}




#principal{
width:435px;
background-image:url(Images/fondo_principal.gif);
background-repeat:repeat-y;
margin-top:15px;
padding:0;
}



#principal h4{
background-image:url(Images/fondo_ti_principal.gif);
color:#FFFFFF;
background-repeat:no-repeat;
margin:0;
padding:15px 20px 20px 20px;
width:405px;
font-size:14px;
}



#descargas_software p,
#principal p {
margin:10px 25px 0 20px;}

#descargas_software .pie,
#principal .pie {
background-image:url(Images/bottom_principal.gif);
background-repeat:no-repeat;
width:435px;
height:20px;
background-position:bottom left;
}



#descargas_software {
width:435px;
background-image:url(Images/fondo_principal.gif);
background-repeat:repeat-y;
margin-top:15px;
padding:0;
}



#descargas_software img{
margin:0 0 0 10px;
}

#descargas_software h4{
background-image:url(Images/fondo_ti_principal.gif);
color:#FFFFFF;
background-repeat:no-repeat;
margin:0;
padding:15px 20px 20px 20px;
width:405px;
font-size:11px;
font-weight:normal;
}


h5 {
margin:15px 0 0 20px;
color:#3399CC;
font-size:14px;
}



#botonp_descarga{
	background-image:url(Images/fondo_btnp.gif);
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 5px 20px 0px 10px;
	height: 28px;
	margin: 20px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
}


#enlaces_relacionados {
text-align:left;
}

h6 {
	text-align:left;
	background-image:url(Images/fondo_relacionados.gif);
	background-repeat:no-repeat;
	margin:0;
	width:138px;
	height:58px;
	padding:10px 10px 0 20px;
	font-size:11px;
	color:#FFFFFF;
	vertical-align: middle;
	line-height: 15px;
}


#enlaces{
background-image:url(Images/fondo_relacionados_main.gif);
background-repeat:repeat-y;
background-position:bottom left;
width:128px;
margin:-17px 0 0 0;
padding:20px 20px 50px 20px;
}

#enlaces p {
margin:3px 0 10px 0;}

#enlaces a{
	font-weight:bold;
	font-size:12px;
	line-height:12px;
}


.logo{
float:left;
margin:-20px 0 0 0;}

.descargar {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

/* VERDE */

.verde-page{background-image:url(Images/verde/fondo_pagina1.gif)}
.verde-page #principal h4 {background-image:url(Images/verde/fondo_ti_principal.gif);}
.verde-page a:visited{color:#009900;}
.verde-page a:link{color:#006633;}
.verde-page a:hover{color:#990000;}
.verde-page #cabecera{background-image:url(Images/verde/loto_heading.gif);}
.verde-page #titulo{background-image:url(Images/verde/fodo_nombre_soft.gif);}
.verde-page #central h2{color:#006600;}
.verde-page #btn_descarga{background-image:url(Images/verde/btn_gdescarga.gif);}
.verde-page #pie1{background-image:url(Images/verde/fondo_pie.gif);}
.verde-page #principal{background-image:url(Images/verde/fondo_principal.gif);}
.verde-page #descargas_software .pie,
.verde-page #principal .pie{background-image:url(Images/verde/bottom_principal.gif);}
.verde-page #descargas_software{background-image:url(Images/verde/fondo_principal.gif);}
.verde-page #descargas_software h4 {background-image:url(Images/verde/fondo_ti_principal.gif);}
.verde-page h5{color:#006600;}
.verde-page #botonp_descarga{
	background-image:url(Images/verde/fondo_btnp.gif);
	border-top-color: #009933;
}
.verde-page h6{background-image:url(Images/verde/fondo_relacionados.gif);}
.verde-page #enlaces{background-image:url(Images/verde/fondo_relacionados_main.gif);}

/* ROJO */

.rojo-page{background-image:url(Images/rojo/fondo_pagina1.gif)}
.rojo-page #principal h4 {background-image:url(Images/rojo/fondo_ti_principal.gif);}
.rojo-page a:visited{color:#660000;}
.rojo-page a:link{color:#cc3300;}
.rojo-page a:hover{color:#CC0000;}
.rojo-page #cabecera{background-image:url(Images/rojo/loto_heading.gif);}
.rojo-page #titulo{background-image:url(Images/rojo/fodo_nombre_soft.gif);}
.rojo-page #central h2{color:#CC3300;}
.rojo-page #btn_descarga{background-image:url(Images/rojo/btn_gdescarga.gif);}
.rojo-page #pie1{background-image:url(Images/rojo/fondo_pie.gif);}
.rojo-page #principal{background-image:url(Images/rojo/fondo_principal.gif);}
.rojo-page #descargas_software .pie,
.rojo-page #principal .pie{background-image:url(Images/rojo/bottom_principal.gif);}
.rojo-page #descargas_software{background-image:url(Images/rojo/fondo_principal.gif);}
.rojo-page #descargas_software h4 {background-image:url(Images/rojo/fondo_ti_principal.gif);}
.rojo-page h5{color:#CC3300;}
.rojo-page #botonp_descarga{
	background-image:url(Images/rojo/fondo_btnp.gif);
	border-color: #FF0000;
}
.rojo-page h6{background-image:url(Images/rojo/fondo_relacionados.gif);}
.rojo-page #enlaces{background-image:url(Images/rojo/fondo_relacionados_main.gif);}

/* NARANJA */

.naranja-page{background-image:url(Images/naranja/fondo_pagina1.gif)}
.naranja-page #principal h4 {background-image:url(Images/naranja/fondo_ti_principal.gif);}
.naranja-page a:visited{color:#993300}
.naranja-page a:link{color:#cc3300;}
.naranja-page a:hover{color:#000000;}
.naranja-page #cabecera{background-image:url(Images/naranja/loto_heading.gif);}
.naranja-page #titulo{background-image:url(Images/naranja/fodo_nombre_soft.gif);}
.naranja-page #central h2{color:#CC3300;}
.naranja-page #btn_descarga{
	background-image:url(Images/naranja/btn_gdescarga.gif);
	text-align: center;
}
.naranja-page #pie1{background-image:url(Images/naranja/fondo_pie.gif);}
.naranja-page #principal{background-image:url(Images/naranja/fondo_principal.gif);}
.naranja-page #descargas_software .pie,
.naranja-page #principal .pie{background-image:url(Images/naranja/bottom_principal.gif);}
.naranja-page #descargas_software{background-image:url(Images/naranja/fondo_principal.gif);}
.naranja-page #descargas_software h4 {background-image:url(Images/naranja/fondo_ti_principal.gif);}
.naranja-page h5{color:#CC3300;}
.naranja-page #botonp_descarga{
	background-image:url(Images/naranja/fondo_btnp.gif);
	border-color: #FF6600;
}
.naranja-page h6{background-image:url(Images/naranja/fondo_relacionados.gif);}
.naranja-page #enlaces{background-image:url(Images/naranja/fondo_relacionados_main.gif);}
