@import url(https://fonts.googleapis.com/css?family=Amaranth:400,700|PT+Sans+Narrow:400,700);

body, html { margin: 0px; padding: 0px }
body { color: #333; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; overflow-x: hidden; }
a, a:link { color: #900; text-decoration: none }
a:hover { text-decoration: underline  }
div, img { border: 0px }

.centrar { text-align: center }
.derecha { text-align: right }
.reset { clear: both }

a.Ingreso, a.Ingreso:link, a.Ingreso:hover, a.Ingreso:visited { color: #FFF; font-size: 8px; text-decoration: none; }

.a_autor, .autor { color:#333;font-family: 'Lato', sans-serif; font-size: 20px; font-weight: normal; line-height: 20px }

.a_enlacesHome, .enlacesHome { color: #34332E; font-family: 'Comfortaa', cursive; font-size: 17px; line-height:20px; font-weight: normal }

.a_introHome, .introHome { color:#666; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; line-height: 18px }

.a_menuTop, .menuTop { color: #FFF; font-family: 'Archivo Narrow', sans-serif; font-size: 18px; text-shadow: 2px 2px 2px #000 }
.a_menuTop a,.menuTop a { color: #FFF; text-decoration: none }
.a_menuTop a:hover, .menuTop a:hover { color: #F5A145; text-decoration: underline }
.a_menuTxt, .menuTxt { color: #FFF; font-family: 'Archivo Narrow', sans-serif; font-size: 15px; text-shadow:2px 2px 2px #000; font-weight: normal; word-spacing: -1pt }
.a_menuTxt a, .menuTxt a { color: #FFF; text-decoration: none }
.a_menuTxt a:hover, .menuTxt a:hover { color: #F5A145; text-decoration: underline } 

.a_NroPeriodico, .NroPeriodico { color: #E7890A; font-family: 'Comfortaa', cursive; font-size: 35px; font-weight: lighter; text-shadow: 1px 1px 1px #000 }
.a_NroPeriodicoInt, .NroPeriodicoInt { color: #E7890A; font-family: 'Comfortaa', cursive; font-size: 20px; font-weight: normal; text-shadow: 1px 1px 1px #CCC }

.a_seccion, .seccion { color: #666; font-family: 'Archivo Narrow', sans-serif;  font-size: 20px; font-weight: bold }
.a_subtitHome, .subtitHome { color: #000; font-family: 'Comfortaa', cursive; font-size: 25px; font-weight: lighter }
.a_subtitNaranja, .subtitNaranja { color: #C60; font-family: 'Lato', sans-serif; font-size: 25px; font-weight: normal; letter-spacing: -1px; line-height: 30px }
.a_subtitRojo, .subtitRojo { color: #933; font-family: 'Lato', sans-serif; font-size: 25px; font-weight: normal; letter-spacing: -1px; line-height: 30px }
.a_subtitSepia, .subtitSepia { color: #960; font-family: 'Lato', sans-serif; font-size: 25px; font-weight: normal; letter-spacing: -1px; line-height: 30px }
.a_subtitulos, .subtitulos { color: #333; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: lighter; line-height: 30px }

.a_titHome, .titHome { color: #000; font-family: 'Lato', sans-serif; font-size: 25px; font-weight: normal; letter-spacing: -1px; line-height: 23px }
.a_titHomeS, .titHomeS { color: #333; font-family: 'Archivo Narrow', sans-serif; font-size: 20px; line-height: 20px; font-weight: bold }
.a_titHppal, .titHppal { color: #000; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: normal; line-height: 35px }
.a_titHrec, .titHrec { color: #000; font-family: 'Comfortaa', cursive; font-size: 30px; font-weight: 400 }
.a_titHweb, .titHweb { color: #FFF; font-family: 'Comfortaa', cursive; font-size: 30px; font-weight: normal }
.a_titulos, .titulos { color: #000; font-family: 'Lato', sans-serif; font-size: 40px; font-weight: normal; line-height: 40px; text-shadow:2px 2px 2px #CCC }

.a_txtContenido, .txtContenido { font-size: 14px; line-height: 17px }
.a_txtCredito, .txtCredito { color: #666; font-family: 'Archivo Narrow', sans-serif; font-size: 17px; line-height: 18px; font-weight: bold; letter-spacing: 1px }
.a_txtDef, .txtDef { color: #000; line-height: 13px }
.a_txtEscrito, .txtEscrito { color: #630; font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 17px }
.a_txtH, .txtH { color: #34332E; font-family: 'Comfortaa', cursive; font-size: 17px; line-height: 20px; font-weight: normal }
.a_txtHblanco, .txtHblanco { color: #FFF; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: regular; line-height: 20px }
.a_txtHnormal, .txtHnormal { font-size: 14px; line-height: 16px }
.a_txtHome1, .txtHome1 { color: #333; font-family: 'Archivo Narrow', sans-serif; font-size: 16px; line-height: 20px }
.a_txtHomeS, .txtHomeS { font-size: 13px; line-height: 15px }
.a_txtIndice, .txtIndice { color: #000; font-family: 'Archivo Narrow', sans-serif; font-size: 17px; line-height: 20px }
.a_txtPie1, .txtPie1 { color: #FFF; font-size: 15px; line-height: 19px; text-shadow: 2px 2px 2px #000 }
.a_txtPie1 a, .txtPie1 a { color: #FFF; text-decoration: none }
.a_txtPie1 a:hover, .txtPie1 a:hover { color: #F5A145; text-decoration: underline }
.a_txtPie2, .txtPie2 { color: #FFF; line-height: 17px; text-shadow: 2px 2px 2px #000 }
.a_txtPie2 a, .txtPie2 a { color: #FFF; text-decoration: none }
.a_txtPie2 a:hover, .txtPie2 a:hover { color: #F5A145; text-decoration: underline }
.a_txtPie3, .txtPie3 { color: #FFD233; line-height: 17px; text-shadow: 2px 2px 2px #000 }
.a_txtPie3 a, .txtPie3 a { color: #FFD233; text-decoration: none }
.a_txtPie3 a:hover, .txtPie3 a:hover { color: #FFD233; text-decoration: underline }
.a_txtSmall, .txtSmall { color: #000; font-size: 12px; line-height: 12px }

.a_LPtitulo, .LPtitulo { font-family: 'Oxygen', sans-serif; font-size: 40px; font-weight: normal; line-height: 30px; color: #000; }
.a_LPtituloB, .LPtituloB { font-family: 'Oxygen', sans-serif; font-size: 80px; font-weight: normal; line-height: 40px; color: #000; }
.a_LPsubtitulo, .LPsubtitulo { font-family: 'Oxygen', sans-serif; font-size: 18px; font-weight: normal; line-height: 20px; color: #333; letter-spacing:1px; }
.a_LPtexto, .LPtexto { font-family: 'Oxygen', sans-serif; font-size: 15px; font-weight: normal; line-height: 19px; color: #333; }
.a_LPtextoS, .LPtextoS { font-family: 'Oxygen', sans-serif; font-size: 13px; font-weight: normal; line-height: 15px; color: #333; }
.a_LPtextoIntro, .LPtextoIntro { font-family: 'PT Sans Narrow', sans-serif; font-size: 21px; font-weight: normal; line-height: 25px; color: #333; letter-spacing:1px; }

.a_LPpieImagen, .LPpieImagen { font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; color: #333; letter-spacing:1px; }

.a_TitImpL, .TitImpL { color: #000; font-family: 'Lato', sans-serif; font-size: 40px; font-weight: normal; letter-spacing: -1px; line-height: 40px }
.a_TitImpS, .TitImpS { color: #000; font-family: 'Lato', sans-serif; font-size: 25px; font-weight: normal; letter-spacing: -1px; line-height: 25px }

.rotar { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }

/* Agenda */
.a_titAgSecciones, .titAgSecciones { color: #FFF; font-family: 'Comfortaa', cursive; font-size: 40px; font-weight:300;}
.a_titAgSecciones a, .titAgSecciones a {color:#FFF; text-decoration:none; }
.a_titAgSecciones a:hover, .titAgSecciones a:hover,  {color:#333; text-decoration:underline;}
.a_AgMenu, .AgMenu { color: #FFF; font-family: 'Comfortaa', cursive; font-size: 20px; font-weight:400;}
.a_TitAgVerde, .TitAgVerde { color: #528397; font-family: 'Amaranth', sans-serif; font-size: 22px; letter-spacing: -1px; line-height: 20px; }
.a_SubTitAgVerde, .SubTitAgVerde { color: #528397; font-family: 'Amaranth', sans-serif; font-size: 18px; line-height: 20px; }
.a_SubTitAgVerdeC, .SubTitAgVerdeC { color: #759CAC; font-family: 'Amaranth', sans-serif; font-size: 18px; line-height: 20px; }
.a_TitAgNar, .TitAgNar { color: #E56648; font-family: 'Amaranth', sans-serif; font-size: 22px; letter-spacing: -1px; line-height: 20px; }
.a_SubTitAgNar, .SubTitAgNar { color: #E56648; font-family: 'Amaranth', sans-serif; font-size: 18px; line-height: 20px; }
.a_SubTitAgNarC, .SubTitAgNarC { color: #EA856D; font-family: 'Amaranth', sans-serif; font-size: 18px; line-height: 20px; }
.a_SubTitAgGris, .SubTitAgGris { color: #666; font-family: 'Amaranth', sans-serif; font-size: 18px; line-height: 20px; }
.a_AgDescripcion, .AgDescripcion { font-family: 'PT Sans Narrow', sans-serif; font-size: 17px; font-weight:lighter; line-height: 18px; color: #333; }
div.AgSepVerde { border-bottom:dotted; border-bottom-color: #528397; border-bottom-width:1px; height:10px; }
div.AgSepNaranja { border-bottom:dotted; border-bottom-color: #E56648; border-bottom-width:1px; height:10px; }

/* layout */

div.total { }
div.centrado { margin: 0 auto; width: 1140px }
div.col1 { float: left; width: 271px }
div.col2 { float: left; width: 560px }
div.col3 { float: left; width: 849px }
div.col4 { float: left; width: 1138px }
div.colSpace { float: left; width: 18px }

div.bordeT { background-color: #000; height: 35px }  
div.logo { min-height: 100px }
div.utilidades { float: left; height: 36px; width: 50% }
div.baseMenu { background-color: #000; height: 45px; padding-top: 5px; vertical-align: middle }
div.menu { height: 40px; background-image: url(img/bkgdMenu.png) }
.sepMenu { color: #FC6; font-family: 'Archivo Narrow', sans-serif; font-size: 20px; margin: 0px 5px }

div.infoUltimo { padding: 20px 0px }

div.borTinfoNum { background-image: url(img/borTcontenido.png); height: 5px }
div.infoNumero { padding: 10px 0px }
div.borBinfoNum { background-image: url(img/borBcontenido.png); height: 5px }
div.color { background-color: #FAF9F6 }

div.borTpie { background-color: #34332E; background-image: url(img/borTpie.png); height: 80px }
div.borTpieInt { background-image: url(img/borTpieInt.png); height: 80px }
div.pie { background-image: url(img/bkgdPie.png) }
div.borBpie { background-image: url(img/borBpie.png); height: 3px }

/* Antologia */
div.libroUC { height: 229px; position: absolute; right: 0; top: 200px; width: 175px }
div.libroUC img { cursor: pointer }

div.payU { background-image: url(http://www.universocentro.com/portals/0/home/antologia/bkgd.png); height: 292px; position: absolute; right: -438px; top: 169px; width: 438px; z-index: 10000000 }

div.opc { float: left; width: 220px }
div.bot { float: left; height: 60px; text-align: center; vertical-align: middle; width: 160px }

div.lib { line-height: 30px; vertical-align: middle }
div.ciu { float: left; width: 130px }
div.can { float: left; text-align: center; width: 40px }

div.val { margin: 0 auto; text-align: center; width: 320px }

.online { font-family: 'Lato', sans-serif; font-size: 32px; font-weight: normal; line-height: 30px; color: #FFE599; text-shadow:1px 1px 1px #000; }
.online a {color:#FFE599; text-decoration:none; }
.online a:hover{ color:#FF0; text-decoration:underline; }  

/* RWD */

@media screen and (max-width: 1140px) {
  iframe, img, embed, object, video { height: auto; max-width: 100% !important; width: auto }
  
  .a_menuTop, .menuTop { font-size: 15px }
  
  div.centrado { width: 580px }
  div.centrado iframe { height: 95% !important; width: 95% !important } 
  
  div.col3 { width: 560px }
  div.col4 { width: 560px }
  
  div.bordeT { height: 50px }
  
  div.baseMenu { height: 85px }
  div.menu { height: 80px }
  .sepMenu { font-size: 15px }
  
  #divCarrusel { height: 220px !important; width: 560px !important }
  #divCarrusel iframe { width: 95% !important }
  
  #dnn_dnnSEARCH_cmdSearch img { height: 30px !important; width: 32px !important }
  
  #myframe { width: 560px !important; height: 430px !important }
}

@media screen and (max-width: 580px) {
  .a_subtitRojo, .subtitRojo { font-size: 20px; line-height: 25px }
  
  .a_txtContenido, .txtContenido { font-size: 12px }
  
  div.centrado { width: 291px }
  
  div.col2 { width: 271px }
  div.col3 { width: 271px }
  div.col4 { width: 271px }
  div.colSpace { display: none !important; float: none }
  
  div.bordeT { height: 55px }
  div.logo { min-height: 100px }
  
  div.utilidades { float: none; width: 271px }
  
  div.baseMenu { height: 125px }
  div.menu { height: 120px }
  
  #divCarrusel { height: 170px !important; width: 271px !important }
  
  #dnn_dnnSEARCH_txtSearch { width: 211px !important }
  
  #myframe { width: 320px !important; height: 300px !important }

  div.libroUC, div.payU { display: none }
  
  .a_titAgSecciones, .titAgSecciones { font-size: 30px; font-weight:300;}
  
  .a_titHrec, .titHrec { font-size: 20px; line-height:20px; font-weight: 400 }
  
  .a_NroPeriodico, .NroPeriodico { font-size: 30px; }
  
  .MenuAgendaArriba { display:none; }
  
  .a_AgMenu, .AgMenu { font-size: 12px; font-weight:700;}
}

/* NAV */
.root { color: #FFF; font-family: 'Archivo Narrow', sans-serif; font-size: 15px; font-weight: normal; line-height: 40px; text-shadow: 2px 2px 2px #000; word-spacing: -1pt }
.m { background-color: #35342F; border: 1px solid #FFF; color: #FFF; font-family: 'Archivo Narrow', sans-serif; font-size: 15px; height: 19px; line-height: 19px; text-align: left; text-shadow: 2px 2px 2px #000; z-index: 1000 }
.m { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.m .hov { background-color: #FFF; color: #35342F }
.m span { padding: 0px 10px }
.icn { display: none }
.m1 { -moz-opacity: 0.95; filter: alpha(opacity=95); opacity: 0.95 }
.bc { cursor: pointer }

/* DNN */
#dnn_dnnSEARCH_txtSearch { left: 4px; position: relative; top: -12px }
#dnn_dnnSEARCH_txtSearch { background-color: #E8E8E8; border-bottom: 1px solid #45454D; border-left: 1px solid #45454D; border-right: 0px; border-top: 1px solid #45454D; height: 26px; width: 239px; }
#dnn_dnnSEARCH_txtSearch { -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } 	
#dnn_dnnSEARCH_cmdSearch img { border: 0px; left: -4px; position: relative; top: -1px; }
.DnnModule{ z-index: 1 !important }

/* Accordion */
.ac-container{
	width: 271px;
	margin: 10px;
	text-align: left;
}
.ac-container label{
	font-family: 'PT Sans Narrow', sans-serif;
	padding: 5px 10px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 15px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(/Portals/0/General/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(/Portals/0/General/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style:normal;
	color: #777;
	line-height: 23px;
	font-size: 12px;
	padding: 10px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 100%;
}
.ac-container input:checked ~ article.ac-medium{
	height: 100%;
}
.ac-container input:checked ~ article.ac-large{
	height: 100%;
}