/* Menu lateral*/
#menuVertical{
	width:250px;
	height:300px;
	position:absolute;
	top:20px;
	z-index:10;
	left: 624px;
}
#menuS li a{   
    font-family:Arial, Helvetica, sans-serif;
	/*text-shadow: black 0.1em 0.1em 0.2em;*/
	font-size: 12px;
	color:#ffffff;
	padding-left:35px;	
	text-decoration:none;	
}
#menuS ul { 
	list-style-type: none;
	z-index:10;
}
/*ok*/
#menuS ul li{
	width: 300px;
	text-align:right;
	padding: 5px 8px 5px 0px;
	position: relative;
}
#menuS ul li ul li{
	padding:0px;
	margin:0px;
	border:0px;
}
#menuS ul li.nivelT { 
	width: 255px;
	background-image:url(../imagen/relleno1_01.png);
	background-repeat:no-repeat;
}
#menuS ul li.nivelB { 
	width: 255px;
	background-image:url(../imagen/relleno1_03.png);
	background-repeat:no-repeat;
}
#menuS ul li.nivelM { 
	width: 255px;
	background-image:url(../imagen/relleno1_02.png);
	background-repeat:repeat-y;
}
#menuS li ul li a{
	display: block;
	text-decoration: none;
	padding: 8px 4px 8px 0px;
	color:#006699;
	width: 251px;
}
/*resaltador de opciones*/
#menuS ul li a:hover{
	color: #006600;
}
#menuS ul li ul {
	display: none;
	background-image:url(../imagen/imgPrueba.png);
	background-repeat:repeat-y;
}
/* Mueve el  submenu de licenciatura hacia adelante*/
#menuS ul li:hover ul{
	display: block;
	position: absolute;
	left: 300px;
	top:0px;
}
/*Efecto transparente de fondo*/
#menuS ul li ul li a:hover {
	background-image:url(../imagen/sub.png);
	background-repeat:no-repeat;
	color: #003300;
}
/*--------IMAGEN PRINCIPAL A ROTAR-----------*/
.tituloImgP{   
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size: 18px;
	/*letter-spacing: -0.2pt;*/
	color:#ffffff;
	position:absolute;
	left:35px;
	top:12px;
}
.imagenP {
	background-image:url(../imagen/s.png);
	background-repeat:no-repeat;
	height:318px;
	width:583px;
	position:relative;
	top:0px;
	left:288px;
	z-index:0
}
#imagenPNG{
	position:absolute;
	top:45px;
	left:18px;
	width:541px;
	height:240px;
}
/*CAJITAS PEQUEÑAS  VERDES*/
#contenido2{
	position: relative;
	left:0px;
	top:15px;
	width:850px;
	z-index:10;
}
.cuadros { 
	height:200px; 
	width:700px; 
	/*background-color:;*/
	position:relative;
	margin-left:90px;
 	margin-top:40px;
}
.cuadro1{
	position:relative; 
	height:200px;
	width:284px;   
	float:left; 
}
.cuadro2{
	position:relative;
	height:200px;
	width:284px;   
	float:right;
}
/*CAJITAS PEQUEÑAS  VERDES*/
.cajaarriba{
	height:28px;
	width: 284px;
	background-image: url(../imagen/sa_01.png);
	background-repeat: no-repeat;	
}
.tituloCaja{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size: 12px;
	top:7px;
	left:20px;
	color: #ffffff;	
}
.cajamedio{
	position:relative;
	left:1px;
	top:0px;
	width: 282px; /*se suman 2 pixeles que hay el las orillas da 284*/
	height:138px;
	background-color:#ffffff;
}
.textoCuadro{
	margin-right:5px;
	width:274px;
	color: #006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
}
.cajaabajo {
	height:14px;
	background-image: url(../imagen/sa_03.png);
	background-repeat: no-repeat;
	position:relative;
	top:0px;
	z-index:-1;
} 
#hoja {
	width: 71px;
	height:111px;
	position:absolute;
	background-image:url(../imagen/hoja.png);
	background-repeat:no-repeat;
	right:-70px;
	top:90px;
}
#papel {
	width: 124px;
	height:106px;
	position:absolute;
	background-image:url(../imagen/papel.png);
	background-repeat:no-repeat;
	left:-39px;
	top: 51px;
}
#postTip{
	width: 144px;
	height:136px;
	position:absolute;
	background-image:url(../imagen/post.png);
	background-repeat:no-repeat;
	left:-20px;
	top: 48px;
}
/*PARTE BAJA DE LA PAGINA*/
/*ESPACIO CONTENDO DE ELEMENTOS  INFERIORES*/
#contEventos {
	height:210px;
	width:512px;
	position:relative;
	left:30px;
	top:10px;
}
.tituloEventos
{
	position:relative;
	top:0px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	text-shadow: black 0.1em 0.1em 0.2em;
}
/*SISTEMA DE NOTICIAS*/
#tablaNews{
	position:relative;
	top:20px;
	width:513px;
	border:0px;
}
.newsImagen{
	width: 184px;
}
.newsTexto{
	width: 310px;
}
.tituloNews{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 14px;
	color:#99cccc;
}
.subtituloNews{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#ffffff;
}
/*LO NUEVO DE LA UNIVERSIDAD*/
.contGaleria {
	background-image: url(../imagen/box.png);
	background-repeat:no-repeat;
	height:245px;
	width:272px;
	position:relative;
	float:right;
	top:0px;
	
	right:0px;
}
.tituloGaleria{
	position:absolute;
	bottom:35px;
	right:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	text-shadow: black 0.1em 0.1em 0.2em;
}
.tituloNuevo{
	position:absolute;
	bottom:-10px;
	right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#99cccc;
	text-shadow: black 0.1em 0.1em 0.2em;
}
/* Galeria */

