.section-bg {
	background-color: #DD0088;
}
.section-bg-image {
	background-image: url(../images/pagecurl/pink.gif);
}

/*******************************************************************/

#main-nav ul li.sub-catalogue {
	display: block;
}

/*******************************************************************/

.lhs-width {
	float:left;
	width: 320px;
/*	background: #ccc;*/
}
.rhs-width {
	float:right;
	width: 200px;
/*	background: #888;*/
}
.lhs h2, .rhs h2 {
/*	margin-top: 0px;*/
}
.lhs {
}

#capa2 {
cursor:pointer; 
overflow:auto; 
font-weight:bold; 
border:0px solid; 
margin:5px;
text-decoration:underline;
}
#pista {
position:absolute; 
border:1px #DD0088 solid; 
color:#DD0088;
background-color:#ffffff;
padding:15px;
z-index:1000;
font-size:12px;
width:370px;
}


#cerrar {
cursor:pointer; 
width:16px; 
height:16px; 
position:absolute; 
top:5px; 
right:5px; 
}

.rhs {
	border: #9C3C96 solid;
	border-width: 0px;
	padding-left: 20px;
	padding-top: 10px;
/*	background: url(../images/v-purple.gif) repeat-y -0px 0px;*/
}


.section-contact {
	background-color: #0066BB;
	color: #FFFFFF;
	font-size: 18px;
}


/*-------------------------------------------*/
/* styles for contents page for each section */
/*-------------------------------------------*/
div.contentsbook {
	width: 400px;
	overflow: hidden;
}
div.contentsbook div {
	margin-top: 7px;
	margin-left: 14px;
	border: solid #993399;
	border-width: 5px 1px 0px 0px;
}
div.contentsbook h2 {
	font: 15px bold Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.contentsbook h3 {
	font: 14px bold Arial, Helvetica, sans-serif;
	color: #d1959e;
	font-weight: bold;
}
div.contentsbook div a {
	display: block;
	color: #333;
	padding: 2px 6px;
}
div.contentsbook div a:hover {
	color: #fff;
}
/*-------------------------------------------*/


/*-------------------------------------------*/
/* styles for contents page for contents     */
/*-------------------------------------------*/
div.contentslevel {
	width: 200px;
	clear: both;
	overflow: hidden;
}
div.contentslevel div {
	margin-top: 7px;
	margin-left: 14px;
	padding: 0px 0px;
	border: solid #993399;
	border-width: 5px 1px 0px 0px;
}
div.contentslevel h2 {
	font: 15px bold Arial, Helvetica, sans-serif;
/*	letter-spacing: -0.4pt;*/
	color: #666;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.contentslevel h3 {
	font: 14px bold Arial, Helvetica, sans-serif;
	color: #d1959e;
	font-weight: bold;
}
div.contentslevel a {
	color: #333;
	display: block;
	padding: 2px 6px;
}
div.contentslevel a:hover {
	color: #fff;
	background-color: #eee;
}

div.contentslevel div.infants {
	border-color: #ed9c3b;
}
div.contentslevel div.primary {
	border-color: #7369b0;
}
div.contentslevel div.content-based {
	border-color: #8dbe3e;
}
div.contentslevel div.secondary {
	border-color: #ed193e;
}
div.contentslevel div.bachillerato {
	border-color: #e1b904;
}
div.contentslevel div.ciclos-formativos {
	border-color: #00acde;
}
div.contentslevel div.adults {
	border-color: #364e9b;
}
div.contentslevel div.summer-review {
	border-color: #8f8fb3;
}
div.contentslevel div.teacher-resources {
	border-color: #8585a6;
}
div.contentslevel div.grammar {
	border-color: #7a7a98;
}
div.contentslevel div.dictionaries {
	border-color: #70708c;
}
div.contentslevel div.exams {
	border-color: #666680;
}
div.contentslevel div.graded-readers {
	border-color: #5c5c73;
}

div.contentslevel div.infants a:hover {
	background-color: #ed9c3b;
}
div.contentslevel div.primary a:hover {
	background-color: #7369b0;
}
div.contentslevel div.content-based a:hover {
	background-color: #8dbe3e;
}
div.contentslevel div.secondary a:hover {
	background-color: #ed193e;
}
div.contentslevel div.bachillerato a:hover {
	background-color: #e1b904;
}
div.contentslevel div.ciclos-formativos a:hover {
	background-color: #00acde;
}
div.contentslevel div.adults a:hover {
	background-color: #364e9b;
}
div.contentslevel div.summer-review a:hover {
	background-color: #8f8fb3;
}
div.contentslevel div.teacher-resources a:hover {
	background-color: #8585a6;
}
div.contentslevel div.grammar a:hover {
	background-color: #7a7a98;
}
div.contentslevel div.dictionaries a:hover {
	background-color: #70708c;
}
div.contentslevel div.exams a:hover {
	background-color: #666680;
}
div.contentslevel div.graded-readers a:hover {
	background-color: #5c5c73;
}
/*-------------------------------------------*/


.info-nav a {
	padding: 4px 5px;
	margin: 0px 5px;
	text-decoration: none;
/*	background: #cce4ee;*/
	font: 8pt verdana, arial, helvetica, sans-serif;
	display: block;
	float: left;
	color: #fff;
}

.info-nav a:hover {
	text-decoration: none;
	background: #fef;
	color: #666;
}


#main-nav li a {
}

div.pen {
	background: url(../images/catalogue/pen-anim.gif) no-repeat bottom right;
	width: 370px;
	float:left;
	margin-bottom: 5px;
	min-height: 80px;
}
* html div.pen {
	/* only for IE */
	height: 80px;
}

div.pen h1 {
	margin-bottom: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
/*	background: #73BBF5;*/
}
div.pen p.authors {
	margin: 0px 70px 0px 0px;
	height: 35px;
}
div.pen p.level {
	color: #636;
	font-size: 9pt;
	font-style: normal;
	margin-right: 70px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.pen p.authors {
	color: #666;
	font-size: 8pt;
	font-style: italic;
}
div.pen p.authors .authors-other {
	color: #939;
}

div.photo-desc {
	float: right;
	width: 270px;
}
div.photo {
	margin-left: 20px;
	text-align: center;
}
div.for-people {
	margin-left: 20px;
	background: #73BBF5 url(../images/clipandpaper.gif) no-repeat;
	padding: 20px 10px 10px 10px;
	color: #fff;
}

	div.for-people a {
		color: #fff;
		text-decoration:underline;
	}
		div.for-people a:hover {
		color: #fff;
		text-decoration:none;
	}

	
div.for-people ul {
	margin: 0px 0px 5px 20px;
	padding: 0px;
}
div.for-people h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
span.product-name {
	font-weight: bold;
	font-style: italic;
}
table.programaciones {
	clear: both;
	margin-top: 10px;
}
table.programaciones-no-clear{
	margin-top: 10px;
}