@charset "utf-8";
/* CSS Document */

body {
	margin:0 0 0 0;
	/*background-color:#FF9900;*/
	background-color:#fafaf8;
	font-family:verdana,sans-serif;
	font-weight:normal;
	font-size:11px;
	
	color:#FFFFFF;
	/*esto afecta a explorer*/
	position: absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 560px;
	margin-left: -400px; /* half of width */
	margin-top: -280px;  /* half of height */
}

#bodyindex{
	background-color:#fafaf8;
	vertical-align:middle;
}
#bodyhome{
	vertical-align:middle;
}

#container{

	width:800px;
	
	/*esto es para eliminar el text-align=center del body*/
	text-align:left;
	/*esto afecta a firefox*/
	margin-left:auto;
	margin-right:auto;
	
}

.impar {
	/*background-color:#921229;*/
	background:#fafaf8;
}
.par {
	background:#fafaf8;
}

/*El containerhome está sólo en el archivo home.php*/


#containerhome{
/*Con esto se centra el container horizontal y verticalmente en la pantalla, sea cual sea el tamaño*/
	position: absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 520px;
	margin-left: -400px; /* half of width */
	margin-top: -260px;  /* half of height */
}
#menu {
width:243px;
display:block;
float:left;
margin-right:4px;
}

#head{
	width:800px;
	height:78px;
	
}
#headmenu{
	width:243px;
	height:53px;
	background:url(../images/focus.gif) no-repeat #1A1A1A;
	margin-top:4px;
	margin-bottom:4px;
	
}


/***********************************************************
					El menú de idiomas
***********************************************************/
#idiomas{
/*a los li y todos esos hay que quitarles el padding*/
    
	display:block;
	height:34px;
	background-color:#1a1a1a;
	padding:0 0 0 0;
	color:#999999;
	margin:0 0 4px 0;
}
#idiomas ul{
display:inline;
margin:0;
padding:0 0 0 20px;
}
#idiomas li{
display:inline;
line-height:33px;
}

/*El idioma en el que estás*/
#idiomas li.selec{
	color:#FFFFFF;
}
/* Sólo para la palabra "home", que queda a la izquierda separado de los otros idiomas*/
#idiomas li.home{
	padding:0 90px 0 0;
	
}
#idiomas a{
color:#999999;
}
#idiomas a:hover{
	color:#FFFFFF;

}
/*///////////////////////////////////////////////////////////////Fin del menú de los idiomas/////////////////////////////////*/



/********************************************
				menú principal
*********************************************/
#menuprincipal{
	width:243px;
	display: block;
	padding:0;
	margin:0;
}

#menuprincipal dl{
margin:0;
padding:0;
}

#menuprincipal dt{
	dispaly:block;
	background-color:#4d4d4d;
	position:relative;
}

#menuprincipal dd{
	display: block;
	background-color:#4d4d4d;
	margin:0;
	position:relative;
}

#menuprincipal ul{list-style:none; position:absolute; right:-200px; top:1px;}
#menuprincipal ul li a{background:#2f2d2e; width:185px; height:21px; display:block; padding:0 5px 0 30px; border-bottom:1px solid #999999; line-height:21px;}
#menuprincipal ul li a.ultim{border-bottom:none;}
#menuprincipal ul li a:hover{color:#FF9900; background:#000;}

#menuprincipal dt a, #menuprincipal dd a{display:block; height:19px; padding:5px 0 0 20px; width:223px;}

/*Para controlar que las secciones principales del menú salgan alternativamente roja/amarilla*/
#menuprincipal dt.par{
	background-color:#999999;
}
.par #menuprincipal dt.selected{
	background:#921229;
	padding:5px 0 0 20px;
	height:18px;
}
.impar #menuprincipal dt.selected{
	background:#921229;
	padding:5px 0 0 20px;
	height:18px;
}
/*.impar #menuprincipal dt.selected{
	background:#FF9900;
	padding:5px 0 0 20px;
	height:18px;
}*/

/*Para controlar que las secciones secundarias del menú salgan alternativamente roja/amarilla*/
#menuprincipal dd.par{
	background-color:#999999;
}


/*.impar #menuprincipal dd.selected{
	background:#FF9900;
	padding:5px 0 0 20px;
	height:19px;
}*/
.impar #menuprincipal dd.selected{
	background:#921229;
	padding:5px 0 0 20px;
	height:19px;
}
.par #menuprincipal dd.selected{
	background:#921229;
	padding:5px 0 0 20px;
	height:19px;
}

#cajalogo {
	width:243px;
	height:53px;
	background:url(../images/logocolor.jpg) right no-repeat #921229;
	margin-top:4px;
	margin-bottom:4px;
}

#bottonmenu{
	width:243px;
	height:60px;
	background:url(../images/partners.gif) right no-repeat #1A1A1A;
	margin-top:4px;
	margin-bottom:4px;
}

		/******************************
		Ésta es la sección de fotos del menú principal
		*******************************/
#head .foto{
	padding:0;
	height:78px;
}

/*
.euroeconomics #head.foto{
	background-image:url(../images/foto_01.jpg);
}
.tax  #head.foto{
	background-image:url(../images/foto_02.jpg);
}
.account #head.foto{
	background-image:url(../images/foto_03.jpg);
}
.business #head.foto{
	background-image:url(../images/foto_04.jpg);
}
.referencias #head.foto{
	background-image:url(../images/foto_05.jpg);
}
.exito #head.foto{
	background-image:url(../images/foto_06.jpg);
}
.publicaciones #head.foto{
	background-image:url(../images/foto_07.jpg);
}
.contact #head.foto{
	background-image:url(../images/foto_08.jpg);
}
*/

	/*fin  sección de fotos del menu principal*/



