﻿body
{	
color:#000000;
font-family:sans-serif;
font-size:0.75em;
text-align:center;
border: 0px;
background-color:#e9e9e9;	
direction:ltr; /*Para leer el texto de izquierda a derecha*/	
}

.pagina
{
		width:58.5em;			/*Ancho página*/
		text-align:left;		/*Corrige lo del IE*/
		margin:0em auto 0em auto;	/*Centrado de páginaina*/
		background-color: #efefef;
		height:63em;
}	

.cabecera /* Esta parte contendrá el título y el menu*/
{
		text-align:left;		/*Corrige lo del IE*/
		top:0em;
		border: 0em;
		padding: 0em 0em 0em 0em;
		border: 0em;

}	
.titulo
{
		text-align:left;		/*Corrige lo del IE*/
		border: 0em;
		margin:0em;
		padding: 0em 0em 0em 0em;
		height :8em;	
}	
.imgCabecera {
width:100%;
}
.menu
{
		text-align:left;		/*Corrige lo del IE*/	
		/*background-color: #000066;*/
		padding: 0em 0em 0em 0em;
		border:  0em;
		height :2em;	
}
.area
{
		text-align:left;		/*Corrige lo del IE*/
		background-color: #efefef;
		padding: 0em 0em 0em 0em;
		border: 0px;
		height: 52em;
}	

.area2
{
		text-align:left;		/*Corrige lo del IE*/
		background-color: #efefef;
		padding: 0em 0em 0em 0em;
		border: 0px;
		height: 64em;
}	
#e60{
height: 40em;

}




.pie
{
		float: left; 
		background-color: #dfdfdf;
		text-align:left;		/*Corrige lo del IE*/
		border: 0px;
		color: #A50000;	
		height: 5em;
		clear: both;
}	
.linea{
width:58.5em;
background-color: #ffffff;
height:0.5em;

}

.imgPie {
width:10%;
}
.divpie {
float:left;
padding-top:1em;
padding-left:3em;
}

.datos
{
		float:left;
		text-align: center;		/*Corrige lo del IE*/
		border: 0px;
		font: 0.9em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
		padding-left:8em;
}	

.contacto
{
		float:left;
		text-align:center;		/*Corrige lo del IE*/
		border: 0px;
		font: 0.9em'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
		padding-left:7em;
}	

a:link              { /* Document Style */
	color           : #2c445c;
	text-decoration :none;
	}
a:visited           { /* Document Style */
	color           : #400040;
	text-decoration :none;
	}
a:hover             { /* Document Style */
	color           : #6eace9;
	text-decoration :none;
	}
a:active            { /* Active Links */
	color           : #71b0ee;
	}
	
a.enlace {
color: #0000D9;
width: 1em;
height: 1em;
text-decoration: none;
}
a.enlace:hover {
text-decoration: none;
}	
	
	
/*	
ol,ul               { /* All Lists 
	margin          : 1pt;
	padding-left    : 2pt;
	}
*/

/*Aqui empiezan otras características para el tipo de letra*/

.cc01               { /* Cabecera */
	font            : 1.5em 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #ffffff;
	}
.cc02               { /* Titulo */
	font            : 1.6em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #A50000;
	}
.cc03               { /* Lema */
	font            : italic 1.2em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #595959;
	text-align      : center;
	}
.cc04               { /* Texto */
	font            : 1em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #000000;
	text-align		: justify;
	}

.cc05               { /* Titulo2 */
	font            : bold 1.2em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #A50000
	}
.cc07               { /* Texto2 */
	font            : 0.9em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #373737;
	text-align		: left;
	}
.cc08               { /* Enlaces cabecera */
	font            : 1em 'Arial', Helvetica, sans-serif;
	color           : #000000;
	}
.cc09               { /* Titulo 3 */
	font            : bold 0.9em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #A50000;
	}
.cc10               { /* Common */
	width           : 1em;
	height          : 1em;
	padding         : 0.625em;
	border-width    :   0px;
	}
.cc11               { /* Para los labels de los formularios*/
	font            : 1.2em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #000000;
	}
.cc12               { /* Para los imputs de los formularios */
	font            :  1.2em 'Courier New', monospace;
	color           : #000000;
	padding         :   0.02em;
	}
.cc13               { /* Opciones del lateral */
	font            : 0.7em 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color           : #3c3c3c;
	}
/*Para el menu*/

a.enlace {
color: #A50000;
width: 1em;
height: 1em;
text-decoration: none;
}

a.enlace:hover {
text-decoration: none;
}

/*Las opciones del menu empiezan aqui*/
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}


.prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px;  position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#A50000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;}
.prodrop4 li a.top_link:hover {color:#A50000; line-height:25px;}
.prodrop4 li a.top_link:hover span {}

.prodrop4 li:hover > a.top_link {color:#A50000; line-height:25px;}
.prodrop4 li:hover > a.top_link span {}

.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:115px;}
.prodrop4 ul.sub2 {width:140px;}
.prodrop4 ul.sub3 {width:70px;}

.prodrop4 :hover ul {left:0; top:25px; background: #efefef; padding:3px; border:1px solid #A50000; border-width:1px 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#A50000; color:#fff;}
/*Las opciones del menu acaban aqui*/

/*Pagina 1*/


div#e101213{ /*Agrupacion de los div de la parte izquierda */
float:left;
width: 40em;
}


div#e9             { /* Bienvenido Es el div de bienvenido*/
padding-top: 1em;
padding-left: 1em;
width: 20em;
			}	
			
