body {
    scrollbar-face-color: #C6D3FF;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #C6D3FF;
    scrollbar-darkshadow-Color: #C6D3FF;

    background: #C6D3FF;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-style: normal;
	margin:20px 0px; padding:0px;
	text-align:center;
}

#copyright {
	margin: 7px 3px;	
	width:50%;
	float:left;
	font-style: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	z-index:1;
}

#revistas {
  float:right;
	width:45%;;
	z-index:10;
}

#pie #revistas img {
	margin: 7px 3px;
}

#anuario {
    margin:0px auto;
    text-align:left;
    width:880px;
    background-color: #FFF;
    border: 1px solid #8A938A;
}
#cabecera {
    position:inherit;
    width:100%;
    height:60px;
    z-index:1;
    background-color: #FFFFFF;
    left: 0px;
    top: 0px;
}

#titulo {
    float:left;
	  height:60px;	
    font-size:20px;
    font-style: normal;
    font-weight: bold;
    z-index:3;
    width: 50%;
    color:  #0C266F;
}

#herramientas {
    float:right;
	height:60px;
    top: -30px;
    left: 350px;
    z-index:3;
    width: 50%;
}

tbody.scrollContent td, 
tbody.scrollContent tr.normalRow td {
    background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
    background: #EEE;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px
}


#pie {
    clear:both;
    width:100%;
    height:44px;
    z-index:2;
    background-color: #FFFFFF;
}

#botonesMarcas {
    position:inherit;
    width:100%;
    height:44px;
    z-index:1;
    top: 57px;
    background-color: #F5EADC;
	border-bottom-style: solid;
	border-bottom-color: #83ADE1;
	border-bottom-width: 1px;		
}

#botonesEmpresas {
    position:inherit;
    width:100%;
    height:44px;
    z-index:1;
    top: 57px;
	background-color: #CBD3E4;
	border-bottom-style: solid;
	border-bottom-color: #83ADE1;
	border-bottom-width: 1px;		
}

#botonesProductos {
    position:inherit;
    width:100%;
    height:44px;
    z-index:1;
    top: 57px;
	background-color: #DFE8CC;
	border-bottom-style: solid;
	border-bottom-color: #83ADE1;
	border-bottom-width: 1px;		
}
#botones 
{
	position:relative;
	width:620px;
	left: 60px;
	top:7px;
	height: 38px;
}

#botonSeleccionado {
	float:left;
	width:200px;
	height: 36px;
	line-height: 36px;
	background-color: #ECEBF2;
	font-size: 16px;
	font-weight: bolder;
	border-left-color: #83ADE1;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #83ADE1;
	border-right-width: 1px;
	border-top-color: #83ADE1;
	border-top-width: 1px;
	border-top-style: solid;
	text-align: center;
}

.botonBordeDerecho {
	float:left;
	width:200px;
	height: 36px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bolder;
	border-top-style: hidden;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-color: #83ADE1;
	border-right-width: 1px;
	text-align: center;
}
.botonBordeDerechoHover {
	line-height: 36px;
	border-top-style: solid;
	border-top-color: #83ADE1;
	border-top-width: 1px;
	cursor:pointer;
	background-color: #ECEBF2;
}

.botonBordeIzquierdo {
	float:left;
	width:200px;
	height: 36px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bolder;
	border-left-style: solid;
	border-left-color: #83ADE1;
	border-left-width: 1px;
	text-align: center;

}
.botonBordeIzquierdoHover {
	line-height: 36px;
	border-top-style: solid;
	border-top-color: #83ADE1;
	border-top-width: 1px;
	cursor:pointer;
	background-color: #ECEBF2;
}

#sectoresLayer {
    position:inherit;
    width:100%;
    height:26px;
    z-index:1;
    top: 101px;
	background-color: #ECEBF2;

}
.botonSector
{
	float:left;
	width:110px;
	height: 26px;
	font-size: 9px;
	text-align: center;
}
.botonSectorSeleccionado
{
	float:left;
	width:108px;
	height: 24px;
	font-size: 9px;
	font-weight: bolder;
	text-align: center;
	background-color: #DFE8CC;
	border-bottom-style: solid;
	border-bottom-color: #83ADE1;
	border-bottom-width: 1px;	
	border-right-style: solid;
	border-right-color: #83ADE1;
	border-right-width: 1px;	
	border-left-style: solid;
	border-left-color: #83ADE1;
	border-left-width: 1px;		
}

.botonSectorHover
{
	float:left;
	width:108px;
	height: 24px;
	font-size: 9px;
	text-align: center;
	background-color: #DFE8CC;
	border-bottom-style: solid;
	border-bottom-color: #83ADE1;
	border-bottom-width: 1px;	
	border-right-style: solid;
	border-right-color: #83ADE1;
	border-right-width: 1px;	
	border-left-style: solid;
	border-left-color: #83ADE1;
	border-left-width: 1px;	
	cursor:pointer;
}

#body {
    position:inherit;
    width:100%;
    height:520px;
    z-index:2;
    top: 101px;
    left: 0px;
    background-color: #ECEBF2;
}

