@charset "utf-8";
/* CSS Document */

/* navigation */
	#nav {
		background:#CCC;
		border-bottom:1px solid #CCCCCC;
		height:380px;
		width:745px;
	}
	
	#nav ul {	
		width:600px;
		margin:0 auto;	
	}
	
	#nav li {	
		float:left;
		padding-left:1px;
		width:175px;
		list-style-type:none;
		text-align:center;
		margin-top:20px;
	}
	
	#nav a {
		color:#333333;
		display:block;
		padding:15px 0 15px 15px;
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		height:122px;
		text-decoration:none;
	}	
	
	#nav a.current {
		background-color:#8f9aa9;
	}
	
	#nav img {
		background-color:#fff;
		margin:0px 0 5px 0;
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:11px;
	}
	
	/* panes */
	#panes {
		background:#fff url(../img/h300_reverse.png) repeat scroll 0 0;
		border-color:#ccc;
		border-style:solid;
		border-width:1px 1px 0;
		width:743px;	
		height:255px;
		margin-bottom:-20px;
		padding-bottom:20px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:20px;
		left:20px;
		font-size:13px;
		color:#444;	
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#666;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:0;
		font-size:18px;
		font-weight:normal;
		font-family:arial;
		font-weight: bold;
		padding-bottom:10px;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}

/*-------------------------DOCTORADO---------------------------*/

.refactor_general_mega{
    width: 189px;
    float: left;
}

.refactor_general_mega a{
    color: #333;
}              

.refactor_general_mega a:hover{
    color: #EA008A;
}

.cont_top {
	margin-top:40px;
}

.agricola {
	background-image:url(/media/img/agricola.jpg);
	height:189px;
	width:189px;
	float:left;
}

.medicas {
	background-image:url(/media/img/medicas.jpg);
	height:189px;
	width:189px;
	float:left;
}

.naturales {
	background-image:url(/media/img/naturales.jpg);
	height:189px;
	width:189px;
	float:left;
}

.sociales {
	background-image:url(/media/img/sociales.jpg);
	height:189px;
	width:189px;
	float:left;
}

.humanidades {
	background-image:url(/media/img/humanidades.jpg);
	height:189px;
	width:189px;
	float:left;
}

.ingenieria {
	background-image:url(/media/img/ingenieria.jpg);
	height:189px;
	width:189px;
	float:left;
}
.bloque_negro {
	float:left;
	height:30px;
	width:169px;
	padding:10px;
	margin-top:139px;
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

.bloque_mar {
	margin-right:50px;
}

.bloque_txt {
	color:#333;
	font-size:11px;
	margin-bottom:50px;
}
	

.bloque_sin {
	margin-right:0;
}

/*-------------------------DOCTORADO---------------------------*/



/*-------------------------DOCTORADO INTERIOR---------------------------*/

.agricola_int {
	/*background-image:url(/media/img/agricola_int.jpg);*/
	width:301px;
	height:532px;
}

.agricola_int_cuadro {
	background-color:#0f2635;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	
}

.rosado_txt {
	color:#EA1E79;
	font-weight:bold;
}

.azul_txt, .azul_txt a {
	color:#003366 !important;
	font-weight:bold;
}

.text_marg {
	margin-bottom:50px;
}

#programa_interior_arreglo {
    position:relative;
}
#programa_interior_arreglo span {
    position:absolute;
    top:0;
    left:0;
    background-color:#0f2635;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    padding:5px;
    width: 291px;
    filter:alpha(opacity=70);
	opacity:0.7;
}


/*-------------------------DOCTORADO INTERIOR---------------------------*/                                   






/* caption styling */         

.bloque_negro {
	float:left;
	height:30px;
	width:169px;
	padding:10px;
	margin-top:139px;
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1em 10px 1.7em 10px;	
	font-weight: bold;
	font-size: 14px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 0px 0px;
}
.caption-bottom {
   border-width: 0px 0px 0px 0px;
   width:169px !important;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
	border:none !important;
}

/*-------------------------QUIENES SOMOS---------------------------*/

.uestado {
	padding-right:10px;
}

.flecha {
	display:block;
	background-image:url(../img/flecha.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	margin:0;
}

/*-------------------------QUIENES SOMOS FIN---------------------------*/
      
