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

/*************** Old ***************/

.thumb-nav{
	margin: 10px 0px;
	width:1032px;
	height:264px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	position:relative;
}
	.thumb-nav .thumb-nav-parents{
		padding:0px;
		margin:0px;
		width:1032px;
		height:213px;
		position:relative;
	}
		.thumb-nav .thumb-nav-parents #back-button{
			position: absolute;
			font-size:14px;
			height: 20px;
			text-transform:uppercase;
			line-height:20px;
			left: 20px;
			bottom: 8px;
			z-index: 1;
		}
			.thumb-nav .thumb-nav-parents #back-button a,.thumb-nav .thumb-nav-parents #back-button a:visited{
				color: #EC008C;
				text-decoration:none;
			}
			.thumb-nav .thumb-nav-parents #back-button a:hover{
				text-decoration:underline;
			}
				.thumb-nav .thumb-nav-parents #back-button span{
					font-size:16px;
				}
		.thumb-nav .thumb-nav-parents .thumb-nav-children{
			position:absolute;
			width:1032px;
			height:264px;
			left:0px;
			background: url(../images/menu_box_3.png) no-repeat center top;
			display:none;
			overflow:hidden;
		}
			.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-left-arrow{
				position:absolute;
				top:0px;
				left:0px;
				margin: 0px 8px;
				height:214px;
				width:30px;
				cursor:pointer;
				background:url(../images/arrowthumbleft.png) no-repeat center center;
			}
			.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-right-arrow{
				position:absolute;
				top:0px;
				right:0px;
				margin: 0px 8px;
				height:214px;
				width:30px;
				cursor:pointer;
				background:url(../images/arrowthumbright.png) no-repeat center center;
			}
		.thumb-nav .visible{
			display:block !important;
		}
			.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs{
				width: 952px;
				height: 214px;
				padding:0px;
				margin: 0px 40px;
				/*background: url(images/menu_box_3.png) no-repeat center center;*/
				list-style:none;
				overflow:hidden;
				position:relative;
			}
				.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumbs-placeholder{
					position:relative;
					top:0px;
					left:0px;
					height:214px;
				}
				.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb{
					position:absolute;
					/*margin: 0px 19px;*/
					text-align:center;
					width:180px;
					height:214px;
					top: 0px;
					color:#666 !important;
				}
				.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb:hover{
					color:#333 !important;
				}
					.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb .thumb-img{
						position:relative;
						width: 130px;
						height: 130px;
						margin: 24px auto;
						background-color: rgba(0,0,0,0);
					}
						.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb .thumb-img .click-here-label{
							position:absolute;
							left:0px;
							bottom:5px;
							width:130px;
							height:19px;
							line-height:19px;
							color:white;
							font-size:14px;
							background-color: #0191DA;
							display:none;
						}
						
					.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb .thumb-img:hover{
						/*border: solid thick #0191DA;
						margin: 19px auto;*/
					}
					.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb a{
							color:#333;
							text-decoration:none;
					}
					.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb .thumb-label{
						position:absolute;
						left:0px;
						bottom:10px;
						height:50px;
						line-height:16px;
						width:100%;
						display:table;
					}
						
						.thumb-nav .thumb-nav-parents .thumb-nav-children .thumb-nav-children-thumbs .thumb-nav-children-thumb .thumb-label .thumb-label-text{
							display:table-cell;
							vertical-align:middle;
							height:50px;
							padding: 0px 6px;
						}
	.thumb-nav .thumb-nav-labels{
			position:relative;
			width:1008px;
			height:45px;
			margin: 0px 12px;
			background:url(../images/menu_3.png) no-repeat center center;
	}
		.thumb-nav .thumb-nav-labels .thumb-nav-labels-left-arrow{
			position:absolute;
			left:0px;
			height:45px;
			width:35px;
			cursor:pointer;
			background:url(../images/arrowmenuleft.png) no-repeat center center;
		}
		.thumb-nav .thumb-nav-labels .thumb-nav-labels-right-arrow{
			position:absolute;
			right:0px;
			height:45px;
			width:35px;
			cursor:pointer;
			background:url(../images/arrowmenuright.png) no-repeat center center;
		}
		.thumb-nav .thumb-nav-labels .thumb-nav-labels-links{
			position:absolute;
			width:930px;
			height:45px;
			left:35px;
			top:0px;
			overflow:hidden;
		}
			.thumb-nav .thumb-nav-labels .thumb-nav-labels-links .links-placeholder{
				position:relative;
				top:0px;
				left:0px;
				height:45px;
			}
		.thumb-nav .thumb-nav-labels .thumb-nav-children-label{
				position:absolute;
				width: 180px;
				text-align:center;
				display:table;
				height:45px;
		}
			.thumb-nav .thumb-nav-labels .thumb-nav-children-label .selector{
				position:absolute;
				width:46px;
				height:22px;
				top:-10px;
				left:48.5px;
				display:none;
				background:url(../images/select_menu_arrow.png) no-repeat center center;
			}
			.thumb-nav .thumb-nav-labels .thumb-nav-children-label a{
				color:white;
				text-decoration:none;
				display:table-cell;
				vertical-align:middle;
			}
			.thumb-nav .thumb-nav-labels .thumb-nav-children-label a:visited{color:white;}
			.thumb-nav .thumb-nav-labels .thumb-nav-children-label a.hover{
				color:yellow;
			}

