/** Dise�ado por Yerko Pezzopane **/


/*********************************************************************************************/
/****************************************** GENERAL ******************************************/
/*********************************************************************************************/


* {
	margin: 0;
	padding: 0;
}
body {
	background: #333 url(../genericos/fondo_general.png) repeat 0px 0px;
	font: normal normal 10px/10px "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #525552;
	text-align: center;
	padding: 20px 0 20px 0;
}
#principal {
	border-top-style: none;
	width: 758px;
	margin: 0 auto;
	text-align: left;
}


/************************************* ETIQUETAS COMUNES *************************************/


p {
	font-size: 110%;
	line-height: 130%;
	text-align: justify;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
	color: #F00;
	font-style: normal;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-variant: normal;
}
h1, h2 {
	font-size: 140%;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}
h3 {
	font-size: 140%;
}
h4, h5, h6 {
	font-size: 110%;
}
li {
	font-size: 110%;
	line-height: 130%;
	list-style: disc inside none;
}


/*************************************** LINKS COMUNES ***************************************/


a {
	text-decoration: none;
}
p a:link, li a:link, p a:visited, li a:visited {
	color: #525552;
}
p a:hover, li a:hover, p a:active, li a:active {
	color: #999;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #F00;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}
#contenido p a, #contenido li a {
	color: #003F71;
	border-bottom: 1px solid #F00;
}


/************************************** IMAGENES COMUNES *************************************/


img {
	padding: 1px;
	border: 1px solid #999;
	float: left;
}
.imagen_noticia, .imagen_contenido {
	margin-right: 10px;
}
.imagen_contenido {
	width: 240px;
	height: 180px;
}
.imagen_noticia {
	width: 92px;
	height: 69px;
}
.imagen_bienvenida {
	width: 140px;
	height: 175px;
	margin: 10px 0 0 11px;
}


/************************************** TEXTO INVISIBLE **************************************/


.notexto {
	float: left;
	text-decoration: none;
}
.notexto span {
	display: none;
}
.nolista {
	list-style: none;
}
.nolista li {
	display: inline;
}


/*********************************************************************************************/
/*************************************** TOP MARCA FOTO **************************************/
/*********************************************************************************************/


#marca_fotos {
	width: 758px;
	height: 133px;
	background: url(../genericos/top.png) no-repeat 0px 0px;
	float: left;
}


/*********************************************************************************************/
/******************************************** MENU *******************************************/
/*********************************************************************************************/


#menu {
	width: 758px;
	height: 40px;
	float: left;
	background: #FFF url(../genericos/fondo_menu.png) repeat-x 0px 0px;
}
#titulo_menu {
	width: 168px;
	height: 40px;
	background: url(../genericos/titulo_menu.png) no-repeat 0px 0px;
	margin-right: 5px;
}
#titulo_menu:hover {
	background: url(../genericos/titulo_menu.png) no-repeat -168px 0px;
}


/************************************* BOTONES PRINCIPALES ************************************/



