@charset "UTF-8";

/* estilos menús */ 

#cabecera{	
	height:				261px;
	width: 				588px;
	display: 			block;
	font: 				12px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 		0.7em;
	white-space:		nowrap;
/*	color:				#686868;*/
}

#cabecera a{
	text-decoration:	none;
	color:				#686868;;
}

#cabecera li{
	list-style-type: 	none;
	float:				left;
	cursor:				pointer;
}

#cabecera>#menu_abajo>li>a{
	text-decoration:	none;
	color:				#ffffff;
}


#cabecera li:hover{
	color:				#ffffff;
}

#cabecera a:hover{
	text-decoration:	none;
	color:				#ffffff;
}



#logo{
	height:				50px;
	width: 				150px;
	/*background:			url('../images/rhm2.png') no-repeat;*/
	display:			inline-block;
	float:				left;
	padding-top:		4px;
	padding-left:		8px;
}

ul#menu_arriba{
	float: 				right;
	height: 			35px;
/*	width:				416px; */
/*	//	width:				425px;*/
	padding-left:		0px;
	margin:				0px;
	color:				#C3C3C3;
}

ul#menu_arriba a{
	color:				#686868;
}

ul#menu_arriba>li{
	margin:				0;
	padding:			5px 7px 0px 3px;
	list-style-type: 	none;
	white-space: 		nowrap;
	color:				#686868;
	background:			#C3C3C3;
	height:				24px;
	border-left:		1px solid #a3a3a3;
}
ul#menu_arriba>li:hover>a{
	color:				#ffffff;
}

ul#menu_arriba>li.first {
	padding-left:		15px;
	background:			url('../images/bg_arriba.gif') no-repeat left bottom;
	border:				none;
}
ul#menu_arriba>li.last {
/*	float:				left;^*/
	background:			url('../images/bg_arriba.gif') no-repeat right bottom;
	padding-right:		12px;
}

ul#menu_arriba>li.first {
/*	float:				left;*/
	background:			url('../images/bg_arriba.gif') no-repeat left bottom;
	padding-left:		1.19em;
	border:				none;
}
ul#menu_arriba>li.last {
/*	float:				left;*/
	background:			url('../images/bg_arriba.gif') no-repeat right bottom;
}
ul#menu_arriba>li>a {
	color:				#686868;
}
ul#menu_arriba>li.sel, ul#menu_arriba>li:hover{
	background:			#686868;
/*  color:				#c3c3c3 */	
	color:				#ffffff;
	border-left:		1px solid #a3a3a3;
}
ul#menu_arriba>li.first.sel, ul#menu_arriba>li.first:hover{
	background:			url('../images/bg_arriba_hover.gif') no-repeat left bottom;
/*	color:				#c3c3c3;*/
	border-left:		0px;
}
ul#menu_arriba>li.last.sel, ul#menu_arriba>li.last:hover{
	background:			url('../images/bg_arriba_hover.gif') no-repeat right bottom;
/*	color:				#c3c3c3;*/
}

ul#menu_arriba>li>ul.submenu, ul#menu_abajo>li>ul.submenu, ul#AT>li>ul.submenu, ul#AT>li>div.submenu{
	position: 			absolute;
	display:			none;
	background:			#c3c3c3;
	padding: 			15px 15px 8px;
	margin-left:		-0.38em;
}
ul#menu_arriba>li>ul.submenu>li, ul#menu_abajo>li>ul.submenu>li, ul#AT>li>ul.submenu>li{
	padding-bottom:		7px;
}

ul#AT>li>div.submenu a{
	padding-bottom:		7px;
	float:				left;
	width:				100%;
}

ul#menu_arriba>li>ul.submenu{
	margin-top:			10px;
	//margin-top:		24px;
}
ul#menu_abajo>li>ul.submenu{
	font-weight:		normal;
	margin-top:			6px;
	margin-left:		-6px;
	//margin-top:		19px;
}

ul#AT>li>ul.submenu, ul#AT>li>div.submenu{
	margin-top:				9px;
	margin-left:			-15px;
	text-align:				left;
	//margin-top:			24px;
/*
	//margin-top:			2em;
	//position:				relative;
	//width:				115px;
	//margin-top:			10px;
	//border-top-width:		0px;
	//border-left-width:	0px;
*/
}

ul#AT>li>div.submenu{
	padding-right:			0px;
}

ul#menu_arriba>li>ul.submenu.doble>li, 
ul#menu_arriba>li>ul.submenu.triple>li,
ul#menu_abajo>li>ul.submenu.doble>li, 
ul#menu_abajo>li>ul.submenu.triple>li{
	width: 100%;
}

ul#AT>li>ul.submenu.doble{
	padding-left:	12px;
}
ul#AT>li>ul.submenu.doble>li, ul#AT>li>ul.submenu.triple>li{
	padding-left:2%;
	float: left;
}
ul#AT>li>ul.submenu.doble>li{
	width: 45%;
}
ul#AT>li>ul.submenu.triple>li{
	width: 30%;
}

