@charset "utf-8";
/*-------------------------------------------------------------------------
CSS INTEC
Website:	http://www.intec.edu.do

COLORES:
rojo Intec - #e01a22
rojo vino - #3a0a0b
grises - #9d9d9d, #cccbcb, #757575

NOTA:
Los * son para mantener la misma apariencia en IE6 / IE7 (evitar quirks).
>>-----------------------------------------------------------------------------*/


/*    SETEANDO ALGUNAS BASES Y CLASES
----------------------------------------------------------------------------------------------------------------*/
body {
	background: url(../images/bg2.jpg) #757575 repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 12px;
	line-height: normal;
}

a {
	color: #e01a22;
	font-size: 12px;
	text-decoration: none;
}

.aChiquitos a {
	font-size: 12px;
}
.aChiquitos a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.imagenesPadding {
	padding: 10px;
}

ul.vinetas {
	margin-left: 20px;
}
ul.vinetas li {
	list-style: disc;
}

.noMargin {
	margin-right: 0 !important;
}
.marginTop {
	margin-top: 40px;
}
.marginLeft {
	margin-left: 23px;
	*margin-left: 10px;
}
.paddingRight {
	padding-right: 8px;
}

.left {
	position: relative;
	float: left;
}
.right {
	position: relative;
	float: right;
}
.center {
	position: relative;
	text-align: center;
}


/* 		MENU PRINCIPAL
----------------------------------------------------------------------------------------*/
.menuprincipal {
	margin-top: 12px;
}
.menuprincipal tr td a {
	background-color: #3a0a0b;
	padding: 3px 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 9px;
	display: block;
}
.menuprincipal tr td a:hover {
	background-color: #e01a22;
}


/* 		CSS BASE PARA TODOS LOS PANELES DEL SITE
----------------------------------------------------------------------------------------*/
.panelesDiv {
	background-color: #9d9d9d;
	width: 230px;
	height: auto;
	position: relative;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
}
.panelesDiv h4 {
	background-color: #e01a22;
	color: #FFF;
	padding-left: 15px;
	width: 160px;
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	z-index: 10;
	left: -5px;
	top: 9px;


	*top: 15px !important;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
.panelesDiv ul {
	margin: 0;
	list-style-type: none;
	list-style-image: url(../images/vineta_panelEstudiantes.jpg);
	list-style-position: inside;
	padding-top: 50px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0px;
}
.panelesDiv ul li {
	border-bottom: 1px dashed #FFFFFF;
	padding-top: 5px;
}
.panelesDiv ul li a {
	color: #FFFFFF;
	padding-left: 2px;
}


/*     ESQUELETO DEL SITE (CSS BASE)
----------------------------------------------------------------------------------------*/

.wrapper {
	background-color: #FFFFFF;
	padding: 10px 10px 0 8px;
}

.webmail_btn {
	background-color: #b3b3b3;
	border: 1px solid #999999;
	background-image: url(../images/iconos/webmailBotonBg.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	color: #FFFFFF;
	width: 100px;	
	height: 20px;
	padding: 2px 18px 2px 23px;
	margin: 0px;
}

#divBuscador  {
	text-align: right;
	margin-right: 5px;
	width: 420px;
	padding-top: 12px;
	margin-bottom: 6px;
	clear: both;
}
#divBuscador form {
	margin: 0;
}
#divBuscador  #submit  {
	background-color: #b3b3b3;
	border: 1px solid #999999;
	background-image: url(../images/iconos/buscarboton.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	color: #FFFFFF;
	height: 20px;
	width: 70px;
	padding: 1px 4px 2px 12px;
	margin: 0;
}
#divBuscador #q, #divBuscador  #query-input  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #DDDDDD;
	width: 240px;
	height: 18px;
	background-image: url(../images/buscarInputBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 4px;
}

#mainDiv {
	width: 969px;
	min-height: 380px;
	padding: 0;
	margin: 8px 0 0 8px;
	position: relative;
}
#mainDiv #fader {
	float: left;
}

