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

body,a,p,img {
	margin:0;
	padding:0;
        font-family: Verdana, serif;
        font-weight: bold;
}

body{
	background-color:#090909;
}

.search-advanced {
        display: none;
}

#sitio-web{
	width:100%;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	background:transparent url(../imagenes/fondo-principal.gif) top left repeat-x scroll;
}

#cuerpo{
	margin:auto;
	width:940px;
}

#cabecera{
	padding-top:20px;
	_padding-top:0px;
	overflow:hidden;
}

#logo{
	width:181px;
	height:69px;
	float:left;
}

#logo a {
	width:181px;
	height:59px;
	background:transparent url(../imagenes/logo.png) bottom left no-repeat scroll;
	display:block;
	text-decoration:none;
}

#lateral-cabecera{
	width:595px;
	height:35px;
	float:left;
	position:relative;
}

#lateral-cabecera-fb{
	width:595px;
	height:46px;
	display:block;
	background-color: transparent;
	float:left;
	position:relative;
	text-align: right;
}

#lateral-cabecera-fb a{
	margin: 0px 25px 0px 0px;
}

#botonera-sup {
	position:absolute;
	bottom:0px;
	right:26px;
	height:30px;
	overflow:hidden;
}

#botonera-sup #esquina-i, #botonera-sup #esquina-d{
	float:left;
	width:23px;
	height:31px;
}

#botonera-sup #botonera{
	float:left;
}

#botonera-sup #esquina-i{
	background:transparent url(../imagenes/esquina-i.gif) top left no-repeat scroll;
}

#botonera-sup #esquina-d{
	background:transparent url(../imagenes/esquina-d.gif) top left no-repeat scroll;
}

#botonera-sup a.boton-sup{
	background:transparent url(../imagenes/fondo-bot-sup.gif) top left repeat-x scroll;
	display:block;
	float:left;
	padding:0px 8px 0px 8px;
	height:31px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	line-height:31px;
	font-size:7pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#botonera-sup a.boton-ini{
	padding-left:0px;
}

#botonera-sup a.boton-fin{
	padding-right:0px;
}

#botonera-sup a.boton-inicio:hover, #botonera-sup a.boton-inicio:active, #botonera-sup a.home{
	color:#2eb6c7;
}

#botonera-sup a.boton-novedades:hover, #botonera-sup a.boton-novedades:active, #botonera-sup a.novedades{
	color:#a6cc20;
}

#botonera-sup a.boton-metodos:hover, #botonera-sup a.boton-metodos:active, #botonera-sup a.metodos{
	color:#ff9839;
}

#botonera-sup a.boton-material:hover, #botoneras-sup a.boton-metodos:active, #botonera-sup a.material{
	color:#b3c946;
}

#botonera-sup a.boton-formacion:hover, #botonera-sup a.boton-metodos:active, #botonera-sup a.formacion{
	color:#da0b92;
}

#cabecera #imagen-cabecera{
	width:750px;
	height:105px;
	float:left;
}

#cabecera .home{
	background:transparent url(../imagenes/cabecerainicio.gif) top left no-repeat scroll;
}

#cabecera .material{
	background:transparent url(../imagenes/cabeceramaterial.gif) top left no-repeat scroll;
}

#cabecera .otros{
	background:transparent url(../imagenes/cabeceraotros.gif) top left no-repeat scroll;
}

#cabecera .novedades{
	background:transparent url(../imagenes/cabeceranovedades.gif) top left no-repeat scroll;
}

#cabecera .formacion{
	background:transparent url(../imagenes/cabeceraformacion.gif) top left no-repeat scroll;
}

#cabecera .buscador{
	background:transparent url(../imagenes/cabecerabuscador.gif) top left no-repeat scroll;
}

#cabecera .catalogo{
	background:transparent url(../imagenes/cabeceracatalogo.gif) top left no-repeat scroll;
}

#cabecera .contacto{
	background:transparent url(../imagenes/cabeceracontacto.gif) top left no-repeat scroll;
}

#cabecera .distribuidores{
	background:transparent url(../imagenes/cabeceradistribuidores.gif) top left no-repeat scroll;
}

#cabecera .enlaces{
	background:transparent url(../imagenes/cabeceraenlaces.gif) top left no-repeat scroll;
}