div#e10             { /* Zunzunegui le ofrece un ... */
padding-top: 1em;
padding-left: 1em;
padding-right:1em;
	}

div#e12             { /* La creciente complejidad... */
width: 35em;
padding-left: 3em;
padding-right: 3em;
padding-top: 1.5em;
	}
div#e13a              { /* Gane seguridad con un as... */
padding-top: 2em;
padding-left: 12em;
}
div#e13             { /* Gane seguridad con un as... */
float:left;
width: 20em;
padding-top: 2em;
padding-left: 6em;
padding-right: 4em;
}
div#e13b            { /* Gane seguridad con un as... */
float:left;
padding-top: 2em;
padding-right: 0em;
}
	
	
div#e15161718{ /*Agrupacion de los div de la parte derecha */
float:right;
width: 18em;
}

div#e15              { /* Independencia */
width: 13.5em;
padding-top: 8em;
padding-left: 1em;
padding-right: 1em;
	}
div#e16             { /* Le ofrecemos un asesoram... */
width: 13.5em;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
	}
div#e17              { /* Cualificación */
width: 13.5em;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
	}
div#e18             { /* Ponemos a su disposición... */
width: 13.5em;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
	}


/*Pagina 2*/


div#e25             { /* Mercado de Valores */
padding-top: 1em;
padding-left: 1em;

	}
div#e26             { /* La participación en el m... */
padding-top: 1em;
padding-left: 2em;
padding-right:2em;
	}

div#e31             { /* A las empresas */
padding-top: 4em;
padding-right: 2em;
	}	
div#e32             { /* Párticipe en el mercado ... */
padding-right: 2em;
	}
div#e33             { /* A los inversores */
padding-top: 1em;
padding-right: 2em;
	}
div#e34             { /* Sepa cuales son sus dere... */
padding-right: 2em;
	}	


/*Pagina 3*/

div#e41             { /* Asesoramiento mercantil ... */
padding-top: 1em;
padding-left:2em;
	}
	
div#e42             { /* Asesoramiento y defensa ... */
padding-top: 0.3em;
padding-left:3em;
padding-bottom:0.5em;
	}	
div#e43             { /* Defensa jurídica y recla... */
padding-left:2em;
	}	
div#e28{ /*Es la foto del edificio */
float:left;
margin-top: 1em;
margin-left:3em;
margin-right:2em;

}

div#e45             { /* Cumplimiento normativo */
padding-top:0.3em;
	}	

div#e47            { /* Gobierno corporativo\ \C... */
padding-top:0.3em;
padding-right:4em;
	}

div#e27{ /*Es la foto del reloj*/
padding-top:2em;
padding-left: 3em;
padding-bottom:2em;


}

div#e48             { /* La Directiva de Mercados... */
padding-top:3em;
padding-right: 3.2em;
padding-left:3em;
	}



	
/*Pagina 0*/
div#e50             { /* Fernando Zunzunegui se pondrá en contacto */
padding-top: 3em;
padding-left: 2em;	
}

/*Pagina 4*/
div#e51             { /* Fernando Zunzunegui es u... */
padding-left: 3em;
padding-top: 1em;
padding-right:2em;
	}
	
div#e51a             { 
float:left;
padding-left: 2em;
padding-top: 4em;
	}
	
div#e52             { /* Fernando Zunzunegui is a... */
float:right;
padding-top: 2.5em;
padding-left:2em;
padding-right:2em;
width:45em;
	}
/*Pagina 11 Situacion*/	
div#e53             { /* calle*/
padding-left: 13em;
padding-top: 1em;
padding-right:2em;
	}	
div#e54             { /* Mapa*/
float:right;
padding-top: 1.5em;
padding-left:4em;
padding-right:2em;
width:52em;
	}

/*Pagina 5*/

	
div#e61{
padding-left:3em;
padding-top:2em;
}



/*Formularios*/	
fieldset#e65a        { /* mailto:su@dirección.aquí... */
float:left;
width: 20em;
padding-left: 10em;
	background-color: transparent;
	}
fieldset#e65b        { /* mailto:su@dirección.aquí... */

width: 21em;
background-color: transparent;
	}
label
{
width: 8em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
padding-top:0.2em;
padding-bottom:0.2em;
}
.text input
{
color: #A50000;
background: #A50000;
border: 1px solid #781351;
}
input
{
color: #000000;
background: #efefef;
border: 1px solid #A50000;
}
select
{
color: #A50000;
background: #efefef;
border: 1px solid #A50000;
}
textarea
{
color: #A50000;
background: #efefef;
border: 1px solid #A50000;
}
.submit input
{
color: #A50000;
background: #efefef;
border: 2px solid #A50000;
margin-left: 1em;
margin-top: 2em;
} 
input:focus {  /*Resalta el color del input donde esta*/
  border: 2px solid #000;
  background: #F3F3F3;
}
textarea:focus {  /*Resalta el color del input donde esta*/
  border: 2px solid #000;
  background: #F3F3F3;
}
select:focus {  /*Resalta el color del input donde esta*/
  border: 2px solid #000;
  background: #F3F3F3;
}