/*
 * 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/fondo-azul.jpg) repeat-x #6091AD;
	font-family:Trebuchet MS, Arial, Verdana, Serif;
	font-size:12px;
	
		}
		
		.main{
			background:#fff;
			margin:0 auto;
			width:950px;
			position:relative;
			margin-top:-9px; 
		
		}
				
		.header{
		background:url(images/header.jpg) repeat-x;
			margin-top:10px;
			height:130px;
			position: relative;
			color:#000000;
			}
			.header a{
			color:#000000;
			}
		.header .logo {
	    margin-left:13px;
		margin-top:10px;
		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:3px;
		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 #333;

	 }
	 
	 .menu-arriba li a{
	 padding: 3px 10px;
	 font-size:13px;
	 }
	 .menu-arriba  ul li a:hover{
	background:url(images/menuazul.jpg);
	color:#FFFFFF;
	}
	 
	 .cuerpo {
	 position: relative;
	 width: 566px;
	 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:#fff;
		padding: 5px 5px;
		}
		.cuerpo .texto-contenido ul li {
		background: url(images/vinetas-azul.jpg) no-repeat 0 5px; 	 
		 margin-left: 30px;	
		 padding-left: 11px;
		 color:#fff;
	
		}
		.cuerpo .contenido h3{
		background:url(images/fon-titulocontenido.jpg) no-repeat left bottom;
		font-size:18px;
		padding:0 0 10px;
		}
		
	.main  .derecha{
		border-left:1px dashed #3C7BA7;
		float:left;
		width: 310px;
		margin: 5px 0 0 10px ;
		padding-left:7px;
	}
	
	
	.main  .derecha .widget{
		border-bottom:1px dashed #3C7BA7;
		padding: 5px 10px;
		padding-left:8px;
	}

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

	.cuerpo .contenido .widget-azulito{
		background:#8DD4F2;
		padding:5px 10px;
		-moz-border-radius:5px;
	}
	.cuerpo .contenido .widget-azulito h3{
		font-size:14px;
		padding:5px 10px;	
	}
		.main .final{
		background:#0B435E;
		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 #fff;
	padding: 0 2px;
	display:inline;
	padding-top:0px,
		}
		.final .menu-final ul  li a{
	padding: 5px;
	color:#fff;
	font-size:11px;
	
	}
	
		 .final .menu-final ul li a:hover{
	color:#000000;
	background-color: #FFFFFF;
	}
		.final .direccion-de-final {
	width: 80%;
	margin:0 auto;
	text-align:center;
	color:#ccc;
	margin-top: 20px; 
		}
		
	.dir-abajo{
	width: 950px;
	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:#6694AE;
	}
	.sistemex a{ 
	background:url(images/logo-sistemex.gif) no-repeat;
	height: 19px;	
	right:0px;
	top:10px;
	position: absolute;
	width: 140px;
	color:#ACC6D4;
			 }
	.dir-abajo a:hover{color:#6694AE;}
		 
	/** maquetacion del sitio web. Berenice Be Poox ****/
					.body form input.boton{background:#008CBB;color:#fff;border:1px solid #f2f2f2;margin-right:100px;}
		.body form input.boton:hover{background:#333333; color:#fff;}