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

/************
* CUERPO ROSA *
************/
.cuerpo-contacto #contenedor-rosa{
	width:710px;
	position:relative;
	top:180px;
	color: white;
}

.cuerpo-contacto #contenedor-rosa #texto a {
        padding-left: 100px;
}

.cuerpo-contacto #contenedor-rosa #texto p {
        text-indent: 0px;
        margin-left: 0px;
}

.cuerpo-formacion #contenedor-rosa{
	width:710px;
	position:relative;
	top:210px;
	color: white;
}

.cuerpo-catalogo #contenedor-rosa{
	width:710px;
	position:relative;
	top:180px;
	color: white;
}

.cuerpo-metodos .title,
.cuerpo-catalogo .title {
        color: #BCBDBD;
}

.cuerpo-catalogo #contenedor-rosa #texto p {
        text-align: center;
}

.cuerpo-formacion #contenedor-rosa #texto p {
        text-align: center;
}

#contenedor-rosa #texto{
	width:580px;
	color:white;
	margin:auto;
        font-family: Verdana;
        font-size: 12px;
	background-color: #da0b92;
	color: white;
	padding: 45px;
        line-height: 14px;
}

#contenedor-rosa #texto p,
#contenedor-rosa #texto a {
	text-decoration:none;
	color:#FFFFFF;
}

#contenedor-rosa #texto a:hover{
	text-decoration:underline;
}

#contenedor-rosa #texto #descarga-catalogo {
        text-align: center
}

#contenedor-rosa #texto #descarga-catalogo a {
        line-height: 32px;
	text-decoration:none;
	color:#FFFFFF;
}

#contenedor-rosa #texto #descarga-catalogo a:hover {
	text-decoration:underline;
}

#contenedor-rosa #texto #descarga-catalogo a img {
        margin-bottom : -12px;
}

/****************
* FIN ROSA *
****************/


/************
* VERDE *
************/
#contenedor-verde{
	width:710px;
	position:relative;
	top:100px;
	left:0px;
	padding: 15px;
	color: white;
}

#contenedor-verde #texto{
	width:580px;
	color:white;
	margin:auto;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
	background-color: #b0c73f;
	padding: 45px;
        line-height: 14px;
}

#contenedor-verde #texto p,
#contenedor-verde #texto a{
	text-decoration:none;
	color:#FFFFFF;
}

#contenedor-verde #texto a:hover{
	text-decoration:underline;
}

/****************
* FIN VERDE *
****************/


/************
* AZUL *
************/

#contenedor-azul{
	width:710px;
        margin-top: 20px;
	color: white;
}

#contenedor-azul #texto{
	width:580px;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
	color:white;
	margin:auto;
	background-color: #2eb6c7;
	padding: 35px;
        line-height: 14px;
}

#contenedor-azul #texto p {
	color:#FFFFFF;
}

#contenedor-azul #texto p.tit-azul {
        font-size: 14px;
        font-weight: bolder;
        text-indent: 0px;
}

#contenedor-azul #texto a{
	text-decoration:none;
	color:#FFFFFF;
}

#contenedor-azul #texto a:hover{
	text-decoration:underline;
}

/****************
* FIN AZUL *
****************/


/************
* NARANJA-ELE *
************/
#contenedor-naranja-ele{
	width:690px;
	position:relative;
	top:20px;
	left:0px;
	padding: 15px;
	color: white;
}

#contenedor-naranja-ele #texto{
	width:580px;
	color:white;
	margin:auto;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
	background-color: #fe6102;
	padding: 45px;
        line-height: 14px;
}

#contenedor-naranja-ele #texto p {
        margin-bottom: 14px;
}

#contenedor-naranja-ele #texto p,
#contenedor-naranja-ele #texto a{
	text-decoration:none;
	color:#FFFFFF;
}

#contenedor-naranja-ele #texto a:hover{
	text-decoration:underline;
}

/****************
* FIN NARANJA-ELE *
****************/

/************
* NARANJA-NOSOTROS *
************/
#contenedor-naranja-nosotros{
	width:690px;
	position:relative;
	top:20px;
	left:0px;
	padding: 15px;
	color: white;
}

#contenedor-naranja-nosotros #texto{
	width:580px;
	color:white;
	margin:auto;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
	background-color: #ff9839;
	padding: 45px;
        line-height: 14px;
}

#contenedor-naranja-nosotros #texto p {
        margin-bottom: 14px;
}

#contenedor-naranja-nosotros #texto p,
#contenedor-naranja-nosotros #texto a{
	text-decoration:none;
	color:#FFFFFF;
}

#contenedor-naranja-nosotros #texto a:hover{
	text-decoration:underline;
}

