/* NAVEGADOR */

nav {
	width:1000px;
	margin: 0 auto;
   	height: 49px;
}

nav ul {
	width:100%;
	line-height: 49px;
	list-style: none;
	position: relative;
	z-index: 999;
	float: left;
}

nav ul li {
	float:left;
}

nav ul li a {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFF;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	padding-left:55px;
}

nav ul li a:hover {
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
}


/* LIBROS */

.nav_libros {
	background-position:-7px top;
	background-repeat: no-repeat;
	background-image:url(../images/nav_libros.png);
	width:135px;
}

.nav_libros:hover {
	background-position:-7px top;
	background-repeat: no-repeat;
	background-image:url(../images/nav_libros_on.png);
	width:135px;
}

.nav_libros_visitado {
	background-position:-7px top;
	background-repeat: no-repeat;
	background-image:url(../images/nav_libros_on.png);
	width:135px;
}

.nav_libros #libros_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	background-color:#306a96;
}

.nav_libros:hover #libros_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#libros_submenu .enlace_destacado a {
	color: #FFF;
	padding: 0;
}

#libros_submenu .enlace_destacado a:hover {
	color: #FC0;
	padding: 0;
}


#libros_submenu dl {
	width: auto;
	float: left;
	padding: 20px 30px 20px 30px;
}

#libros_submenu dl dt {
	color:#FFF;
	margin:0;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	text-transform: none;
	font-weight:bold;
	line-height:2;
}

#libros_submenu dl dd {
	padding:0;
}

#libros_submenu ul {
	width: auto;
}


#libros_submenu ul li {
	float: none;
	background-color:#306a96;
}

#libros_submenu ul li a {
	width: auto;
	display: inherit;
	color: #b9e3ff;
	background-image:none;
	line-height:1.5;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	font-family: sans-serif;
	font-size: 14px;
	text-transform: none;
}

#libros_submenu ul li a:hover {
	background-image:none;
	color:#FFF;
}

#libros_submenu dl ul li ul {
	float:none;
}

#libros_submenu dl ul li ul li a {
	padding:0 0 0 20px;
	font-size: 13px;
}


/* LIBROS VISITADO */

.nav_libros_visitado #libros_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	position:absolute;
	background-color:#306a96;
}

.nav_libros_visitado:hover #libros_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}


/* LIBROS DE TEXTO */

.nav_texto {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_lanzamientos.png);
	width:211px;
}

.nav_texto:hover {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_lanzamientos_on.png);
	width:211px;
}

.nav_texto_visitado {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_lanzamientos_on.png);
	width:211px;
}

.nav_texto #texto_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	background-color:#306a96;
}

.nav_texto:hover #texto_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#texto_submenu dl {
	width: auto;
	float: left;
	padding: 20px 30px 20px 30px;
}

#texto_submenu dl dt {
	color:#FFF;
	margin:0;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	text-transform: none;
	font-weight:bold;
	line-height:2;
}

#texto_submenu dl dd {
	padding:0;
}

#texto_submenu ul {
	width: auto;
}


#texto_submenu ul li {
	float: none;
	background-color:#306a96;
}

#texto_submenu ul li a {
	width: auto;
	display: inherit;
	color: #b9e3ff;
	background-image:none;
	line-height:1.5;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	font-family: sans-serif;
	font-size: 14px;
	text-transform: none;
}

#texto_submenu ul li a:hover {
	background-image:none;
	color:#FFF;
}

#texto_submenu dl ul li ul li a {
	padding:0 0 0 20px;
	font-size: 13px;
}

#texto_submenu .enlace_destacado a {
	color: #FFF;
	padding: 0;
}

#texto_submenu .enlace_destacado a:hover {
	color: #FC0;
	padding: 0;
}


/* LIBROS DE TEXTO VISITADO */

.nav_texto_visitado #texto_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	background-color:#306a96;
}

.nav_texto_visitado:hover #texto_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}


