/*------Generals------*/

html, body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:#616572;}

/*------Structure------*/

#pdMainNav{min-width:1020px; background:url(ui/background-mainNav.png) top left repeat-x; display:block; position:relative; padding-top:2px; display:block; overflow:hidden; height:48px;}
#pdMainNav div{height:49px;}
#corpHolder{width:270px; position:absolute; top:0; left:0; overflow:hidden; }
#toolsHolder{width:560px; display:block; overflow:hidden; background:url(ui/divider-mainNav.png) top left no-repeat; margin: 0 auto 0 32%;}

#pdFooter{background:#FFF; height:20px; text-align:center;}

p{color:#9B9B9B;}

/*------Specifics------*/
#corpHolder img{margin-top:10px;}
.logo{float:left; margin:0 20px 0 10px;}
.divider{margin:2px 20px 0 0; float:left;}

/*------Tools------*/
#pdMainNav #toolsHolder ul{display:block; overflow:hidden; float:left; background:url(ui/divider-mainNav.png) top right no-repeat;padding:0 0 0 20px; }
#pdMainNav #toolsHolder ul li{display:block; float:left; margin-right:20px;}
#pdMainNav #toolsHolder ul li a{height:45px; text-indent:-99999px; display:block;}
/*#pdMainNav #toolsHolder ul li:first-child{margin-left:20px;}*/

a.byBookLink{background:url(ui/btn-Libro.gif) top left no-repeat; width:26px;}
a.byBookLink:hover{background:url(ui/btn-LibroOver.gif) top left no-repeat;}
a.byThumbnailLink{background:url(ui/btn-Miniaturas.gif) top left no-repeat; width:53px;}
a.byThumbnailLink:hover{background:url(ui/btn-MiniaturasOver.gif) top left no-repeat;}
a.byDateLink{background:url(ui/btn-PorFecha.gif) top left no-repeat; width:48px;}
a.byDateLink:hover{background:url(ui/btn-PorFechaOver.gif) top left no-repeat;}

a.zoomLink{background:url(ui/btn-Ampliar.gif) top left no-repeat; width:40px;}
a.zoomLink:hover{background:url(ui/btn-AmpliarOver.gif) top left no-repeat;}
a.printLink{background:url(ui/btn-Imprimir.gif) top left no-repeat; width:42px;}
a.printLink:hover{background:url(ui/btn-ImprimirOver.gif) top left no-repeat;}
a.downloadLink{background:url(ui/btn-Descargar.gif) top left no-repeat; width:53px;}
a.downloadLink:hover{background:url(ui/btn-DescargarOver.gif) top left no-repeat;}

a.backwardLink{background:url(ui/btn-Atras.gif) top left no-repeat; width:28px;}
a.backwardLink:hover{background:url(ui/btn-AtrasOver.gif) top left no-repeat;}
a.forwardLink{background:url(ui/btn-Adelante.gif) top left no-repeat; width:46px;}
a.forwardLink:hover{background:url(ui/btn-AdelanteOver.gif) top left no-repeat;}

p.edition{margin-top:10px; font-size:0.8em;}


/*-----Media selector----*/
#mediaSelectorHolder{width:170px; position:absolute; top:15px; right:0; z-index:99999;}

ul.mediaSelector {
	list-style: none;
	padding: 0 ;
	margin: 0;
	float: left;
	width: 100px;
	background: yellow;
	font-size: 1em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.mediaSelector li {
	width:155px;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.mediaSelector li a{
	/*padding: 10px 5px;*/
	color: #A8A8A8;
	display: block;
	text-decoration: none;
	float: left;
}
ul.mediaSelector li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
	color:#FFF;
}
ul.mediaSelector li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 20px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.mediaSelector li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.mediaSelector li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 2px; top: 24px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 150px;
	border: 1px solid #111;
}
ul.mediaSelector li ul.subnav li{
	margin: 0; 
	padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 150px;
	text-indent:0;
}
html ul.mediaSelector li ul.subnav li a {
	float: left;
	width: 115px;
	background: #333 url(ui/dropdown_linkbg.gif) no-repeat 20px center;
	padding: 5px 0 3px 35px;

}
html ul.mediaSelector li ul.subnav li a.root {
	background: #333 url(ui/dropdown_linkbg.gif) no-repeat 10px center;
	padding: 5px 0 3px 20px;
	width: 130px;
}
html ul.mediaSelector li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(ui/dropdown_linkbg.gif) no-repeat 20px center;
}
html ul.mediaSelector li ul.subnav li a.root:hover { /*--Hover effect for subnav links--*/
	background: #222 url(ui/dropdown_linkbg.gif) no-repeat 10px center;
}
ul.mediaSelector li.allMediaBtn{background:url(ui/allMediaBtnClosed.gif) top left no-repeat; text-indent:-99999px;}
ul.mediaSelector li.allMediaBtn a{display:block; width:155px; height:20px;}


/*-----Footer-----*/

#pdFooter p{font-size:0.8em; line-height:0.8em; padding-top:3px; display:block;}
#pdFooter p span{margin:0 10px;}

/*------FlippingBook----*/

#paginacion p{float:left; width:200px;margin-right:20px; background:green; margin-top:9px; }

#altmsg { position: absolute; background-color:red; padding: 20px; opacity: 0.6; filter: alpha(opacity=60); text-align:center;}
#altmsg:hover { opacity: 0.8; filter: alpha(opacity=80); }

a.altlink:link { color: #FFFFFF;}
a.altlink:visited { color: #DDDDDD;}

/*-----------Slider------*/

.showcaseContainer { width:780px; height:240px; overflow:hidden; position:relative; cursor:pointer; margin:0 auto; }
div.slides { position:absolute; top:0; left:0; width:300px; height:300px;}
div.slides div{ position:absolute; top:0; width:780px; display:none; padding:0; margin:0; }
.previous{background:url(ui/sirapSprites.gif) 0px -540px no-repeat; /*text-indent:-99999px;*/ display:block; position:absolute; top:120px; left:20px; width:40px; height:40px;}
.next{background:url(ui/sirapSprites.gif) -40px -540px no-repeat; /*text-indent:-99999px;*/ display:block; position:absolute; top:120px; right:20px; width:40px; height:40px; }