@charset "utf-8";
/* CSS Document */
body{
	font-family:ancizar_sansregular, Tahoma, Geneva, sans-serif!important;
	
	background-color: #F8ECE0;
	background-image:url(../images/bogota3.jpg) !important;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#contenedor {
    height: 100%;
}
.fondopagina{
	/*opacity: 0.9;
	-moz-opacity: .9;
	filter:alpha(opacity=90);*/
	background: rgba(235, 235, 235, 0.9);
	/*background-color: #EBEBEB;*/
	padding:20px 0 0 0;
	/*min-height: 65vh;*/
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
}
.fondopagina p{
	font-size:1.2rem;
	line-height:18px;
}
.fondopaginafuerte{
	background-color:#F5F5F5;
	padding:10px
}
.fondologo{
	/*opacity: 0.9;
	-moz-opacity: .9;
	filter:alpha(opacity=90);*/
	background: rgba(235, 235, 235, 0.75);
	/*background-color: #EBEBEB;*/
	/*min-height: 65vh;*/
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
}
.fondologo h3{
	color:#ffffff;
	background-color:#76232F;
	padding:10px 15px;
}
.fondologo ul, .fondologo li, .fondologo a{
	padding-top:20px;
	color:#76232F;
	font-size:1.3rem;
	line-height:1.4rem;
	outline: none !important; -moz-outline-style: none !important;
}
.fondologo p{
	color:#000000;
	padding:5px 25px;
}
.fondoblanco{
	background-color:#F5F5F5;
}
.padre {
	display: table;
	height:120px;
	float:left;
	width:78%
}
.hijo {
	display: table-cell;
	vertical-align: middle;
	line-height:30px;
	text-shadow: 3px 3px 5px #f00,
               6px 6px 5px #3F3;
}
.noticias {
	font-size: 1.5rem;
	color:#2F3C93;	
}
.servicioweb{
	background-color:#099;
	color:#FFF;
	padding:20px;
	border-radius: 5px;
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
	min-height:300px;
}
.serviciowebtit{
	padding:10px 0;
	font-size: 1.2rem;
}
.botonsia{
	background-color:#FFF;
	color:#099;
	font-size:1.5rem;
	letter-spacing:.01rem;
	padding:8px 15px
}
.sitiosinterestit{
	padding:10px 0;
	font-size: 1.8rem !important;
	color:#33F;
	padding-bottom:15px;
}
.sitiosinteres{
	background-color:#EBEBEB;
	border-left-color:#099;
	border-left-style:solid;
	border-left-width:1px;
	padding:20px;
	margin:3px;
	min-height:300px;
}
.sitiosinteres li,sitiosinteres ul li{
	border-bottom:1px dotted #969696;
	font-size:1.3rem !important;
	line-height:1.5rem !important;
	padding-bottom:4px;
	padding-top:8px;
	text-align:left
}
.lassedes{
	background-color:#33f;
	text-align: center;
	padding:12px;
	color:#FFF;
	font-weight:bold;
}
.cadasede{
	text-align: center;
	padding:20px 0;
	color:#000;
	font-size:0.8rem !important;
	line-height:1.2rem !important;
}
.quienessomos{
	border-bottom:dotted 1px #76232f;
	color:#4b4b4b;
	font-size:1.5rem;
	line-height:30px!important;
	margin-bottom:30px;
	padding:60px 80px;
	text-align:left;
}
.quienessomos h1{
	color:#76232f;
}
.quienessomos a{
	color:#76232f;
	font-size:1.1rem;
}
.quienessomos ul li,.quienessomos ol li{
	border-bottom:1px dotted #76232f;
	list-style-image:url(/images/bulletv.png);
	padding-bottom:6px;
	padding-top:20px;
	text-align:left;
}
.quienessomos .contact{
	color:#76232f;
	font-size:1.3rem;
}
.acercade{
	padding:40px 40px;
	text-align: left;
	color:#000;
	font-size:1.1rem;
	line-height:1.3rem;
}
.acercade ul li,.acercade ol li{
	border-bottom:1px dotted #969696;
	list-style-image:url(/images/bulletv.png);
	padding-bottom:4px;
	padding-top:10px;
	text-align:left
}
/*normatividad*/
.normatividad ul li,.normatividad ol li{
	border-bottom:1px dotted #76232f;
	list-style-image:url(/images/normatividad.png);
	padding-bottom:4px;
	padding-top:10px;
	text-align:left
}
.normatividad a{
	color:#76232f;
	text-decoration:none;	
}
.normatividad a:hover{
	color:#76232f;
	text-decoration:underline;
}
/*Preguntas frecuentes*/
.pregfrecuentes_cuadrotema{
	border-right-color:#009;
	border-right-width:1px;
	border-right-style:solid;
}
.pregfrecuentes_tema{
	padding:10px 0;
	color:#06F;
	text-decoration:underline;
}
.bordersp, .bordersp tr, .bordersp td {
	border-left-color: #50992E; 
	border-left-style: solid; 
	border-left-width: 2px; 
	border-right-color: #50992E; 
	border-right-style: solid; 
	border-right-width: 2px; 
	border-top-color: #50992E; 
	border-top-style: solid;
	border-top-width: 2px; 
	border-bottom-color: #50992E; 
	border-bottom-style: solid; 
	border-bottom-width: 2px; 
	/*padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px; 
	padding-top: 6px;*/
}
/*mapa del sitio*/
/*normatividad*/
.mapasitio ul li,.mapasitio ol li{
	border-bottom:1px dotted #76232f;
	list-style-image:url(/images/bulletv.png);
	padding-bottom:4px;
	padding-top:10px;
	text-align:left
}
.mapasitio a{
	color:#76232f;
	text-decoration:none;	
}
.mapasitio a:hover{
	color:#76232f;
	text-decoration:underline;
}