#cabecera .mapaweb{
	background:transparent url(../imagenes/cabeceramapaweb.gif) top left no-repeat scroll;
}

#cabecera .metodos{
	background:transparent url(../imagenes/cabecerametodos.gif) top left no-repeat scroll;
}

#cabecera .nosotros{
	background:transparent url(../imagenes/cabeceranosotros.gif) top left no-repeat scroll;
}

#cabecera .politica{
	background:transparent url(../imagenes/cabecerapolitica.gif) top left no-repeat scroll;
}

#cabecera .usuarios{
	background:transparent url(../imagenes/cabecerausuarios.gif) top left no-repeat scroll;
}

#cabecera .zonaele{
	background:transparent url(../imagenes/cabecerazonaele.gif) top left no-repeat scroll;
}

#cuerpo-central{
	overflow:hidden;
}

#contenedor-central{
	width:750px;
        height: auto!important; /* para los browsers buenos */
        height: 700px; /* para IE5+ */
	min-height: 640px;
	float:left;
	background-color:white;
	overflow:hidden;

}

#contenedor-central .contenedor{
	width:355px;
	overflow:hidden;
	float:left;
}

.contenedor #contenedor1-1, .contenedor #contenedor2-1{
	width:325px;
	margin:25px 10px 20px 10px;
	float:left;
}

.contenedor #contenedor1-2, .contenedor #contenedor2-2{
	width:305px;
	margin:25px 50px 0px 0px;
	float:right;
}

.contenedor #contenedor1-1{
	background:transparent url(../imagenes/rayaazul.gif) top right no-repeat scroll;
	position:relative;
	height:365px;
}

#contenedor1-1 #titulo1-1{
	width:48px;
	height:186px;
	position:absolute;
	top:90px;
	left:20px;
	background:transparent url(../imagenes/novedades.gif) center right no-repeat scroll;
}

#contenedor1-1 #flash-novedad1{
	width:115px;
	height:150px;
	position:absolute;
	top:20px;
	left:85px;
}

#contenedor1-1 #flash-novedad2{
	width:115px;
	height:150px;
	position:absolute;
	top:20px;
	left:220px;
}

#contenedor1-1 #flash-novedad3{
	width:115px;
	height:150px;
	position:absolute;
	top:185px;
	left:85px;
}

#contenedor1-1 #flash-novedad4{
	width:115px;
	height:150px;
	position:absolute;
	top:185px;
	left:220px;
}

.brillo img {
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;
	border:none;
}

.brillo a:hover img {
	filter:alpha(opacity=60);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	opacity:0.6;
}

.contenedor #contenedor1-2{
	background:transparent url(../imagenes/rayanaranja.gif) top right no-repeat scroll;
	position:relative;
	height:225px;
}

#contenedor1-2 #titulo1-2{
	width:73px;
	height:142px;
	position:absolute;
	top:60px;
	left:20px;
	background:transparent url(../imagenes/fondoeditorial.gif) center right no-repeat scroll;
}

#contenedor1-2 .fle{
	width:198px;
	height:46px;
	position:absolute;
	left:110px;
}

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

#contenedor1-2 #flecha1{
	top:20px;
}

#contenedor1-2 #flecha2{
	top:70px;
}

#contenedor1-2 #flecha3{
	top:120px;
}

#contenedor1-2 #flecha4{
	top:170px;
}

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

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

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

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

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

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

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

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



.contenedor #contenedor2-1{
	background:transparent url(../imagenes/rayarosa.gif) top right no-repeat scroll;
	position:relative;
	height:180px;
}

#contenedor2-1 #titulo2-1{
	width:140px;
	height:63px;
	position:absolute;
	top:66px;
	left:70px;
	background:transparent url(../imagenes/catalogointeractivo.gif) center right no-repeat scroll;
}

#contenedor2-1 #flash-catalogo{
	width:115px;
	height:150px;
	position:absolute;
	top:26px;
	left:220px;
}

.contenedor #contenedor2-2{
	background:transparent url(../imagenes/rayaverde.gif) top right no-repeat scroll;
	position:relative;
	height:340px;
}

#contenedor2-2 #titulo2-2{
	width:115px;
	height:150px;
	position:absolute;
	top:20px;
	left:60px;
	background:transparent url(../imagenes/hojeanuestroslibros.gif) center right no-repeat scroll;
}

