/*------------------------ ESTRUCTURA DE LA PAGINA -----------------------------*/


@font-face 
{
  font-family: "Fifthleg";
  src: url(ttf/fifthleg.ttf) format("truetype");
}

@font-face 
{
  font-family: "Delicious";
  src: url(ttf/delicious-roman.ttf) format("truetype");
}

@font-face 
{
  font-family: "Angelina";
  src: url(ttf/angelina.ttf) format("truetype");
}

@font-face 
{
  font-family: "Monobold";
  src: url(ttf/monobold.ttf) format("truetype");
}

html
{
	margin:0;
	padding:0;
	
	background:url(pics/background-html.png) top center repeat-y #fff;
}

html *
{
	margin:0;
	padding:0;
}

body
{
	text-align:center;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:88%;
	background:url(pics/background-main.png) top left repeat #fff;
	color:#000;
	width:900px;
	margin:auto;
	padding-bottom:2em;
}

a
{
	color:#376EAF !important;
	text-decoration:none;
}

a img , img
{
	border:1px solid transparent !important;
}

a img:hover
{
/* 	border:1px dashed #376EAF !important; */
}

a:hover
{
	text-decoration:underline !important;
}

a[href^="http"]
{
	padding: 0 20px 0 0;
	background: url(pics/ico_link.png) right center no-repeat;
}

a[href $='.pdf']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_pdf.png) right center no-repeat;
}

a[href $='.mp3'] , a[href $='.ogg'] , a[href $='.wma'] , a[href $='.aac']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_audio.png) right center no-repeat;
}

a[href $='.zip'] , a[href $='.7z'] , a[href $='.rar'] , a[href $='.ace'] , a[href $='.tar.gz'] , a[href $='.tar.bz2']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_zip.png) right center no-repeat;
}

a[href $='.odt'] , a[href $='.doc'] , a[href $='.docx']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_doc.png) right center no-repeat;
}

a[href $='.ods'] , a[href $='.xls'] , a[href $='.xlsx']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_spreadsheet.png) right center no-repeat;
}

a[href $='.odp'] , a[href $='.ppt'] , a[href $='.pptx'],
a.presentation
{
	padding: 0 20px 0 0;
	background: url(pics/ico_presentation.png) right center no-repeat;
}

a[href $='.odg'] , a[href $='.svg'] , a[href $='.wmf']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_img_vector.png) right center no-repeat;
}

a[href $='.avi'] , a[href $='.mpg'] , a[href $='.flv'] , a[href $='.mpeg'] , a[href $='.wmv']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_video.png) right center no-repeat;
}

a[href $='.jpg'] , a[href $='.jpeg'] , a[href $='.gif'] , a[href $='.png'] , a[href $='.tiff']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_pic.png) right center no-repeat;
}


a[href $='.xcf'] , a[href $='.psd']
{
	padding: 0 20px 0 0;
	background: url(pics/ico_gimp.png) right center no-repeat;
}

a[href^="mailto:"]
{
	padding: 0 20px 0 0;
	background: url(pics/ico_mail.png) right center no-repeat;
}


hr
{
	border:1px solid #623c6d;
	margin:2em auto;
	width:90%;
	clear:both;
}


h1, h2 , h3 , h4 , h5 , h6 , p.autor
{
	font-family: "Delicious", Arial,Verdana,Helvetica,sans-serif;
}

h1
{

	background:url(pics/background-head.png) bottom left repeat-x #5b3566;
	color:#fff;
	padding:1em;
	text-align:center;
	text-shadow: #000 2px 2px 2px;
	text-transform:uppercase;
	margin-bottom:0.5em;

	clear:both;

}


h2
{

	display:block;
	font-size:120%;

	font-weight:bolder;
	margin-top:0.5em;
	margin-bottom:0.5em;
	
	
	text-align:center;

	text-decoration:none;
	text-transform:uppercase; 
	color:#2e2e2e;

	color: #fff;
	text-shadow: 0px 1px 1px #000;

	background:url(pics/background-head.png) bottom center repeat-x #5b3566;

	padding:0.5em;
	border-top:1px solid #623C6D;

	clear:both;


}


body h3 
{
	font-size:140%;
	background:url(pics/background-h3.png) bottom left no-repeat;

	clear:both;

}

body.tema h4 
{
	font-size:130%;
	clear:both;

}

body.tema h4 
{
	font-size:130%;
	clear:both;

}

body.tema h5 
{
	font-size:120%;
	clear:both;

}

body.tema h6 
{
	font-size:110%;
	clear:both;

}





table
{
	width:90%;
	margin:auto auto 0.5em auto;
	border:1px solid #7A7A7A;
/* 	border-spacing:0; */
	 border-collapse:separate;
	background:url(pics/table-background.png) bottom center repeat-x;

	
}