#bot_ingenieria, #bot_ingenieria_activado, #bot_publicidad, #bot_publicidad_activado, #bot_grafico, #bot_grafico_activado, #bot_produccion, #bot_produccion_activado, #bot_otros, #bot_otros_activado {
	height: 32px;
	top: 4px;
	position: relative;
}
#bot_ingenieria {
	width: 106px;
	background: url(../genericos/botones_menu/ingenieria-web.png) no-repeat 0px 0px;
}
#bot_ingenieria:hover {
	background: url(../genericos/botones_menu/ingenieria-web.png) no-repeat -106px 0px;
}
#bot_ingenieria_activado {
	width: 106px;
	background: url(../genericos/botones_menu/ingenieria-web.png) no-repeat -106px 0px;
}
#bot_publicidad {
	width: 60px;
	background: url(../genericos/botones_menu/publicidad.png) no-repeat 0px 0px;
}
#bot_publicidad:hover {
	background: url(../genericos/botones_menu/publicidad.png) no-repeat -60px 0px;
}
#bot_publicidad_activado {
	width: 60px;
	background: url(../genericos/botones_menu/publicidad.png) no-repeat -60px 0px;
}
#bot_grafico {
	width: 81px;
	background: url(../genericos/botones_menu/grafico.png) no-repeat 0px 0px;
}
#bot_grafico:hover {
	background: url(../genericos/botones_menu/grafico.png) no-repeat -81px 0px;
}
#bot_grafico_activado {
	width: 81px;
	background: url(../genericos/botones_menu/grafico.png) no-repeat -81px 0px;
}
#bot_produccion {
	width: 102px;
	background: url(../genericos/botones_menu/produccion.png) no-repeat 0px 0px;
}
#bot_produccion:hover {
	background: url(../genericos/botones_menu/produccion.png) no-repeat -102px 0px;
}
#bot_produccion_activado {
	width: 102px;
	background: url(../genericos/botones_menu/produccion.png) no-repeat -102px 0px;
}
#bot_otros {
	width: 90px;
	background: url(../genericos/botones_menu/otros-servicios.png) no-repeat 0px 0px;
}
#bot_otros:hover {
	background: url(../genericos/botones_menu/otros-servicios.png) no-repeat -90px 0px;
}
#bot_otros_activado {
	width: 90px;
	background: url(../genericos/botones_menu/otros-servicios.png) no-repeat -90px 0px;
}


/******************************************* ICONOS ******************************************/



#bot_home, #bot_imprimir, #bot_contacto {
	width: 18px;
	height: 18px;
	margin-left: 22px;
	top: 10px;
	position: relative;
}
#bot_home {
	background: url(../genericos/iconos_menu/icono_home.png) no-repeat 0px 0px;
}
#bot_home:hover {
	background: url(../genericos/iconos_menu/icono_home.png) no-repeat -18px 0px;
}
#bot_imprimir {
	background: url(../genericos/iconos_menu/icono_imprimir.png) no-repeat 0px 0px;
}
#bot_imprimir:hover {
	background: url(../genericos/iconos_menu/icono_imprimir.png) no-repeat -18px 0px;
}
#bot_contacto {
	background: url(../genericos/iconos_menu/icono_correo.png) no-repeat 0px 0px;
}
#bot_contacto:hover {
	background: url(../genericos/iconos_menu/icono_correo.png) no-repeat -18px 0px;
}


/*********************************************************************************************/
/*********************************************************************************************/
/************************************** CONTENIDO GRUPO **************************************/
/*********************************************************************************************/
/*********************************************************************************************/


#contenido_grupo {
	width: 758px;
	background: url(../genericos/fondo_contenido.png) repeat-y 0px 0px;
	float: left;
}


/***************************************** BIENVENIDA ****************************************/


#bienvenida {
	width: 168px;
	float: left;
}
#bienvenida p {
	padding-bottom: 15px;
}
.bienvenida_ti {
	width: 168px;
	height: 26px;
	float: left;
	background: #525552 url(../genericos/fondo_secciones.png) repeat-x 0px 0px;
}
.bienvenida_ti h2 {
	text-align: center;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 8px;
}
.bienvenida_texto {
	padding: 10px;
	float: left;
}


/*********************************************************************************************/
/************************************* CONTENIDO GENERAL *************************************/
/*********************************************************************************************/


#contenido {
	width: 448px;
	float: left;
}
#contenido li {
	padding-left: 10px;
	border: none;
}


/****************************************** RASTRO *******************************************/


.rastro {
	font-size: 100%;
	color: #999;
	text-transform: lowercase;
	width: 418px;
	padding: 10px 15px;
	float: left;
}
.rastro a:link, .rastro a:visited {
	color: #777;
}
.rastro a:hover, .rastro a:active {
	color: #999;
}


/************************************* NOTICIA DESTACADA *************************************/


.not_destacada {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.not_destacada h3 {
	padding-bottom: 10px;
}
.not_destacada_fechas {
	font-size: 80%;
	color: #525552;
	padding-left: 5px;
}


/************************************* NOTICIA Y EVENTOS *************************************/


/** NOTICIAS Y EVENTOS GENERAL **/


.not_eventos_ti {
	width: 448px;
	background: #F1F1F1;
	float: left;
}
.not_eventos_ti h2 {
	font-size: 130%;
	color: #525552;
	padding: 6px 15px;
}
#not_eventos {
	width: 418px;
	background: repeat-y url(../genericos/fondo_noticias_eventos.png) 50%;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
#not_eventos p {
	line-height: 120%;
}
.not_eventos_uno_con h4, .not_eventos_dos_con h4 {
	padding-bottom: 8px;
}


