.EnvolturaColecciones{
	height: auto;
	width: 100%;
	overflow: hidden;
}

.ruta{
	margin:24px 0px -49px 53px;
}

.ruta span{
	font-size: 14px;
	font-family: 'Arial';
	color: gray;
}

.baseColecciones{
	display: block;
	height: auto;
	margin: 64px auto;
	width: 860px;
	position: relative;
	overflow: hidden;
}

.baseVerde{
	background-color: #b2d140;
}

.baseAzul{
	background-color: #0090f0;
}

.baseNaranja{
	background-color: #f0a000;
}

.baseTitulo{
	background-image: url('../img/barritaTituloColecciones.png');
	height: 30px;
	width: 279px;
}

.baseTitulo h2{
	color: white;
	margin-left: 10px;
	font-family: 'Arial';
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
}

/* --------------------------------------------------- */
.listaColecciones{
	background-color: white;
	height: 425px;
	width: 610px;
	position: relative;
	float: left;
}

.large{
	height: 635px;
}

.listaColecciones ul{
	height: 450px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-left: 20px;
	margin-top: 16px;
}

.listaColecciones ul li{
	height: 168px;
	float: left;
	width: 115px;
	margin: 16px 20px 0px 16px;
	padding: 10px;

}

.verLibro{
	
}

.verLibro a{
	font-family: 'Arial';
	font-size: 11px;
	text-decoration: none;
	margin-left: 20px;
}

.verLibro img{
	margin: 3px 0px 0px 0px;
	position: absolute;
}

/* --------------------------------------------------- */
.listaColeccionessec{
	background-color: white;
	height: 925px;
	width: 610px;
	position: relative;
	float: left;
}

.listaColeccionessec ul{
	height: auto;
	list-style: none;
	margin: 0;
	padding:0;
	position: absolute;
	width: 100%;
}

.listaColeccionessec ul li{
	margin: 0;
	background: url('../img/bordeBotton.png') no-repeat center bottom;
	height: 180px;
	position: relative;
	width: 100%;
}
/* --------------------------------------------------- */
.listaColeccionespri{
	background-color: white;
	height: 1085px;
	width: 610px;
	position: relative;
	float: left;
}

.listaColeccionespri ul{
	height: auto;
	list-style: none;
	margin: 0;
	padding:0;
	position: absolute;
	width: 100%;
}

.listaColeccionespri ul li{
	margin: 0;
	background: url('../img/bordeBotton.png') no-repeat center bottom;
	height: 180px;
	position: relative;
	width: 100%;
}
/* --------------------------------------------------- */
.listaColeccionesini{
	background-color: white;
	height: 925px;
	width: 610px;
	position: relative;
	float: left;
}

.listaColeccionesini ul{
	height: auto;
	list-style: none;
	margin: 0;
	padding:0;
	position: absolute;
	width: 100%;
}

.listaColeccionesini ul li{
	margin: 0;
	background: url('../img/bordeBotton.png') no-repeat center bottom;
	height: 180px;
	position: relative;
	width: 100%;
}
/* --------------------------------------------------- */

.contLi{
	height: 138px;
	margin: 19px 19px;
	position: absolute;
	width: 94%;

}

.caratula{
	float: left;
	height: 138px;
	margin-left: 32px;
	position: relative;
	width: 105px;
}

.infoLibro{
	position: relative;
	float: left;
	width: 360px;
	margin-left: 30px;
}

.infoLibroDVI{
	position: relative;
	float: left;
	width: 335px;
	margin-left: 87px;
}

.infoLibroDVI h3{
	color: black;
	font-family: 'Arial';
	font-size: 22px;
	font-weight: bold;
	/*margin-top: 84px;*/
}

.infoLibroDVI p{
	color: black;
	font-family: 'Arial';
	font-size: 12px;
	margin-top: -10px;
}

.infoLibro h3{
	color: black;
	font-family: 'Arial';
	font-size: 22px;
	font-weight: bold;
	margin-top: 94px;
}

.infoLibro p{
	color: black;
	font-family: 'Arial';
	font-size: 12px;
	margin-top: -10px;
}


.verContenido{
	background: url('../img/bordeLeft.png') no-repeat left;
	height: 39px;
	width: 200px;
	margin: -30px 0px 0px -6px;
}

.verContenido img{
	margin: 14px 8px 0px 8px;
	position: absolute;
}

.infoLibroDVI a{
	text-decoration: none;
	color: black;
	font-family: 'Arial';
	font-size: 12px;
	margin: 1px 0px 0px 29px;
	line-height: 39px;
	position: absolute;
}

.infoLibro a{
	text-decoration: none;
	color: black;
	font-family: 'Arial';
	font-size: 12px;
	margin: 1px 0px 0px 29px;
	line-height: 39px;
	position: absolute;
}

.menuColecciones{
	height: auto;
	width: 240px;
	float: left;
}

.principal{
	margin: 0;
	width: 100%;
	height: auto;
}

.principal li{
	width: 100%;
	height: auto;
	margin: 0;
	border-bottom: solid white 1px;
}

.principal li a{
	display: block;
	height: 90px;
	text-decoration: none;
}

.barraVerde{
	background: url('../img/barraVerde.jpg') no-repeat left;
}

.barraAzul{
	background: url('../img/barraAzul.jpg') no-repeat left;
}

.barraNaranja{
	background: url('../img/barraNaranja.jpg') no-repeat left;
}

.activado{
	background-color: white;
	border-bottom: 0;
}

.subMenu{
	margin: 0;
	width: 100%;
	height: auto;
}

.subMenu li{
	height: 35px;
	width: 100%;
	margin: 0;
}

.subMenu li a{
	text-decoration: none;
	font-family: 'Arial';
	font-size: 14px;
	line-height: 35px;
	display: block;
	margin-left: 21px;
	font-weight: normal;
}

.subMenuVerde{
	border-top: solid #b2d140 1px;
}

.textoVerde{
	color: #b2d140!important;
}

.subMenuAzul{
	border-top: solid #0090f0 1px;
}

.textoAzul{
	color: #0090f0!important;
}

.subMenuNaranja{
	border-top: solid #f0a000 1px;
}

.textoNaranja{
	color: #f0a000!important;
}

.subMenuActivo{
	font-weight: bold!important;
}