/* PAPELERIA */

.nav_papeleria {
	background-position:-7px top;
	background-repeat: no-repeat;
	background-image:url(../images/nav_papeleria.png);
	width:162px;
}

.nav_papeleria:hover {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_papeleria_on.png);
	width:162px;
}

.nav_papeleria_visitado {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_papeleria_on.png);
	width:162px;
}

.nav_papeleria #papeleria_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	background-color:#306a96;
}

.nav_papeleria:hover #papeleria_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#papeleria_submenu dl {
	width: auto;
	float: left;
	padding: 20px 30px 20px 30px;
}

#papeleria_submenu dl dt {
	color:#FFF;
	margin:0;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	text-transform: none;
	font-weight:bold;
	line-height:2;
}

#papeleria_submenu dl dd {
	padding:0;
}

#papeleria_submenu ul {
	width: auto;
}


#papeleria_submenu ul li {
	float: none;
	background-color:#306a96;
}

#papeleria_submenu ul li a {
	width: auto;
	display: inherit;
	color: #b9e3ff;
	background-image:none;
	line-height:1.5;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	font-family: sans-serif;
	font-size: 14px;
	text-transform: none;
}

#papeleria_submenu ul li a:hover {
	background-image:none;
	color:#FFF;
}

#papeleria_submenu dl ul li ul li a {
	padding: 0 0 0 20px;
	font-size: 13px;
}

#papeleria_submenu .enlace_destacado a {
	color: #FFF;
	padding: 0;
}

#papeleria_submenu .enlace_destacado a:hover {
	color: #FC0;
	padding: 0;
}


/* PAPELERIA VISITADO */

.nav_papeleria_visitado #papeleria_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	position:absolute;
	background-color:#306a96;
}

.nav_papeleria_visitado:hover #papeleria_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}


/* JUGUETES */

.nav_juguetes {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_juguetes.png);
	width:155px;
}

.nav_juguetes:hover {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_juguetes_on.png);
	width:155px;
}

.nav_juguetes_visitado {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_juguetes_on.png);
	width:155px;
}

.nav_juguetes #juguetes_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	position:absolute;
	background-color:#306a96;
	right:0;
}

.nav_juguetes:hover #juguetes_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#juguetes_submenu dl {
	width: auto;
	float: left;
	padding: 20px 10px 20px 10px;
}

#juguetes_submenu dl dt {
	color:#FFF;
	margin:0;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	text-transform: none;
	font-weight:bold;
	line-height:2;
}

#juguetes_submenu dl dd {
	padding:0;
}

#juguetes_submenu ul {
	width: auto;
}


#juguetes_submenu ul li {
	float: none;
	background-color:#306a96;
}

#juguetes_submenu ul li a {
	width: auto;
	display: inherit;
	color: #b9e3ff;
	background-image:none;
	line-height:1.5;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	font-family: sans-serif;
	font-size: 14px;
	text-transform: none;
}

#juguetes_submenu ul li a:hover {
	background-image:none;
	color:#FFF;
}

#juguetes_submenu dl ul li ul li a {
	padding:0 0 0 20px;
	font-size: 13px;
}

#juguetes_submenu .enlace_destacado a {
	color: #FFF;
	padding: 0;
}

#juguetes_submenu .enlace_destacado a:hover {
	color: #FC0;
	padding: 0;
}


/* JUGUETES VISITADO */

.nav_juguetes_visitado #juguetes_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width:auto;
	position:absolute;
	background-color:#306a96;
	right:0;
}

.nav_juguetes_visitado:hover #juguetes_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}


/* NOVEDADES */

.nav_novedades {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_novedades.png);
	width:170px;
}

.nav_novedades:hover {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_novedades_on.png);
	width:170px;
}

.nav_novedades_visitado {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_novedades_on.png);
	width:170px;
}

.nav_novedades #novedades_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width: auto;
	background-color:#306a96;
	right:0;
}

