/* ------------------------------------------- GENERICOS: */

*
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

body
{
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

/* ------------------------------------------- GENERICOS. */

/* ------------------------------------------- ESTRUCTURA: */
#todo
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-image:url(../imagenes/site_back.gif);
	background-position:center;
	background-repeat:repeat-y;
}

#contenedor
{
	position:relative;
	top:0px;
	display:block;
	width:980px;
	margin:0 auto;
	padding:0px;
}

#top
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:980px;
	height:353px;
	background-color:#89CFDB;
	font-size:9px;
}

#b_principal
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:980px;
	background-color:#FFFFFF;
	color:#666666;
}

#footer
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:980px;
	height:154px;
	background-image:url(../imagenes/footer_back.gif);
	background-repeat:no-repeat;
	color:#666666;
}

/* CLASES GENERICAS DE TEXTO: */

.titulos
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	color:#6E6E6E;
}

.titulos12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:left;
	color:#FF9900;
}

.texto-grisosc
{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:20px;
	color:#898989;
}


a:link, a:visited
{
	color:#7382be;
	text-decoration:none;
}

a:hover
{
	color:#4db3d0;
}

a:active
{
	color:#df7a1c;
}

.class2 a:link, .class2 a:visited, .class2 a:hover
{
	color:#666666;
	text-decoration:none;
	text-align:right;
}

.texto
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	color:#666666;
}

.texto2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:justify;
	color:#666666;
}

.boton
{
	background-color:#fcda7c;
	border-top:#ffd561 1px solid;
	border-right:#ffd561 1px solid;
	border-bottom:#ffd561 1px solid;
	border-left:#ffd561 1px solid;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
}

.cajas2
{
	background-color:#ededee;
	border-top:#bdc5d1 1px solid;
	border-right:#bdc5d1 1px solid;
	border-bottom:#bdc5d1 1px solid;
	border-left:#bdc5d1 1px solid;
	font-family:Arial, tahoma, helvetica, sans-serif;
	font-size:8pt;
	color:#898989;
}

.texto-grisosc2
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	font-style:normal;
	color:#F87514;
	line-height:20px;
}

.texto-grisosc-home
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#898989;
	line-height:18px;
}

.texto-black
{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	color:#898989;
	line-height:14px;
}


/* CLASES GENERICAS DE TEXTO. */

/* ------------------------------------------- ESTRUCTURA. */

/* ------------------------------------------- TOP: */

#top_menu
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:980px;
	height:84px;
	margin:0px;
	padding:0px;
}

#top_contenido
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:980px;
	height:269px;
	margin:0px;
	padding:0px;
}

#top_menu ul
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:980px;
	height:84px;
	margin:0px 0px 0px 22px;
	padding:0px;
}

#top_menu ul li
{
	float:left;
	position:relative;
	display:block;
	width:113px;
	height:56px;
	margin:0px 2px;
	padding:0px;
}

#top_menu ul li div
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:113px;
	height:56px;
	margin:0px;
	padding:0px;
	z-index:20;
	background-image:url(../imagenes/back_btn_none.gif);
	cursor:pointer;
}

#top_menu ul li .div
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:113px;
	height:56px;
	margin:0px;
	padding:0px;
	z-index:13;
	background-image:url(../imagenes/back_btn_on.gif);
	cursor:pointer;
}

#top_menu ul li h2
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:113px;
	height:56px;
	margin:0px;
	padding:0px;
	background-image:url(../imagenes/back_btn.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	z-index:17;
}

#top_menu ul li h2 a
{
	position:relative;
	top:20px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	z-index:10;
}

#animacion
{
	float:left;
	position:absolute;
	top:0px;
	left:284px;
	display:block;
	width:669px;
	height:269px;
	margin:0px;
	padding:0px;
	background-image:url(../imagenes/animacion_back.gif);
	background-position:top;
	background-repeat:no-repeat;
	z-index:20;
	font-size:9px;
}

#titulo
{
	float:left;
	position:absolute;
	top:54px;
	left:12px;
	display:block;
	width:257px;
	height:99px;
	margin:0px;
	padding:0px;
}

#animacion #animacion_swf
{
	float:left;
	position:absolute;
	bottom:0px;
	left:12px;
	display:block;
	width:645px;
	height:257px;
	margin:0px;
	padding:0px;
	z-index:10;
	font-size:9px;
}

#top_linedown
{
	float:left;
	position:absolute;
	bottom:0px;
	left:0px;
	width:980px;
	height:35px;
	background-image:url(../imagenes/top_back.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
	z-index:1;
	font-size:9px;
}

/* ------------------------------------------- TOP. */

/* ------------------------------------------- B_PRINCIPAL: */

#col_left
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:270px;
	margin:0px;
	padding:0px;
	text-align:center;
}

#col_center
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:480px;
	margin:0px;
	padding:0px;
}

#col_right
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:200px;
	margin:0px;
	padding:0px;
}

#col_footer
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:980px;
	height:16px;
	margin:0px;
	padding:0px;
	text-align:center;
}

/* COL_FOOTER: */

#col_footer a, #col_footer a:link, #col_footer a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#006699;
}

#col_footer a:hover
{
	color:#0099CC;
}

/* COL_FOOTER. */

/* ------------------------------------------- B_PRINCIPAL: */

/* ------------------------------------------- FOOTER: */

#link_web
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:280px;
	height:12px;
	margin:34px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#link_web a, #link_web a:link, #link_web a:visited, #link_web a:hover
{
	color:#666666;
	text-decoration:none;
}

#copy
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:462px;
	height:12px;
	margin:34px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

#contact
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:218px;
	height:12px;
	margin:34px 0px 0px 20px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contact a, #contact a:link, #contact a:visited, #contact a:hover
{
	color:#666666;
	text-decoration:none;
}

#menu_bottom
{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:950px;
	height:12px;
	margin:34px 15px 0px 15px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#menu_bottom a, #menu_bottom a:link, #menu_bottom a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006699;
	text-decoration:none;
}

#menu_bottom a:hover
{
	color:#0099CC;
	text-decoration:none;
}

/* ------------------------------------------- FOOTER. */