.pageFooter a {
	color: #000000;
	text-decoration: none;
}
.pageFooter {
	padding-bottom: 20px;
}
.pageFooter img {
	margin-right: 18px;
	margin-left: 18px;
	margin-bottom: -2px;
}
.pageFooter .hrPageFooter {
	width: 90%;
	border-bottom: 1px solid #CAC6BA;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CAC6BA;
	margin-bottom: 10px;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------  C S S      D E      L A S     P O R T A D A S  ----------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*     DEFAULT.PHP
----------------------------------------------------------------------------------------*/

/*Estudiantes*/
.panelEstudiantes {
	background-color: #9d9d9d;
	height: 256px;
}
.panelEstudiantes ul li {
	position: relative;
	padding-left: 6px;
}

/*Oferta Academica*/
.panelOacademica_index {
	background-color: #cccbcb;
	width: 313px;
	height: 120px;
	margin-top: 10px;
}
.panelOacademica_index h4 {
	top: -2px;
}
.panelOacademica_index ul {
	padding-top: 31px;
	list-style-image: url(../images/vineta_panelOacademica.jpg);
}
.panelOacademica_index ul li {
	position: relative;
	padding-left: 4px;
	border-bottom: 1px dashed #313131;
}
.panelOacademica_index ul li span {
	background: url(../images/vineta_panelOacademica.jpg) no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 1;
	top: 9px;
	left: 5px;
}
.panelOacademica_index ul li a {
	color: #313131;
}

/*Coopera con INTEC*/
.panelCoopera_index {
	background-color: #9d9d9d;
	height: 100px;
	margin-top: 10px;
	width: 313px;
}
.panelCoopera_index h4 {
	top: -5px;
	*top: 10px!important;
}
.panelCoopera_index div {
	background: url(../images/cooperaIntec_bg.gif);
	width: 268px;
	height: 65px;
	position: absolute;
	top: 31px;
	left: 15px;
	z-index: 1;
}
.panelCoopera_index div a {
	background-color: #440109;
	color: #FFF;
	padding: 0 8px;
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 1;
	font-size: 9px;
	text-transform: uppercase;
}
.panelCoopera_index div p {
	background: none;
	width: 180px;
	color: #FFF;
	margin: 33px 0 0 8px;
	font-size: 9px;
	line-height: 13px;
}

/*Programas*/
.programasDiv_index {
	background-color: #fff;/*#270506;*/
	margin-top: 24px;
	height: 45px;
	margin-left: 0px;
	margin-right: 0px;
	width: 980px;
}
.programasDiv_index ul {
	list-style-type: none;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 950px;
	text-align: center;
}
.programasDiv_index ul li {
	border: none;
	float: left;
	margin-right: 14px;
	padding: 0;
	margin-left: 0px;
}
.programasDiv_index ul li a {
	border: none;
	padding-left: 0;
}

/*Noticias*/
#noticiasDiv {
	background-color: #cccbcb;
	width: 646px;
	height: 475px;
	position: relative;
	float: left;
	margin-top: 10px;
}
#noticiasDiv h4 {
	background-color: #e01a22;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	position: absolute;
	left: -5px;
	top: -3px;
	width: 160px;


	*top: 10px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#scroll {
	overflow: hidden;
}
#noticiasDiv .noticiasGrupo {  /*Contiene un grupo de 4 noticias*/
	margin: 35px 0 0 5px;
}
#noticiasDiv .noticiasGrupo .noticia {  /*Este es el recuadro blanco de cada noticia para dejar un padding uniforme*/
	background-color: #fff;
	width: 313px;
	height: 120px;
	float: left;
	padding: 4px 0 0 4px;
	margin: 0 2px 7px 0;
	position: relative;
	overflow: hidden;
}
.nOrgullo {
	width: 313px;
	height: 120px;
	padding: 0;
	margin: 0;
	position: relative;
	left: 40px;
	overflow: hidden;
}
.nOrgullo li{
	padding: 0 !important; 
}
.noticiaTexto {  /*Contiene el titulo y un poco de la noticia*/
	width: 160px;
	margin-top: 8px;
	
}
.noticiasTitulo {
	width: 130px;
	font-size: 11px;
	color: #e01a22;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	*margin-bottom: 0;
	*padding-bottom: 0;
}
.noticiaDesc {
	*margin-top: 0px;
	line-height: normal;
	font-size: 9px;
}
.noticiasThumbs {
	width: 132px;
	float: left;
	margin: 6px 4px 4px 4px;
}
.archivoNoticias {  /* el hover de archivoNoticias está junto con el hover de la clase vermas */
	background-color: #3a0a0b;
	color: #fff;
	padding: 2px 7px;
	text-transform: uppercase;
	font-size: 11px;
	position: absolute;
	bottom: 13px;
	left: 5px;
	z-index: 100;
}
.noticiasPaginacion {
	width: auto;
	position: absolute;
	bottom: 16px;
	right: 5px;
	z-index: 100;
}
#botones {
	position: absolute;
	bottom: 16px;
	right: 5px;
	z-index: 100;
}
#botones .pageIndex .page {
	background-color: #3a0a0b;
	color: #FFF;
	padding: 2px 4px;
	cursor: default;
	margin-left: 1px;
}
#botones .pageIndex .sel {
	background-color: #e01a22;
}

/*Eventos*/
/*la clase iconoEventos está más abajo junto con el panel de Actividades*/
.titleEvent {
	background-color: #bebebe;
	color: #3e3c3c;
	padding: 4px 4px 4px 8px;
	width: auto;
	text-transform: uppercase;
	font-size: 12px;
}
.eventosProximos h4 {
	background-color: #e01a22;
	color: #FFF;
	width: 175px;
	padding: 1px 0 1px 10px;
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	top: -3px;
	left: -8px;
}
.eventosProximos {
	background-color: #cccbcb;
	padding: 35px 8px 6px 8px;
	width: 220px;
	height: auto;
	position: relative;
}
.recuadroeventosProximos {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 12px;
	padding-left: 9px;
}