.nav_novedades:hover #novedades_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#novedades_submenu dl {
	width: auto;
	float: left;
	padding: 20px 30px 20px 30px;
}

#novedades_submenu dl dt {
	color:#FFF;
	margin:0;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	text-transform: none;
	font-weight:bold;
	line-height:2;
}

#novedades_submenu dl dd {
	padding:0;
}

#novedades_submenu ul {
	width: auto;
}


#novedades_submenu ul li {
	float: none;
	background-color:#306a96;
}

#novedades_submenu ul li a {
	width: auto;
	display: inherit;
	color: #b9e3ff;
	background-image:none;
	line-height:1.5;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	font-family: sans-serif;
	font-size: 14px;
	text-transform: none;
}

#novedades_submenu ul li a:hover {
	background-image:none;
	color:#FFF;
}

#novedades_submenu dl ul li ul li a {
	padding:0 0 0 20px;
	font-size: 13px;
}

#novedades_submenu .enlace_destacado a {
	color: #FFF;
	padding: 0;
}

#novedades_submenu .enlace_destacado a:hover {
	color: #FC0;
	padding: 0;
}


/* NOVEDADES VISITADO */

.nav_novedades_visitado #novedades_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width: auto;
	background-color:#306a96;
	right:0;
}

.nav_novedades_visitado:hover #novedades_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}


/* CATALOGOS */

.nav_catalogos {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_catalogos.png);
	width:167px;
}

.nav_catalogos:hover {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_catalogos_on.png);
	width:167px;
}

.nav_catalogos_visitado {
	background-position:-7px top;
	background-repeat: repeat-x;
	background-image:url(../images/nav_catalogos_on.png);
	width:167px;
}

.nav_catalogos #catalogos_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width: auto;
	background-color:#306a96;
	right:0;
}

.nav_catalogos:hover #catalogos_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#catalogos_submenu dl {
	width: auto;
	float: left;
	padding: 20px 30px 20px 30px;
}

#catalogos_submenu dl dt {
	color:#FFF;
	margin:0;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	text-transform: none;
	font-weight:bold;
	line-height:2;
}

#catalogos_submenu dl dd {
	padding:0;
}

#catalogos_submenu ul {
	width: auto;
}


#catalogos_submenu ul li {
	float: none;
	background-color:#306a96;
}

#catalogos_submenu ul li a {
	width: auto;
	display: inherit;
	color: #b9e3ff;
	background-image:none;
	line-height:1.5;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	font-family: sans-serif;
	font-size: 14px;
	text-transform: none;
}

#catalogos_submenu ul li a:hover {
	background-image:none;
	color:#FFF;
}

#catalogos_submenu dl ul li ul li a {
	padding:0 0 0 20px;
	font-size: 13px;
}

#catalogos_submenu .enlace_destacado a {
	color: #FFF;
	padding: 0;
}

#catalogos_submenu .enlace_destacado a:hover {
	color: #FC0;
	padding: 0;
}


/* CATALOGOS VISITADO */

.nav_catalogos_visitado #catalogos_submenu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease 0s, visibility 0s linear 0.2s; /* the last value is the transition-delay for visibility */
	width: auto;
	background-color:#306a96;
	right:0;
}

.nav_catalogos_visitado:hover #catalogos_submenu {
	visibility: visible; /* shows sub-menu */
    opacity: 1;
    transition-delay: 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}



/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (max-width: 959px) {

/* LIBROS */
.nav_libros:hover #libros_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_libros_visitado:hover #libros_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_texto:hover #texto_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_texto_visitado:hover #texto_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_papeleria:hover #papeleria_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_papeleria_visitado:hover #papeleria_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_juguetes:hover #juguetes_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_juguetes_visitado:hover #juguetes_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_novedades:hover #novedades_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_novedades_visitado:hover #novedades_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_catalogos:hover #catalogos_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.nav_catalogos_visitado:hover #catalogos_submenu {
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
    }