/****************
* FIN NARANJA-NOSOTROS *
****************/


/************
* NARANJA *
************/
#contenedor-naranja-dist{
	width:710px;
	position:relative;
	top:100px;
	left:0px;
	padding: 15px;
	color: white;
}

#contenedor-naranja-dist #texto{
	width:580px;
	color:white;
	font-family:Helvetica, sans-serif;
	margin:auto;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
	background-color: #ff9839;
	padding: 45px;
        line-height: 14px;
}

#contenedor-naranja-dist #texto p,
#contenedor-naranja-dist #texto a{
	text-decoration:none;
	color:#FFFFFF;
}

#contenedor-naranja-dist #texto a:hover{
	text-decoration:underline;
}

.negrita {
	font-weight: bolder;
}


/****************
* FIN NARANJA-DIST *
****************/

/****************
* CUADRADO PARA CENTRAR LIBRO *
****************/

.libro {
        margin: 30px auto;
        width: 640px;
        height: 480px;
}

#correo {
        font-family: Verdana;
        font-size: 14px;
        font-weight: bold;
        margin-top: 20px;
        display: block;
}

.centrado {
        text-align: center;
}

.justificado {
        text-align: justify;
}

/*********************
* ESTILO NODOS DATOS *
**********************/

#main .title {
        font-size: 18px;
        font-weight: bolder;
        font-family: Verdana;
}

.cuerpo-otros #main .title {
        color: #df0223;
}

.cuerpo-distribuidores #main .title {
        color: #ff9839;
}
.cuerpo-metodos #main .title {
        color: #BCBDBD;
}

.cuerpo-enlaces #main .title,
.cuerpo-material #main .title {
        color: #b0c73f;
}

.node {
        font-family: Verdana;
}

.node .content p {
        text-align: justify;
        color: black;
        font-size: 12px;
        font-weight: bold;
        text-indent: 10px;
        margin: 10px;
}

.node .submitted {
        display: none;
}

.node .field {
        display: block;
}

.node .field-label,
.node .field-label-inline-first {
        font-size: 14px;
        font-weight: bolder;
}

.cuerpo-otros .node .field-label,
.cuerpo-otros .node .field-label-inline-first {
        color: #df0223;
}

.cuerpo-distribuidores .node .field-label,
.cuerpo-distribuidores .node .field-label-inline-first,
.cuerpo-metodos .node .field-label,
.cuerpo-metodos .node .field-label-inline-first {
        color: #ff9839;
}

.cuerpo-enlaces .node .field-label,
.cuerpo-enlaces .node .field-label-inline-first,
.cuerpo-material .node .field-label,
.cuerpo-material .node .field-label-inline-first {
        color: #b0c73f;
}

.node .field-items {
        margin-left: 0px;
}

.node .field-item {
        margin-left: 10px;
        color: black;
        font-size: 12px;
        font-weight: bold;
        text-indent: 10px;
        text-align: justify;
}

/***************************
* MAQUETACION DISTRIBUIDOR *
****************************/

.view-lista-distribuidores #encabezado-dist,
.view-lista-distribuidores #pie-dist {
        clear: both;
        height: 50px;
        padding-top: 10px;
}

.view-lista-distribuidores a.flecha-volver {
        width:198px;
        height:46px;
        margin-top: 0px;
        display:block;
        float: left;
        text-decoration:none;
	background: transparent url(../imagenes/flecha_volver.gif) no-repeat scroll;
}

.view-lista-distribuidores #aclaradistdest {
        background-color:#FE6102;
        color:white;
        font-family:Helvetica,sans-serif;
        font-size:14px;
        font-weight:bold;
        padding-top:12px;
        padding-left: 30px;
        width:430px;
        height: 34px;
        margin-left: 240px;
}

.view-lista-distribuidores #aclaradistdest img {
        margin-right: 5px;
}

.view-lista-distribuidores  a.flecha-volver:hover {
	background: transparent url(../imagenes/flecha_volver_over.gif) no-repeat scroll;
}

.view-lista-distribuidores .item-list li {
        list-style-type: none;
        width: 315px; 
        height: 260px;
        background-color: #ff9839;
        color: white;
	font-family:Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 10px;
        padding: 10px;
        float: left;
}

.view-lista-distribuidores .item-list .view-data-title {
        padding: 8px;
	margin-left: 10px;
        font-size: 16px;
        background-color: #FE6102;
        color: white;
        font-weight: bolder;
}

.view-lista-distribuidores .item-list .view-data-title img {
	margin-right: 10px;
}