.eventosAfiches {
	*margin-left: -8px;	
}
.afiche {
	background-image: url(../images/afichesBg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 189px;
	width: 152px;
}
.afiche img {
	position: relative;
	left: 10px;
	top: 10px;
}
.contenedorAfiche {
	height: 200px;
	width: 152px;
	float: left;
	margin-bottom: 40px;
	margin-right: 20px;
	margin-left: 20px;
}

#calendario {
	background-color: #cccbcb;
	padding: 12px 5px 8px 5px;
	margin-top: 50px;
}
#calendario a {
	font-size: 12px;
}
.today {
	background-color: #e01a22;
}
#calendario .today a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#calendario .actividad {
	background-color: #FFFFFF;
	background-image: url(../images/bgCalActividad.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#calendario .inicio {
	background-color: #FFFFFF;
	background-image: url(../images/bgCalActividadStart.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*Vida Estudiantil (INTEC Social)*/
.panelVidaestudiantil {
	width: 646px;
	height: 130px;
	margin-top: 10px;
}
.panelVidaestudiantil h4 {
	top: -2px;
}
.panelVidaestudiantil div.subcontainer {
	float: left;
	width: 323px;
	height: 140px;
	position: relative;
}
.panelVidaestudiantil div.subcontainer div {
	position: absolute;
	padding: 32px 8px 0 3px;
	width: 300px;
}
.panelVidaestudiantil div.subcontainer div p.t_seccion {
	color: #FFF;
	text-transform: uppercase;
	border-bottom: 1px dashed #5a5a5a;
}
.panelVidaestudiantil div.subcontainer div p {
	line-height: 13px;
	width: 290px;
	margin-left: 12px;
	color: #302f2f;
	font-size: 11px;
}
.panelVidaestudiantil div.subcontainer div a, .vermas {
	background-color: #3a0a0b;
	color: #fff;
	padding: 2px 7px;
	line-height: normal;
	text-transform: uppercase;
	position: absolute;
	bottom: -4px;
	right: 8px;
	font-size: 8px;
}
.panelVidaestudiantil div.rojo {
	background-color: #3A0A0B;
	width: 323px;
}
.panelVidaestudiantil div.rojo div {
	width: 300px;
}
.panelVidaestudiantil div.rojo div p.t_seccion {
	border-bottom: 1px dashed #89021c;
}
.panelVidaestudiantil div.rojo div p {
	color: #fff;
}

/*Actividades + Enlaces*/
#ActividadesDiv {
	background-color: #cccbcb;
	width: 313px;
	height: 140px;
	position: relative;
	margin-top: 10px;
}
.eventos {
	position: absolute;
	top: 40px;
	left: 10px;
	text-transform: uppercase;
}
.tituloEvento {
	width: 230px;
	color: #313131;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	position: absolute;
	top: 8px;
}
.descEvento {
	color: #313131;
	width: 275px;
	font-size: 11px;
	position: absolute;
	top: 80px;


	*top: 100px;
	left: 20px;
	line-height: 13px;
}
.iconoEventos    {
	background-image: url(../images/iconos/eventos.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 47px;
	width: 46px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 2px;
	margin-right: 6px;
	padding: 0;
	cursor: pointer;
}
.iconoEventos  .iconoEventoDia    {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 2px;
	font-size: 13px;
	line-height: 15px;
}
.vermas, .galeriaAlbumes {
	background-color: #3a0a0b;
	color: #fff;
	padding: 2px 7px;
	line-height: normal;
	text-transform: uppercase;
	position: absolute;
	bottom: 11px;
	right: 12px;
	font-size: 8px;
	display: block;
}
.vermas:hover, .archivoNoticias:hover, .albumFotos:hover, .galeriaAlbumes:hover {
	background-color: #e01a22;
}
#EnlacesDiv {
	background-color: #3a0a0b;
	width: 313px;
	height: 97px;
	position: relative;
	margin-top: 10px;
}
#ActividadesDiv h4, #EnlacesDiv h4 {
	top: -2px;
}
#EnlacesDiv div {
	width: 135px;
	margin-top: 38px;
}
#EnlacesDiv div a {
	font-size: 9px;
	color: #FFF;
	line-height: 15px;
}

/*Publicaciones + Galeria de Imagenes*/
#publicacionesDiv, #galimagenesDiv {
	background-color: #9d9d9d;
	width: 318px;
	height: 149px;
	margin-top: 10px;
}
#publicacionesDiv {
	margin-right: 9px;
}
#galimagenesDiv {
	background-color: #cccbcb;
}
#publicacionesDiv h4, #galimagenesDiv h4 {
	top: 3px;
}
#publicacionesDiv img {
	position: absolute;
	top: 46px;
	left: 10px;
}
#galimagenesDiv div {
	position: absolute;
	top: 48px;
	left: 22px;
}
#galimagenesDiv div a {
	float: left;
	margin-right: 17px;
}
#galimagenesDiv div a p {
	text-align: left;
	width: 81px;
	color: #302F2F;
	line-height: normal;
	margin-top: 5px;
	font-size: 12px;
}
.albumFotos {  /* el hover de albumFotos está junto con el hover de la clase vermas */
	background-color: #3a0a0b;
	color: #fff;
	padding: 0 5px;
	text-transform: uppercase;
	font-size: 8px;
	position: absolute;
	bottom: 11px;
	left: 18px;
	z-index: 300;
}
.galeriaAlbumes {
	height: 12px;
	top: 0;
}