/** NOTICIAS Y EVENTOS UNO **/


#not_eventos_uno {
	width: 209px;
	float: left;
}
.not_eventos_uno_con {
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-right: 15px;
	border-bottom: 1px solid #DEDEDE;
}


/** NOTICIAS Y EVENTOS DOS **/


#not_eventos_dos {
	width: 209px;
	float: left;
	clear: right;
}
.not_eventos_dos_con {
	margin-bottom: 8px;
	padding-left: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #DEDEDE;
}


/** NOTICIAS Y EVENTOS FECHAS **/


.not_fechas {
	font-size: 80%;
	color: #525552;
	padding-left: 5px;
}


/************************************* MENU PIE DE PAGINA *************************************/


#menu_pie {
	width: 448px;
	height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
#menu_pie p {
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
#menu_pie p a, #menu_pie p a:hover {
	color: #003F71;
	border-bottom: none;
	text-decoration: none;
}


/*********************************************************************************************/
/******************************** INTRANET Y ACCESOS DIRECTOS ********************************/
/*********************************************************************************************/


/****************************************** GENERAL ******************************************/


#intranet_ac_directo {
	width: 142px;
	float: left;
	clear: right;
}
.ac_ti {
	width: 142px;
	height: 26px;
	background: #525552 url(../genericos/fondo_secciones.png) repeat-x 0px 0px;
	margin-bottom: 4px;
	float: left;
}
.ac_ti h2 {
	font-size: 120%;
	text-align: center;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 8px;
}
#ac_directo_01, #ac_directo_02, #ac_directo_03, #ac_directo_04 {
	width: 133px;
	height: 34px;
	background: #999;
	margin-left: 5px;
	margin-bottom: 4px;
}


/*************************************** ACCESO DIRECTO **************************************/


#ac_directo_01 {
	background: url(../genericos/botones_intranet_accesos/acceso_01.png) no-repeat 0px 0px;
}
#ac_directo_01:hover {
	background: url(../genericos/botones_intranet_accesos/acceso_01.png) no-repeat -133px 0px;
}
#ac_directo_02 {
	background: url(../genericos/botones_intranet_accesos/acceso_02.png) no-repeat 0px 0px;
}
#ac_directo_02:hover {
	background: url(../genericos/botones_intranet_accesos/acceso_02.png) no-repeat -133px 0px;
}
#ac_directo_03 {
	background: url(../genericos/botones_intranet_accesos/acceso_03.png) no-repeat 0px 0px;
}
#ac_directo_03:hover {
	background: url(../genericos/botones_intranet_accesos/acceso_03.png) no-repeat -133px 0px;
}
#ac_directo_04 {
	background: url(../genericos/botones_intranet_accesos/acceso_04.png) no-repeat 0px 0px;
}
#ac_directo_04:hover {
	background: url(../genericos/botones_intranet_accesos/acceso_04.png) no-repeat -133px 0px;
}


/*********************************************************************************************/
/*************************************** PIE DE PAGINA ***************************************/
/*********************************************************************************************/


#pie {
	height: 60px;
	background: url(../genericos/fondo_pie.png) no-repeat 0px 0px;
	clear: both;
}
.pie_con {
	background: url(../genericos/logo_pie.png) no-repeat 10px 8px;
}
#pie p {
	font-size: 100%;
	line-height: 110%;
	text-align: left;
	padding: 6px 70px;

}


/*********************************************************************************************/
/*********************************************************************************************/
/**************************** NOTICIA COMPLETA Y CONTENIDO GENERAL ***************************/
/*********************************************************************************************/
/*********************************************************************************************/