.view-lista-distribuidores .item-list .view-field {
        margin-left: 5px;
        padding-left: 36px;
        margin-top: 3px;
}

.view-lista-distribuidores .item-list .view-data-field-dist-telefono-value {
	background: transparent url(../imagenes/telefono.gif) top left no-repeat scroll;
        padding-left: 36px;
}

.view-lista-distribuidores .item-list .view-data-field-dist-fax-value {
	background: transparent url(../imagenes/fax.gif) top left no-repeat scroll;
        padding-left: 36px;
}

.view-lista-distribuidores .item-list .view-data-field-dist-email-email {
	background: transparent url(../imagenes/correo.gif) top left no-repeat scroll;
        padding-left: 36px;
}

.view-lista-distribuidores .item-list .view-data-field-dist-web-url {
	background: transparent url(../imagenes/web.gif) top left no-repeat scroll;
        padding-left: 36px;
}

.view-lista-distribuidores .item-list .view-data-field-dist-web-url a,
.view-lista-distribuidores .item-list .view-data-field-dist-email-email a {
        text-decoration: none;
        font-size: 12px;
        color: white;
}

.view-lista-distribuidores .item-list .view-data-field-dist-web-url a:hover,
.view-lista-distribuidores .item-list .view-data-field-dist-email-email a:hover {
        text-decoration: underline;
}

.view-lista-distribuidores .item-list .view-data-field-dist-pais-value {
        text-align: center;
        padding: 5px 0px 5px 0px;
        margin: 0px auto;
        font-size: 16px;
        text-transform: uppercase;
        color: white;
}

/**********************
* MAQUETACION ENLACES *
***********************/

.contenedor-distribuidor {
        width:250px;
        margin-top: 60px;
        overflow:hidden;
        float:left;
}

.contenedor-distribuidor-2 {
        width:430px;
        margin-top: 90px;
        height:500px;
        overflow:visible;
        float:left;
}

#contenedor-titulo-distribuidor {
        background:transparent url(../imagenes/rayanaranja.gif) top right no-repeat scroll;
        width:250px;
        padding-top: 190px;
}

#contenedor-titulo-distribuidor .titulo {
	width:199px;
	height:94px;
	background:transparent url(../imagenes/distribuidores.gif) center right no-repeat scroll;
}

#contenedor-logo {
        position: relative;
        top: 45px;
        left: 280px;
        width: 112px;
        height: 306px;
        background:transparent url(../imagenes/logo-enclave-naranja.gif) center right no-repeat scroll;
}

#contenedor-flechas-distribuidor {
        float:left;
        position:relative;
        height:225px;
        width:220px;
        margin:15px 20px 0px 0px;
}

#contenedor-flechas-distribuidor .fle{
        width:198px;
        height:46px;
        position:absolute;
        left:0px;
}

#contenedor-flechas-distribuidor .fle .btn-flecha{
        width:198px;
        height:46px;
        display:block;
        text-decoration:none;
}

#contenedor-flechas-distribuidor .flecha1{
	top: 20px;
}

#contenedor-flechas-distribuidor .flecha2{
	top: 70px;
}

#contenedor-flechas-distribuidor .flecha3{
	top: 120px;
}

#contenedor-flechas-distribuidor .flecha4{
	top: 170px;
}

#contenedor-flechas-distribuidor .flecha5{
	top: 220px;
}

#contenedor-flechas-distribuidor .flecha6{
	top: 270px;
}

#contenedor-flechas-distribuidor .flecha7{
	top: 320px;
}

.flecha1 a#boton-dist-flecha1{
	background: transparent url(../imagenes/flecha_espana.gif) top left no-repeat scroll;
}

.flecha1 a#boton-dist-flecha1:hover{
	background: transparent url(../imagenes/flecha_espana_over.gif) top left no-repeat scroll;
}

.flecha2 a#boton-dist-flecha2{
	background: transparent url(../imagenes/flecha_europa.gif) top left no-repeat scroll;
}

.flecha2 a#boton-dist-flecha2:hover{
	background: transparent url(../imagenes/flecha_europa_over.gif) top left no-repeat scroll;
}

.flecha3 a#boton-dist-flecha3{
	background: transparent url(../imagenes/flecha_america.gif) top left no-repeat scroll;
}

.flecha3 a#boton-dist-flecha3:hover{
	background: transparent url(../imagenes/flecha_america_over.gif) top left no-repeat scroll;
}

.flecha4 a#boton-dist-flecha4{
	background: transparent url(../imagenes/flecha_asia.gif) top left no-repeat scroll;
}

.flecha4 a#boton-dist-flecha4:hover{
	background: transparent url(../imagenes/flecha_asia_over.gif) top left no-repeat scroll;
}