/*************** New ***************/

.breadcrumbs
{
	margin-top: 5px;
}
.category-text-content
{
	margin-bottom: 0px;
}
.category-text-content .category-title
{
	width: 74%;
	height: 80px;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0px;
}
.category-text-content .category-title h1
{
	line-height: 80px;
	margin: 0;
	padding: 0;
}
.category-text-content .category-logo
{
	width: 25%;
	height: 80px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	margin: 10px 0px;
}
.category-text-content .category-logo img
{
	width: auto;
	height: 60px;
	margin: 10px 0px;
}
.category-text-content .category-description
{
	width: 100%;
	min-height: 91px;
	/*max-height: 91px;*/
	display: block;
	overflow: hidden;
}
.category-text-content .expand
{
	/*position: relative;
	top: -29px;*/

	background: url(../images/degradado.png) no-repeat center center;
	text-align: center;
	min-height: 20px;
}
.category-text-content .expand a.read-more
{
	/*position: relative;
	top: 12px;*/

	background: #2c94d1;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 5px;
}
.col-right
{
	width: 240px !important;
	height: auto !important;
	display: inline-block;
	vertical-align: top;
	margin: 20px 5px;
	padding: 5px 0px;
	text-align: center;
}
.col-right h3
{
	color: #038cc2;
}
.col-right .widget, .col-right .widget-static-block
{
	width: auto !important;
	height: auto !important;
	margin: 5px auto !important;
	padding: 0px 10px !important;
}
.col-right .widget, .col-right .widget-static-block img
{
	margin: 5px auto !important;
}
.col-right .widget-static-block p a:nth-child(2) img
{
	margin-top: 23px !important;
}
.col-right p
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
.col-right p > img
{
	height: 210px;
}
div.selected
{
	background: #2c94d1 !important;
	color: #fff !important;
}

/*************** 3 niveles ***************/

