body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#706f6f;
font-size:.7em;
margin:0 auto;
text-align:center;}

#todo{
	width:73em;
	margin: 0 auto;
}

#contenido{
width:72em;
margin-top:6em;
text-align:left;
}

.textcolor{
color:#EE7915;}

.textcolordos{
color:#A4A5A4;}

img
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*bloque Izquierda---------------------------------------------------------------------------------*/

#bloqueIzquierda{
width:20em;
float:left;
margin-right:2.5em;
margin-top:1.4em;
}
#bloqueIzquierda .logo{
margin-left:3.8em;}
/*menu izquierda servicios desplegados-----*/
#bloqueIzquierda #menu{
margin-left:1em;
padding-left:1em;
padding-top:.2em;}
#bloqueIzquierda #menu li{
background:url(../img/comun/bg_menu_li.jpg) no-repeat 0 bottom;
font-weight: bolder;
list-style:none;
height:1.8em;
padding-top:.4em;
padding-left:3em;
margin-right:.5em;
}
#bloqueIzquierda #menu .servicios{
height:8.2em;

background:url(../img/comun/bg_despl_activo.gif) no-repeat 0 top;
}
#bloqueIzquierda #menu li a{
color:#706f6f;
text-decoration:none;}

#bloqueIzquierda #menu li a:hover{
text-decoration:underline;}

#bloqueIzquierda #menu li ul{
font-size:.8em;
margin-top:1.25em;
margin-left:0em;
padding-left:0em;
}

#bloqueIzquierda #menu li ul li{
background:url(../img/comun/ico_submenu.jpg) no-repeat -.4em 1.1em;
margin-top:-.8em;
margin-bottom:.5em;
}

#bloqueIzquierda #menu .textcolor a{
color:#EE7915;}

#bloqueIzquierda #menu .textcolordos a{
color:#A4A5A4;}

/*Acceso clientes-------------------------*/
#bloqueIzquierda #accesoClientes{
background:url(../img/home/bg_accesoclientes.jpg) no-repeat 2em 0em;
padding-left:3.5em;
margin-top:2.5em;
height:19em;
}

#bloqueIzquierda #accesoClientes .acceso{
color:#FFFFFF;
font-weight:bolder;
padding-top:.5em;
font-size:1.1em;
}

#bloqueIzquierda #accesoClientes dl{
margin-top: .3em;
margin-bottom:0;
}
html>/**/body #bloqueIzquierda #accesoClientes dl{
padding-top: .3em;}


#bloqueIzquierda #accesoClientes dl dt{
margin-bottom: .1em;
margin-top: .5em;
}

#bloqueIzquierda #accesoClientes dl dd{
margin-bottom: .2em;
margin-left:0;
}

#bloqueIzquierda #accesoClientes dl dd .usuario{
border:#7D7D7F solid 1px;
}

#bloqueIzquierda #accesoClientes dl dd .contrasena{
border:#7D7D7F solid 1px;
}

#bloqueIzquierda #accesoClientes .recordar{
margin-top:0;
font-size:.85em;
margin-left:-.3em;
margin-bottom:0;}

#bloqueIzquierda #accesoClientes .recordar .check{
border-color:#7D7D7F;}

#bloqueIzquierda #accesoClientes .ir{
margin:0;
margin-top:-.8em;
}
html>/**/body #bloqueIzquierda #accesoClientes .ir{
margin:0;
margin-top:-.6em;
}

#bloqueIzquierda #accesoClientes .ir a{
color:#FFFFFF;
margin-left:12.5em;
text-decoration:none;
font-weight:bolder;
}

/*bloque Derecha---------------------------------------------------------------------------------*/

#bloqueDerecha{
margin-left:20em;
height:47em;
}
/*menu superior-------------------------*/
#bloqueDerecha #menuSup{
background:url(../img/home/linea_menusup.gif) no-repeat -3.8em .4em;
text-align:right;
margin-bottom:.2em;
margin-right:2.1em;}
html>/**/body #bloqueDerecha #menuSup{
background:url(../img/home/linea_menusup.gif) no-repeat 2em .4em;}
#bloqueDerecha #menuSup li{
list-style:none;
display:inline;}
#bloqueDerecha #menuSup .barra{
color:#706f6f;
margin-left:.5em;
margin-right:.5em;}
#bloqueDerecha #menuSup li a{
text-decoration:none;
color:#706f6f;}
#bloqueDerecha #menuSup li a:hover{
text-decoration: underline;
}
#bloqueDerecha #menuSup .textcolor a{
color:#EE7915;}

