@charset "iso-8859-1";

/* CSS Document #1*/
.Verde_Arial_12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #336600;}
.Verde_Arial_10_Negrita  {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #336600; 	font-size: 10px;}
.Verde_Arial_12_Negrita {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #336600; font-size: 12px;}
.Verde_Arial_14_Negrita {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #336600; 	font-size: 14px;}

.Estilo2 { color: #FFFFFF; font-weight: bold; }

.arial_10_verdeclaro { font-size: 10pt; font-family: arial, helvetica; font-weight: normal; color: #006600; }
.arial_12_verdeoscuro { font-size: 12pt; font-family: arial, helvetica; font-weight: bold; color: #336600; }
.arial_14_verdeoscuro { font-size: 14pt; font-family: arial, helvetica; font-weight: bold; color: #336600; }
.arial_20_verdeoscuro { font-size: 20pt; font-family: arial, helvetica; font-weight: normal; color: #006600; }
.arial_08_grisoscuro { 	color: #333333; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.arial_10_grisoscuro { 	color: #333333; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.arial_10_grisoscuroCaja { 	color: #333333; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align: center; }
.arial_12_blanco { font-size: 12px; font-family: arial, helvetica; color: #ffffff; } 
.arial_12_blancooscuro { font-size: 12px; font-family: arial, helvetica, sans-serif; color: #ffffff; font-weight: 500;} 
.arial_20_blanco { font-size: 20px; font-family: arial, helvetica; font-weight: bold; color: #ffffff; } 
.Verdana_16_Negro { 	color: #000000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }

Estilo4 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #336600; }

/* * { padding: 0; margin: 0; }  lo pongo porque lo he visto pero si lapagina empieza a hacer tonterias lo quito  */ 

img
{
    border: 0px;
}

body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#contenedor 
{
/*       border: 8px solid #080CFA;  */  /*  azul   */    
}

#relativa 
{
	position:relative;
/*	width:995px; */
                            width:1000px;   
/*	height:785px;  height:1635px; */
	                        height:1235px; 
	z-index:1;
    
/*                        border: 8px solid #000000; */  /*  negro   */
}

#index_Info {
	position:absolute;
/*    width:825px;  */
                            width:855px;
                            height:1050px; 
/*	height:980px; height:1100px; */    
	left:171px;
	top:71px;
    /* margin: 0 auto; lo pongo porque lo he visto pero si lapagina empieza a hacer tonterias lo quito */
	z-index:2;
	overflow:auto;
    
/*                        border: 8px solid #00ff00; */ /*  verde */
}

#index_InfoCentral 
{
	position:absolute;
/*	width:825px; */               
                               width:825px;
/*	height:725px; */
	                           height:740px; 
	z-index:2;
	left: 0px;
	top: 253px;
	/* background-image: url(index/imagenes/index_centro_04.png); */  
	visibility: visible;
   overflow: auto;
   
/*                        border: 8px solid #ff0000;   */ /*  rojo   */
}

#principal
{
	position:relative;
/*	width:825px; */               
                               width:800px;
/*	height:725px; */
	                           height:700px;     
/*      border: 8px solid #Ff00Ff;   */  /*  magenta   */
}

#index_Cabecera 
{
	position:absolute;
	width:995px;
	height:71px;
	z-index:2;
	left: 0;
	top: 0;
/*	background-image: url(index/imagenes/index_superior_01.png); */
	visibility: visible;
}

#index_InfoSuperiorES {
	position:absolute;
	width:825px;
	height:253px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image:url(index/imagenes/index_centroES_03.png);  
	visibility: visible;
}

#index_InfoSuperiorGB {
	position:absolute;
	width:825px;
	height:253px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image:url(index/imagenes/index_centroGB_03.png) ;
	visibility: visible;
}

#index_InfoSuperiorFR {
	position:absolute;
	width:825px;
	height:253px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image:url(index/imagenes/index_centroFR_03.png) ;
	visibility: visible;
}

#index_InfoSuperiorPT {
	position:absolute;
	width:825px;
	height:253px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image:url(index/imagenes/index_centroPT_03.png) ;
	visibility: visible;
}

#index_InfoSuperior_datos {
	position:absolute;
	width:800px;
	height:620px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image: ;
	visibility: visible;
	background-image: url(index/imagenes/aviso_fondotodo.png);
}

#index_Botonera 
{
	position:absolute;
	width:163px;
	height:418px;
/*	width:170px; */
/*	height:470px; */    
	z-index:3;
	left: 3px;
	top: 190px;     
/*	top: 71px; */
/*	background-image: url(index/imagenes/index_izquierda_02.png); */
	visibility: visible;    
}

#index_newletter 
{
	position:absolute;
	width:163px;
	height:87px;  
	z-index:3;
	left: 0px;
	top: 650px;    
/*	background-image: url(index/imagenes/index_izquierda_02.png); */
	visibility: visible;  
/*  verde */    
/*                      border: 2px solid #00ff00; */        
}

#index_AccesoClientes
{
	position:absolute;
	width:163px;
	height:418px;
/*	width:170px; */
/*	height:470px; */    
	z-index:3;
	left: 0px;
	top: 620px;     
/*	top: 71px; */
/*	background-image: url(index/imagenes/index_izquierda_02.png); */
	visibility: visible;    
}

#index_InformacionCliente 
{
	position:absolute;
	width:155px;
	height:105px;
	z-index:2;                             
	left: 0px;
	top: 72px;
	visibility: visible;
    border: #C3D9FF 2px solid;
    background-color: #ECE9D8;  
}

#index_CatalogoPdf {
	position:absolute;
	width:170px;
	height:76px;
	z-index:2;
	left: 0px;
	top: 541px;
	background-image: url(index/imagenes/index_izquierda_05.png);
	visibility: visible;
}

#index_Buscador {
	position:absolute;
	width:170px;
	height:41px;
	z-index:2;
	left: 0px;
	top: 617px;
	background-image: url(index/imagenes/index_izquierda_06.png);
	visibility: visible;
}

#index_infoInferiorES {
	position:absolute;
	width:825px;
	height:95px;
	z-index:2;
	left: 170px;
	bottom:0px;
	background-image: url(index/imagenes/index_inferiorES_09.png); 
	visibility: visible;
}

#index_infoInferiorGB {
	position:absolute;
	width:825px;
	height:95px;
	z-index:2;
	left: 170px;
	bottom:0px;
	background-image: url(index/imagenes/index_inferiorGB_09.png); 
    visibility: visible;
}

#index_infoInferiorFR {
	position:absolute;
	width:825px;
	height:95px;
	z-index:2;
	left: 170px;
	bottom:0px;
	background-image: url(index/imagenes/index_inferiorFR_09.png); 
    visibility: visible;
}

#index_infoInferiorPT {
	position:absolute;
	width:825px;
	height:95px;
	z-index:2;
	left: 170px;
	bottom:0px;
	background-image: url(index/imagenes/index_inferiorPT_09.png); 
    visibility: visible;
}

/*  Noticas y articulos principales */
#columna_izda_E 
{
/*    color: #333; */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;      
/*    background: #E7DBD5; */
    background: #E2F3E0;  
    margin: 17px 0px 0px 24px; 
    /* padding: 10px; */ 
    height: 340px; 
    width: 190px;
    float: left;
}

#columna_izda_media_E 
{ 
/*    color: #333; */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:none;
    border-bottom-style:solid;
    border-left-style:none;     
/*     background: #F2F2E6; */ 
     background: #E2F3E0; 
    margin: 17px 0px 0px 0px; 
    /* padding: 10px; */
    height: 340px;
    width: 190px;
    float: left;
}

#columna_drcha_media_E 
{ 
/*    color: #333; */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;       
    background: #E2F3E0; 
    margin: 17px 0px 0px 0px;
    /* padding: 10px; */
    height: 340px;
    width: 190px;
    float: left;
}

#columna_drcha_E 
{ 
/*    color: #333;  */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:none;  
    background: #E2F3E0;           
/*    background: #FFFFFF; */
    margin: 17px 0px 0px 0px;
    /* padding: 10px; */
    height: 340px;
    width: 190px;
    float: left;
}


#columna_izda_D 
{
/*    color: #333; */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;      
/*    background: #E7DBD5; */ 
    background: #E7DBD5; 
    margin: 17px 0px 0px 24px; 
    /* padding: 10px; */ 
    height: 340px;
    width: 190px;
    float: left;
}

#columna_izda_media_D 
{ 
/*    color: #333; */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:none;
    border-bottom-style:solid;
    border-left-style:none;     
/*    background: #F2F2E6; */
    background: #E7DBD5; 
    margin: 17px 0px 0px 0px; 
    /* padding: 10px; */
    height: 340px;
    width: 190px;
    float: left;
}

#columna_drcha_media_D 
{ 
/*    color: #333; */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;       
/*    background: #E7DBD5; */
    background: #E7DBD5; 
    margin: 17px 0px 0px 0px;
    /* padding: 10px; */
    height: 340px;
    width: 190px;
    float: left;
}

#columna_drcha_D 
{ 
/*    color: #333;  */
    border: 1px solid #216442;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:none;        
/*    background: #F2F2E6; */
    background: #E7DBD5; 
    margin: 17px 0px 0px 0px;
    /* padding: 10px; */
    height: 340px;
    width: 190px;
    float: left;
}

.clear 
{ 
    float: left; width: 1px; /* http://www.positioniseverything.net/explorer/peekaboo.html */ 
}
/*  
NOTA:

Para aumentar el tamaño (height) de la capa 04.- Index_InfoCentral (en esquema H2), aumentar los pixeles
en el campo height de las capas 04.- index_Info (en esquema H) y capa Relativa (en esquema A). Asi como la propia
capa 04.- Index_InfoCentral (en esquema H2)
*/

/*  No se usan por el momento */

/*
#capafondoblanco {
	position:absolute;
	width:800px;
	height:615px;
	z-index:1;
	left: 1px;
	top: 1px;
	
}

#boton_eleccion {
	border: 0;
	padding-top: 10px;
}
*/