.AreaIcono{
float:left;
height:71px;
margin-left:20px;
margin-top:20px;
width:72px
}
.AreaTitulo{
margin-bottom:30px;
margin-top:20px;
padding:10px 0px
}
.AreaTitulo h1{
color:#000000;
font-size:1.6em;
text-transform:uppercase
}
.Data{
background-image:url(../img/head_data.gif);
background-position:355px top;
background-repeat:no-repeat
}
.Icono{
float:left;
height:39px;
margin-left:20px;
width:36px
}
.Texto .Destacado{
color:#000000;
font-size:1em
}
.Texto .VerMas{
color:#000000;
float:left;
font-size:0.7em;
height:10px;
line-height:10px;
margin-top:30px
}
.Texto .VerMas a{
color:#73b344;
text-decoration:none
}
.Texto li{
float:left
}
.Texto ul{
clear:left;
margin-top:40px;
width:560px
}
#AreaContenido{
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:900px
}
#AreaTitulo{
background-color:#73b344;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding:30px;
width:840px
}
#AreaTitulo .VerMas{
color:#ffffff;
float:right;
font-size:0.7em;
height:10px;
line-height:10px;
margin-top:5px
}
#AreaTitulo .VerMas a{
color:#ffffff;
text-decoration:none
}
#AreaTitulo .VerMas a:hover,.Texto .VerMas a:hover{
text-decoration:underline
}
#AreaTitulo h1{
color:#ffffff;
float:left;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
text-transform:uppercase
}
#Barra{
float:left;
margin-left:20px;
width:300px
}
#Barra .Degrade{
background-image:url(../img/bg_degrade_verde_software.jpg);
background-position:left top;
background-repeat:repeat-y;
float:left;
font-size:0.7em;
height:20px;
line-height:20px;
padding-right:10px;
text-align:right;
width:234px
}
#Barra .Multimedia{
float:left;
width:300px
}
#Barra .Multimedia .Contenido{
border:3px solid #cccccc;
float:left;
margin-top:10px;
width:280px
}
#Barra .Servicios{
float:left;
margin-bottom:20px;
margin-top:20px;
width:300px
}
#Barra .Servicios   .ItemUltimo{
float:left;
font-size:0.7em;
font-weight:normal;
height:40px;
line-height:40px;
text-indent:20px;
text-transform:uppercase;
width:280px;
margin-left: 20px;
background-image: url(../img/ico_flecha_roja_izq.gif);
background-repeat: no-repeat;
background-position: 0px;
}
#Barra .Servicios .Item{
border-bottom:1px dotted #4d4d4d;
font-size:0.7em;
font-weight:normal;
line-height:40px;
text-indent:20px;
text-transform:uppercase;
float: left;
width: 280px;
margin-left: 20px;
background-image: url(../img/ico_flecha_roja_izq.gif);
background-repeat: no-repeat;
background-position: 0px;
}
#Barra .Servicios .Item a:hover,#Barra .Servicios .ItemUltimo a:hover{
color:#6bbb4c;
text-decoration:none
}
#Barra .Titulo{
color:#000000;
float:left;
font-size:0.9em;
font-weight:bold;
height:20px;
margin-left:10px;
text-transform:uppercase
}
#ContenedorHead{
border-bottom:1px dotted #4d4d4d;
width:100%
}
#Contenido{
float:left;
width:580px
}
#Contenido .Texto{
float:left;
padding:20px
}
#Contenido .Titulo{
color:#000000;
float:left;
font-size:0.9em;
font-weight:bold;
height:20px;
margin-left:10px;
margin-top:7px;
text-transform:uppercase
}
.Servicios a{
color:#000000;
text-decoration:none
}
.Item_activo{
border-bottom:1px dotted #4d4d4d;
font-size:0.7em;
float:left;
font-weight:normal;
height:40px;
line-height:40px;
text-indent:20px;
text-transform:uppercase;
margin-left: 20px;
width: 280px;
background-image: url(../img/ico_flecha_roja_izq.gif);
background-repeat: no-repeat;
background-position: 0px;
color:#6bbb4c;
text-decoration:none
}
.ItemUltimo_activo{
font-size:0.7em;
font-weight:normal;
line-height:40px;
text-indent:20px;
text-transform:uppercase;
float: left;
margin-left: 20px;
background-image: url(../img/ico_flecha_roja_izq.gif);
background-repeat: no-repeat;
background-position: 0px;
color:#6bbb4c;
text-decoration:none
}