/*     ACERCA.PHP
----------------------------------------------------------------------------------------*/
#acercadePaneles {
	padding: 0;

	*margin-left: 0;
	list-style-type: none;
	margin-top: 40px;
}

#acercadePaneles li {
	background-color: #9d9d9d;
	width: 227px;
	height: 317px;
	float: left;
	margin-right: 20px;
	position: relative;
}

#acercadePaneles li.otherColor {
	background-color: #cac8c8;
}
#acercadePaneles li.otherColor span {
	color: #4c4b4b;
}
#acercadePaneles li img {
	border: 1px solid #FFF;
	position: absolute;
	top: 19px;
	left: 8px;
}
#acercadePaneles li p.titulo-acercadePaneles {
	background-color: #e01a22;
	color: #FFF;
	width: 105px;
	padding: 3px 0 3px 5px;
	position: absolute;
	top: 58px;
	left: 126px;
	z-index: 3;
}
#acercadePaneles li span {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 132px;
	left: 12px;
	font-size: 11px;
	color: #fff;
	line-height: 13px;
}
#acercadePaneles li div {
	width: 215px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#acercadePaneles li div a {
	background-color: #3a0a0b;
	width: 188px;
	padding: 3px 0 3px 12px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 3px;
	font-size: 11px;
}
#acercadePaneles li div a:hover {
	background-color: #e01a22;
}


/*     ADMISIONES2.PHP  /  PROFESORES.PHP    /   INVESTIGACION.PHP
----------------------------------------------------------------------------------------*/
#recuadritosSecciones {
	width: 720px;
	list-style-type: none;
	padding: 0;

	*margin-left: 4px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
#recuadritosSecciones .recuadritosSecciones_li {
	background-color: #3a0a0b;
	width: 340px;
	height: 95px;
	float: left;
	position: relative;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}
.titulosadmisiones {
	background-color: #e01a22;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	width: 160px;
	position: absolute;
	top: 0;
	left: -8px;
	z-index: 3;
	text-transform: uppercase;


	*top: 11px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 12px;
}
.recuadritosSecciones_li ul {
	list-style-type: disc;
	position: absolute;
	top: 34px;
	left: -15px;
	list-style-position: inside;
}
.recuadritosSecciones_li ul li {
	color: #bebebe;
	margin-bottom: 1px;
}
.recuadritosSecciones_li ul li a {
	color: #bebebe;
}


/*     ESTUDIANTES2.PHP
----------------------------------------------------------------------------------------*/
#seccionesestudiantes {
	width: 720px;
	list-style-type: none;
	margin: 40px 0 0 8px;
	padding: 0;
}
.seccionesestudiantes_li {
	background-color: #3a0a0b;
	width: 220px;
	height: 95px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}
.titulosestudiantes {
	background-color: #e01a22;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	width: 165px;
	padding: 2px 5px 2px 12px;
	position: absolute;
	top: 0;
	left: -8px;
	z-index: 3;
	text-transform: uppercase;
	*top: 10px;
}
.seccionesestudiantes_li ul {
	list-style-type: disc;
	position: absolute;
	top: 35px;
	left: -25px;
	list-style-position: inside;
}
.seccionesestudiantes_li ul li {
	color: #bebebe;
	margin-bottom: 1px;
}
.seccionesestudiantes_li ul li a {
	color: #bebebe;
	font-size: 12px;
}
.letraPequena {
	font-size: 10px;
}

/*     NUESTRASCARRERAS.PHP
----------------------------------------------------------------------------------------*/
.nuestrascarreras {
	list-style-type: none;
	padding: 0;
	margin-top: 40px;

	*margin-left: 0;
}
.nuestrascarreras_li {
	background-color: #9d9d9d;
	width: 720px;
	height: 90px;
	position: relative;
	margin-bottom: 40px;
}
.nuestrascarreras_li .titulocarreras, .nuestrascarreras_li .titulocarreras_l  {
	background-color: #e01a22;
	font-size: 11px;
	color: #fff;
	width: 105px;
	padding: 2px 5px 2px 8px;
	position: absolute;
	top: 3px;
	left: 142px;
	z-index: 3;
	text-transform: uppercase;

	*top: 6px;
	font-weight: bold;
}
.nuestrascarreras_li .titulocarreras_l {
	width: 205px;
}
.nuestrascarreras_li img {
	position: absolute;
	top: -8px;
	left: 11px;
	border: 1px solid #FFF;
}
.nuestrascarreras_li span {
	position: absolute;
	top: 35px;
	left: 155px;
	width: 430px;
	font-size: 10.5px;
	line-height: 15px;
	color: #FFF;
	*top: 30px
}
.nuestrascarreras_li ul {
	list-style-type: none;
	position: absolute;
	top: 25px;
	left: 565px;
}
.nuestrascarreras_li ul li a {
	background-color: #3a0a0b;
	width: 93px;
	font-size: 9px;
	padding: 3px 0 3px 12px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin-top: 3px;
}
.nuestrascarreras_li ul li a:hover {
	background-color: #e01a22;
}