.flecha5 a#boton-dist-flecha5{
	background: transparent url(../imagenes/flecha_africa.gif) top left no-repeat scroll;
}

.flecha5 a#boton-dist-flecha5:hover{
	background: transparent url(../imagenes/flecha_africa_over.gif) top left no-repeat scroll;
}

.flecha6 a#boton-dist-flecha6{
	background: transparent url(../imagenes/flecha_oriente.gif) top left no-repeat scroll;
}

.flecha6 a#boton-dist-flecha6:hover{
	background: transparent url(../imagenes/flecha_oriente_over.gif) top left no-repeat scroll;
}

.flecha7 a#boton-dist-flecha7{
	background: transparent url(../imagenes/flecha_oceania.gif) top left no-repeat scroll;
}

.flecha7 a#boton-dist-flecha7:hover{
	background: transparent url(../imagenes/flecha_oceania_over.gif) top left no-repeat scroll;
}

.contenedor-enlaces {
        width:250px;
        margin-top: 60px;
        overflow:hidden;
        float:left;
        clear: both;
}

.contenedor-enlaces-2 {
        width:430px;
        margin-top: 90px;
        height:500px;
        overflow:visible;
        float:left;
}

#contenedor-titulo-enlaces {
        background:transparent url(../imagenes/rayaverde.gif) top right no-repeat scroll;
        margin-top: 30px;
        width:250px;
        padding-top: 130px;
}

#contenedor-titulo-enlaces .titulo {
	width:199px;
	height:94px;
	background:transparent url(../imagenes/enlaces.gif) center center no-repeat scroll;
}

#contenedor-logo-verde {
        position: relative;
        top: 25px;
        left: 20px;
        margin-left: 260px;
        _left: 20px;
        width: 112px;
        height: 306px;
        background: transparent url(../imagenes/logo-enclave-verde.gif) center right no-repeat scroll;
}

#contenedor-flechas-enlaces {
        float:left;
        position:relative;
        height:225px;
        width:220px;
        margin:35px 20px 0px 0px;
}

#contenedor-flechas-enlaces .fle{
        width:198px;
        height:46px;
        position:absolute;
        left:0px;
}

#contenedor-flechas-enlaces .fle .btn-flecha{
        width:198px;
        height:46px;
        display:block;
        text-decoration:none;
}

#contenedor-flechas-enlaces .flecha1{
	top: 20px;
}

#contenedor-flechas-enlaces .flecha2{
	top: 70px;
}

#contenedor-flechas-enlaces .flecha3{
	top: 120px;
}

#contenedor-flechas-enlaces .flecha4{
	top: 170px;
}

#contenedor-flechas-enlaces .flecha5{
	top: 220px;
}

.flecha1 a#boton-enl-flecha1{
	background: transparent url(../imagenes/flecha_asociaciones.gif) top left no-repeat scroll;
}

.flecha1 a#boton-enl-flecha1:hover{
	background: transparent url(../imagenes/flecha_asociaciones_over.gif) top left no-repeat scroll;
}

.flecha2 a#boton-enl-flecha2{
	background: transparent url(../imagenes/flecha_formacion.gif) top left no-repeat scroll;
}

.flecha2 a#boton-enl-flecha2:hover{
	background: transparent url(../imagenes/flecha_formacion_over.gif) top left no-repeat scroll;
}

.flecha3 a#boton-enl-flecha3{
	background: transparent url(../imagenes/flecha_foros.gif) top left no-repeat scroll;
}

.flecha3 a#boton-enl-flecha3:hover{
	background: transparent url(../imagenes/flecha_foros_over.gif) top left no-repeat scroll;
}

.flecha4 a#boton-enl-flecha4{
	background: transparent url(../imagenes/flecha_recursos.gif) top left no-repeat scroll;
}

.flecha4 a#boton-enl-flecha4:hover{
	background: transparent url(../imagenes/flecha_recursos_over.gif) top left no-repeat scroll;
}

.flecha5 a#boton-enl-flecha5{
	background: transparent url(../imagenes/flecha_biblio.gif) top left no-repeat scroll;
}

.flecha5 a#boton-enl-flecha5:hover{
	background: transparent url(../imagenes/flecha_biblio_over.gif) top left no-repeat scroll;
}

.view-lista-enlaces #encabezado-enl,
.view-lista-enlaces #pie-enl {
        clear: both;
        height: 50px;
        padding-top: 10px;
}

.view-lista-enlaces a.flecha-volver-verde {
        width:198px;
        height:46px;
        margin-top: 0px;
        display:block;
        float: left;
        text-decoration:none;
	background: transparent url(../imagenes/flecha_volver_verde.gif) no-repeat scroll;
}

