body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	         padding: 0px;

          margin: 0px;

background-image: url(images/barrax.jpg);

background-repeat: repeat-x;

}

.fondo {

 	background-image: url(images/fondo.jpg);

	background-repeat: repeat-x; 

	   }

.banner-principal {

	background-image: url(images/banner-principal.jpg);

	background-repeat: no-repeat;

	background-position: right;

}

.fondo-lateral {

	background-image: url(images/fondo-lateral.jpg);

	background-repeat: repeat-x;

}

.menulateral {

	background-image: url(images/menu-lateral.jpg);

	background-repeat: no-repeat;

	font-family: "Times New Roman", Times, serif;

	font-size: 20px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

	text-align: right;

}

TABLE.lateral

{

	background-image: url(images/fondo-lateral.jpg);

	background-repeat: repeat-x;



	border: 1px solid #B5C466;



	margin: 4px;



	padding: 4px;



}



TABLE.universidad



{



	background-image: url(images/fondo-lateral.jpg);



	background-repeat: repeat-x;



	border: 1px solid #FF9300;



	margin: 4px;



	padding: 4px;



}







.la-universidad {	border: 1px solid #FF3515; BACKGROUND: #FF3515; }



.fondo-la-universidad {border: 1px solid #FF3515;	background-image: url(images/la-universidad.jpg);	background-repeat: repeat-x;}







.areas-academicas {	border: 1px solid #FF8D00; BACKGROUND: #FF8D00;  }



.fondo-areas-academicas { border: 1px solid #FF8D00;	background-image: url(images/academico-fondo.jpg);	background-repeat: repeat-x;}







.centro-de-informacion {	border: 1px solid #3ECB41; BACKGROUND: #3ECB41;}



.fondo-centro-de-informacion { border: 1px solid #3ECB41;	background-image: url(images/centro-informacion.jpg);	background-repeat: repeat-x;}







.educacion-a-distancia {	border: 1px solid #7D8688;BACKGROUND: #7D8688;}



.fondo-educacion-a-distancia { border: 1px solid #7D8688;	background-image: url(images/educacion-distancia.jpg);	background-repeat: repeat-x;}







.red-social {	border: 1px solid #8661B4; BACKGROUND: #8661B4;}



.fondo-red-social { border: 1px solid #8661B4;	background-image: url(images/red-social.jpg);	background-repeat: repeat-x;}







.inversion-y-descuentos {	border: 1px solid #6384C6;BACKGROUND: #6384C6; }



.fondo-inversion-y-descuentos { border: 1px solid #6384C6;	background-image: url(images/inversion-descuentos.jpg);	background-repeat: repeat-x;}







.contacto {	border: 1px solid #D34A4A; BACKGROUND: #D34A4A;}



.fondo-contacto { border: 1px solid #D34A4A;	background-image: url(images/contacto.jpg);	background-repeat: repeat-x;}







.blog-noticias {border: 1px solid #87AB9A; BACKGROUND: #87AB9A; }



.fondo-blog-noticias { border: 1px solid #87AB9A;	background-image: url(images/blog-noticias.jpg);	background-repeat: repeat-x;}











TABLE.blog {



	border: 1px solid #000000;



}



TABLE.academico {



	border: 1px solid #FF9300;



}



.fondo-blog {



	background-image: url(images/blog-fondo.jpg);



	background-repeat: repeat-x;



}



.fondo-academico {



	background-image: url(images/academico-fondo.jpg);



	background-repeat: repeat-x;



}



.titulos {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

}



.titulo1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #003366;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}



.titulo {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FF9900;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}

.titulos3 {



	font-family: "Times New Roman", Times, serif;



	font-size: 20px;



	font-weight: bold;



	color: #006699;



	text-decoration: none;



}



.titulos2 {



	font-family: "Times New Roman", Times, serif;



	font-size: 20px;



	font-weight: bold;



	color: #000000;



	text-decoration: none;



}







a.titulos2:hover {



	font-weight: normal;



	color: #000000;



	text-decoration: none;



}



.pie {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	font-weight: normal;



	color: #FFFFFF;



	text-decoration: none;



}



a.pie:hover {



	text-decoration: underline;



}



.menu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	padding-right: 4px;

	padding-left: 4px;

}

A.menu:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFAC59;

	text-decoration: none;

	padding-right: 4px;

	padding-left: 4px;

	background-color: #FFFFFF;

}



A.titulo1:hover {

	font-family: Verdana;

	font-size: 13px;

	color: #FFAC59;

	font-weight: bold;

	text-decoration: none;

	font-style: normal;

}

.menupeque {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFFFFF;

	text-decoration: none;

}



.sesion2 {



	color : #FFFFFF;



	font-size : 10px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



	text-align: right;



	vertical-align: bottom;



	padding-bottom: 6px;



}



A.sesion2:hover {



	text-decoration: underline;



	color: #99CC00;



}



.sesion {



	color : #99CC00;



	font-size : 12px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



	text-align: right;



	vertical-align: bottom;



	padding-bottom: 6px;



}



A.sesion:hover {



	color : #99CC00;



	text-decoration: underline;







}



.avisos {



	color : #003366;



	font-size : 11px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



}

a {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #CC3300;

text-decoration: none;

}

a:hover {

TEXT-DECORATION: underline;

color: #CC6600;

}

div {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #000000;

text-decoration: none;

font-weight: normal;

}



.enlace {



	color : #2D84C4;



	font-size : 12px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



}



a.enlace:hover {



	color : #0AA9F5;



	font-size : 12px;



	font-weight: normal;



	text-decoration: underline;



	line-height: normal;



	font-family: Verdana, Arial, Helvetica, sans-serif;



}



h1 {



	color : #000000;



	font-size : 12px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



}



.h2 {



	color : #2D84C4;



	font-size : 14px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



}



.blogfecha



{



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #FFCC66;



	text-decoration: none;



	font-weight: bold;



}



.enlace2 {



	color : #666666;



	font-size : 11px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: underline;



}



.enlace3 {



	color : #CC3300;



	font-size : 11px;



	font-family : Verdana, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



}



a.enlace2:hover {



	color : #000000;



	font-size : 11px;



	font-weight: normal;



	text-decoration: none;



	line-height: normal;



	font-family: Verdana, Arial, Helvetica, sans-serif;



}



.enlace4 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #FF0000;



	text-decoration: none;



	padding-top: 5px;



	padding-right: 10px;



	padding-bottom: 5px;



	padding-left: 10px;



}



a.enlace4:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #FFFFFF;



	text-decoration: none;



	background-color: #FF0000;



}



.enlace5 {



	color : #57A1D9;



	font-size : 11px;



	font-family : Geneva, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: none;



}



.enlace5:hover {



	color : #A7CEEB;



	font-size : 11px;



	font-family : Geneva, Arial, Helvetica, sans-serif;



	font-weight: normal;



	text-decoration: underline;



}



.cumpleanos {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 9px;



	color: #999999;



	text-decoration: none;



}







.blanco {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	color: #FFFFFF;



	font-weight: bold;



}



.mensaje {



	font-family: Arial, Helvetica, sans-serif;



	color: #FFFFFF;



	background-color: #FF0000;



	width: 100%;



	text-align: center;



}



.mensaje2 {



	font-family: Arial, Helvetica, sans-serif;



	color: #CC6600;



	font-size: 11px;



}





.nombre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;



}



.nombrecolegiados {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #003366;

	text-decoration: none;

	font-weight: bold;

}

.nombreprograma {



	font-family: "Times New Roman", Times, serif;



	font-size: 25px;



	font-weight: bold;



	color: #003366;



	text-decoration: none;



}



.peque {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	font-weight: normal;



	color: #333333;



	text-decoration: none;



}



A.peque:hover {



	text-decoration: underline;



}



.letras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}



A.letras:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #000000;



	text-decoration: underline;



}



.letras1 {



	font-family: Arial, Helvetica, sans-serif;



	color: #333333;



	font-weight: normal;



	font-size: 12px;



	text-decoration: none;



}



A.letras1:hover {



	color: #333333;



	font-weight: normal;



	text-decoration: underline;



}



.letras2 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight: normal;



	color: #666666;



	text-decoration: none;



}



A.letras2:hover {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight: normal;



	color: #000000;



	text-decoration: underline;



}



.letras3 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 15px;



	font-weight: normal;



	color: #666666;



	text-decoration: none;



}



.letras4 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #FF0000;



	font-weight: normal;



}



.letras5 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 13px;



	color: #000000;



	font-weight: normal;



	text-decoration: none;



}



.letras6 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #4D799B;



	font-weight: normal;



	text-decoration: none;



}



.letras7 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #4D799B;



	font-weight: normal;



	text-decoration: none;



}



A.letras7:hover {



	color: #4D799B;



	font-weight: normal;



	text-decoration: underline;



}



A.letras6:hover {



	color: #4D799B;



	font-weight: normal;



	text-decoration: underline;



}



.pagina {



	font-family: "Times New Roman", Times, serif;



	font-size: 13px;



	color: #000000;



	text-decoration: none;



}



A.pagina:hover {



	color: #000000;



    text-decoration: underline;



}



.comunidad {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #999999;



	text-decoration: none;



}



A.comunidad:hover {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #999999;



	text-decoration: underline;



}



.bloglaw {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #0099CC;



	text-decoration: none;



}



a.bloglaw:hover {



font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #0099CC;



	text-decoration: underline;



}



TABLE.tarjeta {



	height: 178px;



	width: 350px;



	border-top-width: 1px;



	border-right-width: 4px;



	border-bottom-width: 4px;



	border-left-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-top-color: #666666;



	border-right-color: #999999;



	border-bottom-color: #999999;



	border-left-color: #666666;



}



TABLE.titulosweb {



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #7DA4BF;



}



.tarjeta {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 14px;



	font-style: italic;



	font-weight: bold;



	text-decoration: none;



	color: #000000;



}



.tarjeta2 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	font-weight: normal;



	color: #333333;



	text-decoration: none;



}



.tabla1 {



	background-color: #F7F7F7;



	border: 1px solid #EFEFEF;



}



A.cumpleanos:hover {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 9px;



	color: #FF6600;



	text-decoration: underline;



}



.logintexto {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 18px;



	color: #999999;



}







.logintitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #003366;
	text-decoration: none;
}



.loginaplicacion {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 17px;



	color: #FFFFFF;



	font-weight: normal;



}



.blanco {



	font-size: 12px;



	font-weight: bold;



	color: #FFFFFF;



	text-decoration: none;



	font-family: Arial, Helvetica, sans-serif;



}







.blanco1 {



	font-size: 12px;



	font-weight: normal;



	color: #FFFFFF;



	text-decoration: none;



	font-family: Arial, Helvetica, sans-serif;



}



A.blanco1:hover {



	font-family: Arial, Helvetica, sans-serif;



	color: #FFFFFF;



	font-weight: normal;



	text-decoration: underline;



}



.blanco2 {



	font-size: 12px;



	font-weight: normal;



	color: #FFFFFF;



	font-family: Arial, Helvetica, sans-serif;



	font-style: italic;



}



.derechoteca {



	font-size: 11px;



	font-weight: bold;



	color: #FFFFFF;



	text-decoration: none;



	font-family: Arial, Helvetica, sans-serif;



}







.cuadrolista TD {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px

}

.cuadrolista TR:hover {

	BACKGROUND: #E2E9EF

}

.cuadrolista TH {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #ddd; PADDING-BOTTOM: 5px; FONT: 11px Verdana,Arial,Helvetica,sans-serif; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid

}

.cuadrolista {

	MARGIN-BOTTOM: 2em;

	WIDTH: 777

}



.tabla2 {

	background-color: #FFFFFF;

	border: 1px solid #EFEFEF;

}



#lateral{



	float:right;



	}



