@import url(itcr_home.css);

/******************************************************************************************
	Estilos para el menu Principal y para el menu dinamico(HOME, Talento TEC)
******************************************************************************************/

.itcr-topnavContainer
{
	border-left:solid 0px #163A73;
	border-right:solid 0px #163A73;
}

.itcr-topnav
{
	font-family:Tahoma;
	font-size:8pt;
	border-bottom:none;
	color:#FFFFFF;
	text-align:center;
	height:16px;
}


.itcr-topnav a
{
	display:block;
	white-space:nowrap;
	padding:1px 8px 0px 8px;
	height:16px;
}




.itcr-ban_corner_izq
{
	background-image:url('corner_sup_izq.jpg');
	background-repeat:no-repeat;
	/*background-position:center;*/
	width:18px;
	height:25px;
	padding:0px;
}



.itcr-ban_corner_der
{
	background-image:url('corner_sup_der.jpg');
	background-repeat:no-repeat;
	/*background-position:center;*/
	width:18px;
	height:25px;
	padding:0px;
}



.itcr-ban_fondo
{
	background-image:url('fondo_sup.jpg');
	background-repeat:repeat-x;
	/*background-position:center;*/
	height:25px;
}


.itcr-topnavselected
{
	background-color:#6F8EB5;
}

.itcr-topNavHover
{
	border-bottom-width:0px;
	color:#000000;
}


.itcr-topNavHover a{
	text-decoration:underline;
	color:#FFFFFF;
}


.itcr-topNavFlyOutsContainer 
{
	border:solid 1px #163A73;
}

.itcr-topNavFlyOuts
{
	background-color:#fffefc !important;
}

.itcr-topNavFlyOutsHover
{
	background-color:#163A73 !important;
}

.itcr-topNavFlyOuts a
{
	color:#D0E4FE;
}


.itcr-imgTec
{
	background-image:url('grad_logo.jpg');
	background-repeat:repeat-x;
	height:64px;
}


.itcr-imgLogo
{
	background-image:url('logotec.jpg');
	background-repeat:no-repeat;
	background-position:center;
	min-width:171px;
	max-width:171px;
	height:79px;
	width: 171px;
}




.itcr-banner_img
{
	padding:0px;
	margin:0px;
	border: 0px transparent none;
	height:79px;
	width:500px;
	vertical-align:top;
}



.itcr-EnglishFlag-General
{
	background-image:url('Great Britain.jpg');
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:20px;
	vertical-align:baseline;
	cursor:pointer;
}



.itcr-SpanishFlag-General
{
	background-image:url('Spain.jpg');
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:20px;
	vertical-align:baseline;
	cursor:pointer;
}




.itcr-bannerImg
{
	height:64px;
	min-width:500px;
	max-width:500px;
	width:500px;
}


/*---------------------------------------------------
	Agrega la gradiente para el titulo de la pagina
----------------------------------------------------*/
td.itcr-titleimagearea
{
	background-image:url('fnd_titulos.jpg');
	background-repeat:repeat-x;
	height:64px;
	width:50%;
}



td.itcr-tblLogo
{
	height:63px;
	padding:0px;
}


/*==============================================================================
	Menu Dinamico del sistema "Botones desplegables"
==============================================================================*/
.itcr-topnavContainer-Menu
{
    background-image:url('botonera_normal.gif');
    background-repeat:repeat-x;
}


.itcr-topnav-Menu
{
	*position:relative;
    *top:-1px;	
}
 





/*-------------------------------------
	Establece el fondo del Menu
	No seleccionado, el alto, letra, etc
-------------------------------------*/
.itcr-topNavItem-Menu
{
	height:16px;
	color:#163A73;;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
}


.itcr-topNavItem-Menu a
{
	display:block;
	padding:2px 5px 0px 5px;
}


/*------------------------------------
	Establece el fondo del Menu
	Seleccionado
-------------------------------------*/
.itcr-topNavSelected-Menu
{
	color:#11376D;
}