.view-lista-enlaces  a.flecha-volver-verde:hover {
	background: transparent url(../imagenes/flecha_volver_verde_over.gif) no-repeat scroll;
}
.view-lista-enlaces .item-list li {
        list-style-type: none;
        width: 300px; 
        height: 140px;
        background-color: #b0c73f;
        color: white;
	font-family:Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin: 10px 10px 10px 20px;
        padding: 10px;
        float: left;
}

.view-lista-enlaces .item-list .view-data-node-title {
        background-color: #84AA0E;
        margin-bottom: 8px;
        padding-top: 8px;
        padding-left: 5px;
        padding-bottom: 8px;
        font-size: 14px;
        font-weight: bolder;
}

.view-lista-enlaces .item-list .view-data-node-data-field-enl-url-field-enl-url-url {
	background: transparent url(../imagenes/web.gif) top left no-repeat scroll;
        margin-top: 15px;
        margin-left: 10px;
        line-height: 16px;
        padding-left: 20px;
}

.view-lista-enlaces .item-list .view-data-node-data-field-enl-url-field-enl-url-url a {
        text-decoration: none;
        font-size: 12px;
        color: white;
}

.view-lista-enlaces .item-list .view-data-node-data-field-enl-url-field-enl-url-url a:hover {
        text-decoration: underline;
}

.view-data-node-data-field-new-categoria-enlace-field-new-categoria-enlace-value {
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        margin: 0px auto;
        padding: 5px 0px;
}

div.pager {
        padding: 20px;
}

div.pager a {
        background-color: #84AA0E;
        color: white;
}

div.pager .pager-current {
        background-color: #84AA0E;
        color: blue;
}

div.pager a:hover {
        background-color: white;
        color: #84AA0E;
}

/**********************
* MAQUETACION SERIES *
***********************/

#nodo-serie {
        margin-left: 10px;
}

#nodo-serie .campo {
        margin-top: 15px;
        clear: both;
}

#nodo-serie .cabecera {
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: bolder;
        color: #bcbdbd;
}

.cuerpo-metodos #nodo-serie .etiqueta {
        font-size: 14px;
        font-weight: bolder;
        color: #ff9839;
        margin: 0px;
}

.cuerpo-material #nodo-serie .etiqueta {
        font-size: 14px;
        font-weight: bolder;
        color: #b0c73f;
        margin: 0px;
}

#nodo-serie .contenido {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        font-weight: bold;
        color: #666;
        text-align: justify;
}

#nodo-serie .contenido a, 
#nodo-material .contenido a {
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        color: #666;
}

#nodo-serie .contenido a:hover,
#nodo-material .contenido a:hover {
        text-decoration: underline;
}

#nodo-serie .contenido p,
#nodo-material .contenido p {
        text-indent: 20px;
}

#nodo-serie .componente, 
#nodo-serie .autor {
        display: inline;
}

.fila-naranja {
	background: transparent url(../imagenes/rayanaranja.gif) top left no-repeat scroll;
        margin-left: -10px;
        margin-bottom: 30px;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 700px;
        height: 180px;
        clear: both;
}

.separador-naranja {
	background: transparent url(../imagenes/rayanaranja.gif) top left no-repeat scroll;
        width: 300px;
        height: 3px;
        margin-bottom: 30px;
}

.fila-verde {
	background: transparent url(../imagenes/rayaverde.gif) top left no-repeat scroll;
        margin-left: -10px;
        margin-bottom: 30px;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 700px;
        height: 180px;
        clear: both;
}

.separador-verde {
	background: transparent url(../imagenes/rayaverde.gif) top left no-repeat scroll;
        width: 300px;
        height: 3px;
        margin-bottom: 30px;
}

.fila-azul {
	background: transparent url(../imagenes/rayaazul.gif) top left no-repeat scroll;
        margin-left: -10px;
        margin-bottom: 30px;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 700px;
        height: 180px;
        clear: both;
}

.separador-azul {
	background: transparent url(../imagenes/rayaazul.gif) top left no-repeat scroll;
        width: 300px;
        height: 3px;
        margin-bottom: 30px;
}

.fila-rosa {
	background: transparent url(../imagenes/rayarosa.gif) top left no-repeat scroll;
        margin-left: -10px;
        margin-bottom: 30px;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 700px;
        height: 180px;
        clear: both;
}

.separador-rosa {
	background: transparent url(../imagenes/rayarosa.gif) top left no-repeat scroll;
        width: 300px;
        height: 3px;
        margin-bottom: 30px;
}

