a img
	{
	border:0;
	}
body 
	{
	background:#000000;
	}
font,a
	{
	text-decoration:none;
  	text-align:left;
  	color:#FFFFFF;
  	font-family:Arial,sans-serif;
  	font-size:12px;
  	}
input
 	{
	height:18px;
	border:2px solid #BBBBBB;
	}
 /**************************

		TITULO
Titulo y logo de la pagina
**************************/	
#titulo
	{
	background:#000000;
	height:75px;
	float:left;
	position:absolute;
	width:400px;
	top:30px;
	left:25px;
	}
#titulo a:link,#titulo a:visited,#titulo a:hover,#titulo a:active 
	{
	border:0px;
	text-decoration:none;
	color:#000000;
	}
#titulo img
	{
	top:10px;
	left:10px;
	} 
/**************************

		MENU
El primer menu de la izquierda
**************************/	
#menu
	{
	width:130px;
	height:110px;
	float:left;
	position:absolute;
	top:120px;
	left:25px;
  	color:#CCCCCC;
	border-top:1px solid;
	border-bottom:1px solid;
	}
#menu a 
	{
	display: block;
	text-decoration:none;
  	text-align:left;
  	color:#FFFFFF;
  	font-family:Arial,sans-serif;
  	font-size:12px;
	}
#menu a:hover 
	{
  	color:#FFFFFF;
	text-decoration:underline;
	}	
#menu li 
	{
	float:left;
	position:relative;
	width:110px;
	height:20px;
	text-decoration:none;
	list-style-type:none;
	}
/**************************

		SUB MENU
Arreglo para iexplorer del menu
**************************/	
#submenu
	{
	position:absolute;
	float:left;
	width:100px;
	height:100px;
	left:0px;
	top:15px;
	}

/**************************

	MENU INFERIOR
Menú existente solo en portfolio y special
**************************/	
#menu_inferior
{
	width:130px;
	float:left;
	position:absolute;
	top:245px;
	left:25px;
  	color:#CCCCCC;
}
#menu_inferior a 
	{
	display: block;
	text-decoration:none;
  	text-align:left;
  	color:#FFFFFF;
  	font-family:Arial,sans-serif;
  	font-size:12px;
	}
#menu_inferior a:hover 
	{
	text-decoration:underline;
  	color:#FFFFFF;
	}	
#menu_inferior li 
	{
	float:left;
	position:relative;
	width:125px;
	height:16px;
	text-decoration:none;
	list-style-type:none;
	}
/**************************

		SUB MENU
Arreglo para iexplorer del menu_inferior
**************************/	
#submenu2
	{
	position:absolute;
	float:left;
	width:100px;
	left:0px;
	top:5px;
	}

/**************************

		SIGUIENTE
Siguiente o anterior <  >
**************************/	

#siguiente
	{
	float:left;
	position:absolute;
	top:90px;
	left:190;
	width:600px;
	height:40px;
	text-align:right;
	}
/**************************

		Contenido
  Contenido de la página
**************************/	
#contenido
	{
	top:136px;
	left:190px;
	float:left;
	position:absolute;
	width:600px;
	height:400px;
   	}
#contenido_texto
	{
	width:400px;
	}
#contenido_texto p,font
	{
	
	text-decoration:none;
  	text-align:left;
  	font-family:Arial,sans-serif;
  	font-size:12px;
  	padding:-5px;
   	}
#texto
	{
	position:absolute;
	float:left;
	top:425px;
	left:0px;
	width:400px;
   	}
/**********************************

		Listar
 Lista todos los trabajos de s o p
**********************************/	
#lista
	{
	float:left;
	position:absolute;
	width:600px;
	top:-30px;
	left:-30px;
	}
#lista li
	{
	padding-top:20px;
	float:left;
	position:relative;
	width:99%;
	height:40px;
	border-bottom:1px dashed #666666;
	text-align:left;
	text-decoration:none;
	list-style-type:none;
	background:#000000;
	
	color:#FFFFFF;
	}
#lista a
	{	
	margin-left:5px;
	color:#FFFFFF;
	
	}
#lista li:hover
	{	
	background:#131313;
	}
#lista font
	{	
	margin-left:5px;
	color:#FFFFFF;
  	font-family:Arial,sans-serif;
	}
/**********************************

		Listar
 Lista todos los trabajos de s o p
**********************************/	
#basura
	{
	float:left;
	width:100px;
	position:absolute;
	
	top:35px;
	left:460px;
	
	}