.cuadroforo {

	background-color: #F7F7F7;

	margin-top: 6px;

	margin-bottom: 6px;

	border: 1px solid #CCCCCC;

	padding: 4px;

}



.letrasnoticias {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	background-color: #DF4F09;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	font-size: 11px;

	font-weight: bold;

}

.titulogoogle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #0000FF;

	text-decoration: underline;

	font-weight: bold;

}

.letragoogle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

}

.linkgoogle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #00CC33;

	text-decoration: underline;

}

	



	



<!-- inicio-- cuadro sombra preinscripcion 

#cont{

   text-align:center;

   padding: 5px;

   margin: 0 auto;

}

#sombra{

   margin:10px;

   background:#CCCCCC; 

   border: solid 1px #CCCCCC; 

}

#text{

   border:solid 1px #CCCCCC;
   margin:-7px 3px 3px -6px;

   padding:2px;
   background:#FFFFFF; 
}



.titulorojo{
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
<!-- fin-- cuadro sombra preinscripcion 

 inicio- cuadro con bordes redondeados 



.cuadro1 { background: #e1fcda;}
.cuadro1_top div {   background: url(images/cuadro1_1.png) no-repeat top left;}
.cuadro1_top {   background: url(images/cuadro1_2.png) no-repeat top right;}

.cuadro1_bottom div {   background: url(images/cuadro1_3.png) no-repeat bottom left;}
.cuadro1_bottom {   background: url(images/cuadro1_4.png) no-repeat bottom right;}
.cuadro1_top div, .cuadro1_top, 
.cuadro1_bottom div, .cuadro1_bottom {   width: 100%;   height: 15px;
   font-size: 1px;

}
.cuadro1_contenido{ margin: 0 15px; }
 fin- cuadro con bordes redondeados 
 inicio- cuadro con bordes redondeados 
.cuadro2 {
   background: #537297;
}
.cuadro2_top div {   background: url(images/cuadro2_1.png) no-repeat top left;}

.cuadro2_top {   background: url(images/cuadro2_2.png) no-repeat top right;}

.cuadro2_bottom div {   background: url(images/cuadro2_3.png) no-repeat bottom left;}
.cuadro2_bottom {   background: url(images/cuadro2_4.png) no-repeat bottom right;

}

.cuadro2_top div, .cuadro2_top, 

.cuadro2_bottom div, .cuadro1_bottom {

   width: 100%;
   height: 15px;
   font-size: 1px;
}
.cuadro2_contenido{ margin: 0 15px; }
 fin- cuadro con bordes redondeados