#izq {
    float:left;
    width:50%;
    height:520px;
    z-index:2;
    background-color: #ECEBF2;
}
#der {
    float:right;
    width:50%;
    height:520px;
    z-index:2;
    background-color: #ECEBF2;
}

#izqProductos {
    float:left;
    width:50%;
    height:494px;
    z-index:2;
    background-color: #ECEBF2;
}
#derProductos {
    float:right;
    width:50%;
    height:494px;
    z-index:2;
    background-color: #ECEBF2;
}

#fichaEmpresaLayer {
    position:relative;
    left: 20px;
    top: 36px;
    width:400px;
    height:307px;     
    z-index:2;
    border: 1px solid #8A938A;
}
#fichaEmpresaMarcasLayer {
    position:relative;
    left: 20px;
    top: 45px;
    width:400px;
    height:307px;    
    z-index:2;
    border: 1px solid #8A938A;
}
#fichaEmpresaProductosLayer {
    position:relative;
    left: 20px;
    top: 19px;
    width:400px;
    height:307px;    
    z-index:2;
    border: 1px solid #8A938A;
}
#listaEmpresasMarcasLayer {
    position:relative;
    left: 20px;
    top: 36px;
    width:400px;
    height:120px;
    z-index:2;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #8A938A;
}

#derecha {
    position:relative;
    left: 460px;
    width:400px;
    height:120px;
    z-index:2;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #8A938A;
}
#listaEmpresasProductosLayer {
    position:relative;
    left: 20px;
    top: 10px;
    width:400px;
    height:120px;
    z-index:2;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #8A938A;
}
#listaProductosLayer {
    position:relative;
    width:408px;
    height:440px;
    z-index:2;
    left: 20px;
    top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #8A938A;
}
#listaEmpresasLayer {
    position:relative;
    width:408px;
    height:440px;
    z-index:2;
    left: 20px;
    top: 17px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #8A938A;
}
#listaMarcasLayer {
    position:relative;
    width:408px;
    height:440px;
    z-index:2;
    left: 20px;
    top: 17px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #8A938A;
}
#listaMarcasLetrasLayer {
    position:relative;
    width:408px;
    height:20px;
    left: 20px;
    top: 6px;
    color: #CC6600;
	text-decoration:none;
	font-size:12px;
	text-transform:capitalize;
	line-height:20px;	
}
#listaMarcasLetrasLayer a
{
	text-decoration:none;
    color: #CC6600;
}
#listaMarcasLetrasLayer a.activo
{	
	border: 1px solid #CC6600;
}
#listaEmpresasLetrasLayer {
    position:relative;
    width:408px;
    height:20px;
    left: 20px;
    top: 6px;
    color: #678BBB;
	
	text-decoration:none;
	font-size:12px;
	text-transform:capitalize;
	line-height:20px;

}
#listaEmpresasLetrasLayer a
{	
	text-decoration:none;
    color: #678BBB;
}
#listaEmpresasLetrasLayer a.activo
{	
	border: 1px solid #678BBB;
}

*
{
	margin: 0;
	padding: 0;
}
#fichaEmpresa{
	width:100%;
	height:100%;
}

#fichaEmpresa dt{
	line-height: 19px;
	background-color: #678BBB;
	border-top: 1px solid #8A938A;
	border-bottom: 1px solid #8A938A;
	padding: 0 10px;
	font-weight: bold;
	color: #000000;
}

#fichaEmpresa dd{
	overflow-x: hidden;
	overflow-y: auto;
}
#fichaEmpresa p{
	margin: 16px 10px;
	overflow-y: auto;
}
#fichaEmpresa dt.hoverEmpresa
{
	background-color: #D3DDEB;
	color:#FFFFFF;
}
#fichaEmpresa dt.activeEmpresa
{
    overflow:auto;
	background-color: #678BBB;
}

#listaProductos{
	width:100%;
	height:440px;
	border: 1px solid #8A938A;
}
#listaProductos dt{
	line-height: 19px;
	background-color: #7EA534;
	border-top: 1px solid #8A938A;
	border-bottom: 1px solid #8A938A;
	padding: 0 10px;
	font-weight: bold;
	color: #000000;
}
#listaProductos dd{
	overflow-x: hidden;
	overflow-y: auto;
}
#listaProductos p{
	margin: 16px 10px;
}
#listaProductos dt.hoverProductos
{
	background-color: #7EA534;
	color:#FFFFFF;
}
#listaProductos dt.activeProductos
{
	background-color: #7EA534;
	border-top: 1px solid #8A938A;
	border-bottom: 1px solid #8A938A;
}
#cabecera #herramientas input {
	font-family: arial, geneva, verdana, sans-serif, tahoma;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: #83ADE1;
	height:18px;
	line-height: 18px;
	text-transform: lowercase;
	text-indent: 2px;
	width: 100px;
}

#cabecera #herramientas a {
	font-family: arial, geneva, verdana, sans-serif, tahoma;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color:#062774;
}