body {
margin: 0 auto;
padding:0;
color:#00337f;
background-color:#d7edfb;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}
/**/
a {color:#00337f; text-decoration:none;}
p {font-size:70%;}
acronym { border-bottom: 1px dotted #00337f;}
ol {list-style-type:decimal;}
ul {list-style-type:none;}
a img {border: 0 none;}
/**/
#contenedor {
width:823px;
padding:0;
text-align:left;
margin: 20px auto;
}
/**/
#cabecera{
float:left;
width:823px;
height:238px;
background:#d7edfb url(../images/cabecera.gif) no-repeat 0% 0%;
}

#cabecera ul {
width: 280px;
float:right;
margin:5px 0 0 0;
font-size:65%;
list-style-type:none;
}
#cabecera li {
display:inline;
margin: 0 5px 0 0;
padding: 0 3px 0 0;
border-right: 1px solid #00337f; }

#cabecera li.ultimo {border: 0 none;}

#cabecera li a {text-decoration:none; color:#00337f;}

#cabecera h1 {
float:left;
width:400px;
height:100px;
font-size:70%;
color:#00337f;
background: url(../images/adapta_soluciones.gif) no-repeat 0% 20%;
margin: 83px 0 0 25px;
font-weight:bold;
}

#cabecera h1 a {
text-decoration:none;
float:left;
color:#00337f;
padding: 70px 0 0 73px;
}

/**/
#contenido {
float:left;
width:823px;
background:#d7edfb url(../images/fondo_info.gif) repeat 0% 0%; 
}
/**/
#info {
float:right;
width:600px;
}

#info h2 {
float:left;
background:#ffffff url(../images/fondo_h1.gif) no-repeat 0% 0%; 
width:520px;
height:40px;
font-size: 90%;
margin: 0 0 0 0;
padding:15px 0 0 30px;
}

#info h2 a{
text-decoration:none;
color:#00337f;
}

/*#info h2 {
font-size:80%;
width:194px;
height:30px;
margin: 5px 5px 0px 5px;
padding: 0 0 0 10px;
background: #ffffff url(../images/fondo_h2.gif) no-repeat 10% 60%;
float:left;clear:left;
} */

#info h3 {float:left;clear:left; font-size:80%;
color:#F19E34;
margin: 5px 5px 5px 15px;
padding: 0px;
width:50%;
}

#info h3.portada {
float:left;
color:#00337f;
background:#ffffff url(../images/fondo_h1.gif) no-repeat 0% 0%; 
width:520px;
height:40px;
font-size: 90%;
margin: 0 0 0 0;
padding:15px 0 0 30px;
}
#info h3.portada a{
text-decoration:none;
color:#00337f;
}

#info h3.sentencia {width:80%; font-weight:normal;}

#info h3.noticia {width:80%; color:#00337f;}

#info h4 {float:left;clear:left; font-size:80%;
margin: 5px 5px 5px 15px;
padding: 0px;
width:70%;
}

#info p {
float:left; 
width:80%;margin: 5px 10px 5px 15px;}

#info p.servicios {
float:left; 
width:60%;margin: 5px 10px 5px 15px;}

#info p.fecha {
width:80%;
padding: 5px 10px 20px 0;
text-align:right;
font-style:italic;
background: #ffffff url(../images/separador_noticia.gif) no-repeat 100% 0%;
}

#info  a {
color:#F19E34;
text-decoration:underline;
}

#info a.enlaces {color:#00337f;}

#info a.cerrar {
display:block;
float:right;
font-size:0.8em;
font-weight:bold;
margin: 0px 30px 0px 10px;
padding: 10px 0 10px 30px;
background: #ffffff url(../images/icono_cerrar.gif) no-repeat 0% 0%;
}


#info li {margin:5px 0 5px 0; width:90%;}

#info ul.servicios {
float:left;clear:left;
}