/* Menu lateral*/
#XmenuVertical{
	width:300px;
	height:300px;
	position:absolute;
	top:10px;
	z-index:10;
	left: -25px;
}
#XmenuS li a{   
    font-family:Arial, Helvetica, sans-serif;
	/*text-shadow: black 0.1em 0.1em 0.2em;*/
	font-size: 12px;
	color:#ffffff;
	padding-left:35px;	
	text-decoration:none;	
}
#XmenuS ul { 
	list-style-type: none;
	z-index:10;
}
/*ok*/
#XmenuS ul li{ 
	width: 242px;
	text-align:right;
	padding: 5px 8px 5px 0px;
	position: relative;
}
#XmenuS ul li ul li{
	padding:0px;
}
#XmenuS ul li.nivelT { 
	width: 255px;
	background-image:url(../imagen/relleno1_01.png);
	background-repeat:no-repeat;
}
#XmenuS ul li.nivelB { 
	width: 255px;
	background-image:url(../imagen/relleno1_03.png);
	background-repeat:no-repeat;
}
#XmenuS ul li.nivelM { 
	width: 255px;
	background-image:url(../imagen/relleno1_02.png);
	background-repeat:repeat-y;
}
#XmenuS li ul li a{
	display: block;
	text-decoration: none;
	padding: 8px 4px 8px 0px;
	color:#006699;
	width: 251px;
}
/*resaltador de opciones*/
#XmenuS ul li a:hover{
	color: #006600;
}
#XmenuS ul li ul {
	display: none;
}
#XmenuS ul li:hover ul{
	display: block;
	position: absolute;left: 242px;
	top:0px;
}
/*Efecto transparente de fondo*/
#XmenuS ul li ul li a:hover {
	background-image:url(../imagen/sub.png);
	color: #003300;
}
/*--------IMAGEN PRINCIPAL A ROTAR-----------*/
.XtituloImgP{   
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size: 18px;
	/*letter-spacing: -0.2pt;*/
	color:#ffffff;
	position:absolute;
	left:35px;
	top:12px;
}
.XimagenP {
	background-image:url(../imagen/s.png);
	background-repeat:no-repeat;
	height:318px;
	width:583px;
	position:absolute;
	top:2px;
	left:16px;
	z-index:0;
}
#XimagenPNG{
	position:absolute;
	top:45px;
	left:23px;
	width:541px;
	height:240px;
}
/*CAJITAS PEQUEÑAS  VERDES*/
#Xcontenido2{
	position: absolute;
	left:0px;
	top:300px;
	width:850px;
	height: 450px;
}
.Xcuadros { 
	height:200px; 
	width:600px; 
	/*background-color:;*/
	position:relative;
	margin-left:30px;
 	margin-top:25px;
}
.Xcuadro1{
	position:relative; 
	height:200px;
	width:284px;   
	float:left; 
}
.Xcuadro2{
	position:relative;
	height:200px;
	width:284px;   
	float:right;
}
/*CAJITAS PEQUEÑAS  VERDES*/
.Xcajaarriba{
	height:28px;
	width: 284px;
	background-image: url(../imagen/sa_01.png);
	background-repeat: no-repeat;	
}
.XtituloCaja{
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size: 12px;
	color: #ffffff;
	left: 613px;
}
.Xcajamedio{
	position:relative;
	left:1px;
	top:0px;
	width: 282px; /*se suman 2 pixeles que hay el las orillas da 284*/
	height:138px;
}
.XtextoCuadro{
	margin-right:5px;
	width:274px;
	color: #006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
}
.Xcajaabajo {
	height:14px;
	background-image: url(../imagen/sa_03.png);
	background-repeat: no-repeat;
	position:relative;
	top:0px;
} 
#Xhoja {
	width: 71px;
	height:111px;
	position:absolute;
	background-image:url(../imagen/hoja.png);
	background-repeat:no-repeat;
	right:-70px;
	top:90px;
}
#Xpapel {
	width: 124px;
	height:106px;
	position:absolute;
	background-image:url(../imagen/papel.png);
	background-repeat:no-repeat;
	left:-30px;
	top: 82px;
}
#XpostTip{
	width: 144px;
	height:136px;
	position:absolute;
	background-image:url(../imagen/post.png);
	background-repeat:no-repeat;
	left:-20px;
	top: 48px;
}
/*PARTE BAJA DE LA PAGINA*/
/*ESPACIO CONTENDO DE ELEMENTOS  INFERIORES*/
#XcontEventos {
	height:210px;
	width:512px;
	position:relative;
	left:30px;
	top:10px;
}
.XtituloEventos
{
	position:relative;
	top:0px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	text-shadow: black 0.1em 0.1em 0.2em;
}
/*SISTEMA DE NOTICIAS*/
#XtablaNews{
	position:relative;
	top:20px;
	width:513px;
	border:0px;
}
.XnewsImagen{
	width: 184px;
}
.XnewsTexto{
	width: 310px;
}
.XtituloNews{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 14px;
	color:#99cccc;
}
.XsubtituloNews{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#ffffff;
}
/*LO NUEVO DE LA UNIVERSIDAD*/
.XcontGaleria { 
	/*background-image:url(../imagen/elementos_09.png);*/
	background-repeat:no-repeat;
	height:210px;
	width:242px;
	position:relative;
	float:right;
	top:10px;
	right:0px;
}
.XtituloGaleria{
	position:absolute;
	bottom:25px;
	right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	text-shadow: black 0.1em 0.1em 0.2em;
}
.XtituloNuevo{
	position:absolute;
	bottom:-10px;
	right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#99cccc;
	text-shadow: black 0.1em 0.1em 0.2em;
}