/*     BIBLIOTECA2.PHP
----------------------------------------------------------------------------------------*/
#seccionesbiblioteca {
	width: 720px;
	list-style-type: none;
	margin: 40px 0 0 8px;
	padding: 0;
}
.seccionesbiblioteca_li {
	background-color: #3a0a0b;
	width: 339px;
	/*thisplace*/
	height: 240px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}
.titulosbiblioteca {
	background-color: #e01a22;
	font-size: 11px;
	color: #fff;
	width: 190px;
	padding: 2px 5px 2px 12px;
	position: absolute;
	top: 0;
	left: -8px;
	z-index: 3;
	text-transform: uppercase;
	font-weight: bold;
}
.seccionesbiblioteca_li ul {
	list-style-type: disc;
	position: absolute;
	top: 35px;
	left: -25px;
	list-style-position: inside;
}
.seccionesbiblioteca_li ul li {
	color: #bebebe;
	margin-bottom: 3px;
}
.seccionesbiblioteca_li ul li a {
	color: #bebebe;
}


/*     EGRESADOS.PHP
----------------------------------------------------------------------------------------*/
#seccionesegresados {
	width: 720px;
	list-style-type: none;
	margin: 40px 0 0 8px;
	padding: 0;
}
.seccionesegresados_li {
	background-color: #3a0a0b;
	width: 332px;
	height: 110px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}
.titulosegresados {
	background-color: #e01a22;
	font-size: 11px;
	color: #fff;
	width: 200px;
	position: absolute;
	top: 0;
	left: -8px;
	z-index: 3;
	text-transform: uppercase;


	*top: 9px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 12px;
}
.seccionesegresados_li ul {
	list-style-type: disc;
	position: absolute;
	top: 35px;
	left: -25px;
	list-style-position: inside;
}
.seccionesegresados_li ul li {
	color: #bebebe;
	margin-bottom: 1px;
}
.seccionesegresados_li ul li a {
	color: #bebebe;
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------  CSS PARA EL CONTENIDO DE LAS SECCIONES  -------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.contenidoSeccion {
	width: 690px;
	margin: 0 0 10px 15px;
	color: #454444;
	font-size: 12px;

	*margin-left: 7px;
	*margin-right: 10px;
	position: relative;
}
.contenidoSeccion h2.title, .contenidoSeccion h2.titleAreas {
	background-color: #e01a22;
	color: #FFF;
	font-size: 12px;
	position: absolute;
	left: -15px;
	width: 230px;
	line-height: normal;
	padding-left: 10px;
	padding: 2px 0 2px 10px;
}
.contenidoSeccion h2.titleAreas {
	font-size: 12px;
	width: 220px;
	padding: 2px 0 2px 10px;
}
.contenidoSeccion h4, .tituloh4, .contenidoSeccion h1 {
	font-size: 12px;
	text-transform: uppercase;
	color: #3e3c3c;
}
.tituloh4 {
	font-size: 14px;
}
.contenidoSeccion .imagenWrap {
	margin: 12px 10px 10px 0;
	padding: 8px;
	background-color: #efefef;
}
.contenidoSeccion .imagenWrap p {
	background-color: #efefef;
	color: #333;
	text-align: center;
	font-weight: bold;
}
.contenidoSeccion ul {
	list-style-type: none;
	padding-left: 15px;

	*padding-left: 0;
	display: block;
}


/*---------- Rectores ----------*/
.rectoresDiv {
	text-align: right;
	margin-right: 10px;
}
.rectoresDiv h4 {
	color: #454444;
	font-weight: bold;
	text-transform: uppercase;
	*font-size: 12px;
}
.rectoresDiv ul {
	list-style-type: none;
}
.rectoresDiv ul li {
	line-height: normal;
}
.rectoresDiv ul li span {
	color: #e01a22;
}


/*----- timeline -----*/
#timeline {
	width: 600px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	cursor: e-resize;
}
#timeline ul {
	width: 3480px; /* (220px de ancho + 2px de borde) x 15*/
	margin: 0;
	padding: 0;
}
#timeline li {
	width: 210px;
	display: block;
	float: left;
	height: 320px;
	background-color: #F4F4F4;
	border: 1px solid #ECE9D8;
	text-align: justify;
	margin: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 80%;
}

#timeline li.alt {
	background: #FFFFFF;
}
#timeline h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: -10px;
	background-color: #E0EBF5;
	width: 220px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(images/bgTimeline.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 13px;
}
#timeline li p {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


.formatoTabla {
	margin: 10px auto;
}
.formatoTabla tr td {
	padding: 5px;
}
.formatoTabla .bgColor {
	background-color: #EFEFEF;
}

.titleBgGris {
	background-color: #bebebe;
	font-size: 12px;
	font-weight: bold;
	color: #3e3c3c;
	padding-left: 8px;
	width: 260px;
}
.indent {
	margin-left: 15px;
}

.titleBgVino {
	background-color: #3a0a0b;
	color: #fff;
	padding-left: 8px;
	width: 169px;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}