#nodo-serie .subserie {
        width: 30px;
        height: 160px;
        padding-top: 22px;
        float: left;
}

#nodo-serie .libros {
        display: inline;
}

#nodo-serie .libro-serie {
        width: 115px;
        width: 100px;
        margin-left: 40px;
        margin-top: 10px;
        text-align: center;
        float: left;
}

#nodo-serie .portada {
        position: relative;
        width: 140px;
}

#nodo-serie .portada a .globo a, 
#nodo-serie .portada a .globo {
        display: none;
	z-index:20;
}

#nodo-serie .portada a:hover .globo a,
#nodo-serie .portada a:hover .globo {
        display: block;
	position: absolute;
        color: white;
        font-size: 10px;
        width: 120px;
        padding: 10px;
        top: 80px;
        left: -10px;
	text-align:center;
        text-decoration: none;
        font-weight: bold;
	z-index:20;
	filter:alpha(opacity=60);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:0.9;
}

#nodo-serie .portada a:hover .flechita-globo {
        display: block;
	position: absolute;
        width: 200px;
        padding: 10px;
        top: 73px;
        left: 65px;
        text-decoration: none;
	z-index:25;
}

.cuerpo-metodos #nodo-serie .portada a:hover .flechita-globo {
        background: transparent url(../imagenes/flechita_globo_naranja2.gif) 0% 0% no-repeat;
}

.cuerpo-material #nodo-serie .portada a:hover .flechita-globo {
        background: transparent url(../imagenes/flechita_globo_verde.gif) 0% 0% no-repeat;
}

.cuerpo-metodos #nodo-serie .portada a:hover .globo {
        background-color: #ff9839;
}

.cuerpo-material #nodo-serie .portada a:hover .globo {
        background-color: #b0c73f;
}

#nodo-serie .titulo {
        height: 40px;
        width: 140px;
        padding-top: 10px;
        font-size: 10px;
}

#nodo-serie .enlaces {
        margin:25px auto 20px -50px;
        text-align:center;
        width:750px;
}

#nodo-serie .enlaces a {
        width: 200px;
        display: inline-block;
        margin: 10px 10px;
}

#nodo-serie .enlaces a:hover img {
	filter:alpha(opacity=60);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	opacity:0.6;
}

#nodo-serie .enlaces img {
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;
	border:none;
}

#nodo-serie .niveles,
#nodo-serie .niveles p {
        text-indent: 0px;
}

/**************************** 
        MAQUETANDO ISBNs
*****************************/

#listado-isbn {
        margin-top: 20px;
}

#nodo-serie .fila-isbn {
        margin: 0px 20px;
        overflow: hidden;
}

#nodo-serie .columna-isbn {
        padding: 10px 10px 10px 20px;
        width: 290px;
        height: 270px;
        font-family: verdana;
        float:left;
        color: white;
}

#nodo-serie .columna-isbn .titulo-columna-isbn {
        padding: 5px 5px;
        font-size: 12px;
        font-weight: bolder;
        margin-top: 12px;
        margin-left: 10px;
}

#nodo-serie .columna-isbn .isbn-libros {
        padding: 5px 0px;
        font-size: 11px;
}

#nodo-serie .columna-isbn .isbn-libros .titulo-isbn-libros {
        padding: 0px 5px;
        width: 250px;
        margin-left: 10px;
        font-weight: bold;
}

#nodo-serie .columna-isbn .isbn-libros .isbn-libros {
        padding: 0px 5px;
        width: 250px;
        margin-left: 10px;
        font-weight: bold;
}

#nodo-serie .isbn-naranja-claro {
        background-color: #ff9839;
}

#nodo-serie #logo-bloque-naranja-claro {
	background: transparent url(../imagenes/logo_bloq_naranja_claro.gif) no-repeat scroll;
        width: 230px;
        height: 70px;
        margin-top: 75px;
        margin-left: 25px;
}

#nodo-serie .isbn-naranja-oscuro {
        background-color: #fe6102;
}

#nodo-serie #logo-bloque-naranja-oscuro {
	background: transparent url(../imagenes/logo_bloq_naranja_oscuro.gif) no-repeat scroll;
        width: 230px;
        height: 70px;
        margin-top: 75px;
        margin-left: 25px;
}

#nodo-serie .isbn-verde-claro {
        background-color: #b0c73f;
}

#nodo-serie #logo-bloque-verde-claro {
	background: transparent url(../imagenes/logo_bloq_verde_claro.gif) no-repeat scroll;
        width: 230px;
        height: 70px;
        margin-top: 75px;
        margin-left: 25px;
}

#nodo-serie .isbn-verde-oscuro {
        background-color: #9dbe00;
}

