/*
 * Colores, tipos de letra, fondos...
 *************************************************************/

	/*	Enlaces y Cuerpo del Sitio */
		a{color:#006699;font-size:12px;text-decoration:none;font-weight:bold;}
		a:hover{text-decoration:none;color:#333;}
		body{
			color:#cccccc;
			background:url(images/background_rojo.jpg) repeat-x #ffffff;
			font-family:Trebuchet MS, Arial, Verdana, Serif;
			font-size:12px;
		}
		
		.main{
			background:#fff;
			margin:0 auto;
			width:900px;
			position:relative;
			margin-top:10px; 
		
		}
				
		.header{
		background:url(images/background_header.jpg) repeat-x;
			margin-top:10px;
			height:139px;
			position: relative;
			color:#000000;
			}
			.header a{
			color:#000000;
			}
		.header .logo {
	    margin-left:13px;
		margin-top:15px;
		display:inline;
	}
		.header .direccion-arriba{
		position: absolute;
		top:0;
		right:0px ;
		width:270px;
		padding: 13px 15px 0 10px;
		color:#000033;
		}
		.header  .menu-arriba{
		width: 100%;
		height: 30px;
		padding-top:25px;
		padding-left:20px;
		 }
	 .header .direccion-arriba2{
		position: absolute;
		top:10px;
		height: 71px;
		left:190px;
		padding-top:10px;
		float: left;
		}
		.header .direccion-arriba2 .widget{
		border-left:1px dashed #3C7BA7;
		padding-left:10px;
		height: 67px;
		}

	.menu-arriba ul li{ 
		float:left; 
		border-right:1px solid #747E80;
	 }
	 
	 .menu-arriba li a{
	 padding: 3px 10px;
	 font-size:15px;
	 color:#747E80;
	 }
	 .menu-arriba  ul li a:hover{
	background:url(images/menu_gris.jpg);
	color:#FF7B7C;
	}
	 
	 .cuerpo {
	 position: relative;
	 width: 565px;
	 margin-left: 10px;
	 margin-bottom:10px;
	 float:left;
	 }
	.cuerpo .universidad{ 
	margin-top: 10px;
		}
	.cuerpo .contenido{ 
	background:url(images/fondo-contenido.jpg) repeat-x left bottom;
	width: 100%;
	color:#000033;
	padding:0 0 10px;
		}
		
		.cuerpo .texto-contenido {
		color:#747E80;
		padding: 5px 5px;
		}
		.cuerpo .texto-contenido ul li {
		 margin-left: 30px;	
		 padding-left: 11px;
		 color:#747E80;
	
		}
		.cuerpo .contenido h3{
		font-size:18px;
		color:#FF7B7C;
		padding:0 0 10px;
		}
		
	.main  .derecha{
		border-left:1px dashed #3C7BA7;
		float:left;
		width: 300px;
		margin: 5px 0 0 10px ;
		padding-left:7px;
	}
	
	
	.main  .derecha .widget{
		border-bottom:1px dashed #747E80;
		padding: 5px 10px;
		padding-left:8px;
	}
	
	 

	.main  .derecha .widget h3{
		
		padding: 5px 10px;
		}

	.cuerpo .contenido .widget-azulito{
		background:#333333;
		padding:5px 10px;
		-moz-border-radius:5px;
	}
	.cuerpo .contenido .widget-azulito h3{
		font-size:10px;
		padding:5px 10px;	
	}
		.main .final{
		background:#f1f1f2;
		height:84px;
		
		position:relative;
		} 
		.logofinal{
		
		height:84px;
		position:absolute;
		top:0;
		left:0;
		width: 15%;
		}
		.final .menu-final{
	width: 100%;
	height: 20px;
	padding-top:10px;
	text-align:center;
 	font-size:12px;
	/*Hack para el IE respete la posicion*/ 
		}
		
		.final .menu-final ul li {
	border-right:1px solid #999999;
	padding: 0 2px;
	display:inline;
	padding-top:0px,
		}
		.final .menu-final ul  li a{
	padding: 5px;
	color:#999999;
	font-size:11px;
	
	}
	
		 .final .menu-final ul li a:hover{
	color:#000000;
	background-color: #ccc;
	}
		.final .direccion-de-final {
	width: 100%;
	text-align:right;
	margin:0 auto;
	text-align:center;
	color:#ccc;
	margin-top: 20px; 
		}
		
	.dir-abajo{
	width: 900px;
	margin:0 auto;
	position: relative;
	padding: 8px 5px 10px 0 !important;
	padding: 0px 5px 10px 0 ;
	font-size: 10px;
	color: #ccc;
	margin-top: -5px;
	z-index: auto;
	}
	.dir-abajo ul  li{
	height:15px;					
	padding: 0 15px;
	float:left; 
	}
	.dir-abajo ul  li a{
	padding: 0 10px;
	color:#ccc;
	font-weight:normal;
	font-size:15px;
	color:#E1E1E1;
	}
	.sistemex a{ 
	background:url(images/desarrollo_web_logo.png) no-repeat;
	height: 19px;	
	right:0px;
	top:10px;
	position:absolute;
	width: 90px;
	color:#ACC6D4;
			 }
	.dir-abajo a:hover{color:#ccc;}

		
		 
	/*Berenice Be Poox */