.calDias span {
	background-color: #bebebe;
	color: #3e3c3c;
	padding: 0 20px 0 5px;
	font-weight: bold;
	text-transform: uppercase;
}
.calDias li {
	margin-bottom: 12px;
}
.contenidoSeccion .notas {
	background-color: #e01a22;
	padding: 3px 0 3px 8px;
	color: #FFF;
}
.contenidoSeccion div.notas ul {
	padding-left: 25px;
}
.contenidoSeccion div.notas ul li {
	color: #FFF;
	margin: 0;
	list-style: disc;
}

.bordeDerecha  {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F1F0ED;
}
.bordeAbajo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


/*----- estilos calendario caltrim.php -----*/
.calMes {
	width: 230px;
}
.calMes div {
	background-color: #e01a22;
	color: #FFF;
	padding: 2px 0 2px 5px;
	width: 225px;
	line-height: normal;
	text-transform: uppercase;
	font-weight: bold;
}
.calMes table {
	margin: 5px auto 20px auto;
}
.style5 {  /*color blanco para los días de la semana*/
	color: #FFF;
}
.calMes table tr td {
	text-align: center;
}


/*----- estilos para las noticias (noticias.php) -----*/
h1.tituloNoticia {
	font-size: 19px;
	text-transform: uppercase;
	font-weight: bold;
	color: #e01a22;
}
.noticiasRecientes {
	background-color: #cccbcb;
	padding: 35px 8px 6px 8px;
	width: 220px;
	height: auto;
	position: relative;
}
.noticiasRecientes h4 {
	background-color: #e01a22;
	color: #FFF;
	width: 175px;
	padding: 1px 0 1px 10px;
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	top: -3px;
	left: -8px;
	*top: 7px;
}
.recuadroNoticiasRecientes {
	background-color: #FFF;
	padding: 4px 4px 7px 9px;
	margin: 5px 0 6px 0;
}
.recuadroNoticiasRecientes div {
	*margin-top: -12px;
}
.titulonoticiasRecientes {
	text-transform: uppercase;
}
.titulonoticiasRecientes a {
	color: #e01a22;
}


/*----- estilos para la galeria (album.php) -----*/
#galeria {
	margin: 8px;
	border: 1px solid #FFFFFF;
	text-align: center;
	width: 98px;
	height: 141px;
	float: left;
}
#galeria img {
	margin: 8px;
	border: 4px solid #CCCCCC;
}
#galeria:hover {
	background-color: #F9F8F2;
	border: 1px solid #ECE9D8;
	filter: Alpha(Opacity=100);
}
#galeria a {
	text-align: center;
}


/*----- estilos para las publicaciones -----*/
ul.listaHorizontal {
	width: 440px;
	list-style:none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
ul.listaHorizontal li {
	width: 50px;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/*--- sub-menus de opciones de cada seccion 
	  (aunque se llaman admisiones es el mismo
	   CSS que tienen todas las secciones) ---*/
.admisionesMenu, .admisionesSubmenu {
	list-style-type: none;
	padding: 0;
	*margin: 5px 0 0 0;
}
.admisionesMenu li, .admisionesSubmenu li {
	float: left;
	margin-right: 10px;
	text-align: center;
}
.admisionesMenu li a, .admisionesSubmenu li a, .admisionesMenu li span {
	background-color: #3a0a0b;
	width: 100px;
	padding: 3px 12px;
	color: #FFF;
	font-size: 11px;
}
.admisionesMenu li a:hover {
	background-color: #e01a22;
}
.borderBottom {
	width: 703px;
	height: 40px;
	border-bottom: 1px dashed #3a0a0b;
}
.admisionesSubmenu {
	position: absolute;
	z-index: 100;
	right: 0;
}
.admisionesSubmenu li a {
	background-color: #e01a22;
}
.admisionesSubmenu li a:hover {
	background-color: #b6151b;
}


/* --- investigaciones --- */
.investigacionesAnios {
	margin-right: 70px;
}

.investigacionesArea {
	margin-right: 30px;
}


/* --- Biblioteca --- */
.masChiquito {
	background-color: #3a0a0b;
	width: 219px;
	/*thisplace*/
	height: 240px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}


/*Base de Datos en Linea*/
.panelBaseDatosenLinea {
	background-color: #9d9d9d;
	width: 230px;
	height: auto;
	margin-top: 40px;
	padding-bottom: 15px;
}
.panelBaseDatosenLinea h4 {
	width: 180px;
	top: -5px;
}
.panelBaseDatosenLinea ul {
	padding: 38px 0 0 0;
	margin-left: -13px;
	text-align: center;
}
.panelBaseDatosenLinea ul li {
	border-bottom: none;
	padding-top: 0;
	margin-bottom: 8px;
}
.panelBaseDatosenLinea ul li a {
	color: #fff;
	outline: none;
	font-size: 12px;
	padding-left: 8px;
	line-height: 20px;
}
.panelBaseDatosenLinea ul li a img.libEimg{
	width:90px;
}
.bibliotecasList span {
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
}
/* ----------------------- */


/* --- ladrillo.PHP ---*/
#seccionesladrillo {
	width: 710px;
	list-style-type: none;
	margin-top: 20px;
	*margin-left: 0;
	padding: 0;
}
#seccionesladrillo li {
	background-color: #57000a;
	width: 340px;
	height: 130px;
	float: left;
	position: relative;
	font-size: 12px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0;
}
#seccionesladrillo .texto {
	width: 200px;
	color: #FFF;
	position: absolute;
	top: 30px;
	left: 15px;
	*top: 33px;
}
#seccionesladrillo .vermas {
	background-color: #3a0a0b;
	color: #fff;
	padding: 4px 9px;
}
#caritas_box {
	width: 200px;
	margin: 10px 0 40px 0;
}
/*-------------------*/


