@charset "utf-8";
/* CSS Document */
#contenedor{
	margin:auto;
	margin-top:0px;
	width:780px;
	background: #EDE6F2;
	display:table;	
}
#header{
	width:780px;
	height:144px;
	background: url(../Images/cabecero_01.gif) no-repeat;
	display:table;}
#pie{
	margin-left:auto;
	height:42px;
	width:780px;
	background: url(../Images/pie.gif) no-repeat;}
#menuh {
	height:42px;
	width:780px;
		}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;}
        .b1 {
			display: block;
			width: 178px;
			height: 42px;
			background: url(../Images/Inicio.gif) no-repeat;
			text-indent: -9999px;
		}
		
		a.b1:link, a.b1:visited, a.1:active {
			background: url(../Images/Inicio.gif) no-repeat;
		}
		
		a.b1:hover {
			background: url(../Images/Inicio-over.gif) no-repeat;
		}
	
	     .b2 {
			display: block;
			width: 166px;
			height: 42px;
			background: url(../Images/Tutoriales.gif) no-repeat;
			text-indent: -9999px;
		}
		
		a.b2:link, a.b2:visited, a.2:active {
			background: url(../Images/Tutoriales.gif) no-repeat;
		}
		
		a.b2:hover {
			background: url(../Images/Tutoriales-over.gif) no-repeat;
		}	
		.b3 {
			display: block;
			width: 136px;
			height: 42px;
			background: url(../Images/Recursos.gif) no-repeat;
			text-indent: -9999px;
		}
		
		a.b3:link, a.b3:visited, a.3:active {
			background: url(../Images/Recursos.gif) no-repeat;
		}
		
		a.b3:hover {
			background: url(../Images/Recursos-over.gif) no-repeat;
		}
		.b4 {
			display: block;
			width: 114px;
			height: 42px;
			background: url(../Images/Firmas.gif) no-repeat;
			text-indent: -9999px;
		}
		
		a.b4:link, a.b4:visited, a.4:active {
			background: url(../Images/Firmas.gif) no-repeat;
		}
		
		a.b4:hover {
			background: url(../Images/Firmas-over.gif) no-repeat;
		}	
		.b5 {
			display: block;
			width: 117px;
			height: 42px;
			background: url(../Images/Contacto.gif) no-repeat;
			text-indent: -9999px;
		}
		
		a.b5:link, a.b5:visited, a.5:active {
			background: url(../Images/Contacto.gif) no-repeat;
		}
		
		a.b5:hover {
			background: url(../Images/Contacto-over.gif) no-repeat;
		}	
		
#precarga {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(../Images/Inicio-over.gif);
       background-image: url(../Images/Tutoriales-over.gif);
       background-image: url(../Images/Recursos-over.gif);
       background-image: url(../Images/Firmas-over.gif);
	   background-image: url(../Images/Contacto-over.gif);
       background-image: url();
	  }	
#m{
	width: 780px;
	margin-left:auto;
	background:#EDE6F2;
	}
#izquierda{
    width:175px;
	float:left;
	display:table;
	margin-top: 40px;
			}
	#izregion{
	width: 175px;
	display:table;}		
	#izprincipio{
	width: 175px;
	height: 28px;
	background: url(../Images/cuadromenu1.gif) no-repeat;
	display:table;}
	#izfinal{
	width: 175px;
	height: 27px;
	background: url(../Images/cuadromenu3.gif) no-repeat;
	display:table;}
	#izcuerpo{
	width: 175px;
	background: url(../Images/cuadromenu2.gif) repeat-y;
	display:table;
	}			
#centro{
	width: 500px;
	margin-top: 47px;
	margin-left: auto;
	margin-right:45px;	}
	#centfinal{
	width: 500px;
	height: 22px;	
	background: url(../Images/cuadrocentro3.gif) no-repeat;}
	#centcuerpo{
	width: 500px;
	background: url(../Images/cuadrocentro22.gif) repeat-y;
	
    }	
	#centprincipio{
	width: 500px;
	height: 24px;
	background: url(../Images/cuadrocentro1.gif) no-repeat;}
#linea{
	width:780px;
	height:3px;;
	background:url(../Images/linea.gif);
	clear:both;}
  #m2{
	width: 780px;
	margin-left:auto;
	background: #EDE6F2;
	}
#izabajo{
	width: 310px;
	float: left;
	display:table;
			}	
	#izabajoprincipio{
	width: 310px;
	height: 20px;
	background: url(../Images/cuadrotop5_1.gif) no-repeat;
	display:table;}
	#izabajofinal{
	width: 310px;
	height: 17px;
	background: url(../Images/cuadrotop5_3.gif) no-repeat;
	display:table;}
	#izabajocuerpo{
	width: 310px;
	background: url(../Images/cuadrotop5_2.gif) repeat-y;
	display:table;
	}	
#derabajo{
	width: 460px;
	margin-left:auto;
	display:table;
	}	
	#derabajofinal{
	width: 460px;
	height: 22px;	
	background: url(../Images/cuadrogaleria3.gif) no-repeat;}
	#derabajocuerpo{
	width: 460px;
	background: url(../Images/cuadrogaleria2.gif) repeat-y;
	display:table;
    }	
	#derabajoprincipio{
	display:table;
	width: 460px;
	height: 19px;
	background: url(../Images/cuadrogaleria1.gif) no-repeat;
	}
#divmenu{
	width: 160px;
	margin-left:5px;
	display:table;
	}
#divmenu2{
	width: 160px;
	margin-left:0px;
	display:table;
	}	
#novedades{
	width:430;
	display:table;
	margin-right:10px;
	margin-left:5px;}	
#foto{
	width:250;	
	display:table;}
#contenido{
display:table;
margin-left:10px;
margin-right:10px;
}	
#contenido1{
float:left;
display:table;
}	
#contenido1 li{
margin-left:5px;}
#contenido2{
margin-left:130px;
display:table;
}
#ctutoriales{
width:780px;
display:table;}
#tutoriales1{
width:581px;
float:left;
margin-left: 5px;
	margin-right:0px;
}
#tutoriales2{
width:164px;
margin-left:auto;
margin-right:auto;
display:table;
}
#anunciotutoriales{
width:490px;
background-color:#D6EFEA;
margin:auto;
}
	
.enlaces{
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	color:#9572DC;}	
.azul {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #3366CC;}
.intercambio {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	color: #6666FF;}
.od {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;}	
.tutorialestitulo {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	color: #6666FF;}
.titulo {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 13px;
	color: #EF3617;}
.verdepa {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #3DA18D;}	
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}	
.morado {
	font-family: "Trebuchet MS";
	color: #6666FF;
	font-weight: bold;
	font-size: 14px;}
.titulo2 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 15px;
	color: #EF3617;}
.Estilo24 {font-family: monospace; font-size: 14px; color: #009999; }
.Estilo25 {font-family: monospace; font-size: 14px; }
.Estilo26 {font-family: monospace; font-size: 12px; color: #009999; }
.Estilo28 {color: #E54418; font-weight: bold; font-family: monospace; font-size: 15px; }