#contenedor2-2 #flash-hojea1{
	width:115px;
	height:150px;
	position:absolute;
	top:20px;
	left:195px;
}

#contenedor2-2 #flash-hojea2{
	width:115px;
	height:150px;
	position:absolute;
	top:185px;
	left:60px;
}

#contenedor2-2 #flash-hojea3{
	width:115px;
	height:150px;
	position:absolute;
	top:185px;
	left:195px;
}


/************
* FORMACIÓN *
************/
#contenedor-formacion{
	width:750px;
	text-align:center;
	position:relative;
	top:252px;
	left:0px;
}

#contenedor-formacion #texto{
	width:520px;
	text-align:center;
	color:black;
	font-family:Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	margin:auto;
}

#contenedor-formacion #texto a{
	text-decoration:none;
	color:#da0b92;
}

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


/****************
* FIN FORMACIÓN *
****************/

#barra-drch{
	width:190px;
	float:left;
	position:relative;
}

#barra-drch a#boton-bienvenido{
	width:60px;
	height:120px;
	display:block;
	background:transparent url(../imagenes/boton-bienvenido.gif) top left no-repeat scroll;
	text-decoration:none;
}

#barra-drch a#boton-bienvenido:hover{
	background:transparent url(../imagenes/boton-bienvenido-over.gif) top left no-repeat scroll;
}

#barra-drch a#boton-usuarios{
	width:60px;
	height:120px;
	display:block;
	background:transparent url(../imagenes/boton-usuarios.gif) top left no-repeat scroll;
	text-decoration:none;
}

#barra-drch a#boton-usuarios:hover{
	background:transparent url(../imagenes/boton-usuarios-over.gif) top left no-repeat scroll;
}

#barra-drch a#boton-catalogo{
	width:60px;
	height:53px;
	display:block;
	background:transparent url(../imagenes/boton-catalogo.gif) top left no-repeat scroll;
	text-decoration:none;
}

#barra-drch a#boton-catalogo:hover{
	background:transparent url(../imagenes/boton-catalogo-over.gif) top left no-repeat scroll;
}

#barra-drch a#boton-buscador{
	width:60px;
	height:60px;
	display:block;
	background:transparent url(../imagenes/boton-buscador.gif) top left no-repeat scroll;
	text-decoration:none;
}

#barra-drch a#boton-buscador:hover{
	background:transparent url(../imagenes/boton-buscador-over.gif) top left no-repeat scroll;
}

#barra-drch a#boton-distribuidores{
	width:60px;
	height:158px;
	display:block;
	background:transparent url(../imagenes/boton-distribuidores.gif) top left no-repeat scroll;
	text-decoration:none;
}

#barra-drch a#boton-distribuidores:hover{
	background:transparent url(../imagenes/boton-distribuidores-over.gif) top left no-repeat scroll;
}

#barra-drch a#boton-zonaele{
	width:60px;
	height:125px;
	display:block;
	background:transparent url(../imagenes/boton-zonaele.gif) top left no-repeat scroll;
	text-decoration:none;
}

#barra-drch a#boton-zonaele:hover{
	background:transparent url(../imagenes/boton-zonaele-over.gif) top left no-repeat scroll;
}

#contenido-bienvenido{
	position:absolute;
	top:0px;
	left:39px;
	background-color:black;
	width:150px;
	height:120px;
}

#pie{
	width:750px;
	background:transparent url(../imagenes/fondo-botonera-inf.gif) bottom left repeat-x scroll;
}

#pie #botonera-inf{
	width:750px;
	height:72px;
	position:relative; /*Cambio de Waky, para posicionar los enlaces a nuestras web's*/
}

#pie #botonera-inf a#loba{
	position:absolute;
	top:44px;
	right:130px;
	display:block;
	width:120px;
	height:14px;
        margin-right: 5px;
	background:transparent url(../imagenes/fondo-desarrollo-loba.gif) top left no-repeat scroll;
}

#pie #botonera-inf a#loba:hover{
	background:transparent url(../imagenes/fondo-desarrollo-loba_over.gif) top left no-repeat scroll;
}