/*----- sitemap ------*/
ul.sitemapLevel1 {
	list-style-image: url(../images/iconos/flechita.gif);
	list-style-type: none;
	padding-left: 20px;
	padding-bottom: 10px;
	margin: 0px;
}
ul.sitemapLevel2    {
	list-style-type: none;
	padding-left: 20px;
	list-style-image: url(../images/iconos/bullets1.gif);
	padding-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	margin: 0px;
}
ul.sitemapLevel2 li {
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.sitemapLevel3 {
	width: 600px;
	padding-left: 20px;
	list-style-image: url(../images/iconos/bullets2.gif);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
ul.sitemapLevel3 li {
	width: 150px;
	list-style-type: square;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	margin: 0px;
	float: left;
	display: inline;
}
.sitemapLevel2  br,.sitemapLevel3 br {
	clear: left;
}

/* --- paginacion --- */
.paginacion {
	background-color: #3a0a0b;
	color: #FFF;
	padding: 2px 6px;
}
.paginacion:hover {
	background-color: #e01a22;
}

/*  CSS PARA LOS PANELES LATERALES (U OTROS PANELES QUE VARIEN EN CUANTO A CONTENIDO)
/*--------------------------------------------------------------------------------------------------------------------*/

/*Variaciones de algunos paneles*/
.panelVariacion h4 {
	top: -5px;
}
.panelVariacion ul {
	padding-top: 35px;
}
.panelVariacion ul li {
	border-bottom: none;
	padding-top: 0;
	margin-top: -1px;
	padding-left: 8px;
}
.panelVariacion ul li a {
	color: #fff;
	outline: none;
	padding-left: 2px;
}
.panelVariacion ul li a:hover {
	color: #e01a22;
}
.largerH4 h4 {
	width: 200px;
}

/*Tour Virtual*/
.panelTour {
	height: 550px;
}
.panelTour h4 {
	top: 3px;
}
.panelTour img {
	position: absolute;
	top: 40px;
	left: 30px;
}

/*Coopera con INTEC*/
.panelCoopera {
	height: 200px;
}
.panelCoopera div {
	background: url(../images/cooperaIntec_bg2.gif);
	width: 198px;
	height: 146px;
	position: absolute;
	top: 36px;
	left: 15px;
	z-index: 1;
}
.panelCoopera div a {
	background-color: #440109;
	color: #FFF;
	padding: 0 8px;
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 1;
	text-transform: uppercase;
	font-size: 11px;
}
.panelCoopera div p {
	background: none;
	width: 120px;
	color: #FFF;
	margin: 45px 0 0 13px;
	font-size: 12px;
	line-height: 15px;
}

/*Album*/
.panelAlbum {
	color: #FFF;
	height:230px
}
.panelAlbum .fotos {
	position: absolute;
	top: 40px;
	left: 25px;
}
.panelAlbum .foto {
	width: 80px;
	float: left;
	margin-right: 20px;
}
.panelAlbum .foto p{
	font-size: 11px;	
}
.panelAlbum img {
	border: 1px solid #FFF;
	margin: 0;
	padding: 0;
}
.panelAlbum a {
	color: #FFF;
	line-height: 13px;
}

/*Programas*/
.panelProgramas ul {
	padding: 38px 0 0 34px;
}
.panelProgramas ul li {
	margin-bottom: 8px;
}

/*Nuestro Orgullo*/
.nuestroOrgullo ul {
	padding: 38px 0 0 0;
	margin-left: -13px;
	text-align: center;
}
.nuestroOrgullo ul li {
	border-bottom: none;
	padding-top: 0;
	margin-bottom: 8px;
}
.nuestroOrgullo ul li a {
	color: #fff;
	outline: none;
	font-size: 12px;
	padding-left: 8px;
	line-height: 20px;
}
.nuestroOrgullo ul li a img {
	border: none;
}
.nuestroOrgullo ul li a p {
	font-weight: bold;
	text-transform: uppercase;
}

/*Unete Ahora*/
.panelUneteAhora {
	height: 110px;
}
.panelUneteAhora h4 {
	top: -4px;
}
.panelUneteAhora p {
	position: absolute;
	top: 28px;
	left: 10px;
	font-size: 12px;
	color: #FFF;
	*top: 38px;
}

/*Contactos*/
.panelDireccion {
	height: 530px;
}
.panelDireccion div {
	position: absolute;
	padding-top: 40px;
}
.panelDireccion p {
	line-height: 14px;
	padding: 0 5px 0 13px;
	font-size: 12px;
}
.panelDireccion a {
	font-size: 12px;
}


/*  CSS PARA LOS FORMULARIOS
/*--------------------------------------------------------------------------------------------------------------------*/

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.submit {
	background-color: #3a0a0b;
	color: #fff;
	padding: 2px 7px;
	line-height: normal;
	text-transform: uppercase;
	font-size: 11px;
	border: none;
	display: block;
}
.submit:hover {
	background-color: #e01a22;
}


/*  CSS MENUS DESPLEGABLES
/*--------------------------------------------------------------------------------------------------------------------*/

ul#first li ul {
	background-color: #e01a22;
	list-style-type: none;
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
	top: 28px;
	z-index: 9999;
	*margin-left: -80px;
	*top: 20px;
}
ul#first li ul li {
	padding: 6px 0;	
	float: none;
	text-align: left;
}
ul#first li ul li a {
	background: none;
}
ul#first li ul li a:hover {
	color: #3a0a0b; 
}