/*------------------------------------
	Establece el color cuando el
	mouse pasa sobre el Menu
------------------------------------*/
.itcr-topNavHover-Menu
{
	background-image:url('botonera_selec.gif');
}


/*--------------------------------------------------------------------
	Estilos para los menus desplegable
	(Popups, dropdown)
---------------------------------------------------------------------*/
.itcr-topNavFlyOutsContainer-Menu
{
	border:solid 1px #CCDBF4;
}


.itcr-topNavFlyOuts-Menu
{
	border-top:1px #CBD1E0 solid;
	height:auto;
	//height:1px;
	color:#FFFFFF;
	z-index:15;
	background-color:transparent;
	filter:Alpha(style=0,opacity=93);
	-moz-opacity:.93;
	opacity:.93;
}



/*-------------------------------------------
	Establece el tamano de letra 
	color y fondo del Menu desplegable
-------------------------------------------*/
.itcr-topNavFlyOutsItem-Menu
{
	/*Efectos para las transparencias en IE, Mozilla, Firefox y Opera*/
	z-index:15;
	background-color:#45618F;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);*/
	filter:Alpha(style=0,opacity=93);
	-moz-opacity:.93;
	opacity:.93;
	font-family: tahoma; 
	font-size: 8pt;
	font-weight:bold; 
	color:#FFFFFF;
	border: #4F6FA3 solid 1px;
	
}




.itcr-topNavFlyOutsItem-Menu a
{
    display:block;
    padding:4px 5px 4px 5px;
	color:#FFFFFF;
}


/*------------------------------------------
	Establece el color de fondo cuando
	el mouse pasa sobre un submenu
	desplegable
-------------------------------------------*/
.itcr-topNavFlyOutsHover-Menu
{
	background-color: #718DBB;
	z-index:15;
	color:#FFFFFF;
}



.itcr-topNavFlyOutsSelected-Menu
{
	color:#FFFFFF;
}



.itcr-topNavFlyOuts-Menu a
{
	font-family:Tahoma;
	color:#FFFFFF;
}


.itcr-topNavFlyOuts-Menu a:hover
{
	font-family:Tahoma;
	color:#FFFFFF;
}



.itcr-topNavRoundRight-Menu
{
    width:0px;
}



.itcr-topNavRoundLeft-Menu
{
    width:0px;
}



/********************************************************************************
	Estilos para el Quick Launch
********************************************************************************/

.itcr-quickLaunch
{
	border:solid 1px #E3E3E3;
	border-bottom:solid 1px #E3E3E3;
	background-color:#fffefc;
	width:150px;
}

div.itcr-quickLaunch
{
	width:150px;
	max-width:150px;
	background-color:#E3E3E3;
	/*height:100%;*/
}



/*-----------------------------------------------
	Estilo para el encabezado superior 
	del QuickLaunch, en el 
	"view all site content"
-----------------------------------------------*/
.itcr-quicklaunchheader
{
	background-image:url('encabezado_quick.gif');
	background-repeat:repeat-x;
	background-color:#D5D5D5;
	border:1px #C4C4C4 solid;
	height:20px;
	text-align:center;
	width:148px;
	//width:150px;
}


.itcr-quicklaunch table.itcr-picker-table td.itcr-picker-monthcenter
{
	background-color:#fffefc;
	border:solid 1px #fffefc;
	width:150px;
}

.itcr-quicklaunch table.itcr-picker-table td.itcr-picker-monthselected
{
	background-image:url('encabezado_quick.gif');
	background-repeat:repeat-x;
}


.itcr-unselectednav a
{
	color:#6B6B6B;
	text-decoration:none;
}


.itcr-quicklaunchheader a
{
	color:#6B6B6B;
	text-decoration:none;
}


.itcr-quicklaunchheader a:hover
{
	color:#6B6B6B;
	text-decoration:underline;
}