#nodo-serie #logo-bloque-verde-oscuro {
	background: transparent url(../imagenes/logo_bloq_verde_oscuro.gif) no-repeat scroll;
        width: 230px;
        height: 70px;
        margin-top: 75px;
        margin-left: 25px;
}

/**********************
* MAQUETACION MATERIAL *
***********************/

.cuerpo-metodos #main .title {
        margin-left: 20px; 
}

#nodo-material {
        margin: 20px 20px 40px 20px;
}

#nodo-material .cuadrado{
        float: left;
        height: 270px;
        width: 300px;
}

#nodo-material .campo-portada {
        width: 350px;
        float: left;
}

#nodo-material .portada {
        width: 120px;
        margin-top: 40px;
        margin-left: 100px;
}

#nodo-material .campo {
        margin-top: 15px;
        clear: both;
}

.cuerpo-metodos #nodo-material .etiqueta {
        font-size: 14px;
        font-weight: bolder;
        color: #ff9839;
        margin: 0px;
}

.cuerpo-material #nodo-material .etiqueta {
        font-size: 14px;
        font-weight: bolder;
        color: #b0c73f;
        margin: 0px;
}

#nodo-material .contenido {
        margin: 10px 20px;
        font-size: 12px;
        font-weight: bold;
        color: #666;
        text-align: justify;
}

#nodo-material .contenido p {
        text-indent: 20px;
}

.cuerpo-metodos #nodo-material a.descarga-material {
        color: #ff9839;
}

.cuerpo-material #nodo-material a.descarga-material {
        color: #b0c73f;
}

#nodo-material a.descarga-material {
        margin-left: -20px;
        margin-bottom: 3px;
        padding-left: 20px;
        line-height: 14px;
        display: block;
        font-size: 14px;
	background: transparent url(../imagenes/descarga.gif) center left no-repeat scroll;
        text-decoration: none;       
}

#nodo-material a.descarga-material:hover {
        text-decoration: underline;       
}


.cuerpo-metodos #nodo-material a.enlace-externo {
        color: #ff9839;
}

.cuerpo-material #nodo-material a.enlace-externo {
        color: #b0c73f;
}

#nodo-material a.enlace-externo {
        margin-left: -20px;
        margin-bottom: 3px;
        padding-left: 20px;
        line-height: 14px;
        display: block;
        font-size: 14px;
	background: transparent url(../imagenes/navegador.gif) center left no-repeat scroll;
        text-decoration: none;       
}

#nodo-material a.enlace-externo:hover {
        text-decoration: underline;       
}

#nodo-material .nivel, 
#nodo-material .autor {
        display: inline;
}

#nodo-material .si-novedad {
	background: transparent url(../imagenes/si.gif) top left no-repeat scroll;
        padding-left: 20px;
}

#nodo-material .no-novedad {
	background: transparent url(../imagenes/no.gif) top left no-repeat scroll;
        padding-left: 20px;
}

#nodo-material .si-multimedia {
	background: transparent url(../imagenes/multimedia.gif) top left no-repeat scroll;
        padding-left: 20px;
}

/**************************************
        MAQUETANDO EL BUSCADOR
**************************************/

.cuerpo-buscador {
        color: #666;
        font-style: Verdana;
        font-size: 10px;
}

.cuerpo-buscador .caja-contenido {
        font-size: 10px;
        font-weight: normal;
}

.cuerpo-buscador .caja-contenido h2 {
        font-size: 12px;
        font-weight: bold;
}

.cuerpo-buscador .caja-contenido dt.title a {
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        text-decoration: none;
        padding-left: 10px;
	background: transparent url(../imagenes/flechitaverde.gif) center left no-repeat scroll;
        color: #84AA0E;
}

.cuerpo-buscador .caja-contenido dt.title a:hover {
        text-decoration: underline;
}

.cuerpo-buscador .caja-contenido dd p.search-info {
        font-size: 10px;
        font-weight: normal;
}

/****************************************************
        MAQUETANDO TEXTOS DE PROXIMAMENTE
****************************************************/

.texto-proximamente {
        color: #666;
        font-style: Verdana;
        font-size: 14px;
}

/****************************************************
        MAQUETANDO MATERIALES EXTRAS ZONA ELE
****************************************************/

.cat-mat-extra {
        background-color: #FFDDDD;
        margin: 10px auto;
        padding: 10px;
        display: block;
        overflow: hidden;
}

.cat-mat-extra .titulo {
	color: #fe6102;
        font-size: 16px;
}

.cat-mat-extra .mat-extra {
        padding-left: 10px;
        margin-left: 16px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
	background: transparent url(../imagenes/flechita_naranja.gif) center left no-repeat scroll;
}