/*cabecera-------------------------------*/
#bloqueDerecha #menuSup .cabecera{
margin-top:0;
margin-bottom:0;
}

/*h1 y parrefo principal-----------------*/
#bloqueDerecha .bg_titulo{
background:url(../img/comun/bg_tituo.gif) repeat-x top left;
height:2.5em;
margin-left:.5em;
margin-right:.32em;
padding-right:.32em;
margin-top:0.5em;
}
html>/**/body #bloqueDerecha .bg_titulo{
margin-left:2.8em;
}
#bloqueDerecha h1{
background:url(../img/home/ico_h1.gif) no-repeat 0.5em .15em;
margin-top:-1.5em;
font-size:1.5em;
padding-left:2.2em;
color:#EE7915;}
html>/**/body #bloqueDerecha h1{
margin-top:-2.1em;
background:url(../img/home/ico_h1.gif) no-repeat 1.9em .15em;
padding-left:3.5em;}

#bloqueDerecha .parrafo{
margin-left:3.5em;
margin-top:-.3em;
width:41em;
margin-bottom:1.2em;
}
html>/**/body #bloqueDerecha .parrafo{
margin-left:5.7em;
}

/*bloques 3 columnas----------------------*/
#bloqueDerecha h2{
color:#EE7915;
font-size:1.5em;
margin-top:.9em;
margin-left:.1em;
}
html>/**/body #bloqueDerecha h2{
margin-left:-2.2em;
}
#bloqueDerecha h3{
font-size:1.2em;
margin-left:.3em;
margin-bottom:.2em;
line-height:.9em;
}

#bloqueDerecha #bloques{
background:url(../img/home/bg_bloques.jpg) no-repeat 0em 0em;
margin-left:0.25em;
height:20em;
margin-top: -1.2em;
}
html>/**/body #bloqueDerecha #bloques{
background:url(../img/home/bg_bloques.jpg) no-repeat 2.2em -1.3em;
height:20em;
margin-top: 2.3em;
}
#bloqueDerecha #bloques li{
list-style:none;
display:inline;
margin-right:1em;
margin-left:1.3em;
margin-top:-.8em;
}

html>/**/body #bloqueDerecha #bloques li{
margin-left:0em;
margin-top:-1.4em;

}

#bloqueDerecha #bloques li p{
width:13em;
color:#5A5E5F;
font-size:.95em;
margin-top:.1em;
line-height:1em;
}

#bloqueDerecha #bloques li .margenimg{
margin-top:1.02em;}

#bloqueDerecha #bloques li a{
text-decoration:none;
color:#EE7915;
}

#bloqueDerecha #bloques li a:hover{
text-decoration:underline;
}

#bloqueDerecha #bloques #columnaUno{
float:left;
width:14em;

}
#bloqueDerecha #bloques #columnaDos{
float:left;
width:14em;
margin-left:1.4em;
}
#bloqueDerecha #bloques #columnaTres{
float:left;
width:14em;
margin-left:1.2em;
}
#bloqueDerecha #bloques #columnaTres img{
margin-top:-.1em;
}
#bloqueDerecha #bloques #columnaTres .fundacion{
color:#5A5E5F;
}
/*pie---------------------------------------------------------------------------------------*/
#pie{
background:url(../img/comun/bg_pie.gif) repeat-x 0 0;
text-align:right;
padding-top:.05em;
padding-right:.8em;
margin-top:12em;
margin-left:2.1em;
margin-right:.4em;}
#pie p{
margin-top:.3em;
padding:0;
margin-bottom:2em;}
#pie p a{
color:#706f6f;
text-decoration:none;
}
#pie p a:hover{
text-decoration:underline;
}