/*formulario login sia*/
.iniciosia{
	background-color:#f8ece0;
	border-radius: 5px;
    padding: 10px 15px;
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
	margin-top:20px;
}
.iniciosia p{
	text-align:center;
	font-size:1.5rem;
	color:#76232F;
}
form.loginsia-form textarea,form.loginsia-form input[type=text],form.loginsia-form input[type=number],form.loginsia-form input[type=password],form.loginsia-form input[type=button],form.loginsia-form input[type=email]{-khtml-border-radius:5px;-khtml-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-moz-appearance:none;-moz-border-radius:5px;-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-moz-box-sizing:border-box;-moz-transition:all .25s ease-in-out;-ms-appearance:none;-ms-border-radius:5px;-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-ms-transition:all .25s ease-in-out;-o-appearance:none;-o-border-radius:5px;-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-o-transition:all .25s ease-in-out;-webkit-appearance:none;-webkit-border-radius:5px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-webkit-box-sizing:border-box;-webkit-transition:all .25s ease-in-out;appearance:none;background:#f5f5f5;border:1px solid #666;border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,0.25);box-sizing:border-box;font-size:1rem;margin:0 .5em 0 0;outline:none;padding:.1em;transition:all .25s ease-in-out; width:100%}
form.loginsia-form select{-khtml-border-radius:5px;-khtml-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-moz-appearance:none;-moz-border-radius:5px;-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-moz-box-sizing:border-box;-moz-transition:all .25s ease-in-out;-ms-appearance:none;-ms-border-radius:5px;-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-ms-transition:all .25s ease-in-out;-o-appearance:none;-o-border-radius:5px;-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-o-transition:all .25s ease-in-out;-webkit-appearance:none;-webkit-border-radius:5px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-webkit-box-sizing:border-box;-webkit-transition:all .25s ease-in-out;appearance:none;background:#f5f5f5 url(https://dninfoa.unal.edu.co/images/selects.png) !important;background-position: right center !important;background-repeat: no-repeat !important;border:1px solid #666;border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,0.25);box-sizing:border-box;font-size:1rem;margin:0 .5em 0 0;outline:none;padding:.2em;transition:all .25s ease-in-out; width:100%}
form.loginsia-form input[type=submit]{ border:0; background-color:transparent; text-align:center; width:100%; font-size:1rem;}
.enviaracceso{ text-align:center; padding-top:10px; font-size:1.2rem; }
.enviaracceso:hover{ text-decoration:underline; }

/*form de comtacto*/
.formcontacto h5{
	margin-top:15px;
	margin-bottom:5px;
	color:#000000;
}
.alerta{
	color:#F00;
	font-size:1rem;
}
.submitc{background-color:#76232F !important;border-color:#76232F !important;color:#ffffff;text-align:center  !important; width:100% !important; font-size:1.5rem !important; -khtml-border-radius:5px;-khtml-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-moz-appearance:none;-moz-border-radius:5px;-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-moz-box-sizing:border-box;-moz-transition:all .25s ease-in-out;-ms-appearance:none;-ms-border-radius:5px;-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-ms-transition:all .25s ease-in-out;-o-appearance:none;-o-border-radius:5px;-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-o-transition:all .25s ease-in-out;-webkit-appearance:none;-webkit-border-radius:5px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-webkit-box-sizing:border-box;-webkit-transition:all .25s ease-in-out;appearance:none;border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,0.25);box-sizing:border-box;margin:0 .5em 0 0;outline:none;padding:.2em;transition:all .25s ease-in-out;}
.submitc:hover{color:#666}

/*sia en las sedes*/
.bordefoto{
	border-color:#466b3f;
	border-width:2px;
	border-style:solid;
}
.iniciosia a:link,.iniciosia a:visited ,.iniciosia a:hover ,.iniciosia a:active {
	color:#76232F; text-decoration:underline; padding-top:15px;outline: none !important; -moz-outline-style: none !important;
}

/*portafolio*/
.portafolio{
	background-color:#f5f5f5;
	color:#000000;
	border-color:#76232F;
	border-width:1px;
	border-style:solid;
}
.portafolio h4{
	color:#000000;
	padding:5px;
}
.portafolio a{
	color:#50992E;
}
.portafolio_cerrar{
	float:right;
	width:100px;
}
/*contador de visitas*/
#contador{
	color:#76232F;
	font-size:1.2em;
	text-align:center;
	line-height:1.3em;
}
#contador a{
	color:#50992E;
	font-weight:bold;
	text-decoration:underline;
	line-height:1.5em;
}
/*prueba 2 */
/*/////////////////////////////////////////////////////////////*/
.divnoticias{
	min-height:300px;
	max-height:300px;
}
.titnoticia{
	background-color:#76232f;
	padding:10px;
	font-size: 1.5rem;
	color:#FFF;
	text-align:left;
}
.column-left{
	margin: 40px 5px;
	float: left;
	min-height: 65%;
	width: 300px;
	font-size:0.9rem;
}
.column-right{
	margin: 40px 10px;
	float: right;
	min-height: 65%;
	width: 340px;
}

.serviciosdninfoatit{
	padding:10px 30px 10px 7px;
	width:100%;
	color:#FFF;
	font-size: 1.2rem;
	background: #76232f no-repeat url(../images/desplegar.png);
	background-position: right center !important;
}
.serviciosadicionales{
	padding:10px 30px 10px 7px;
	width:100%;
	color:#FFF;
	font-size: 1.3rem;
	line-height:20px;
	background: #76232f;
	text-align:center;
}
.serviciosdninfoatit a{
	color:#FFF;
}
.serviciosdninfoatit a:hover{
	color:#FFF;
	text-decoration: underline !important;
}
#infosia{
	background-color:#E0F2F7;
	color:#000;
	padding:10px 10px;
}
#infosia p{
	text-align:justify;
}
#infoserv{
	background-color:#E0F2F7;
	color:#000;
	padding:10px 10px;
	text-align:justify;
}
.enlacesinteres{
	background-color:#099;
	color:#FFF;
	padding:4px 10px;
	width:100%;
}
.enlacesinterescont{
	background-color:#EBEBEB;
	padding:4px 10px;
	width:100%;
	color:#000;
}
.enlacesinterescont li,enlacesinterescont ul li{
	border-bottom:1px dotted #969696;
	font-size:1.1rem !important;
	line-height:1rem !important;
	padding-bottom:2px;
	padding-top:8px;
	text-align:left
}