/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

.tablaPensum, .tablaPensum tbody tr th, .tablaPensum tbody tr td {
	border: 1px solid #666666;
}
.tablaPensum th, .tablaPensum .trimestre {
	background-color: #e01a22;
	color: #fff;
}
.tablaPensum .trimestre {
	text-transform: uppercase;
	padding: 2px 0 2px 8px;
}
.tablaPensum tr td {
	padding: 2px;
}




.rssPanel {
	border: 2px solid #CCCCCC;
}
.rssPanel td {
	background-color: #FFFFFF;
	padding: 6px !important;
}
.rssPanel th {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	background-color: #CCCCCC !important;
	padding: 2px !important;
}

.marginPanel {
	margin-right: 25px;
}
#seccionesbiblioteca .seccionesbiblioteca_li img {
	position: absolute;
	left: 30px;
	top: 35px;
}
.noBullets, .noBullets ul, .noBullets ul li {
	list-style-type: none !important;
	list-style-image: none;
}
.alaizq {
	text-align: left;
}
.imagensello {
	margin-bottom: 20px;
}
.wrapper .menuprincipal a.hover {
	background-color: #e01a22;
}
.dashedBottom { border-bottom: 1px dashed black; }
.listaRevistas {
/*	width: 120px; */
}
.listaRevistas li {
	list-style-type: none;
	width: 120px !important;
	padding: 0 !important;
}
.alturaProcesosEnLinea {
	height: 180px !important;
}
.caption {
	padding: 5px;
	background-color: #EFEFEF;
	border: 1px solid #DDDDDD;
}
.caption div {
	padding: 5px;
	padding-left: 0;
	padding-right: 0;
	font-size: 11px;
}

/* Tablas de Calendarios */
.ContentTable, .ContentTable tr td, .ContentTable tr th{
	border:#E01A22;
	border-collapse:collapse;
	padding:2px;
}
.ContentTable th{
	background-color:#E01A22;
	color:#FFFFFF;
}
.ContentTable .var th{
	background-color:#a4a3a8;
}
.ContentTable .head{
	font-size:16px;	
}
.ContentTable tr:hover{
	background-color:#d6d5d8;
}

/* Tabs Navegator */
ul.tabs, ul.tabs1, ul.tabs2, ul.tabs3 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: px;
	width: 100%;
}
ul.tabs li a, ul.tabs1 li a, ul.tabs2 li a, ul.tabs3 li a {
    color: #FFFFFF;
    display: block;
    font-size: 9px;
    padding: 3px 6px;
    text-transform: uppercase;
}
ul.tabs li, ul.tabs1 li, ul.tabs2 li, ul.tabs3 li {
	float: left;
	margin: 0;
	margin-right:5px; 
	padding: 0;
	height: 18px;
	border-left: none;
	margin-bottom: -1px;
	background: #3A0A0B;
	overflow: hidden;
	position: relative;
}
ul.t2abs li a, ul.t2abs1 li a, ul.t2abs2 li a, ul.t2abs3 li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover, ul.tabs1 li a:hover, ul.tabs2 li a:hover, ul.tabs3 li a:hover {
	background: #E01A22;
}
html ul.tabs li.active,
html ul.tabs li.active a:hover,
html ul.tabs1 li.active,
html ul.tabs1 li.active a:hover,
html ul.tabs2 li.active,
html ul.tabs2 li.active a:hover,
html ul.tabs3 li.active,
html ul.tabs3 li.active a:hover {
	background-color: #E01A22;
}
.tab_container, .tab_container1, .tab_container2, .tab_container3 {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom:20px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content, .tab_content1, .tab_content2, .tab_content3 {
	padding: 5px;
	font-size: 1em;
}
.tab_content h2, .tab_content1 h2, .tab_content2 h2, .tab_content2 h2 {
	font-weight:bold;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.1em;
}
.tab_content h3 a, .tab_content1 h3 a, .tab_content2 h3 a, .tab_content3 h3 a {
	color: #254588;
}
.tab_content img, .tab_content1 img, .tab_content2 img, .tab_content3 img {
	float: left;
	margin: 0;
	padding: 5px;
}