div#titulo{
	font: 				12px "helveticaNeue", Verdana, Arial, Helvetica, sans-serif;
	clear:				both;
	font-size:			33px;
	color:				black;
	font-weight:		bold;
	text-align:			left;
	padding-top:		120px;
	//padding-top:		114px;
	padding-left:		8px;
	letter-spacing:		-1px;
	cursor:				default;
/*	//font-size:		28px;
	//padding-top:		124px;*/
}


/*
div#titulo span{
	cursor:				auto;
}
*/
body.rhm div#titulo{
	color: 				black;
}
body.debolsillo div#titulo{
	color: 				#f99e0f;
}
body.infantil div#titulo{
	color: 				#00a7ba;
}
body.romantica div#titulo{
	color: 				#e51062;
}
body.juvenil div#titulo{
	color: 				#badf1f;
}
body.ebook div#titulo{
	color: 				#6478B7;
}

div#titulo>span{
	color:				white;
	font-weight:		100;
}

ul#menu_abajo, ul#AT{
	height:				25px;
	padding:			0;
	list-style-type: 	none;
	margin-bottom:		0em;
	margin-top:			2px;				
}
/*
ul#menu_abajo>li ,ul#AT>li{
	float:				left;
}*/
ul#menu_abajo>li>ul.submenu, ul#AT>li>ul.submenu, ul#AT>li>div.submenu{
	display:			none;
	position:			absolute;
	
}
ul#menu_abajo{
	background:			url('../images/bg_abajo.png') no-repeat scroll 0 0;
	font-weight:		bold;
	color:				white;
	margin-left:		0em;
}
ul#menu_abajo>li{
	padding:			0.44em 0em 0.44em 1.50em;
}

ul#AT{
	margin-top:			1px;
	margin-left:		0;
	margin-right:		0.13em;
	background:			none;
	color:				grey;
}
ul#AT>li>a{
	color:				#C3C3C3;
}

ul#AT>li{	
	color:				#C3C3C3;
	height: 			20px;
	width:				auto;
	padding:			0em 1.25em;
	text-align:			center;
	margin-top:			-0.13em;
	border-top:			1px solid #696969;
	border-right:		1px solid #696969;
	background:			#434343;
	border-bottom: 		4px solid #696969;		
	padding-top:		0.19em;
}
ul#AT>li>span{
	height: 			23px;
	width:				115px;
}
ul#AT>li.sel,ul#AT>li:hover{
	background:			#333333;
}

/* Hilo de ariadna */
div#path{
	display: 				block;
	clear:					both;
	color:					white;
}
div#path a{
	text-decoration:	none;
	color:				white;
}

div#path-design
{
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0.5em;
	width: 590px;
	display: block;
}

div#path p, div#path a
{
    margin: 0;
}

div#path a:hover
{
    color: #000000;
}

div#path span.disabled
{
}


/* PIE DE PAGINA */
#pie {
	margin-top:			6px;
	clear: both;
	font-size: 10px;
	line-height: 14px;
	padding-top: 8px;
	width: 868px;
	/*background-image: url(../images/baseline.png);*/
	background: url(../images/bg-pie-top.png) no-repeat 8px 0;
	background-repeat: no-repeat;
	/*background-position: 616px 68px;*/
	overflow: hidden;
	height: 95px;
}
#pie a {
	color: #FFFFFF;
}
#pie a:hover {
	text-decoration: underline;
}
#pie ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 8px;
	padding-right: 25px;
	padding-bottom: 8px;
	padding-left: 12px;
}
#navegacionhtml {
	background: #434343;
	height: 58px;
	width: 588px;
	margin-left: 8px;
}
#nav1, #nav2, #nav3, #nav4, #nav6 {
	float: left;
}
#navegacionhtml>ul>li{
	border-right: 1px solid grey;
	padding-right: 13px;
}
#navegacionhtml>ul#nav4>li{
	border-right: 0px;

}

#nav5, #nav7 {
	float: right;
}

#firma {
	background: url(../images/bg-pie-bottom.png) no-repeat;
	height: 30px;
	width: 588px;
	margin-left: 8px;
}

/* CARRUSEL SELLOS 2 */
	#logoParade
	{
		margin-left:	8px;
		height:			35px;
		width: 			580px;
		position: 		relative;
		padding:		2px 4px;
		background:		white;
		margin-top:		8px;
	}
 
	#logoParade div.scrollableArea img
	{
		float: left;
		margin-left: 25px;
	}
	
	/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
/*	height: 100%;*/
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	vertical-align:	middle;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
	
}

.col1_menu2cols,.col2_menu2cols{
	width:		50%;
	padding-left: 5px;
}
.col1_menu2cols{
	float:		left;
}
.col2_menu2cols{
	float:		right;
}

.col1_menu3cols,.col2_menu3cols,.col3_menu3cols{
	width:		33%;
	padding-left:	5px;
	float:		left;
}