/*registros*/
.ofiregistro{
	background-color:#76232f;
	padding:10px;
	font-size: 1.5rem;
	color:#FFF;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
}
.registros{
	text-align: center;
	padding:20px 0;
	color:#000;
	font-size:1rem;
	line-height:1.2rem;
}

.fijo {position:fixed !important; right:0px; top:0px; z-index:10 !important}


/*sia en las sedes*/
div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
}
div.scrollmenu p {
	display: inline-block;
    color: #76232F;
    text-align: center;
    padding: 2px 2px 0 1px;
    text-decoration: none;
}
div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 2px 2px 0 1px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    /*background-color: #777;*/
}


div.colizq{
	float: right;
	width:80%;
}
div.col{
  float:left;
  margin-left:5%;
  width:40%;
  font-size: 1.4em;
}
div.col  h1{
  text-align:center;
  color:#FFF;
}
.producto {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 10px solid #999;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
/* cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}
.producto .mask, .producto .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.producto img {
    display: block;
    position: relative
}
.producto h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.producto h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    margin: 20px 0 0 0
}
.producto p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #000000;
    padding: 10px 20px 20px;
    text-align: center
}
.producto a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 3px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
}

.producto a.info:hover {
    box-shadow: 0 0 10px #000;
}
/* clases para el primer producto  */
.prod-first{
	opacity: .6;
	-moz-opacity: .30;
	filter:alpha(opacity=30);
	background-color:#000000;
}
.prod-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.prod-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   /*background-color: rgba(179,207,8, 1);*/
   background-color: rgba(224, 242, 247, 0.9);
   /*background-color: rgba(219,127,8, 1);*/
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.prod-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.prod-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.prod-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.prod-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.prod-first:hover{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
   filter: alpha(opacity=1);
   opacity: 1;
}
.prod-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.prod-first:hover h2,
.prod-first:hover p,
.prod-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.prod-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.prod-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
@media (max-width: 480px) {
  	
}
@media (min-width: 480px) {

}
@media (min-width: 768px) {
	div.colizq{
		height:400px;
	}
	div.col{
		height:400px;
		font-size:10px;
	}
}
@media (min-width: 992px) {
	div.colizq{
		height:400px;
	}
	div.col{
		height:400px;
	}
}
@media (min-width: 1000px) {
	div.colizq{
		height:400px;
	}
	div.col{
		height:400px;
		font-size:10px;
	}
}
@media (min-width: 1200px) {
	div.colizq{
		height:200px;
	}
	div.col{
		height:200px;
	}
}
.comportal{
	margin-top:30px;
	padding:30px 30px;
	
}
.comportalform{
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#76232f;
	background: rgba(153, 153, 153, 0.75);
	-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21);
}
.titutilidades{
	color:#76232F;
	padding:20px;
	text-align:center
}
.nivelmenu{
	padding-left:35px;
	list-style-type: square;
}
.nivelmenu li{
	border-bottom: 1px solid #222222;
  	border-top: 1px solid #444444;
  	padding: 4px 0;
}
.ind_titulo{
	vertical-align:middle;
	padding-top:30px;
	color:#76232F;
}
@media (max-width: 480px) {
  	.ind_titulo{
		font-size:1.2em;
		line-height:12px;
	}
}
@media (min-width: 480px) {
	.ind_titulo{
		font-size:1.2em;
		line-height:12px;
	}
}
@media (min-width: 768px) {
	.ind_titulo{
		font-size:1.5em;
		line-height:15px;
	}
}
@media (min-width: 992px) {
	.ind_titulo{
		font-size:1.7em;
		line-height:17px;
	}
}
@media (min-width: 1200px) {
	.ind_titulo{
		font-size:1.8em;
		line-height:18px;
	}
}