/*noticias UCC CSS by AF Soft*/
img, div, input { behavior: url(iepngfix.htc) }

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	word-wrap: break-word;
}

#mainContainer{
	width: 954px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header{
	width: 100%;
	height: 372px;
	padding-top: 1px;
	position: relative;
	z-index: 100;
}

	.headerMain{
		width: 100%;
		height: 305px;
		margin-top: 15px;
		background: #30367d; /*DYNAMIC*/
		padding-top: 1px;
		position: relative;
	}
	
		.colorEdicion{
			color: #30367d; /*DYNAMIC*/
			font-size: 16px;
		}
	
		.headerTitle{
			background: url('../images/title.png') no-repeat;
			width: 199px;
			height: 268px;
			padding-top: 30px;
			margin: -17px 0px 0px 30px;
			position: relative;
			float: left;
			display: inline;
		}
		
			.headerTitle span{
				margin-left: 85px;
				display: block;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
			}
			
			.headerTitle .issn{
				color: #999;
			}
			
			.headerTitle .numero{
				color: #FFF;
				margin-top: 86px;
			}
			
			.headerTitle .fecha, .headerTitle .universidad{
				color: #FFF;
				margin-top: 17px;
			}
		.headerMain h1{
			margin: 0px;
			padding: 0px;
			z-index: 5;
		}
		
		.headerMain h1 a{
			position: absolute;
			display: block;
			width: 50px;
			height: 250px;
			top: 0px;
			left: 50px;
			z-index: 5;
		}
		
		.headerMain h1 span{
			display: none;
		}	
			
		.headerMain h2{
			display: block;
			font-family: Georgia, serif;
			font-size: 50px; /*DYNAMIC*/
			margin: 40px 300px 0px 250px;
			color: #FFF;
			line-height: 0.85em;
			position:relative;
			z-index: 2;
		}
		
		.headerMain .smallH2{
			display: block;
			font-family: Georgia, serif;
			font-size: px; /*DYNAMIC*/
			margin: 20px 300px 20px 250px;
			color: #FFF;
			line-height: em;
			position: relative;
			z-index: 2;
		}
		
		.headerMain .escriben{
			margin: 0px 300px 0px 20px;
			color: #FFF;
			font-size: 14px;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			position: relative;
			z-index: 2;
		}
		
		.headerMain .imagenRevista{
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 1;
		}
		
		.headerMain .volverActual{
			position: absolute;
			bottom: 10px;
			left: 36px;
			z-index: 10;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #FFF;
			text-decoration: none;
		}
		
	.mainNav{
		width: 100%;
		height: 31px;
		margin: 3px 0px 0px 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	.mainNav li{
		float: left;
		display: inline;
		position: relative;
	}
	
		.menuNav{
			width: 174px;
			position: absolute;
			top: 41px;
			left: -9px;
			display: none;
			padding: 12px 0px 12px 0px;
			z-index: 200;
		}
		
			.menuTop{
				width: 174px;
				height: 12px;
				background: url('../images/menuTop.png') no-repeat;
				position: absolute;
				top: 0px;
				left: 0px;
				overflow: hidden;
			}
			
			.menuBottom{
				width: 174px;
				height: 12px;
				background: url('../images/menuBottom.png') no-repeat;
				position: absolute;
				bottom: 0px;
				left: 0px;
				overflow: hidden;
			}
			
			.menuContent{
				width: 174px;
				height: 250px;/*plus 24 per item*/
				background: url('../images/menuBg.png') repeat-y;
				padding-top: 1px;
				
			}
	
	.mainNav li a{
		float: left;
		display: block;
		height: 31px;
		width: 159px;
		text-align: center;
		background: url('../images/menuButton.jpg') no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #CCCCCC;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		padding-top: 17px;
	}
	
	.mainNav li a:hover, .index .mainNav .homeMenu, .suscribase .mainNav .suscribaseMenu, .agenda .mainNav .agendaMenu, .archivo .mainNav .archivoMenu, .contacto .mainNav .contactoMenu{
		color: #30367d; /*DYNAMIC*/
	}
	
		.menuContent ul{
			margin: 6px 0px 0px 20px;
			padding: 0px;
		}
	
		.menuContent li a{
			height: 18px;
			width: 123px;
			background: none;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #FFF;
			font-weight: normal;
			text-decoration: none;
			text-transform: none;
			padding-top: 5px;
			padding-left: 7px;
			border-bottom: 1px solid #333;
			border-left: 2px solid #000;
			margin-left: 0px;
		}
		
		.menuContent ul li:last-child a{
			border-bottom: 0;
		}
		
		.menuContent li a:hover{
			color: #30367d; /*DYNAMIC*/
			border-left: 2px solid #30367d; /*DYNAMIC*/
		}

#content{
	width: 100%;
}

	.col{
		float: left;
		margin-right: 8px;
	}
	
	.last{
		margin-right: 0px;
	}
	
	.first{
		margin-left: 1px;
	}
	
	.small{
		width: 232px;
	}
	
	.smaller{
		width: 232px;
		-width: 230px;
		margin-left: 4px;
		margin-right: 0px !important;
	}
	
	.calendarCol{
		width: 172px;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.agendaBody h3{
		color: #30367d; /*DYNAMIC*/
		font-family: Georgia, serif;
		font-size: 15px;
		font-weight: normal;
		margin: 0px 0px 0px 30px;
	}
	
	.medium{
		width: 472px;
	}
	
	.leftText{
		width: 323px;
		padding-right: 30px;
		margin-bottom: 20px;
	}
	
	.noticiaBody{
		width: 593px;
		margin-right: 0px;
	}
	
	.agendaBody{
		width: 782px;
		margin-left: 0px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	
	.eventsCol{
		width: 354px;
		margin-left: 7px;
		margin-right: 0px;
		display: inline;
	}
	
		.eventDay{
			width: 100%;
		}
		
		.eventDay .eventDayName{
			float: left;
			width: 112px;
		}
		
			.eventDay .eventDayName h5{
				margin: 0px;
				padding: 0px 0px 4px 0px;
				text-align: right;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
				color: #30367d; /*DYNAMIC*/
				border-bottom: 2px solid #30367d; /*DYNAMIC*/
			}
		
		.eventDay .portaEvents{
			width: 231px;
			float: left;
		}
		
		.eventDay .eventDayEvents{
			width: 231px;
			margin-left: 5px;
			padding: 5px 3px 5px 3px;
		}
			
			.eventDay  .even{
				background-color: #FFF;
			}
			
			.eventDay  .odd{
				background-color: #E7E7E8;
			}
		
			.eventDay .eventDayEvents p{
				margin: 0px;
				font-size: 11px;
			}
	
	.clearer{
		clear: both;
	}
	
	.topTitle{
		background-color: #30367d; /*DYNAMIC*/
		padding: 9px 10px 6px 10px;
		width: 934px;
		margin: 3px 0px 13px 0px;
	}
	
	.archivo .topTitle{
		margin: 3px 0px 3px 0px;
	}
	
		.topTitle .contentLinks{
			float: right;
			width: 470px;
			text-align: right;
			line-height: 17px;
			margin: 5px 0px 10px 0px;
		}
		
		.topTitle .contentLinks a{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			white-space: nowrap;
			margin-right: 6px;
			text-decoration: none;
		}
		
		.topTitle .contentLinks span{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #FFF;
			text-transform: uppercase;
			white-space: nowrap;
			margin-right: 16px;
			text-decoration: none;
		}
		
		.topTitle .contentLinks a:hover{
			text-decoration: underline;
		}
		
	.coloredText{
		color: #30367d; /*DYNAMIC*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin: 20px 0px 10px 0px;
	}
		
	.leftText h3{
		color: #30367d; /*DYNAMIC*/
		font-family: Georgia, serif;
		font-size: 29px;
		font-weight: normal;
		margin: 20px 0px 10px 0px;
	}
	
	.bigTitle{
		background-color: #30367d; /*DYNAMIC*/
		padding: 9px 10px 6px 10px;
		width: 452px;
		margin: 7px 0px 13px 0px;
	}
	
	.bigTitle2{
		background-color: #30367d; /*DYNAMIC*/
		padding: 15px 10px 15px 10px;
		width: 452px;
		margin: 3px 0px 13px 0px;
	}
	
	.noticiaBody .bigTitle, .noticiaBody .bigTitle2{
		width: 573px;
	}
	
	.smallTitle{
		background-color: #30367d; /*DYNAMIC*/
		padding: 9px 10px 9px 10px;
		width: 212px;
		margin: 7px 0px 13px 0px;
	}
	
		.topTitle a, .bigTitle a, .bigTitle2 a, .smallTitle a{
			font-family: Georgia, serif;  /*DYNAMIC*/
			color: #FFF;
			font-weight: normal;
			text-decoration: none;
		}
	
		.topTitle h3, .bigTitle h3, .bigTitle2 h3, .smallTitle h3{
			margin: 0px;
			padding: 0px;
			font-family: Georgia, serif;  /*DYNAMIC*/
			color: #FFF;
			font-size: 23px;
			font-weight: normal;
		}
		
		.topTitle .smallH3, .bigTitle .smallH3, .smallTitle .smallH3{
			font-size: 15px;
		}
		
	.imageHome{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.topWord{
		display: block;
		margin: 7px 0px 5px 0px;
		font-family: Georgia, serif;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
	}
	
	.noticiaBody .topWord{
		margin: 0px 0px 5px 0px;
	}
	
	.linksList{
		border-top: 1px solid #CCC;
		margin-top: 13px;
		margin-bottom: 13px;
	}
	
		.linksList ul{
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		
		.linksList li{
			margin: 0px;
			padding: 0px;
			border-bottom: 1px solid #CCC;
			padding: 0px 0px 7px 0px;
		}
		
		.linksList a{
			display: block;
			text-decoration: none;
			color: #30367d; /*DYNAMIC*/
			font-family: Georgia, serif;  /*DYNAMIC*/
			font-weight: normal;
			font-size: 17px;
		}
		
		.linksList span{
			color: #666;
			font-size: 10px;
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			display: block;
			margin: 7px 0px 0px 0px;
			line-height: 17px;
		}
	
	p{
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
	}
	
	.footNote{
		width: 543px;
		background-color: #999;
		padding: 5px 15px 1px 15px;
		.padding: 15px 15px 15px 15px;
		border-top: 3px solid #30367d; /*DYNAMIC*/
		margin: 20px 0px 20px 0px;
	}
	
		.footNote .footSubTitle{
			color: #FFF;
			font-family: Georgia, serif;
			font-size: 15px;
			text-transform: uppercase;
			margin: 0px 0px 10px 0px;
			font-weight: bold;
		}
	
		.footNote p{
			color: #FFF;
			font-family: Georgia, serif;
			font-size: 13px;
		}
	
	.smallNewsImg{
		border-top: 2px solid #30367d; /*DYNAMIC*/
		border-bottom: 2px solid #30367d; /*DYNAMIC*/
	}
	
	.imagenNoticia{
		border-top: 2px solid #30367d; /*DYNAMIC*/
		border-bottom: 2px solid #30367d; /*DYNAMIC*/
		margin-right: 10px;
		margin-bottom: 8px;
		display: inline;
	}
	
	.epigrafe{
		color: #30367d; /*DYNAMIC*/
		display: inline;
		font-style: italic;
	}
	
	.copete{
		color: #30367d; /*DYNAMIC*/
		font-family: Georgia, serif;
		font-size: 13px;
	}
	
	.smalltexto{
		font-size: 11px;
		font-style: italic;
		padding-top: 15px;
		margin-top: 15px;
		border-top: #CCC solid 1px;
	}
	
	.smallpie{
		font-size: 11px;
		font-style: italic;
		padding-top: 15px;
		margin-top: 15px;
		border-top: #CCC solid 1px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif !important;
		margin-botom: 10px !important;
	}
	
	.fotoNota{
		width: 351px;
		margin: 0px 10px 0px 0px;
		-margin: 0px 0px 0px 0px;
	}
	
	.noticiaBody .subTitle, .index .subTitle{
		font-weight: bold;
		font-size: 12px;
		font-family: Georgia, serif;
		color: #30367d; /*DYNAMIC*/
		margin: 25px 0px 25px 0px;
	}
	
	.noticiaBody h6{
		font-weight: normal;
		font-size: 17px;
		font-family: Georgia, serif;
		color: #30367d; /*DYNAMIC*/
		margin: 25px 0px 25px 0px;
		border-bottom: 1px solid #CCC;
		padding: 0px 0px 10px 0px;
	}
	
	.noticiaBody .descripcion{
		color: #666;
		font-family: Georgia, serif;
		font-size: 12px;
		margin: 0px 0px 0px 0px;
	}
	
	.smallNews1{
		width: 290px;
		float: right;
	}
	
	.smallNews2{
		width: 100%;
		float: right;
	}
	
		.smallNews1 h4, .smallNews2 h4{
			margin: 0px;
			padding: 0px 0px 8px 0px;
			color: #30367d; /*DYNAMIC*/
			border-bottom: 1px solid #30367d; /*DYNAMIC*/
			font-family: Georgia, serif;
			font-size: 20px;
			font-weight: normal;
		}
		
		.smallNews1 h4 a, .smallNews2 h4 a{
			color: #30367d; /*DYNAMIC*/
			text-decoration: none;
		}
	
	.moar{
		color: #30367d; /*DYNAMIC*/
		text-transform: uppercase;
		font-size: 10px;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		display: block;
		margin: 10px 0px 10px 0px;
	}
	
	.moar:hover{
		text-decoration: none;
	}
	
	.homeCol{
		border-top: 2px solid #30367d; /*DYNAMIC*/
	}
	
	.withborder{
		height: 180px;
		border-top: 1px solid #CCC;
		padding-top: 20px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	.withoutborder{
		height: 190px;
		padding-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	.contactTable{
		width: 550px;
	}
	
	.contactTable .asterix{
		width: 40px;
		color: #CCC;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.contactTable .leField{
		width: 300px;
	}
	
	.contactTable .labeLe{
		width: 170px;
		text-align: right;
	}
	
	.contactTable label{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666;
		margin-right: 15px;
	}
	
	.contactTable .formInput{
		width: 290px;
		background-color: #E5E5E5;
		border: none;
		padding-left: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-bottom: 3px;
		.margin-bottom: 1px;
	}
	
	.contactTable .formTextarea{
		width: 290px;
		height: 170px;
		background-color: #E5E5E5;
		border: none;
		padding-left: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-bottom: 3px;
		.margin-bottom: 1px;
	}
	
	.contactTable .formInput2{
		width: 271px;
		background-color: #E5E5E5;
		border: none;
		padding-left: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-bottom: 3px;
		margin-left: -4px;
		.margin-bottom: 1px;
	}
	
	.contactTable .formSelect{
		width: 274px;
		background-color: #E5E5E5;
		border: none;
		padding-left: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-bottom: 0px;
		.margin-bottom: 1px;
	}
	
	.contactTable .formRadio{
		margin-bottom: 0px;
		.margin-bottom: 1px;
	}
	
	.aLine{
		height: 1px;
		margin: 14px 0px -14px 0px;
		overflow:hidden;
		border-top: 1px solid #CCC;
	}
	
	.camposRequeridos{
		color: #30367d; /*DYNAMIC*/
		font-style: italic;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	.tabLeft{
		padding-left: 20px;
	}
	
	.submitButton{
		color: #FFF;
		background-color: #30367d; /*DYNAMIC*/
		width: 111px;
		height: 20px;
		font-size: 10px;
		text-transform: uppercase;
		border: 0;
		margin-left: 366px;
		padding: 2px 0px 4px 0px;
		.padding: 4px 0px 4px 0px;
	}
	
	.calendar{
		width: 100%;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	
	.calendar tbody td{
		color: #999;
		background-color: #E7E7E8;
		padding: 5px 0px 5px 0px;
		border: 1px solid #FFF;
	}
	
	.calendar thead td{
		border: 1px solid #FFF;
	}
	
	.calendar thead td span{
		display: block;
		color: #30367d; /*DYNAMIC*/
		background-color: #FFF;
		padding: 2px 0px 3px 0px;
		border-bottom: 2px solid #30367d; /*DYNAMIC*/
	}
	
	.calendar tbody .today{
		color: #FFF;
		background-color: #30367d; /*DYNAMIC*/
	}
	
	.monthName{
		text-align: left;
		height: 20px;
		width: 157px;
		padding: 7px 0px 5px 15px;
		background-color: #30367d; /*DYNAMIC*/
		text-transform: capitalize;
		color: #FFF;
		font-family: Georgia, serif;
		margin-top: -10px;
		position: relative;
	}
	
	.portaRevistas{
		width: 100%;
		padding: 0px 20px 0px 20px;
		display: none;
	}
	
	.nohide{
		display: block;
	}
	
		.portaRevistas .singleMag{
			float: left;
			width: 175px;
			height: 208px;
			background-color: #F3F3F3;
			margin-right: 8px;
			margin-bottom: 4px;
			margin-top: 3px;
			position: relative;
			z-index:1;
		}
		
			.portaRevistas .pdfIcon{
				position: absolute;
				width: 16px;
				height: 16px;
				background-image: url('../images/pdf.jpg');
				top: 15px;
				left: 125px;
			}
		
			.portaRevistas .singleMag span{
				color: #666;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
				display: block;
				margin: 16px 0px 10px 32px;
			}
			
			.portaRevistas .singleMag img{
				border: 0;
				margin: 0px 0px 0px 32px;
			}
			
	.otherYear{
		width: 100%;
		height: 30px;
		background-color: #30367d; /*DYNAMIC*/
		margin-bottom: 3px;
		margin-top: 0px;
		padding-top: 1px;
		cursor: pointer;
	}
	
	.otherYear a{
		display: block;
		font-family: Georgia, serif;
		color: #FFF;
		text-decoration: none;
		font-size: 17px;
		margin: 4px 0px 0px 20px;
	}
	
	#errors{
		list-style-type: none;
	}
	
	#errors li label{
		color: #D92B31;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0px 0px 4px 0px;
		display: block;
		width: 400px;
	}

#footer{
	width: 100%;
	height: 190px;
}

	.grayFooter{
		width: 100%;
		height: 132px;
		background-color: #E7E7E8;
		border-top: 2px solid #000;
	}
	
		.grayFooter .first{
			text-align: center;
		}
	
		.imgFooter{
			margin: 30px auto 0px auto;
		}
		
		.footText, .footText2, .footText3{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #020000;
			display: block;
			margin-top: 30px;
		}
		
		.footText2, .footText3{
			font-size: 11px;
			font-style: italic;
			margin-right: 30px;
		}
		
		.footText3{
			margin-top: 20px;
		}
		
	.copyright{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		display: block;
		margin-top: 15px;
	}
	
	.brioLogo{
		float: right;
		display: block;
		margin-top: -13px;
	}
	
	.brioLogo img{
		border: 0;
	}