.cat-mat-extra .mat-extra a {
        color: #666;
        text-decoration: none;
}

.cat-mat-extra .mat-extra a:hover {
        color: #ff9839;
        text-decoration: underline;
}

.cat-mat-extra .mat-extra .text_enlace {
        color: #666;
}

.cat-mat-extra .explicacion {
        margin-left: 18px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 12px;
        color: #666;
}

/****************************************************
        MAQUETANDO CATALOGO INTERACTIVO
****************************************************/

#interactivo {
        width: 600px;
        height: 400px;
        margin-left: 60px;
        margin-top: 70px;
}

/****************************************************
        MAQUETANDO DEMOS/PDFs ZONA ELE
****************************************************/

.demo,
.cat-pdfs {
        background-color: #FFDDDD;
        margin: 10px auto;
        padding: 10px;
        display: block;
        overflow: hidden;
}

.demo .video-izq,
.demo .texto-izq,
.demo .video-der,
.demo .texto-der {
        width: 300px;
        height: 243px;
}

.demo .video-izq {
        margin: 20px 0 0 20px;
}

.demo .video-der {
        margin: 20px 20px 0 0;
}

.demo .texto-izq {
        margin: 30px 0px 15px 30px;
}

.demo .texto-der {
        margin: 30px 30px 15px 0px;
}

.demo .texto-izq,
.demo .video-izq {
        float: left;
}

.demo .texto-der,
.demo .video-der {
        float: right;
}

.demo-titulo {
	color: #fe6102;
        font-size: 16px;
        margin-bottom: 5px;
}

.demo-descripcion {
        color: #666;
        font-size: 10px;
}

.cat-pdfs .pdfs-titulo {
	color: #fe6102;
        font-size: 16px;
}

.cat-pdfs .pdf .text_enlace,
.cat-pdfs .pdf a {
        color: #666;
        text-decoration: none;
        padding-left: 10px;
        margin-left: 16px;
        font-size: 12px;
        line-height: 20px;
	background: transparent url(../imagenes/flechita_naranja.gif) center left no-repeat scroll;
}

.cat-pdfs .pdf .text_enlace img {
	padding-left: 3px;
}

.cat-pdfs .pdf a:hover {
        color: #ff9839;
        text-decoration: underline;
}

.cat-pdfs .pdf .explica_enlace {
        color: #666;
        font-size: 10px;
        padding-left: 40px;
}

/*******************************************
        MAQUETANDO BOLETINES
********************************************/

.cuerpo-zonaele li a.active {
        color: #666;
        margin-left: 5px;
}

.cuerpo-zonaele .content p {
        text-indent: 0px;
}

/*******************************************
        MAQUETANDO LINKS
*******************************************/
.cuerpo-enlaces .links,
.cuerpo-contacto .links,
.cuerpo-nosotros .links,
.cuerpo-politica .links,
.cuerpo-distribuidores .links,
.cuerpo-catalogo .links,
.cuerpo-contacto .links,
.cuerpo-formacion .links,
.cuerpo-material .links,
.cuerpo-novedades .links,
.cuerpo-metodos .links,
.cuerpo-home .links {
        display: block;
        text-align: right;
        clear: both;
        font-size: 10px;
        color: #BCBDBD;
        margin-right: 20px;
}

.cuerpo-enlaces .content p {
        color: #666;
        font-size: 14px;
}


/*******************************************
        MAQUETANDO HAZTE DISTRIBUIDOR
*******************************************/

div.cuerpo-distribuidores h2 {
	color: #FF9839;
}

div.cuerpo-distribuidores h3.ok {
	color: #FF9839;
}

div.cuerpo-distribuidores h3.error,
div.cuerpo-distribuidores p.error a {
	color: red;
}

div.cuerpo-distribuidores p.gracias {
	color: #fe6102;
}

form#frm-hazte-distribuidor {
	margin-left: 20px;
}

form#frm-hazte-distribuidor p {
	text-indent: 0px;
}

form#frm-hazte-distribuidor label {
	font-size: 9pt;
}

form#frm-hazte-distribuidor input.campo {
	font-size: 10pt;
	width: 400px;
	border: 2px inset;
	padding: 1px 0px;
	cursor: auto;
}

form#frm-hazte-distribuidor .description {
	font-size: 8pt;
	width: 600px;
	padding-left: 10px;
	color: #888;
}

div.cuerpo-distribuidores a.fichero-cliente {
	color: #fe6102;
	text-decoration: none;
}

div.cuerpo-distribuidores a.fichero-cliente:hover {
	text-decoration: underline;
}