.container
{
	display: inline-block;
	width: 740px;
	height: auto;
	margin: 10px;
	margin-top: 6px;
	font-size: 16px;


}
.container .menu
{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 0.9em;
}
.container .menu div
{
	width: 118px;
	height: 60px;
	background: #9cd2ec;
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	cursor: pointer;
}
.container .content
{
	width: 100%;
	height: auto;
	font-size: 0.8em;
	position: relative;
	margin-top: -40px;
	z-index: 1;
}
.container .content .tab > div
{
	width: 100%;
	height: auto;
	background: #2c94d1;
	color: #fff;
	border-bottom: solid 1px #fff;
	cursor: pointer;
}
.container .content .tab > div:first-child
{
	border-radius: 5px 5px 0px 0px;
}
.container .content .tab > div:last-child
{
	border-bottom: none;
	border-radius: 0px 0px 5px 5px;
}
.container .content-2 .row-2
{
	width: 100%;
	height: auto;
	background: #fff;
	color: #2c94d1;
	border-bottom: solid 1px #ddd;
	cursor: pointer;
}
.container .content-2
{
	width: 738px;
	height: auto;
	background: #fff !important;
	border: solid 1px #646464;
	display: none;
}
.container .content-3
{
	width: 738px;
	height: auto;
	background: #fff !important;
	display: none;
	cursor: default;
}
.container .content-3 .description
{
	width: 56%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
.container .content-3 .description img
{
	width: 85px;
	height: auto;
	margin-right: 5px;
}
.container .content-3 .description div
{
	display: inline-block;
	vertical-align: top;
	width: 310px;
	height: auto;
}
.container .content-3 .description div p
{
	color: #2a2a2a;
}
.container .content-3 .description div img
{
	width: 14px;
	height: 14px;
}
.container .content-3 div a
{
	color: #e32a8b;
	text-decoration: none;
}
.container .content-3 div a:hover
{
	text-decoration: underline;
}
.container .content-2 .bundle, .container-2 .content-2 .bundle, .container .content-3 .bundle{
	margin-left: 95px;
	margin-bottom: 10px;
}
.container .content-2 div.bundle li, .container-2 .content-2 div.bundle li, .container .content-3 div.bundle li
{
	list-style-position: inside;
    text-indent: -1em;
}
.container .content-2 div.bundle a, .container-2 .content-2 div.bundle a, .container .content-3 div.bundle a
{
	color: #2c94d1;
}
.container .content-2 div.bundle .bundle-partial, .container-2 .content-2 div.bundle .bundle-partial, .container .content-3 div.bundle .bundle-partial {
    float: left;
    width: 38%;
    margin: 2% 5%;
	margin-bottom: 20px;
}
.container .content-3 .buy
{
	display: inline-block;
	vertical-align: top;
	width: 38%;
	height: auto;
	border: solid 1px #f2f2f2;
	color: #2a2a2a;
}
.container .content-3 .buy .price
{
	background: #f2f2f2;
	color: #e32a8b;
	font-size: 18px;
	text-align: center;
	margin-bottom: 2px;
}
.container .content-3 .buy .price p
{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	height: auto;
	line-height: 24px;
	margin: 0 auto;
	text-align: left;
}
.container .content-3 .buy .isbn, .container .content-3 .buy .type
{
	background: #f2f2f2;
	text-align: center;
	margin-bottom: 2px;
}
.container .content-3 .buy .isbn p, .container .content-3 .buy .type p
{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	height: auto;
	line-height: 19px;
	margin: 0 auto;
	text-align: left;
}
.container .content-3 .buy .quantity
{
	padding: 20px 0px 20px 0px;
	text-align: center;
}
.container .content-3 .buy .quantity label, .container .content-3 .buy .quantity .control, .container .content-3 .buy .quantity .more, .container .content-3 .buy .quantity .qty, .container .content-3 .buy .quantity .less, .container .content-3 .buy .quantity button
{
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.container .content-3 .buy .quantity .control
{
	margin: 0px 10px;
}
.container .content-3 .buy .quantity label
{
	line-height: 28px;
}
.container .content-3 .buy .quantity .more, .container .content-3 .buy .quantity .less
{
	cursor: pointer;
}
.container .content-3 .buy .quantity .qty
{
	width: 38px;
	height: 26px;
	border: solid 1px #f2f2f2;
	text-align: center;
}
.container .content-3 .buy .quantity button
{
	width: 110px;
	height: 28px;
	background: #e32a8b;
	border: none;
	color: #fff;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	font-weight: lighter;
}
.tab .title
{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tab-2 .title
{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #2c94d1;
	font-size: 0.85em;
}

/*************** 2 niveles ***************/

.container-2
{
	display: inline-block;
	width: 740px;
	height: auto;
	margin: 10px;
	margin-top: 21px;
	font-size: 13px;
}
.container-2 > div
{
	width: 100%;
	height: auto;
	background: #2c94d1;
	color: #fff;
	border-bottom: solid 1px #fff;
	cursor: pointer;
}
.container-2 > div:first-child
{
	border-radius: 5px 5px 0px 0px;
}
.container-2 > div:last-child
{
	border-bottom: none;
	border-radius: 0px 0px 5px 5px;
}
.container-2 > div .title
{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.container-2 .content .row-2
{
	width: 100%;
	height: auto;
	background: #fff;
	color: #2c94d1;
	border-bottom: solid 1px #ddd;
	cursor: pointer;
}
.container-2 .content
{
	width: 738px;
	height: auto;
	background: #fff !important;
	border: solid 1px #646464;
	display: none;
}
.container-2 .content-2
{
	width: 738px;
	height: auto;
	background: #fff !important;
	display: none;
	cursor: default;
}
.container-2 .content-2 .description
{
	width: 56%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
.container-2 .content-2 .description img
{
	width: 85px;
	height: auto;
	margin-right: 5px;
}
.container-2 .content-2 .description div
{
	display: inline-block;
	vertical-align: top;
	width: 310px;
	height: auto;
}
.container-2 .content-2 .description div p
{
	color: #2a2a2a;
}
.container-2 .content-2 .description div img
{
	width: 14px;
	height: 14px;
}
.container-2 .content-2 .description div a
{
	color: #e32a8b;
	text-decoration: none;
}
.container-2 .content-2 .description div a:hover
{
	text-decoration: underline;
}
.container-2 .content-2 .description div.bundle
{
	margin-left: 95px;
}
.container-2 .content-2 .description div.bundle a
{
	color: #2c94d1;
}
.container-2 .content-2 .buy
{
	display: inline-block;
	vertical-align: top;
	width: 38%;
	height: auto;
	border: solid 1px #f2f2f2;
	color: #2a2a2a;
}
.container-2 .content-2 .buy .price
{
	background: #f2f2f2;
	color: #e32a8b;
	font-size: 18px;
	text-align: center;
	margin-bottom: 2px;
}
.container-2 .content-2 .buy .price p
{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	height: auto;
	line-height: 24px;
	margin: 0 auto;
	text-align: left;
}
.container-2 .content-2 .buy .isbn, .container-2 .content-2 .buy .type
{
	background: #f2f2f2;
	text-align: center;
	margin-bottom: 2px;
}
.container-2 .content-2 .buy .isbn p, .container-2 .content-2 .buy .type p
{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	height: auto;
	line-height: 19px;
	margin: 0 auto;
	text-align: left;
}
.container-2 .content-2 .buy .quantity
{
	padding: 20px 0px 20px 0px;
	text-align: center;
}
.container-2 .content-2 .buy .quantity label, .container-2 .content-2 .buy .quantity .control, .container-2 .content-2 .buy .quantity .more, .container-2 .content-2 .buy .quantity .qty, .container-2 .content-2 .buy .quantity .less, .container-2 .content-2 .buy .quantity button
{
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.container-2 .content-2 .buy .quantity .control
{
	margin: 0px 10px;
}
.container-2 .content-2 .buy .quantity label
{
	line-height: 28px;
}
.container-2 .content-2 .buy .quantity .more, .container-2 .content-2 .buy .quantity .less
{
	cursor: pointer;
}
.container-2 .content-2 .buy .quantity .qty
{
	width: 38px;
	height: 26px;
	border: solid 1px #f2f2f2;
	text-align: center;
}
.container-2 .content-2 .buy .quantity button
{
	width: 110px;
	height: 28px;
	background: #e32a8b;
	border: none;
	color: #fff;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	font-weight: lighter;
}

/*************** Flechas ***************/

.flecha
{
	display: inline-block;
	border: solid 5px;
	margin-left: 20px;
	margin-right: 10px;
}
.arriba {  border-color: #2c94d1 #2c94d1 #2a2a2a #2c94d1; }
.derecha { border-color: #2c94d1 #2c94d1 #2c94d1 #2a2a2a; }
.abajo { border-color: #2a2a2a #646464 #646464 #646464; }
.izquierda { border-color: #2c94d1 #2a2a2a #2c94d1 #2c94d1; }
.row-2 .flecha
{
	display: inline-block;
	border: solid 4px;
	margin-left: 20px;
	margin-right: 10px;
}
.row-2 .arriba {  border-color: #fff #fff #2c94d1 #fff; }
.row-2 .derecha { border-color: #fff #fff #fff #2c94d1; }
.row-2 .abajo { border-color: #2c94d1 #fff #fff #fff; }
.row-2 .izquierda { border-color: #fff #2c94d1 #fff #fff; }