#pie #botonera-inf a#theroom{
	position:absolute;
	top:40px;
	right:8px;
	display:block;
	width:120px;
	height:14px;
        margin-top: 3px;
	background:transparent url(../imagenes/fondo-diseno-the-room.gif) top left no-repeat scroll;
}

#pie #botonera-inf a#theroom:hover{
	background:transparent url(../imagenes/fondo-diseno-the-room_over.gif) top left no-repeat scroll;
}

#pie .home{
	border-top:15px solid #2eb6c7;
}

#pie .usuarios{
	border-top:15px solid #2eb6c7;
}

#pie .material{
	border-top:15px solid #b0c73f;
}

#pie .otros{
	border-top:15px solid #df0223;
}

#pie .novedades{
	border-top:15px solid #a6cc20;
}

#pie .formacion{
	border-top:15px solid #da0b92;
}

#pie .buscador{
	border-top:15px solid #b0c73f;
}

#pie .catalogo{
	border-top:15px solid #da0b92;
}

#pie .contacto{
	border-top:15px solid #da0b92;
}

#pie .distribuidores{
	border-top:15px solid #ff9839;
}

#pie .enlaces{
	border-top:15px solid #b0c73f;
}

#pie .mapaweb{
	border-top:15px solid #ff9839;
}

#pie .metodos{
	border-top:15px solid #ff9839;
}

#pie .nosotros{
	border-top:15px solid #fe6102;
}

#pie .politica{
	border-top:15px solid #2eb6c7;
}

#pie .usuario{
	border-top:15px solid #2eb6c7;
}

#pie .zonaele{
	border-top:15px solid #fe6102;
}

#botonera-inf a#boton-enclave-ele-www{
	width:189px;
	height:25px;
	display:block;
	background:transparent url(../imagenes/boton-inf-www.gif) top left no-repeat scroll;
	text-decoration:none;
	float:left;
}

#botonera-inf a#boton-enclave-ele-www:hover, #botonera-inf a#boton-enclave-ele-www.www{
	background:transparent url(../imagenes/boton-inf-www-over.gif) top left no-repeat scroll;
}

#botonera-inf a#boton-politica{
	width:198px;
	height:25px;
	display:block;
	background:transparent url(../imagenes/boton-inf-politica.gif) top left no-repeat scroll;
	text-decoration:none;
	float:left;
}

#botonera-inf a#boton-politica:hover, #botonera-inf a#boton-politica.politica{
	background:transparent url(../imagenes/boton-inf-politica-over.gif) top left no-repeat scroll;
}

#botonera-inf a#boton-mapaweb{
	width:95px;
	height:25px;
	display:block;
	background:transparent url(../imagenes/boton-inf-mapaweb.gif) top left no-repeat scroll;
	text-decoration:none;
	float:left;
}

#botonera-inf a#boton-mapaweb:hover, #botonera-inf a#boton-mapaweb.mapaweb{
	background:transparent url(../imagenes/boton-inf-mapaweb-over.gif) top left no-repeat scroll;
}

#botonera-inf a#boton-enlaces{
	width:80px;
	height:25px;
	display:block;
	background:transparent url(../imagenes/boton-inf-enlaces.gif) top left no-repeat scroll;
	text-decoration:none;
	float:left;
}

#botonera-inf a#boton-enlaces:hover, #botonera-inf a#boton-enlaces.enlaces{
	background:transparent url(../imagenes/boton-inf-enlaces-over.gif) top left no-repeat scroll;
}

#botonera-inf a#boton-nosotros{
	width:94px;
	height:25px;
	display:block;
	background:transparent url(../imagenes/boton-inf-nosotros.gif) top left no-repeat scroll;
	text-decoration:none;
	float:left;
}

#botonera-inf a#boton-nosotros:hover, #botonera-inf a#boton-nosotros.nosotros{
	background:transparent url(../imagenes/boton-inf-nosotros-over.gif) top left no-repeat scroll;
}

#botonera-inf a#boton-contacto{
	width:94px;
	height:25px;
	display:block;
	background:transparent url(../imagenes/boton-inf-contacto.gif) top left no-repeat scroll;
	text-decoration:none;
	float:left;
}

#botonera-inf a#boton-contacto:hover, #botonera-inf a#boton-contacto.contacto{
	background:transparent url(../imagenes/boton-inf-contacto-over.gif) top left no-repeat scroll;
}