#info ul.servicios li {
float:left;clear:left;
padding:0 0 0 12px;
background:url(../images/fondo_li.gif) no-repeat 0% 50%;
width:410px;
display:block;
margin: 0 0 5px 0;
font-size:70%;
}

#info ul.legislacion {
float:left;clear:left;
list-style-type:none;
font-size:75%;
width:326px;
margin: 0 0 0 70px;
padding: 30px 0 0 50px;
height: 168px;
background: #ffffff url(../images/fondo_ul_legislacion.gif) no-repeat 0% 0%;
}
#info ul.legislacion li {
margin:3px;
padding:0;
}
#info ul.legislacion a {color:#00337f;}
#info ul.legislacion a:hover {color:#00337f;text-decoration:underline;}
#info ul.legislacion a.current {color:#f5aa13;text-decoration:underline;}


#info ul ul {list-style-type:none; font-size:90%;}

/**/
#info ul.legislacion2 {
float:left;clear:left;
list-style-type:none;
font-size:75%;
width:326px;
margin: 0 0 0 70px;
padding: 30px 0 0 50px;
height: 260px;
background: #ffffff url(../images/fondo_ul_legislacion2.gif) no-repeat 0% 0%;
}

#info ul.legislacion2 li {
margin:3px;
padding:0;
}
#info ul.legislacion2 a {color:#00337f;}
#info ul.legislacion2 a:hover {color:#00337f;text-decoration:underline;}
#info ul.legislacion2 a.current {color:#f5aa13;text-decoration:underline;}

#info ul.legislacion2 ul {list-style-type:none; font-size:90%; margin:0 0 0 15px;padding:0;}

/******/
#info ul.clientes {
margin:0;
padding:0;
float:left;
width:520px;
}


#info ul.clientes li {
width:250px;
height: 180px;
float:left;
background:#ffffff url(../images/fondo_ul_clientes.gif) no-repeat 0% 0%;
}

#info ul.clientes li h3 {width:200px; color:#ffffff; font-size:70%;padding: 0 0 0 10px;}
#info ul.clientes li p{
padding: 10px 10px 10px 10px; width:200px; 
}

#info ul.clientes li p a{
color:#00337f;
}

#info ul.clientes li p img{
margin:10px 0 0 0;
padding:0;
}

#info ul.clientes2 {
width: 520px;
margin:0;
padding:0;
float:left;}

#info ul.clientes2 li {
width:240px;
height: 30px;
font-size:80%;
padding: 10px 0 5px 0;
margin:0 10px 0 10px;
border-top: 1px dotted #cccccc;
float:left;

}
/**/
#info dl {
float:left;
clear:both;
width:550px;
margin: 10px 0 10px 5px;
font-size:70%;
}

#info dt {
width:100%;
clear:left;
font-weight:bold;
color:#f5aa13; margin: 5px 5px 5px 0;
}
#info dd {
float:left;
width:95%;
margin:5px 5px 18px 0;
}
#info dt p {width:100%; margin:0;}
#info dt .destaca {width:100%; margin:15px 0 0 0; color:#00337f;}
#info dd p {width:90%;}
#info dl dl {font-size:100%; width:500px;}
#info dl p {font-size:100%; width:500px;}
#info dd ol {font-size:100%; margin:0 0 10px 10px; padding: 0;}
#info dd ol ol {font-size:100%; margin:0 0 10px 10px; padding: 0;}

#info ol{ float:left;clear:both; width:95%; font-size: 110%; margin:10px; padding:0;}
#info ol li{ float:left; clear:left;}
#info a.subir {
float:right;
color:#00337f;
margin:0px 0px 0px 0px;
padding: 6px 0 0 35px;
width:101px;
height:23px;
background: #ffffff url(../images/subir.gif) no-repeat 0% 0%;
}
/**/
#info ul.colab {float:left; clear:left; margin:0; }
#info ul.colab li {float:left; clear:left; margin:20px 0;}
#info ul.colab h2 {float:left; font-size: 80%;}
#info ul.colab img{float:left; clear:left; margin: 10px;}
#info ul.colab p {float:right; text-align:left; width: 270px; font-size: 70%; margin:10px 80px 0 0;}
/**/
#contenedor_menu {
float:left;
width:202px;
height:580px;
background:#d7edfb url(../images/fondo_lateral.gif) no-repeat 0% 0%;
margin:0 0 0 16px;
}

