body {
background: #000000;
font: 12px Arial;
color: #FFFFFF;
margin: 0;
padding: 0;
}
a {
text-decoration:none;
color:#01921b;
}
#content {
width: 920px;
margin: 10px auto;
}
h1 {
float: left;
margin: 0;
padding: 0;
}
#menu_principal, #menu_principal li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
/* Internas */
#submenu {
float: left;
width: 160px;
background: #FFFFFF url(/img/pie_submenu.jpg) bottom left no-repeat;
color: #000000;
font: 11px Arial;
text-transform: uppercase;
border-top: 10px solid #000000;
border-right: 28px solid #000000;
}
#submenu h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
position:relative;
top:10px;
left:10px;
text-transform:uppercase;
}
#submenu img {
margin: 18px 0 12px 20px;
padding: 0;
}
#submenu ul {
list-style: none;
margin: 0;
padding: 18px 0 14px 10px;
border-top: 1px solid #B2B2B2;
}
#submenu li {
list-style: none;
margin:0 0 8px 0;
padding: 0;
font: 11px/16px Arial;
line-height:normal;
}
#submenu li a{
text-decoration:none;
color:#000;
}
#submenu li a:hover{
color:#FF0000;
}
#interno {
float: left;
width: 730px;
margin: 0;
padding: 0;
border-top: 10px solid #000000;
}
#interno h2 {
margin: 10px 0 2px 0;
padding: 0;
}
#interno h3 {
margin: 0;
padding: 0;
font: 16px/20px Arial;
text-transform:uppercase;
}
#interno a{
color:#01921b;
}
#interno a:hover{
color:#CCC;
}
.eslogan {
font: 16px/20px Arial;
width: 484px;
}
.recuadro {
clear: both;
margin: 5px 0 0 0;
padding: 0;
background: #262626 url(/img/recuadro_top.gif) top left no-repeat;
border-top: 5px solid #000000;
}
.recuadro img{
margin:10px 0px;
}
.recuadro-simple {
clear: both;
margin: 5px 0 0 0;
padding: 20px;
background: #262626 url(/img/recuadro_top.gif) top left no-repeat;
border-top: 5px solid #000000;
}
.recuadro-simple p{
margin:0px;
margin-bottom:10px;
}
.recuadro-simple h4{
margin:0px;
margin-bottom:10px;
}
.recuadro-simple img{
margin-bottom:10px;
}
.recuadro h4{
text-transform:uppercase;
}
.apartado {
margin: 0;
padding: 0;
background: #262626 url(/img/recuadro_bottom.gif) bottom left no-repeat;
}
.textual {
float: left;
width: 470px;
min-height: 74px;
margin: 0 0 0 0;
padding: 12px 42px 0 32px;
border-right: 1px solid #000000;
font: 12px/16px Arial;
}
.textual h4 {
padding: 0px;
margin:0px;
}
.textual p {
margin: 0 0 16px 0;
padding: 0;
}
.iconos {
float: right;
width: 140px;
margin: 14px 16px 0 14px;
padding: 0;
}
.textual h4 {
font: bold 14px/16px Arial;
}
.icono {
float: left;
}
.boton {
float: right;
}
/* Pie */
#pie {
clear: both;
float: left;
width: 252px;
border-top: 32px solid #000000;
font: 11px Arial;
color: #FFFFFF;
}
#pie a, #pie a:link, #pie a:active, #pie a:visited, #pie a:hover {
text-decoration: none;
color: #FFFFFF;
}
#banner_quinielista {
float: right;
width: 352px;
border-top: 32px solid #000000;
}
/* Portada */
#mega {
clear: both;
width: 920px;
height: 347px;
background: #000000 url(/img/portada/fons.jpg) no-repeat;
border-top: 30px solid #000000;
border-bottom: 20px solid #000000;
}
#caja {
float: left;
margin: 14px 170px 2px 150px;
}
#downloads {
float: left;
width: 250px;
margin: 76px 0 30px 0;
line-height: 14px;
}
#version {
float: right;
background: #000000 url(/img/portada/bola.gif) no-repeat;
width: 56px;
height: 56px;
color: #000000;
font: bold 22px/56px Arial;
text-align: center;
}
#updated {
font: 12px Arial;
text-transform: uppercase;
color: #00921B;
}
#videos {
float: left;
width: 540px;
height: 252px;
margin: 0;
padding: 0;
background: #001604;
}
#videos_cap {
width: 540px;
height: 36px;
margin: 0;
padding: 0;
background: #006E15 url(/img/portada/cap_videos.jpg);
}
#videos_cap h2 {
float: left;
margin: 8px 0 8px 10px;
}
#mas_videos {
float: right;
margin: 8px 4px 8px 0;
}
#videos_units {
clear: both;
width: 520px;
height: 216px;
margin: 0 0 0 10px;
padding: 0;
}
#videos_units img {
margin: 8px 5px 2px 5px;
padding: 0;
}
#descripcion {
float: right;
width: 350px;
height: 252px;
background: #1A1A1A url(/img/portada/descripcion_fondo.gif) no-repeat;
color: #fff;
font: 11px Arial;
}
#descripcion h2 {
margin: 15px 0 20px 20px;
}
#descripcion p {
margin: 6px 12px 6px 20px;
}
/* General */
img {
border: 0;
margin: 0;
padding: 0;
}
img.atencion{
position:relative;
top:4px;}