/* *********************************************************************
     SECCIÓN MÉTODOS
   ********************************************************************* */
.contenedor-metodos {
    width:250px;
    overflow:hidden;
    float:left;
}

.contenedor-metodos-2{
    width:430px;
    height:600px;
    overflow:visible;
    float:left;
}

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

#contenedor-metodos-generales, #contenedor-metodos-generales-2 {
    float:left;
    position:relative;
    height:200px;
}

#contenedor-metodos-especificos, #contenedor-metodos-especificos-2 {
    float:left;
    position:relative;
    height:225px;
}

#contenedor-metodos-generales {
    background:transparent url(../imagenes/rayanaranja.gif) top right no-repeat scroll;
    width:250px;
    margin:30px 20px 0px 25px;
}

#contenedor-metodos-especificos{
    background:transparent url(../imagenes/rayanaranja.gif) top right no-repeat scroll;
    width:250px;
    margin:30px 20px 0px 25px;
}

#contenedor-metodos-generales-2 {
    width:220px;
    margin:50px 20px 0px 0px;
}

#contenedor-metodos-especificos-2 {
    width:220px;
    margin:30px 20px 0px 0px;
}


#contenedor-metodos-generales .titulo{
    width:125px;
    height:62px;
    position:absolute;
    top:65px;
    left:20px;
    background:transparent url(../imagenes/metodosgenerales.gif) center right no-repeat scroll;
}

#contenedor-metodos-especificos .titulo{
    width:143px;
    height:57px;
    position:absolute;
    top:90px;
    left:20px;
    background:transparent url(../imagenes/metodosespecificos.gif) center right no-repeat scroll;
}

.contenedor-metodos-2 .fle{
    width:198px;
    height:46px;
    position:absolute;
    left:0px;
}

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

.contenedor-metodos-2 .flecha1{
    top:20px;
}

.contenedor-metodos-2 .flecha2{
    top:70px;
}

.contenedor-metodos-2 .flecha3{
    top:120px;
}

.contenedor-metodos-2 .flecha4{
    top:170px;
}

.contenedor-metodos-2 .flecha5{
    top:220px;
}

