/* Menú principal de la sección */

div.info
{
	text-align: center;
	margin: 7px;
}

#menu_msn
{
	display: block;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#menu_msn .titulo
{
	font-size: 130%;
	font-weight: bold;
}

#menu_msn img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 300px;
	height: 70px;
}


/* Información e instrucciones */

div.wrapper
{
	display: block;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
}

div#texto ol,
#lista
{
	margin-top: 10px;
}


/* Creador de Nicks ASCII */

#int_nicks
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 560px;
}


/* Texto con Emoticonos */
/*
div.datos
{
	width: 220px;
	height: 100px;
	border: 0px;
	margin-bottom: 20px;
}
*/

/* Generador de Nicks Árabes */

form#names fieldset
{
}

form#names fieldset label
{
	width: 135px;
}

form#names fieldset input
{
	width: 180px;
}


/* Estilo de la ayuda */

div#ayuda
{
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* --- Invertir nick --- */

input.codigo
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center; 
}

div#texto img
{
	display: block;
	margin: 10px auto 10px auto;
}

div#ejemplo
{
	display: block;
	margin-left: 40px;
}


/* --- Dibujos MSN --- */

div#dibujos_msn
{
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#dibujos_msn input,
div#dibujos_msn textarea
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;
}

div#dibujos_msn textarea
{
	width: 200px;
	height: 60px;
}

div#dibujos_msn div.vista
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* --- Menu Principal --- */

div.menu_sp li
{
	font-size: 90%;
}


/* --- Generador de Nicks --- */

form.generador table
{
	width: 600px;
	border: 0px;
}

form.generador td.nick
{
	width: 200px;
}

div.crear
{
	margin-top: 5px;
	text-align: center;
}


/* --- Constructor de Nicks --- */

table.constructor
{
	width: 98%;	
	margin: 10px auto 10px auto;
}

table.constructor td
{
	text-align: center;
}

table.decorado
{
	width: 447px;
	height: 690px;
}

table.decorado td.left,
table.decorado td.right
{
	width: 178px;
	height: 19px;
}

table.decorado td.left
{
	text-align: left;
}

table.decorado td.right
{
	text-align: right;
}

table.decorado td.nick
{
	text-align: center;
	width: 103px;
	height: 19px;
}


/* --- Creador de Iconos --- */

div.iconos
{
	display: block;
	width: 550px;
	margin: 10px auto 10px auto;
}

object
{
	display: block;
	margin: 15px auto 15px auto;
	border: 1px solid black;
}

div.ayuda
{
	text-align: center;
}


/* --- Nicks Prohibidos --- */

table#prohibidos td
{
	width: 25%;
}

/* --- Texto con Emoticonos --- */

fieldset.emoticonos
{
	width: 300px;
}

fieldset.emoticonos label
{
	width: 60px;
}

fieldset.emoticonos input#letra_msn,
fieldset.emoticonos input#fondo_msn
{
	width: 30px;
	margin-right: 5px;
}

fieldset.emoticonos div#img_letra,
fieldset.emoticonos div#img_fondo
{
	display: inline;
}

fieldset.emoticonos input.texto
{
	width: 100px;
}

/* --- Logo ASCII --- */

div#ascii
{
	display: block;
	width: 600px;
	margin: 10px auto 0px auto;
}

fieldset.logo
{
	width: 500px;
}

fieldset.logo label
{
	width: 75px;
}

fieldset.logo input#inputField
{
	width: 395px;
}

fieldset.logo textarea#outputField
{
	font-family: Lucida Console;
	overflow-x: auto;
	overflow-y: auto;
	width: 395px;
	height: 85px;
}

div#style1,
div#style2,
div#style3
{
	display: none;
	position: absolute;
	border: 2px solid #96C5FF;
	background: #F2F8FF;
	margin-top: -90px;
	margin-left: 450px;
	padding: 5px;
}

div#style1 div.cerrar,
div#style2 div.cerrar,
div#style3 div.cerrar
{
	text-align: center;
}