/*///////////////////////////////////////////////////////////////Fin del menú principal/////////////////////////////////*/





/********************************************
				caja central (#bobyparrafo)
*********************************************/


/*Para que el bodyparrafo sea alternativamente rojo/amarillo*/
#texto{
display:block;
	width:480px;
	float:right;
	margin:4px 0 0 0 ;
	text-align:left;
	padding:15px 13px 33px 60px;
	height:409px;
	
}
/*.impar #texto{
	background-color:#FF9900;
}*/
.impar #texto{
	background-color:#921229;
}
.par #texto{
	background:#921229;
}
#texto h1{
	text-align:left;
	font-size:24px;
	font-weight:normal;
}
#bodyparrafo{
	
	padding:5px 30px 0 0;
	height:340px;
}	

/*Clases para el bodyparrafo, "uno" son las impares, para que el scroll sea rojo, "dos" son las pares, para que el scroll sea amarillo*/

.uno{
	scrollbar-3dlight-color:#FFFFFF;

    scrollbar-arrow-color:#FFFFFF;

    scrollbar-base-color:#921229;

    scrollbar-darkshadow-color:#921229;

    scrollbar-face-color:#921229;

    scrollbar-highlight-color:#921229;

    scrollbar-shadow-color:#CCCCCC;
	overflow:auto;
}

/*.dos{
	scrollbar-3dlight-color:#FFFFFF;

    scrollbar-arrow-color:#FFFFFF;

    scrollbar-base-color:#FF9900;

    scrollbar-darkshadow-color:#FF9900;

    scrollbar-face-color:#FF9900;

    scrollbar-highlight-color:#FF9900;

    scrollbar-shadow-color:#CCCCCC;
	overflow:auto;
}*/
.dos{
	scrollbar-3dlight-color:#FFFFFF;

    scrollbar-arrow-color:#FFFFFF;

    scrollbar-base-color:#921229;

    scrollbar-darkshadow-color:#921229;

    scrollbar-face-color:#921229;

    scrollbar-highlight-color:#921229;

    scrollbar-shadow-color:#CCCCCC;
	overflow:auto;
}



#bodyparrafo h1{
	text-align:left;
	font-size:26px;
	font-weight:normal;
}

#bodyparrafo a{
	font-weight:bold;
	text-decoration:underline;
}
#bodyparrafo a:hover{
	color:#000000;
}
/* Esto es el submenú, que sólo está en el archivo euroeconomics.php*/
.visible{
	display:block;
	margin-top:25px;
}
.invisible{
	display:none;
	margin-top:25px;
}



#submenu{
	
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	font-weight:normal;
}
#submenu li{
	margin-left:0;
	color:000000;
	display:inline;
	padding:0 40px 0 0px;
	list-style:none;
}

#submenu a{
	font-weight:normal;
	color:#000000;
}
#submenu a:hover{
	
	color:#FF9900;
}
/*ESTA CLASE ES PARA QUE SE QUEDE DE COLOR AMARILLO CUANDO ESTÁ SELCCIONADA, PERO NO ME SALEEEEEEEEEEEE

Además, no se porqué, los textos que se cargan desde el submenú tienen diferentes márgenes top... Los id de estos textos están en el archivo, no en el css.
*/

#submenu li a.selecc {
	color:#FF9900;
}

#bodyparrafo h2, #bodyparrafo h3{
	letter-spacing:0px;
	text-align:justify;
	/*color:#921229;*/
	color:#FF9900;
	font-size:11px;
	line-height:1px;
}
.par #bodyparrafo h2, .par #bodyparrafo h3{
	letter-spacing:0px;
	text-align:justify;
	/*color:#921229;*/
	color:#FF9900;
	font-size:11px;
	line-height:1px;
}
#bodyparrafo ul{
	display:block;
	margin:0;
	text-align:left;
	padding:0 0 0 0;
	list-style:none;
	line-height:15px;
}
#bodyparrafo p{
	letter-spacing:0px;
	line-height:16px;
	text-align:left;
	height:auto;
	margin-bottom:-4px;
}

.documentos {padding-top:5px;}
.documentos h1{
	color:#fff;
	font-size:11px !important;
	font-weight:bold !important;
	padding-top:5px;
	margin: 0 0 0 0;
}

.documentos a{
	display:block;
	height:37px;
	width:31px;
	background-image:url(../images/pdf.gif);
	margin:15px 0 15px 0;
}

.documentos a span{display:none;}






/* fin caja central*/

/*********Los a genéricos*************/


#legal{
display:block;
width:243px;
text-align:right;
font-size:8px;
}


a{
	color:#FFFFFF;
	text-decoration:none;

}
a:visited{

}

/*Para los archivos de texto legal*/

#textolegal{

	margin:0 0 0 0;
	background-color:#921229;
	text-align:left;
	padding:20px 40px 40px 40px;
	position:relative;
	left:0;
	top:0;
	width:auto;
	height:auto;
}

#textolegal h1{
	text-align:left;
	font-size:20px;
	font-weight:normal;
}
#textolegal h3{
	color:#FF9900;
}

#textolegal a{
color:#FF9900;
	text-decoration:none;
}