/*
	tecnolibro
	
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Carmel Hassan - GTK
	
	_Elementos de navegación, menús, listas...
*/

#menu-global{ font-size:1.3em;}
#menu-global a{ color:#fff; font-weight:bold;}
#menu-global a:hover{ text-decoration:none; color:#64c0ff;}

.bloque ul{ padding:15px 15px 15px 16px;}
.bloque ul li{ list-style:none none; border-bottom:2px solid #fff; padding-bottom:2px; margin-bottom:4px;}
.bloque ul li a:hover{ color:#007ea8;}
.bloque ul li a{ color:#0099cc; font-size:0.85em; text-transform:uppercase; font-weight:bold;}	
.bloque ul li a:hover{ text-decoration:none;}

.materias ul{ margin-left:0px; padding:15px 0px;}
.materias ul li{ background:transparent url(images/icon_lista.gif) 15px 6px no-repeat; border:0px none;  margin-bottom:2px;}
.materias ul li:hover { background-color:#ccc; background-image:url(images/icon_lista_hover.gif);}
.materias ul li a{ color:#333; text-transform:uppercase; font-size:0.85em; font-weight:bold;padding:0px 25px; display:block;}
.materias ul li a:hover{ color:#333;}
#lateral-derecho ol li{ list-style-type:none; clear:both; background-color:#f2f2f2; padding:10px 15px 10px 28px; border-bottom:3px solid #fff;}
#lateral-derecho ol li{ list-style-type:none; clear:both; }
#lateral-derecho ol li .mini{width:140px;}

ol li.item_1{ background:transparent url(images/1.gif) no-repeat 10px 15px;}
ol li.item_2{ background:transparent url(images/2.gif) no-repeat 10px 15px;}
ol li.item_3{ background:transparent url(images/3.gif) no-repeat 10px 15px;}
ol li.item_4{ background:transparent url(images/4.gif) no-repeat 10px 15px;}
ol li.item_5{ background:transparent url(images/5.gif) no-repeat 10px 15px;}
ol li.item_6{ background:transparent url(images/6.gif) no-repeat 10px 15px;}
ol li.item_7{ background:transparent url(images/7.gif) no-repeat 10px 15px;}
ol li.item_8{ background:transparent url(images/8.gif) no-repeat 10px 15px;}
ol li.item_9{ background:transparent url(images/9.gif) no-repeat 10px 15px;}
ol li.item_10{ background:transparent url(images/10.gif) no-repeat 10px 15px;}

.materias ul.mapeadas { padding-left:10px;}
.mapeadas{ width:779px; background-color:#f6f6f6; margin-bottom:20px;}
.mapeadas li{ float: left; width:255px; list-style-type:none;}
.mapeadas li a:hover{ text-decoration:none;}

.paginador .filtros{ font-size:1.1em; width:370px; display:block;}
.paginador .filtros span{ font-size:0.9em;}
.paginador .filtros ul{  text-transform:none; padding-left:2px;}
.paginador .filtros ul li{ border-right:1px solid #333; padding-right:0px; padding-left:2px;}

.paginador .paginas{ width:370px; text-align:right; display:block;}
.paginador .paginas li{ font-size:1.1em; padding:0px 4px; border-right:1px solid #333;}
.paginador .paginas li.first, .paginador .paginas li.last {font-size:1em; border-right:0px none;}

.compra ol{ background:#3F93EA url(images/topo_compra.gif) no-repeat left bottom; border-top:2px solid #fff; height:1%;padding:5px 0px 10px 0px; text-transform:uppercase; color:#36619B; font-weight:bold;}
.compra ol li{ list-style-position: inside; padding:0px 25px; list-style-image:none; list-style-type:decimal; display:list-item; float:left; }


.compra ol.paso2{ background-position:210px bottom;}
.compra ol.paso3{ background-position:430px bottom;}

.compra ol.paso1 li.paso1{ color:#fff;}
.compra ol.paso2 li.paso2{ color:#fff;}
.compra ol.paso3 li.paso3{ color:#fff;}