itcr-datepickerouter{
	border-bottom:solid 1px #E3E3E3;
	border-right:solid 1px #E3E3E3;
}



.itcr-quicklaunchouter{
	border-bottom:solid 1px #E3E3E3;
	border-right:solid 1px #E3E3E3;
}



div.itcr-quicklaunchouter
{ 
	width:150px; 
	border:none;
	padding-top: 5px;
	/*height:100%;*/
} 


.itcr-unselectednav
{
	border:1px solid #C4C4C4;
}


.itcr-quicklaunchnavsep{
	background-color:#E3E3E3;
}

/*---------------------------------------------------
	Estilo para la tabla contenedora del Quick
	cuando este es rendereado
---------------------------------------------------*/
.itcr-quicklaunch table td
{
	border-top:0px solid transparent;
}



/*--------------------------------------------
	Subencabezados del quicklaunch
	Bordes, imagen de fondo, tamaño
----------------------------------------------*/
.itcr-quicklaunch span.itcr-navheader
{
	background-image:url('encabezado_quick.gif');
	background-repeat:repeat-x;
	background-color:#D5D5D5;
	border:1px #C4C4C4 solid;
	height:20px;
	text-indent:4px;
}


.itcr-navheader2 td
{
	background-image:url('encabezado_quick.gif');
	background-repeat:repeat-x;
	background-color:#D5D5D5;
	border:1px #C4C4C4 solid;
	height:20px;
	text-indent:4px;
}


/*------------------------------------------
	Estilo para el encabezado del Arbol
-------------------------------------------*/
.itcr-quicklaunch table.itcr-navheader td
{
	background-image:url('encabezado_quick.gif');
	background-repeat:repeat-x;
	background-color:#D5D5D5;
	border:1px #C4C4C4 solid;
	height:20px;
	text-indent:4px;
	width:148px;		/*Estilo para el FireFox, Chrome, Opera, Safari*/
	//width:150px;		/*Estilo para el IE (hack)*/
}


.itcr-vinetaHeader
{
	position:absolute;
	z-index:1;
	background-image:url('vineta_azul.gif');
	background-repeat:no-repeat;
	background-position:left;
	width:8px;
	height:20px;
}






.itcr-quicklaunch span.itcr-navheader
{
	background-color:#D5D5D5;
	border: 1px #C4C4C4 solid;
	/*border-top:1px solid #C4C4C4;
	border-left:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;*/
}



/*--------------------------------------------------
	Subencabezados del quicklaunch
	color, grosor y decorado para
	los enlaces
---------------------------------------------------*/
.itcr-navheader2 a
{
	font-weight:bold;
	color:#6B6B6B;
	text-decoration:none;
}


.itcr-navheader a
{
	font-weight:bold;
	color:#6B6B6B;
	text-decoration:none;
}


.itcr-navheader2 a:hover
{
	color:#6B6B6B;
	text-decoration:underline;
}


.itcr-navheader a:hover
{
	color:#6B6B6B;
	text-decoration:underline;
}


.itcr-quicklaunch table.itcr-selectednav td
{
	background:transparent url('navbullet.gif');
	background-repeat:no-repeat;
	background-position:top left;
	border:solid 1px #ffffff;
	padding:0px 4px 1px 12px;
	margin:0px;
	text-indent:15px;
}

.itcr-quicklaunch table.itcr-selectednav td
{
	background:transparent url('navbullet.gif') no-repeat;
}



.itcr-navItem a
{
	color:#6B6B6B;
	text-decoration:none;
}


.itcr-navItem a:hover
{
	color:#6B6B6B;
	text-decoration:underline;
}