.contenedor-metodos-2 .flecha1 a#boton-met-flecha1{
    background:transparent url(../imagenes/boton-flecha1-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha2 a#boton-met-flecha2{
    background:transparent url(../imagenes/boton-flecha2-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha3 a#boton-met-flecha3{
    background:transparent url(../imagenes/boton-flecha3-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha1 a#boton-met-flecha4{
    background:transparent url(../imagenes/boton-flecha4-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha2 a#boton-met-flecha5{
    background:transparent url(../imagenes/boton-flecha5-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha3 a#boton-met-flecha6{
    background:transparent url(../imagenes/boton-flecha6-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha4 a#boton-met-flecha7{
    background:transparent url(../imagenes/boton-flecha7-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha5 a#boton-met-flecha8{
    background:transparent url(../imagenes/boton-flecha8-met.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha1 a#boton-met-flecha1:hover{
    background:transparent url(../imagenes/boton-flecha1-met-over.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha2 a#boton-met-flecha2:hover{
    background:transparent url(../imagenes/boton-flecha2-met-over.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha3 a#boton-met-flecha3:hover{
    background:transparent url(../imagenes/boton-flecha3-met-over.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha1 a#boton-met-flecha4:hover{
    background:transparent url(../imagenes/boton-flecha4-met-over.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha2 a#boton-met-flecha5:hover{
    background:transparent url(../imagenes/boton-flecha5-met-over.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha3 a#boton-met-flecha6:hover{
    background:transparent url(../imagenes/boton-flecha6-met-over.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha4 a#boton-met-flecha7:hover{
    background:transparent url(../imagenes/boton-flecha7-met-over.gif) top left no-repeat scroll;
}

.contenedor-metodos-2 .flecha5 a#boton-met-flecha8:hover{
    background:transparent url(../imagenes/boton-flecha8-met-over.gif) top left no-repeat scroll;
}

a.btn-flecha .infobox {
        display: none;
}

a.btn-flecha:hover .infobox {
        display: block;
        position:absolute;
        padding-left: 35px;
        top:-52px;
        left:200px;
        width:245px;
        height:500px;
        background: transparent url(../imagenes/Flecha-gris.gif) top left no-repeat scroll;
}

#portadas {
        margin: 0px;
}

#portadas .portada {
        display: inline;
}

/* *********************************************************************
     SECCIÓN MATERIAL COMPLEMENTARIO
   ********************************************************************* */
.contenedor-material {
        width:250px;
        overflow:hidden;
        float:left;
}

.contenedor-material-complementario-2{
        width:430px;
        height:620px;
        overflow:visible;
        float:left;
}

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

#contenedor-material-complementario {
        float:left;
        position:relative;
        height:225px;
        background:transparent url(../imagenes/rayaverde.gif) top right no-repeat scroll;
        width:250px;
        margin:50px 20px 0px 25px;
}

#contenedor-material-complementario .titulo{
        width:189px;
        height:66px;
        position:absolute;
        top:150px;
        left:20px;
        background:transparent url(../imagenes/materialcomplementario.gif) center right no-repeat scroll;
}

#contenedor-flechas-materiales {
        float:left;
        position:relative;
        margin-top: 50px;        
        height:600px;
}

.contenedor-material-complementario-2 .fle{
        width:198px;
        height:46px;
        position:absolute;
        left:0px;
}

.contenedor-material-complementario-2 .btn-flecha{
        width:198px;
        height:46px;
        display:block;
        text-decoration:none;
}

.contenedor-material-complementario-2 .flecha1{
        top:20px;
}

.contenedor-material-complementario-2 .flecha2{
        top:70px;
}

.contenedor-material-complementario-2 .flecha3{
        top:120px;
}

.contenedor-material-complementario-2 .flecha4{
        top:170px;
}

.contenedor-material-complementario-2 .flecha5{
        top:220px;
}

.contenedor-material-complementario-2 .flecha6{
        top:270px;
}

.contenedor-material-complementario-2 .flecha7{
        top:320px;
}

.contenedor-material-complementario-2 .flecha8{
        top:370px;
}

.contenedor-material-complementario-2 .flecha9{
        top:420px;
}

.contenedor-material-complementario-2 .flecha1 a#boton-mat-flecha1{
        background:transparent url(../imagenes/boton-flecha1-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha1 a#boton-mat-flecha1:hover{
        background:transparent url(../imagenes/boton-flecha1-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha2 a#boton-mat-flecha2{
        background:transparent url(../imagenes/boton-flecha2-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha2 a#boton-mat-flecha2:hover{
        background:transparent url(../imagenes/boton-flecha2-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha3 a#boton-mat-flecha3{
        background:transparent url(../imagenes/boton-flecha3-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha3 a#boton-mat-flecha3:hover{
        background:transparent url(../imagenes/boton-flecha3-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha4 a#boton-mat-flecha4{
        background:transparent url(../imagenes/boton-flecha4-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha4 a#boton-mat-flecha4:hover{
        background:transparent url(../imagenes/boton-flecha4-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha5 a#boton-mat-flecha5{
        background:transparent url(../imagenes/boton-flecha5-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha5 a#boton-mat-flecha5:hover{
        background:transparent url(../imagenes/boton-flecha5-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha6 a#boton-mat-flecha6{
        background:transparent url(../imagenes/boton-flecha6-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha6 a#boton-mat-flecha6:hover{
        background:transparent url(../imagenes/boton-flecha6-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha7 a#boton-mat-flecha7{
        background:transparent url(../imagenes/boton-flecha7-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha7 a#boton-mat-flecha7:hover{
        background:transparent url(../imagenes/boton-flecha7-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha8 a#boton-mat-flecha8{
        background:transparent url(../imagenes/boton-flecha8-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha8 a#boton-mat-flecha8:hover{
        background:transparent url(../imagenes/boton-flecha8-mat-over.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha9 a#boton-mat-flecha9{
        background:transparent url(../imagenes/boton-flecha9-mat.gif) top left no-repeat scroll;
}

.contenedor-material-complementario-2 .flecha9 a#boton-mat-flecha9:hover{
        background:transparent url(../imagenes/boton-flecha9-mat-over.gif) top left no-repeat scroll;
}