.not_completa, .contenido_general {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 8px;
	border-bottom: 1px solid #DEDEDE;
}
.not_completa p, .contenido_general p {
	line-height: 170%;
	padding-bottom: 15px;
}
.not_completa h5, .contenido_general h5 {
	line-height: 170%;
}
.contenido_general_rojo {
	color: #F00;
}
.not_completa h3, .contenido_general h3 {
	font-size: 170%;
	line-height: 100%;
	padding-bottom: 10px;
}
.not_completa ul, .not_completa ol, .contenido_general ul, .contenido_general ol {
	padding-bottom: 5px;
}
.not_completa ol li, .contenido_general ol li {
	list-style: decimal inside none;
}
.not_completa li, .contenido_general li {
	line-height: 130%;
	padding-bottom: 10px;
}
.not_completa_fechas {
	font-size: 80%;
	color: #525552;
	padding-left: 5px;
}


/*********************************************************************************************/
/*********************************************************************************************/
/*************************** CONTENIDOS PRINCIPALES DENTRO DE SUBMENU ************************/
/*********************************************************************************************/
/*********************************************************************************************/


#submenu {
	width: 168px;
	float: left;
}
.submenu_ti {
	width: 168px;
	height: 26px;
	float: left;
	background: #525552 url(../genericos/fondo_secciones.png) repeat-x 0px 0px;
}
.submenu_ti h2 {
	font-size: 130%;
	text-align: center;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 8px;
}
.submenu_con {
	width: 148px;
	float: left;
}


/*********************************************************************************************/
/******************************************* SUBMENU *****************************************/
/*********************************************************************************************/


.submenu_nivel1 {
	width: 168px;
	float: left;
}
.submenu_nivel1 li {
	color: #F00;
	font-size: 110%;
	font-style: normal;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-variant: normal;
	background: url(../genericos/listas/submenu_nivel1.png) no-repeat 8px 10px;
	padding: 4px 10px 4px 24px;
	border-bottom: 1px solid #DEDEDE;
	list-style: none outside none;
}
.submenu_nivel1 li a, .submenu_nivel1 li a {
	color: #003F71;
}.submenu_nivel1 li a:hover, .submenu_nivel1 li a:active {
	color: #F00;
}
.submenu_nivel2 li{
	color: #F00;
	font-size: 80%;
	font-style: normal;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-variant: normal;
	background: url(../genericos/listas/submenu_nivel2.png) no-repeat 10px 6px;
	padding: 1px 10px 1px 20px;
	border: none;
	list-style: none outside none;
}


/*********************************************************************************************/
/*********************************************************************************************/
/************************************* LISTADO DE ARCHIVOS ***********************************/
/*********************************************************************************************/
/*********************************************************************************************/



.archivos_general {
	width: 221px;
	margin-left: 15px;
	margin-bottom: 5px;
	float: right;
}
.archivos_top {
	width: 221px;
	height: 78px;
	background: #FFF url(../genericos/archivos/archivos_top.png) no-repeat 0px 0px;
}
#archivos_centro {
	width: 221px;
	background: #FFF url(../genericos/archivos/archivos_centro.png) repeat-y 0px 0px;
}
#archivos_centro ul {
	padding: 18px 10px 0 15px;
}
#archivos_centro li {
	font: normal 110%/110% "Trebuchet MS", Helvetica, Arial, sans-serif;
	list-style: inside url(../genericos/archivos/flecha_archivos.png) none;

}
#archivos_centro li a {
	border-style: none;
}
.archivos_pie {
	width: 221px;
	height: 19px;
	background: #FFF url(../genericos/archivos/archivos_pie.png) no-repeat 0px 0px;
}

/* Errores de fValidator */
input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #DDC;
	background-color: #FFE;
	font-size: 11px;
}

label.errHilite {
	color: #ff0000;
	font-size: 11px;
}

ul#errors {
	display: none;
	margin-top: 1em;
	background-color: #FFE;
	border: 1px solid #CC9;
	padding: .3em;
	color: #ff6600;
	font-weight: bold;
}	

ul#errors li {
	margin-top: .5em;
	margin-bottom: .5em;
	padding: 0;
}

ul#errors li.heading {
	list-style-type: none;
	color: #000;
	font-weight: normal;
	font-style: italic;
	margin: .5em 0;
	padding: 0;
}