/*--------------------------------------------------------
	Coloca la vineta en los subMenus
	del Quicklaunch
--------------------------------------------------------*/
span.itcr-navitem
{
	background-image:url('navbullet.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding:3px 6px 4px 16px;
	font-family:tahoma;
}

table.itcr-navitem td
{
	background-image:url('navbullet.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding:3px 6px 4px 16px;
	font-family:tahoma;
}

table.itcr-navselected td
{
	background-image:url('navbullet.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding:3px 6px 4px 17px;
}




/*------------------------------------------------------
	fondos de los submenus del Quicklaunch
------------------------------------------------------*/
.itcr-navsubmenu1
{
	background-color:#C2C2C2;
}

/*------------------------------------------
	Crea el espacio entre los subMenus del
	Quicklaunch
------------------------------------------*/
.itcr-navsubmenu2
{
	background-color:#C2C2C2;
	/*border-bottom:3px #E3E3E3 solid;*/
}




/*---------------------------------------------
	Estilos para el Arbol
---------------------------------------------*/

.itcr-tree
{
	width:135px;
	background-color:#E3E3E3;
}


.itcr-treeviewouter
{
	border:1px #C2C2C2 solid;
	background-color:#FFFFFF;
	overflow: auto;
	height: 300px;
	width: 148px;				/*Estilo para el FireFox, Chrome, Opera, Safari*/
	//width: 150px;				/*Estilo para el IE (hack)*/
}




.itcr-tblStyle
{
	background-color: white;
	background-image:none;
}

.itcr-tblMain-borderLeft
{
	/*background-image:url('cont_lat_izq.gif');
	background-repeat:repeat-y;*/
	width:10px;
	height:100%;
}


.itcr-borderLeftQuick
{
	border-left:1px #C2C2C2 solid;
}


.itcr-tblMain-borderDer
{
	background-image:url('cont_lat_der.gif');
	background-repeat:repeat-y;
	width:16px;
	min-width:16px;
}




.itcr-tblMain-borderInf1
{
	background-image:url('cont_fondo_inf1.gif');
	background-repeat:repeat-x;
	height:16px;
}



.itcr-tblMain-borderInf2
{
	background-image:url('cont_fondo_inf2.gif');
	background-repeat:repeat-x;
}




.itcr-borderInf-Der
{
	background-image:url('base_inf_der.gif');
	background-repeat:no-repeat;
	padding:0px;
	width:18px;
	height:18px;
}


.itcr-borderInf-Izq
{
	background-image:url('base_inf_izq.gif');
	background-repeat:no-repeat;
	padding:0px;
	width:18px;
	height:18px;
}



itcr-bgcolor
{
	background-color:#E3E3E3;
}



.itcr-tblMain-cornerDer
{
	background-image:url('cont_corn_sup_der2.gif');
	background-repeat:no-repeat;
	background-position:left;
	width:5%;
	height:16px;
	min-width:16px;
}



.itcr-tblMain-cornerIzq
{
	background-image:url('cont_corn_sup_izq.gif');
	background-repeat:no-repeat;
	padding:0px;
	width:16px;
	height:16px;
}


.itcr-tblMain-cornerDerInf
{
	background-image:url('cont_corn_inf_der.gif');
	background-repeat:no-repeat;
	width:16px;
	min-width:16px;
}


.itcr-tblMain-cornerIzqInf
{
	background-image:url('cont_corn_inf_izq.gif');
	background-repeat:no-repeat;
	padding:0px;
	width:16px;
	height:16px;
}


.itcr-quick_fondo-sup
{
	background-image:url('grad_corn_sup_izq.gif');
	background-repeat:repeat-x;
	height:16px;
}


.itcr-quick_fondo-inf
{
	background-image:url('grad_corn_inf_izq.gif');
	background-repeat:repeat-x;
	height:16px;
}

.itcr-nav .itcr-SPZoneLabel
{
	font-size:8pt;
}


.itcr-nav td
{
	font-size:8pt;
}


.itcr-nav th
{
	font-size:8pt;
	font-family:Verdana,sans-serif;
	font-weight:normal;
	text-align:left;
	color:#000000;
}


.itcr-nav
{
	background-color:#E3E3E3;
	font-family:tahoma;
}


.itcr-titlearealeft
{
	background-color:#E3E3E3;
}



/*-----------------------------------------------------
	Agrega el color Celeste y marco gris al
	Mapa del Sitio
-----------------------------------------------------*/
.itcr-mwstitlearea
{
	background-image:url('cont_fondo_sup2.gif');
	background-repeat:repeat-x;
	background-color:#D0E4FE;
	color:#666666;
	font-family:tahoma;
	font-size:8pt;
	font-weight:bold;
	letter-spacing:.1em;
}


.itcr-titlearea
{
	background-image:url('cont_fondo_sup3.gif');
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color:#666666;
	font-family:tahoma;
	font-size:8pt;
	font-weight:bold;
	letter-spacing:.1em;
}


.itcr-titlearea a
{
	color:#666666;
	text-decoration:none;
}

.itcr-mwstitlearea a:hover
{
	color:#666666;
	text-decoration:underline;
}

.itcr-titlearea a:hover
{
	color:#666666;
	text-decoration:underline;
}

td.itcr-mwstitlearea a
{
	color:#666666;
	text-decoration:none;
}




.itcr-mwspagetitleareaframe
{
	background-color:#E3E3E3;
}




.itcr-pagetitleareaframe
{
	background-color:#E3E3E3;
}




Div.itcr-titleareaframe
{
	background-color:#E3E3E3;
}




TD.itcr-titleareaframe
{
	background-color:#E3E3E3;
}



.itcr-consoletitleareaframe
{
	background:#E3E3E3; 
}



.itcr-mwspagetitleareaframe
{
	background:#E3E3E3; 
}



.itcr-pagetitleareaframe
{
	background:#E3E3E3; 
}



Div.itcr-titleareaframe
{
	background:#E3E3E3; 
}



TD.itcr-titleareaframe
{
	background:#E3E3E3; 
}

.itcr-pagetitleareaframe table
{
	background-color:#E3E3E3;
}


.itcr-titlearealine{
	background-color:#C2C2C2;
}


.itcr-mwstitlearealine{
	background-color:#E3E3E3;
}


.itcr-titleareaseparator{
	background-color:#C2C2C2;
}


.itcr-titleareaseparator div{
	background-color:#E3E3E3;
	border-top:1px solid #C4C4C4;
}



/*=============================================================================================
	Estilos para la Papelera de Reciclaje
=============================================================================================*/

table.itcr-recyclebin td{
	background-color:#E3E3E3;
	font-weight:bold;
	text-align:center;
	vertical-align:bottom;
	height:30px;
}


table.itcr-recyclebin td a
{
	font-weight:bold;
	color:#6B6B6B;
	text-decoration:none;
	height:30px;
}


table.itcr-recyclebin td a:hover
{
	font-weight:bold;
	color:#6B6B6B;
	text-decoration:underline;
	height:30px;
}







/*=============================================================================================
	Estilo para el Welcome, My Lincks y Site Action
=============================================================================================*/

.itcr-globallinks a
{
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#1C3A71;
	text-decoration:none;
}



.itcr-globallinks
{
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#1C3A71;
	text-decoration:none;
}



.itcr-globallinks .itcr-HoverCellInActive a:link 
{
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#1C3A71;
	text-decoration:none;
}




.itcr-SpLinkButtonInActive
{
	border:none;
	margin:1px;
	color:#FFFFFF;
	vertical-align:top;
	background-color:transparent;
}




.itcr-HoverCellInActive
{
	border:none;
	margin:1px;
	color:#FFFFFF;
	vertical-align:top;
	background-color:transparent;
}



.itcr-SPLinkButtonInActive a:visited
{
	color:#ffffff;
}



.itcr-SpLinkButtonInActive a:link
{
	color:#ffffff;
}



.itcr-SpLinkButtonInActive a:focus
{
	color:#ffffff;
}



.itcr-SpLinkButtonInActive a:hover
{
	color:#ffffff;
}



.itcr-SpLinkButtonInActive a
{
	color:#ffffff;
}


.itcr-SpLinkButtonActive
{
	border:#6f9dd9 0px solid;
	vertical-align:top;
	background-color:#848484;
}


.itcr-HoverCellActive
{
	border:#6f9dd9 0px solid;
	vertical-align:top;
	background-color:#848484;
}


.itcr-SpLinkButtonActive
{
	border:#6f9dd9 0px solid;
	vertical-align:top;
	background-color:#848484;
}


.itcr-HoverCellActive
{
	border:#6f9dd9 0px solid;
	vertical-align:top;
	background-color:#848484;
}

.itcr-SpLinkButtonActive a:hover{
	color:#FFFFFF;
	text-decoration:none;
}




.itcr-SpLinkButtonActive a{
	color:#FFFFFF;
	text-decoration:none;
}




/*------------------------------------
	Evento para cuando el Mouse
	pasa por encima del objeto
-------------------------------------*/
.itcr-globallinks a:hover
{
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}



.itcr-globalright
{
	float:right;
	background: #848484;
}



/*-----------------------------------------
	Estilo para el Mapa del Sitio
	Superior (Arriba a la Izquierda)
-----------------------------------------*/


.itcr-globalleft
{
	float:left;
}


.itcr-SiteMapSup
{
	font-size:8pt;
	background:transparent;
	font-family:tahoma;
	color:#ffffff;
}



.itcr-SiteMapSup a
{
	font-size:8pt;
	background:transparent;
	font-family:tahoma;
	color:#ffffff;
	text-decoration:none;
}



.itcr-SiteMapSup
{
	font-size:8pt;
	background:transparent;
	font-family:tahoma;
	color:#ffffff;
	text-decoration:none;
}



/*-------------------------------------------------
	Utileria de Estilos
--------------------------------------------------*/

.itcr-SizePage
{
	width:800px;
	height:600px;
	padding:0px;
}


.itcr-tblWidth
{
	width:800px;
}

.backPage
{
	background: #848484;
}

.siteMap
{
	font-family: Tahoma;
	font-size:11px;
	font-weight:bold;
	background: #848484;	
}




.EnlacePiePagina
{
	font-family: tahoma;
	color: #163A73;
	clear: both;
	font-size: 8pt;
	font-family: tahoma;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 4px;
	text-decoration: none;
}


.style1 {
	text-align: center;
}


.itcr-PiePagina
{
    font-family: tahoma; 
    color: #717171;
    clear:both;
    font-size:9pt; 
    font-family: tahoma; 
    padding-left:7px;
    padding-bottom:2px;
    padding-top:4px;
    margin-bottom:4px;
}


.itcr-tblEstyle
{
	vertical-align:top;
	width:150px;
	background-color:#E3E3E3;
	/*height:100%;*/
}



#tblMainMenu
{
	width: 100%;
	border:0px transparent none;
}


.itcr-MargenInternoIzq
{
	width:1%;
	min-width:10px;
	background-color:#E3E3E3;
	white-space:nowrap;
}


.itcr-viewareaframe{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
}


.itcr-bodyareaframe{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding-left:10px;
}

itcr-bodyareaframe
{
	padding:10px;
}

.itcr-hideDiv{
	background-color:transparent;
	display:none;
}



.itcr-SizeMainContainer
{
	width:80%;
	min-width:590px;
}



.itcr-pagetitle
{
	color:#000000;
	font-family:verdana;
	font-size:16pt;
	margin:0px 0px 4px 0px;
	font-weight:normal;
}



.itcr-miniconsolePosition
{
	position:relative;
	top: -47px;
	left: -67px;
	z-index:3;
}


.itcr-tblLenght
{
	height:auto;
	white-space:nowrap;
}