/* Copyright (c) Inversiones Onak, S.L. */

/* ------ características base genéricas ------ */
* {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-width: 1px;			/* thin | medium | thick | <length> */
border-color: #000000;		/* <color> | transparent | inherit */
border-style: none;			/* none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset */
/* border-top-width, border-right-width, border-bottom-width, border-left-width */
/* border-top-color, border-right-color, border-bottom-color, border-left-color */
/* border-top-style, border-right-style, border-bottom-style, border-left-style */
color: #000000;				/* foreground color */
font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;	/* [ <family-name> | <generic-family> ] */
font-style: normal;			/* normal | italic | oblique | inherit */
font-variant: normal;		/* normal | small-caps -> las minusculas son como las mayúsculas pero más pequeñas */
font-weight: normal;		/* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit */
font-size: 10pt;			/* <absolute-size> | <relative-size> | <length> | <percentage> | inherit */
text-indent: 0px;			/* justificación de la primera línea de un párrafo */ 
text-align: left;			/* left | right | center | justify | inherit */
text-decoration: none;		/* none | [ underline || overline || line-through || blink ] | inherit */
text-transform: none;		/* capitalize | uppercase | lowercase | none | inherit */
letter-spacing: normal;		/* normal | <length> | inherit */
word-spacing: normal;		/* normal | <length> | inherit */
white-space: normal;		/* normal | pre | nowrap | pre-wrap | pre-line | inherit */
list-style-type: disc;		/* disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit */
list-style-image: none;		/* <uri> | none | inherit */
list-style-position: inside;	/* inside | outside | inherit */
}

/* cuerpo del html */
body {
background-color: #E6E7E8;		/* <color> | transparent | inherit */
background-image: url("imagenes/fondo.gif");	/* <uri> | none | inherit */
background-repeat: no-repeat;	/* repeat | repeat-x | repeat-y | no-repeat | inherit */
background-attachment: fixed;	/* scroll | fixed | inherit */
background-position: 0px 0px;	/* [ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit */
cursor: url("micursor.cur"), auto;	/* [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit */
}

/* ------ contenedores ------ */

/* id del marco de trabajo */
#marco {
display: inline;			/* inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit */
position: absolute;			/* static | relative | absolute | fixed | inherit */
float: none;				/* left | right | none | inherit */
clear: none;				/* none | left | right | both | inherit */
top: 0px;					/* <length> | <percentage> | auto | inherit */
right: auto;				/* <length> | <percentage> | auto | inherit */
bottom: auto;				/* <length> | <percentage> | auto | inherit */
left: 0px;					/* <length> | <percentage> | auto | inherit */
}

/* id de la parte común de menú */
#menu {
position: fixed;
margin-top: 30px;
margin-left: 10px;
width: 100px;
}

#menutable {
width: 115px;
vertical-align: top;
}

/* id de la selección del idioma */
.idioma {
text-align: center;
word-spacing: 5px;
margin-bottom: 60px;
}

/* id de la parte común de contenido */
#contenido {
margin-top: 20px;
margin-right: 35px;
margin-bottom: 20px;
margin-left: 45px;
}

/* especial zona de descarga */
#minicontenido {
width: 450px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 155px;
}

#contenidotable {
width: 785px;
}

#marcoleft {
width: 325px;
border-right-style: dashed;
}

#marcoright {
display: inline;
position: absolute;
float: right;
margin-top: 80px;
width: 300px;
margin-left: 345px;
}

/* ------ links ------ */

/* links genéricos */

.genericlink {
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
color: #000000;
}

.genericlink:link {
text-decoration: none;
background-color: transparent;
color: #0000AA;
}
.genericlink:visited {
text-decoration: none;
background-color: transparent;
color: #0000AA;
}
.genericlink:hover {
text-decoration: none;
background-color: transparent;
color: #AA0000;
}
.genericlink:active {
text-decoration: none;
background-color: transparent;
color: #0000AA;
}

.saltolink {
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
color: #000000;
font-weight: bold;
}

.saltolink:link {
text-decoration: none;
background-color: transparent;
color: #0000AA;
}
.saltolink:visited {
text-decoration: none;
background-color: transparent;
color: #0000AA;
}
.saltolink:hover {
text-decoration: none;
background-color: transparent;
color: #AA0000;
}
.saltolink:active {
text-decoration: none;
background-color: transparent;
color: #0000AA;
}

/* links con fondo de menú */
.linkmenu {
background-image: url("link/linkmenu.gif");
display: block;
margin-top: 9px;
padding-left: 22px;
padding-top: 3px;
padding-bottom: 6px;
color: #FFFFFF;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-weight: bold;
}
.linkmenu:hover {
color: #00AA00;
}

