/**
 * Estilos principales.
 * Color primario #3399CC
 * Color secundario #47669B
 */


/* Estilo general */
body, td, th, tr
	{
	font-size: 13px;
	}

/* Estilo general */
body, td, tr, div, p, span, h1, h2, input, textarea, button
	{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 120%;
	letter-spacing: +1px;
	word-spacing: +1.5px;
	}

/*Estilo de Elementos*/
p
	{
	text-align: justify;
	}

h1
	{
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	color: #3399CC;
	padding: 0px;
	margin: 0px;
	}

h2
	{
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #47669B;
	}

a
	{
	color: #3399CC;
	text-decoration: underline;
	}

a:active
	{
	border: none;
	}

img
	{
	border: none;
	}


form
	{
	margin: 0px;
	padding: 0px;
	}

button, input.button
	{
	cursor: pointer;
	}


big, .big
	{
	font-size: 15px;
	color: #3399CC;
	font-weight: bold;
	vertical-align: text-bottom;
	}

/*Clases de Estilos*/
.aligncenter, .alignCenter
	{
	text-align: center;
	}

.alignright, .alignRight
	{
	text-align: right;
	}

.alignleft, .alignLeft
	{
	text-align: left;
	}

.alignjustify, .alignJustify
	{
	text-align: justify;
	}

.bold
	{
	font-weight: bold;
	}

.colored
	{
	color: #3399CC;
	}

.colored2
	{
	color: #47669B;
	}

img.rightposition, img.rightPosition
	{
	float: right;
	margin-left: 10px;
	}

img.leftposition, img.leftPosition
	{
	float: left;
	margin-right: 10px;
	}

img.border
	{
	border: 5px solid #3399CC;
	}

img.middle
	{
	vertical-align: middle;
	}

.space
	{
	font-size: 1px;
	}

.nowrap
	{
	white-space: nowrap;
	}

.withBig
	{
	line-height: 150%;
	}


/*Mas Informacion*/
.masInformacion
	{
	width: 100%;
	margin-top: 20px;
	}

.masInformacion td
	{
	text-align: justify;
	vertical-align: middle;
	line-height: 180%;
	}

.masInformacion td a
	{
	font-weight: bold;
	}


.masInformacion th
	{
	width: 100px;
	height: 120px;
	vertical-align: middle;
	}

.masInformacion th a
	{
	width: 100px;
	height: 120px;
	display: block;
	text-decoration: none;
	background-image: url(../images/mas-informacion.png);
	background-repeat: no-repeat;
	background-position: right center;
	}


/*Listas*/

.listaCuadros
	{
	width: 100%;
	}

.listaCuadros th
	{
	width: 50px;
	text-align: left;
	vertical-align: top;

	padding-top: 6px;
	padding-bottom: 6px;


	}

.listaCuadros th div
	{
	width: 15px;
	height: 15px;
	border: 1px solid #666666;
	
	margin-left: 20px;
	background-color: #FFFFFF;
	}

.listaCuadros td
	{
	text-align: justify;
	vertical-align: top;

	padding-top: 6px;
	}

/*Articulos*/
.articuloIntro
	{
	margin-top: 20px;
	width: 100%;
	}

.articuloIntro td
	{
	vertical-align: top;
	text-align: justify;
	}