td img
{
	border:0;
}


caption

{
	margin-top:2em;
	padding:0.2em;
	font-style:italic;
	color:#888;
}

td
{

	margin:0;
	padding:0.5em;
	border:1px solid #AAAAAA;
	border-collapse:collapse;
}

th
{
	text-align:center;
	padding:0.4em;
	color:#fff;
	font-size:105%;
	font-family: "Delicious",Arial,Verdana,Helvetica,sans-serif;
	text-shadow: #000 2px 2px 2px;
	text-transform:uppercase;
/* 	border-left:1px solid #7A7A7A; */
/* 	border-right:1px solid #7A7A7A; */
	background:url(pics/background-head.png) bottom center repeat-x #5c3567;
}



p
{
	margin:0;
	padding:1em 3em 1em 3em;
	text-align:left;
}


p.autor
{
	font-size:100%;
	margin-top:-65px;
	margin-bottom:65px;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	text-align:center;
}

p.button , li.button 
{
	background:url(pics/button.png) top center no-repeat;
	width:10em;
	text-align:center;
	margin:auto;
	margin-bottom:1em;
}


p.button:hover , li.button:hover
{
	background:url(pics/button-hover.png) top center no-repeat;
}

p.button a , li.button a
{
	font-size:110%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #fff !important;
	text-shadow: 0px -1px 1px #000;
	padding-left:20px;
	text-decoration:none !important;
	font-weight:bolder;
}

p.volverindex a
{
	background:url(pics/ico-back.png) left center no-repeat;
}

p.volverarriba a
{
	background:url(pics/ico_arriba.png) left center no-repeat;
}


p.descargar a
{
	background:url(pics/ico_save.png) left center no-repeat;
}



.menuprincipal
{
	clear:both;
	margin:0;
	margin-bottom:-20px !important;
	padding:0;
	margin:auto;
	text-align:center;
}

.menuprincipal ul
{
	clear:both;
	margin:0;
	padding: 0 4em 0 4em;
	margin:auto;
	text-align:center;
}



.menuprincipal ul li
{
	margin:auto;
	text-align:left;

	padding:0;
	display:block;
	height:50px !important;
	width:155px !important;
	float:left;
}

.menuprincipal ul li a
{
	display:block;
/* 	height:165px !important; */
	width:150px !important;
	padding-top:1em;
	padding-left:3.5em;
	margin-left:-0.5em;
}

/*.menuprincipal ul li a:hover
{
	color: #376eaf !important;
}*/

/*.menuprincipal ul li a span
{
	display:block;
	width:130px !important;
	margin:auto;
	padding-top:15px;

}*/

a.btntemario
{
background:url(pics/book.png) 2em 85% no-repeat; 
}



a.btnimprimir[href$=".pdf"] 
{
	background:none;	
}

a.btnimprimir
{
background:url(pics/adobe-reader.png) 2em 85% no-repeat !important; 
}


a.btnarchivos
{
background:url(pics/folder.png) 2em 85% no-repeat; 
}



a.btncreditos
{
background:url(pics/ico_group.png) 2em 85% no-repeat; 
}


a.btnlicencia
{
background:url(pics/ico_certificate.png) 2em 85% no-repeat; 
}
















p.reproductor-video
{
	margin:auto !important;
	text-align: center !important;
}



