@font-face {
    font-family: "butter";
    src: url("fuentes/Butter.ttf");
}

@font-face {
    font-family: "Stryde";
    src: url("fuentes/StRyde.ttf");
}

@font-face {
    font-family: "Signikal";
    src: url("fuentes/Signikal.ttf");
}

body {
    background-color: #322b2b;
    color: #a2a39c;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 1.0em;
    line-height: 1.4em;
}

p {
	font-family: butter, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
}
h1, h2 {
    color: #74c26a;
}

h1 {
    font-size: 220%;
}

h2 {
    font-family: Signikal, Verdana, Geneva, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.3em;
}

h5 {
    font-size: 90%;
    font-weight: normal;
l   line-height: 1.3em;
}

h6 {
    font-size: 100%;
    font-weight: normal;
}


/* Centrar Imágenes */
img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

/************ tabla css ***********/
#contenido {
    display:        table-cell;
    padding:        15px;
    vertical-align: top;
}


#menu_m {
    display:        table-cell;
    padding:        15px;
    width:          10%;
    vertical-align: top;
    line-height: 	1.3em;
}

#tabla_master {
    display:        table;
    border-spacing: 10px;
}

#tabla_reng {
    display:        table-row;
}

blockquote {
    /*font-style: italic;*/
    padding:0.5em 1em;
}

/*teletype*/
tt {
    font-size: 12px;
}

.code{ font-family:monospace; background:#3b3b3b; color:#FFF;}
.label{ font-family:Verdana, Helvetica, Arial, sans-serif; }

/* Enlaces */
a{ text-decoration:none;}
a:link {color:#a1a3ff; }
a:visited{ color:#a1a3ff; }
a:hover, a:active{ color:#8d3737; }



table{
  border:0px;
  margin:0px;
  cellspacing:10px;
  cellmargin:0px;
  border-collapse:separate;
  border-spacing:2px;
  background:#d4cbd4;
  width:100%;
  border-bottom: #141414 4px solid;
  border-right: #141414 4px solid;
}

table.compat{
	table-layout: fixed;
	text-align:center;
	background:#d4cbd4;

}

th{
  background:#d4cbd4;
}

td.param{
  width:20%;
}

tr.alt{
  background:#d4cbd4;
}

td.compat{
  background:#868eaa;
}

tr:nth-child(odd) {
 	background:#5254a7;
    width:70%;
}

/*Menú en árbol CSS dinámico */
ol.tree
{
	padding: 0 0 0 30px;
	width: 250px;
}
	li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(images/menu/article.png) 0 0 no-repeat;
			color: #fff;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
		li.file a[href *= '.pdf']	{ background: url(images/menu/article.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(images/menu/article.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(images/menu/article.png) 0 0 no-repeat; }
		li.file a[href $= '.js']		{ background: url(images/menu/article.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
		li input + ol
		{
			background: url(images/menu/mas.png) 40px 0 no-repeat;
			margin: -1.1em 0 0 -44px; /* 15px */
			height: 1em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	li label
	{
		background: url(images/menu/gms.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
		/*margin-bottom: 50px;*/
	}

	li input:checked + ol
	{
		background: url(images/menu/menos.png) 40px 1px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }
                  
input /*:not(:checked)*/
{
	display: block;
    margin-bottom: 50px;
    padding-bottom: 50px;
    background: url(images/menu/star.gif) 15px 1px no-repeat;
}

ol li {
	font-family: Stryde, Verdana, Geneva, Arial, sans-serif;
	font-size: 0.9em;
}

iframe {
	border-radius: 7px
}

footer {
	font-family: butter, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.0em;
	text-align: center
}