#contenedor_menu ul {list-style-type:none;}

#contenedor_menu a {
font-size: 75%;
width:125px;
display:block;
margin:6px 6px 6px 0;
padding:0 0 8px 5px;
}
#contenedor_menu a:hover {
background: url(../images/hover_menu.gif) no-repeat 0% 90%;
}
#contenedor_menu a.current {
font-weight:bold;
background: url(../images/hover_menu.gif) no-repeat 0% 90%;
}

#contenedor_menu form {float:left;
margin:50px 0 0 15px;
width:150px;
}

#contenedor_menu form h2 {margin: 0px 0 10px 25px;font-size:70%;}
#contenedor_menu p {margin: 7px 0  0 30px;}
#contenedor_menu input {height:13px; float:left;clear:left;margin:3px;}
#contenedor_menu .boton {margin: 5px 0 0 40px;height:20px;}



/**/
#info ul.menu_info {
float:left;
margin: 15px 20px 0 0px;
padding:20px 10px 0 20px;
width:148px;
height:214px;
list-style-type:none;
background: #ffffff url(../images/fondo_menu_info.gif) no-repeat 0% 0%;
}
#info ul.menu_info li {
display:block;
background:url(../images/fondo_li.gif) no-repeat 0% 80%;
margin:5px 0 3px 8px;
padding: 0 0 0 7px;
}
#info ul.menu_info li.sinfondo {background:transparent;margin:5px 0 3px 0px;}
#info ul.menu_info li a {
font-size:60%;
margin:5px 3px 5px 3px;
color:#00337f;
}


/**/
#info ol {
font-size:70%;
list-style-type:none;
}

#info ol li {margin:10px;}

/**/
#pie {
float:left;
height:302px;
width:823px;
margin:0;
padding:19px 0 0 0;
background:#d7edfb url(../images/fondo_pie.gif) no-repeat 0% 0%;
}

#pie  p {margin: 4px 0 0 0; text-align:center; }
#pie  p.logo  a {float:left; width: 90%; margin: 20px 0 0 0; }
#pie  p.logo a img { text-align:center; border:0 none;}

#pie ul {
width: 500px;
float:left;
margin:5px 0 10px 200px;
font-size:70%;
list-style-type:none;
}
#pie li {
display:inline;
margin: 0 5px 0 0px;
padding: 0 3px 0 0;
border-right: 1px solid #00337f; }

#pie li.ultimo {border: 0 none;}

#pie li a {text-decoration:none; color:#00337f;}

/**/
#dhtmltooltip {
position: absolute;
width: 150px;
padding: 2px;
color:#000000;
border: 1px solid red;
background-color: blue;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/**/

a.screen, a.screen:visited {
position:relative; 
z-index:1;
cursor:help;
}
a.screen dfn {
position:absolute;
font-size:100%;
background-color:#c5e6f9;
color:#000066;
visibility:hidden;
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
left:90%; /* position:the image */
top:-50px;
width:200px;
padding:50px 20px 10px 20px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover dfn {
visibility:visible; 
width:200px;
height:179px; 
cursor:pointer; /* for IE */
z-index:500; 
text-decoration:none;
background:transparent url(../images/fondo_p_hover.gif) no-repeat 0% 0%;
}


/*lopd */
#list2 dt {
cursor:pointer;
color:#00337f;
background: url(../images/fondo_h2.gif) no-repeat 50% 0%;
padding: 20px 0 20px 0;
}