div.nota
{
/* 	font-family: "Delicious", Arial,Verdana,Helvetica,sans-serif; */
	background: url(pics/background-nota.png) top left no-repeat #fff9e4;
	color: #000;
margin: 1em 3em 1em 3.5em;
	width:800px;
	border: 1px solid #ffd200;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}



div.importante
{
/* 	font-family: "Delicious", Arial,Verdana,Helvetica,sans-serif; */
	background: url(pics/background-importante.png) top left no-repeat #fff5e8;
	color: #000;
margin: 1em 3em 1em 3.5em;
	width:800px;
	border: 1px solid #ff9900;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.ejercicio
{
/* 	font-family: "Delicious", Arial,Verdana,Helvetica,sans-serif; */
	background: url(pics/background-ejercicio.png) top left no-repeat #e9eff6;
	color: #000;
margin: 1em 3em 1em 3.5em;
	width:800px;
	border: 1px solid #0181ee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.para-saber-mas
{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	background: url(pics/background-para-saber-mas.png) top left no-repeat #eeffe7;
	color: #000;
margin: 1em 3em 1em 3.5em;
	width:800px;
	border: 1px solid #00532f;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


div.descarga
{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	background: url(pics/background-download.png) top left no-repeat #e9ddc9;
	color: #000;
margin: 1em 3em 1em 3.5em;
	width:800px;
	border: 1px solid #8f5902;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


div.galeria
{
/* 	font-family: "Delicious", Arial,Verdana,Helvetica,sans-serif; */
	background: url(pics/background-galeria.png) top left no-repeat #f4ffe8;
	color: #000;
margin: 1em 3em 1em 3.5em;
	width:800px;
	border: 1px solid #a1af3a;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-bottom: 2em;
}


div.galeria ul 
{
	margin: 0;
	padding:0;

}

div.galeria ul li
{
	display:inline;
	background: none;
	list-style:none;
	width:150px !important;

}



div.descarga ul li
{
	background: url(pics/document-save.png) left center no-repeat;

}

div.descarga ul li img
{
	margin-bottom: -5px;

}


pre
{
	font-family: Andale Mono, Courier New, monospace;
	background: url(pics/background-code.png) top left no-repeat #535353;
	color: #fff;
	margin:1em 3em;
	width:780px !important;
	text-align:left !important;
	display: block !important;
	padding:10px;
	border: 1px solid #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
} 




body.tema h2 , h3 , h4 , h5 , h6
{
	text-align: left;
	padding-left: 25px;
	margin-bottom:1em;
}

body.tema h2 
{
	background:url(pics/background-h2.png) bottom left repeat-x #5b3566;
	padding-left: 50px;
	font-weight:bolder;

}



ul , ol , dl
{
	margin-top:1em;
	margin-bottom:1em;
	padding:0em 5em 0em 8em;
	text-align:left;
	min-height:3em;
}


ul li , ol li , dl dd
{
	list-style:none;
	padding:1px;
	padding-left:20px;
}

dl dt
{
	font-size:102%;
	font-weight:bolder;
	font-style:italic;
	padding-left:18px;
}


ul li , ol li , dl dd
{
	list-style:none;
	padding:1px;
	padding-left:20px;
}

ol  li , dl dd
{
	list-style-type:decimal;
	margin-left:1em !important;
	margin-bottom:1em !important;
	padding-left:1em !important;
}

ul li , dl dt
{
	background:url(pics/dot.png) left top no-repeat;
}


a im
{
	border: 1px dashed;
}







ul.indice , ul.anexo
{
	background:url(pics/background-section.png) top center no-repeat;
	padding:1em 5em 2em 8em;
	text-align:left;
	min-height:5em;
}

ul.indice li , ul.anexo li
{
	list-style:none;
	font-size:110%;
	padding:3px;
	padding-left: 30px;
}

ul.indice li
{
	background:url(pics/ico-book.png) left top no-repeat;
}

ul.indice li.resumen
{
	background:url(pics/ico-resumen.png) left top no-repeat;
}

ul.anexo li
{
	background:url(pics/ico-folder_yellow.png) left top no-repeat;
}

p.extrainfo
{
	text-align:center !important;
}

p.extrainfo a img , p.extrainfo img
{
	border:0 !important;
}

p.antiie
{
	background: #FFFFCC;
}



.menubotones
{
	text-align:center !important;
	margin:auto !important;
}





.menubotones a img:hover
{
	background:url(pics/boton-gimp-background.png);

}


.menubotones ul
{
	margin:auto;
	padding: 0;
	clear: both;
}

.menubotones ul li
{
	list-style-type: none;
	background: none !important;
}

.menubotones ul li {
	list-style-type: none;
	background: none !important;
	width: 29em;
	height: 15em;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0.5em;
}

.menubotones li a img {
	width: 29em;
}



.align-center
{
	text-align:center !important;
	margin:auto !important;
}

.display-none
{
	display:none;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

.img-left
{
	float:left;
	margin: 0 1em 1em 0;
}

.img-right
{
	float:left;
	margin: 0 0 1em 1em;
}


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}

dl.soft
{
	margin: 0;
	padding: 3em;
}

dl.soft dt
{
	width: 20%;
	float: left;
	font-size: 150%;
	text-transform: uppercase;
	background: none;
	padding: 0;
	padding-left: 0.5em;
}

dl.soft dt img
{
/*	margin-left: -0.5em;*/
}

dl.soft dd
{
	width: 80%;
	margin-left: 20% !important;
}

dl.soft dd p
{
	margin:0 0 1em 0;
	padding: 0;
}

dl.soft dd p.soft-ssoo span
{
	top: -0.3em;
}


.hideshow 
{
	text-align: right;
}
.hideshow button
{
	text-align: right;
	background: url(pics/internet-blog.png) 0 0 no-repeat;
	border:none;
	color: transparent;
	width: 16px;
	height: 16px;
	padding: 3px;
	margin-right: 4em;
}