/* links con fondo blanco */
.linkboton {
background-image: url("link/linkcontenido.gif");
display: block;
padding-left: 22px;
padding-top: 3px;
padding-bottom: 6px;
color: #FFFFFF;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-weight: bold;
}
.linkboton:hover {
color: #00AA00;
}

/* link de volver */
.fintitulo {
margin-top: 20px;
margin-right: 20px;
width: 100px;
height: 25px;
float: right;
}

/* link de ir a página principal */
.finpagina {
margin-top: 25px;
margin-left: 270px;	/* contenido = 705px, (705-100)/2, 302 = mitad pero mejor un poco más a la izquierda */
width: 100px;
height: 25px;
}

/* id de los links de la portada */

.linkservicios {
display: block;
margin-top: 100px;
margin-left: 10px;
background-image: url("imagenes/rojo.gif");
background-repeat: no-repeat;
background-position: 0px 16px;
padding-left: 14px;
font-size: 25pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkservicios:hover {
color: #666666;
}
.subservicios {
font-size: 11pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-weight: bold;
padding-left: 90px; /* 80 + left */
margin-top: -5px;
}

.linkinversiones {
display: block;
margin-top: 25px;
margin-left: 70px;
background-image: url("imagenes/azul.gif");
background-repeat: no-repeat;
background-position: 0px 16px;
padding-left: 14px;
font-size: 25pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkinversiones:hover {
color: #666666;
}
.subinversiones {
font-size: 11pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-weight: bold;
padding-left: 150px;	/* 80 + left */
margin-top: -5px;
}

.linkelporque {
display: block;
margin-top: 35px;
margin-left: 120px;
background-image: url("imagenes/verde.gif");
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left: 14px;
font-size: 17pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkelporque:hover {
color: #666666;
}

.linknosotros {
display: block;
margin-top: 20px;
margin-left: 170px;
background-image: url("imagenes/azul.gif");
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left: 14px;
font-size: 17pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linknosotros:hover {
color: #666666;
}

.linkcontactar {
display: block;
margin-top: 20px;
margin-left: 220px;
background-image: url("imagenes/rojo.gif");
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left: 14px;
font-size: 17pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkcontactar:hover {
color: #666666;
}

/* id de los links de servicios */

.linkvaloraciones {
display: block;
margin-top: 15px;
margin-left: 10px;
background-image: url("imagenes/minirojo.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
font-size: 14pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkvaloraciones:hover {
color: #666666;
}
.subvaloraciones {
font-size: 9pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding-left: 90px; /* 80 + left */
margin-top: -2px;
color: #444444;
}

.linkcompraventa {
display: block;
margin-top: 15px;
margin-left: 50px;
background-image: url("imagenes/miniazul.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
font-size: 14pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkcompraventa:hover {
color: #666666;
}
.subcompraventa {
font-size: 9pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding-left: 130px;	/* 80 + left */
margin-top: -2px;
color: #444444;
}

.linkempresas {
display: block;
margin-top: 15px;
margin-left: 90px;
background-image: url("imagenes/miniverde.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
font-size: 14pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkempresas:hover {
color: #666666;
}
.subempresas {
font-size: 9pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding-left: 170px;	/* 80 + left */
margin-top: -2px;
color: #444444;
}

.linkadministracion {
display: block;
margin-top: 15px;
margin-left: 130px;
background-image: url("imagenes/minirojo.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
font-size: 14pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkadministracion:hover {
color: #666666;
}
.subadministracion {
font-size: 9pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding-left: 210px;	/* 80 + left */
margin-top: -2px;
color: #444444;
}

.linkanalisis {
display: block;
margin-top: 15px;
margin-left: 10px;
background-image: url("imagenes/miniazul.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
font-size: 14pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkanalisis:hover {
color: #666666;
}
.subanalisis {
font-size: 9pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding-left: 90px; /* 80 + left */
margin-top: -2px;
color: #444444;
}

.linkasesoramiento {
display: block;
margin-top: 15px;
margin-left: 50px;
background-image: url("imagenes/miniverde.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
font-size: 14pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkasesoramiento:hover {
color: #666666;
}
.subasesoramiento {
font-size: 9pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding-left: 130px;	/* 80 + left */
margin-top: -2px;
color: #444444;
}

.linkderivados {
display: block;
margin-top: 15px;
margin-left: 90px;
background-image: url("imagenes/minirojo.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
font-size: 14pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-weight: bold;
}
.linkderivados:hover {
color: #666666;
}
.subderivados {
font-size: 9pt;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding-left: 170px;	/* 80 + left */
margin-top: -2px;
color: #444444;
}

/* id de los links de inversiones */

/* ------ imagenes de rellenos ------ */

/* id del logotipo de portada */
.logo {
background-image: url("imagenes/logo.gif");
margin-top: 20px;
width: 289px;
height: 134px;
float: right;
}

/* id del logotipo de portada */
.minilogo {
background-image: url("imagenes/minilogo.gif");
margin-top: 10px;
width: 215px;
height: 100px;
float: right;
}

.skype {
/* fotos de relleno background-image: url("relleno/contactar1.jpg"); */
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
width: 120px;
height: 170px;
float: right;
}

.nosotros1 {
background-image: url("relleno/nosotros1.jpg");
margin-top: 15px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 0px;
width: 145px;
height: 120px;
float: left;
}

.nosotros2 {
background-image: url("relleno/nosotros2.jpg");
margin-top: 18px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 160px;
height: 120px;
float: right;
}

.nosotros3 {
background-image: url("relleno/nosotros3.jpg");
margin-top: 20px;
margin-right: 18px;
margin-bottom: 5px;
margin-left: 0px;
width: 170px;
height: 113px;
float: left;
}

.nosotros4 {
background-image: url("relleno/nosotros4.jpg");
margin-top: 25px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.nosotros5 {
background-image: url("relleno/nosotros5.jpg");
margin-top: 20px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 10px;
width: 170px;
height: 117px;
float: right;
}

.elporque1 {
background-image: url("relleno/elporque1.jpg");
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 179px;
height: 119px;
float: right;
}

.elporque2 {
background-image: url("relleno/elporque2.jpg");
margin-top: 8px;
margin-right: 18px;
margin-bottom: 5px;
margin-left: 0px;
width: 160px;
height: 120px;
float: left;
}

.elporque3 {
background-image: url("relleno/elporque3.jpg");
margin-top: 15px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 170px;
height: 128px;
float: right;
}

.elporque4 {
background-image: url("relleno/elporque4.jpg");
margin-top: 10px;
margin-right: 18px;
margin-bottom: 5px;
margin-left: 0px;
width: 170px;
height: 114px;
float: left;
}

.elporque5 {
background-image: url("relleno/elporque5.jpg");
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 170px;
height: 128px;
float: right;
}

.elporque6 {
background-image: url("relleno/elporque6.jpg");
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 18px;
width: 160px;
height: 120px;
float: right;
}

.inversiones1 {
background-image: url("relleno/inversiones1.jpg");
margin-top: 10px;
margin-right: 18px;
margin-bottom: 5px;
margin-left: 0px;
width: 170px;
height: 113px;
float: left;
}

.inversiones2 {
background-image: url("relleno/inversiones2.jpg");
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 18px;
width: 140px;
height: 140px;
float: right;
}

.inversiones3 {
background-image: url("relleno/inversiones3.jpg");
margin-top: 10px;
margin-right: 18px;
margin-bottom: 10px;
margin-left: 0px;
width: 114px;
height: 170px;
float: left;
}

.valoraciones1 {
background-image: url("relleno/valoraciones1.jpg");
margin-top: 18px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 18px;
width: 170px;
height: 114px;
float: right;
}

.valoraciones2 {
background-image: url("relleno/valoraciones2.jpg");
margin-top: 18px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.valoraciones3 {
background-image: url("relleno/valoraciones3.jpg");
margin-top: 15px;
margin-right: 18px;
margin-bottom: 5px;
margin-left: 0px;
width: 170px;
height: 113px;
float: left;
}

.valoraciones4 {
background-image: url("relleno/valoraciones4.jpg");
margin-top: 20px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 114px;
height: 170px;
float: right;
}

.valoraciones5 {
background-image: url("relleno/valoraciones5.jpg");
margin-top: 15px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 18px;
width: 113px;
height: 170px;
float: right;
}

.compraventa1 {
background-image: url("relleno/compraventa1.jpg");
margin-top: 18px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.compraventa2 {
background-image: url("relleno/compraventa2.jpg");
margin-top: 15px;
margin-right: 18px;
margin-bottom: 5px;
margin-left: 0px;
width: 169px;
height: 113px;
float: left;
}

.compraventa3 {
background-image: url("relleno/compraventa3.jpg");
margin-top: 20px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 18px;
width: 120px;
height: 160px;
float: right;
}

.empresas1 {
background-image: url("relleno/empresas1.jpg");
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.empresas2 {
background-image: url("relleno/empresas2.jpg");
margin-top: 20px;
margin-right: 18px;
margin-bottom: 10px;
margin-left: 0px;
width: 160px;
height: 120px;
float: left;
}

.administracion1 {
background-image: url("relleno/administracion1.jpg");
margin-top: 20px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 119px;
height: 179px;
float: right;
}

.administracion2 {
background-image: url("relleno/administracion2.jpg");
margin-top: 10px;
margin-right: 18px;
margin-bottom: 5px;
margin-left: 0px;
width: 168px;
height: 114px;
float: left;
}

.administracion3 {
background-image: url("relleno/administracion3.jpg");
margin-top: 18px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.administracion4 {
background-image: url("relleno/administracion4.jpg");
margin-top: 20px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.analisis1 {
background-image: url("relleno/analisis1.jpg");
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.analisis2 {
background-image: url("relleno/analisis2.jpg");
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 160px;
height: 120px;
float: right;
}

.asesoramiento1 {
background-image: url("relleno/asesoramiento1.jpg");
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 170px;
height: 113px;
float: right;
}

.asesoramiento2 {
background-image: url("relleno/asesoramiento2.jpg");
margin-top: 20px;
margin-right: 18px;
margin-bottom: 10px;
margin-left: 0px;
width: 180px;
height: 108px;
float: left;
}

.derivados1 {
background-image: url("relleno/derivados1.jpg");
margin-top: 20px;
margin-right: 18px;
margin-bottom: 10px;
margin-left: 0px;
width: 113px;
height: 170px;
float: left;
}

.derivados2 {
background-image: url("relleno/derivados2.jpg");
margin-top: 15px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 18px;
width: 170px;
height: 170px;
float: right;
}


/* ------ textos ------ */

/* id texto de finalización de la portada */
.portada {
margin-top: 50px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
text-align: center;
}

.portada A {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9pt;
}

/* salto a los títulos */
.salto {
margin-left: 60px;
margin-bottom: 25px;
background-color: #EEEEEE;
border-color: #000000;
border-style: outset;
width: 255px;
padding-top: 8px;	/* 12px - listasalto */
padding-right: 12px;
padding-bottom: 12px;
padding-left: 20px;
}
.listasalto {
list-style-type: disc;
padding-top: 4px;
}
.listavacia {
list-style-type: none;
}

/* título por página */
.supertitulo {
margin-left: 30px;
margin-right: 270px;
margin-bottom: 70px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 20pt;
text-align: center;
font-weight: bold;
color: #000000;
}

/* título de texto */
.titulo {
margin-left: 30px;
margin-bottom: 18px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #000000;
}

/* texto común */
.normal {
margin-top: 12px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
}

.cursiva {
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
font-style: italic;
}

.negrita {
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
font-weight: bold;
}

.tabulado {
margin-top: 12px;
padding-left: 35px;
margin-bottom: 6px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
}

/* texto download */
.descarga {
margin-top: 10px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 9pt;
text-align: justify;
color: #000000;
}

.lateralpdf {
margin-left: 10px;
margin-top: -5px;
background-image: url("link/pdficon_large.gif");
width: 32px;
height: 32px;
float: right;
}

.lateralrtf {
margin-left: 10px;
margin-top: -5px;
background-image: url("link/rtf_icon.gif");
width: 32px;
height: 31px;
float: right;
}

.lateralget {
background-image: url("link/get_adobe_reader.gif");
margin-top: 8px;
margin-left: 10px;
width: 112px;
height: 33px;
float: right;
}

/* texto legal */

.titulolegal {
margin-top: 20px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
}

.legal {
margin-top: 10px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
text-align: justify;
color: #000000;
}

.legal A {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
}

.cursivalegal {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
font-style: italic;
}

.negritalegal {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
}

/* cuadro gestión alternativa */

.cuadrogestion {
margin-top: 15px;
margin-bottom: 10px;
width: 500px;
margin-left: 70px;
background-color: #EEEEEE;
border-color: #999999;
border-style: solid;
}

.tituloupgestion {
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
}

.tituloleftgestion {
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: 160px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
font-style: italic;
}

.textogestion {
margin-top: 2px;
margin-left: 5px;
margin-bottom: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
}

/* cuadro asesoramiento */

.cuadroasesoramiento {
margin-top: 15px;
margin-bottom: 5px;
width: 650px;
margin-left: 20px;
background-color: #EEEEEE;
border-color: #999999;
border-style: inset;
}

.supertituloasesoramiento {
margin-top: 5px;
margin-left: 5px;
margin-bottom: 3px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
}

.tituloasesoramiento {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-style: italic;
text-align: center;
}

.textoasesoramiento {
margin-top: 2px;
margin-bottom: 2px;
margin-left: 3px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
text-align: left;
}

/* cuadro valoración */

.cuadroprecio {
margin-top: 14px;
margin-bottom: 5px;
width: 495px;
margin-left: 80px;
background-color: #EEEEEE;
border-color: #999999;
border-style: dashed;
}

.tituloupprecio {
margin-top: 5px;
margin-left: 2px;
margin-right: 8px;
margin-bottom: 5px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
text-align: center;
}

.tituloleftprecio {
margin-top: 5px;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 5px;
width: 70px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-style: italic;
}

.textoprecio {
margin-top: 2px;
margin-left: 5px;
margin-bottom: 2px;
margin-right: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
}


/* ------ distintos tipos de lista ------ */
/* disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit */

.mapafirst {
list-style-type: disc;
}

.mapafirst A {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
text-align: left;
color: #000000;
}

.mapasecondleft {
margin-top: 10px;
margin-left: 15px;
list-style-type: circle;
}

.mapasecondleft A {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
text-align: left;
color: #000000;
}

.mapasecondright {
margin-top: 2px;
margin-left: 15px;
list-style-type: circle;
}

.mapasecondright A {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
text-align: left;
color: #000000;
}

.mapathird {
margin-top: -1px;
margin-left: 50px;
list-style-type: square;
}

.mapathird A {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 9pt;
text-align: left;
color: #000000;
}

.listamercados {
margin-top: 5px;
margin-left: 5px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: circle;
}

.listagestion {
margin-top: 10px;
margin-left: 15px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: lower-greek;
}

.listaequipo {
margin-top: 3px;
margin-left: 10px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: circle;
}

.listacontactar {
margin-top: 25px;
margin-left: 40px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: justify;
color: #000000;
list-style-type: disc;
}

.listaservicios {
margin-top: -20px;
margin-left: 50px;
font-family: Helvetiva, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: disc;
}

.listacapital {
margin-top: 3px;
margin-left: 5px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: decimal;
}

.listarepresentacion {
margin-top: 8px;
margin-left: 10px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: disc;
}

.listaderechos {
margin-top: 5px;
margin-left: 5px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: lower-latin;
}

.listacompetencias {
margin-top: 5px;
margin-left: 5px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: lower-roman;
}

.listaderivados {
margin-top: 3px;
margin-left: 20px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: upper-roman;
}

.listaaportaciones {
margin-top: 5px;
margin-left: 5px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: circle;
}

.listainversiones {
margin-top: 4px;
margin-left: 0px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: disc;
}

.listalegal {
margin-top: 5px;
margin-left: 5px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
text-align: justify;
color: #000000;
list-style-type: circle;
}

.listarazones {
margin-top: 5px;
margin-left: 0px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: disc;
}

.listarazonescv {
margin-top: 3px;
margin-left: 10px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: circle;
}

.listamodalidad {
margin-top: 10px;
margin-left: 0px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: circle;
}

.listacompraventa {
margin-top: 5px;
margin-left: 0px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: disc;
}

.listaanalisis {
margin-top: 5px;
margin-left: 15px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: disc;
}

.listacomparar {
margin-top: 5px;
margin-left: 15px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
color: #000000;
list-style-type: disc;
}

/* ------ formulario contactar ------ */

.formulario {
margin-top: 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
margin-left: 60px;
}

.cuadroformulario {
margin-left: 60px;
margin-right: 120px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 15px;
background-color: #DDDDDD;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9pt;
}

.colocar1 {
margin-left: 50px;
background-color: #FFFFFF;
color: #000000;
}
.colocar2 {
margin-left: 82px;
background-color: #FFFFFF;
color: #000000;
}
.colocar3 {
margin-left: 45px;
background-color: #FFFFFF;
color: #000000;
}
.colocar4 {
margin-left: 48px;
background-color: #FFFFFF;
color: #000000;
}
.colocar5 {
margin-left: 89px;
background-color: #FFFFFF;
color: #000000;
}

.borde1 {
border-width: 2px;
border-color: #999999;
border-style: groove;
margin-left: 90px;
text-align: center;
}
.borde2 {
border-width: 2px;
border-color: #999999;
border-style: groove;
margin-left: 50px;
text-align: center;
}

/* ------ ampliación info oculta ------ */

.lupa span {
position: absolute;	/* necesario para ocultación */
visibility: hidden;	/* necesario para ocultación */
width: 450px;
left: 250px;
margin-top: 20px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 10pt;
text-align: justify;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 15px;
padding-left: 15px;
border-width: 3px;
border-color: #000000;
border-style: groove;	/* none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset */
background-color: #EEEEEE;
}

.lupa:hover span {
visibility: visible;	/* necesario para ocultación */
}