/* ********************************************* */
/* **** TABLA DE COLORES ********************** */
/* ******************************************* */

body{
	color:#333333; /* Cuerpo de texto */
	background: #eee; /* Color de fondo */
}

#content{
	border-color:#cccccc; /* Border del contenedor principal */
	background-image: url("Recurso-barra-colores.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color:#f3f3f3; /* Color de fondo del contenedor principal */
	   padding-bottom: 30px;
}

#navcontainer a{
	color:#000000; /* Enlaces del menú */
	border-color:#0460B3; /* Borde que separa a los enlaces  */
}

#navcontainer a:hover,#subnav div:first-child a:hover{
	color:#4D4D4D; /* Enlaces al pasar sobre ellos */
	background:#eee; /* Fondo de los enlaces al pasar sobre ellos */
}

#subnav a{
	color:#555; /* Menú: enlaces de segundo nivel */
}

#navcontainer #active{
	color:#0460B3; /* Enlace activo en el menú principal */
	border-color:#0460B3;  /* Borde del enlace activo en el menú principal */
}

.noprt{
	color:#fff; /* Color de texto del bloque Anterior/Siguiente: igual que el color de fondo de la página */
	border-color:#999; /* Color de borde del bloque: borde superior */
}

.noprt a{
	background-color:#6BAD31; /* Color de fondo de los enlaces Anterior/Siguiente */
	color:#FFF; /* Color de texto de estos enlaces */
}

.noprt a:hover{
	background-color:#94D15C; /* Color de fondo de los enlaces Anterior/Siguiente al pasar sobre ellos */
	color:#333; /* Color de texto de estos enlaces al pasar sobre ellos */
}

/* ************************************************************************** */
/* **** TABLA DE COLORES para usarios del eXe del ITE ********************** */
/* ************************************************************************ */

#siteNav a{
	color: #000000; /* Enlaces del menú */
	border-color:#fff; /* Borde que separa a los enlaces */
}

#siteNav a:hover{
	color:#4D4D4D; /* Enlaces al pasar sobre ellos */
	background:#FAEEEE; /* Fondo de los enlaces al pasar sobre ellos */
	text-decoration:none;
}

#siteNav ul ul ul a{
	color:#555; /* Menú: enlaces de segundo nivel */
}

#siteNav .active{
	color:#333333; /* Enlace activo en el menú principal */
	font-weight:bold; /* Peso fuente */
	border-color:#fff;  /* Borde del enlace activo */
	background: #E6E5E5;
}

#siteNav .other-section{
	display:none; /* Eliminar si se quiere que se muestren todos los niveles */
}

#siteNav ul li ul  {
	margin: 0 0 0 20px;
}

.FreeTextIdevice {
	padding: 25px 0 0 0;
}

/* ********************************************* */
/* **** OTRAS DEFINICIONES ******************** */
/* ******************************************* */

/* ITE nav */
/* #main{padding:0px 20px 0 250px}*//* SE CAMBIÓ */
#main{padding:20px 20px 0 20px; width: 715px; float: right; background: #fff; }

#topPagination {     background: #fff;    height: 35px; position: absolute; right: 0px;} /* NUEVO */

#header,#emptyHeader{height:49px;background:url(my_header.png) no-repeat 0 0;padding:42px 0 17px 10px;     color: #e2e2e2 !important;}
* html #header,* html #emptyHeader{height:110px} /* IE6 */
#nodeTitle{position:absolute;top:45px;left:10px; margni-left:0;color:#fff;}
#nodeTitle{font-size:1.6em;margin:20px 10px 0 0;}
#main #nodeDecoration{background:none;padding:0 10px;border:none;}

body{font:100%/1.5 Arial,Verdana,Helvetica,sans-serif;padding:0;margin:0;text-align:center}
#content{font-size:.75em;width:985px;margin:0 auto;text-align:left;position:relative;border-style:solid;border-width:0px;border-top:0}

#navcontainer {width: 230px;float: left;padding-right:20px}
#navcontainer ul,#navcontainer li{margin:0;padding:0}
#navcontainer a{display:block;padding:4px 0 4px 10px;border-width:0 0 1px 0;border-style:dotted}
#navcontainer div:first-child,#navcontainer div:first-child a{font-weight:bold;font-variant:small-caps;letter-spacing:1px}
#navcontainer div:first-child a:hover{text-decoration:underline;background:none}
#subnav div:first-child,#subnav div:first-child a{font-weight:normal;font-variant:normal;letter-spacing:0}
#navcontainer a:hover,#subnav div:first-child a:hover{text-decoration:none}
#subnav{font-size:11px}
/*#subnav a{color:#555}*/
#navcontainer #active{font-weight:bold;padding:4px 0 4px 10px;border-style:dotted;border-width:0 0 1px 0}
#subnav a,#subnav #active{padding:4px 0 4px 25px}

/* ********************************************************* */
/* **** DEFINICIONES específicas para el eXe del ITE ****** */
/* ******************************************************* */ 

/* #emptyHeader  (ver #header) */
#siteNav{width:230px;float: left;padding-right:20px;     padding: 0 0 20px 0;

background: #f3f3f3; 
/* background: -moz-linear-gradient(top,  #f3f3f3 0%, #f3f3f3 69%, #f3f3f3 81%, #ffffff 100%); 
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f3f3f3 69%,#f3f3f3 81%,#ffffff 100%); 
background: linear-gradient(to bottom,  #f3f3f3 0%,#f3f3f3 69%,#f3f3f3 81%,#ffffff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );  */
}
#siteNav ul,#siteNav li{margin:0;padding:0;list-style:none}
#siteNav a{display:block;padding:4px 0 4px 10px;border-width:0 0 1px 0;border-style:dotted}
* html #siteNav a{display:inline-block;width:100%} /* IE6 */
#siteNav .main-node{font-weight:bold;font-variant:small-caps;letter-spacing:1px;font-size:1.1em}
#siteNav a.main-node:hover{text-decoration:underline;background:none}
#siteNav ul ul ul a{padding-left:25px;font-size:.95em}
#siteNav ul ul ul ul a{ }

/* Pagination */
.noprt{border-style:dotted;border-width:0px 0 0 0;padding-top:3px}

.noprt a{   padding: 3px;
    float: right;
    margin: 3px 10px;
    width: 80px;
	border:1px solid #CDCCCC;
	background: #F3F3F3;
	color: #CDCCCC;
    text-align: center;
	text-transform:uppercase;
}

.noprt a:hover{text-decoration:none; border:1px solid #F3F3F3;
	background:  #CDCCCC;
	color: #F3F3F3;}

/* Footer and iDevices */
#pageFooter{padding:20px 0;text-align:center;margin-left:-250px}


/* Autoclear */
#content:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} 
#content{display:inline-block}
html[xmlns] #content{display:block}
* html #content{height: 1%;overflow:visible}


#header {
	color:#333;
}

#popupmessage{
	background:#6BAD31;
}