


.MenuPrin{
	position: absolute;
	top: 0;
	width: 100%;
	padding: 10px;
}

.capa1{
	width: 240px;
    height: 160px;
	top: 36px; 
    position: absolute; 
    text-align: center;
    z-index: 6;
	background-image: linear-gradient(to right, #00BF63, #FFFF00, #1B7CC0);  
	border-image-slice : 1;
}



.capa3{
	width: 240px;
    height: 160px;
    position: absolute; 
    top: 34px; 
    text-align: center;
    z-index: 8;
	background-color: rgba(29,149,70);
}

.imgLogoP {
	width: 220px;
    height: 115px;
}

.imgLogoP img{
	width: 215px;
    height: 115px;
}

.textMicro {
	padding: 5px;
	width: 215px;
    height: 50px;
	font-size: 1.8vw;
	color: #ffffff;
	font-weight: bold;
}

.bannerMen {
	margin-left: 100px;
	width: 75%;
    height: 55px;
    position: absolute; 
    top: 60px; 
    z-index: 5;
	background-color: rgba(29,149,70);
	transform: skew(-30deg);
}

.CapbannerMen {
	margin-left: 105px;
	width: 75%;
    height: 55px;
    position: absolute; 
    top: 68px; 
    z-index: 4;
	background: #f7dc6f;
	transform: skew(-30deg);
}


.mresponsivo {
    display: none;
}
.mresponsivo2 {
	 display: none;
}

.fnd_Lgmr2 {
	 display: none;
}

.Lgmr {
	display: none;
} 

.Lgmr img{
	display: none;
} 

.brr {
	display: none;
}









.slide {
	z-index: 1;
}

.dvprn {
	background-color: #ffffff;
	border-top: 5px solid;
	border-image-source : linear-gradient(to right, #00BF63, #FFFF00, #1B7CC0);  
	border-image-slice : 1;
	position: relative;
	margin-top: -5em;
	z-index: 5;
}


.itemFin{
	background-color: #000000;
	opacity: 0.8;
	width: 100;
	margin-bottom: -25px;
}

.iifin2 {
	white-space: normal;
}
.iifin {
	color: #908B8B;
}

.iifin2 h4{
	margin-top: -5px;
	font-weight: bold;
	font-size: 23px;
	color: #B2B2B2;
}

.iifin2 h4 a{
	text-decoration: none;
	color: #D8D8D8;
}

.iifin2 p{
	font-size: 13px;
	margin-bottom: -14px;
	color: #A7A7A7;
}

.ldeco2 {
	margin-top: -3px;
	margin-bottom: 5px;
	text-align: left;
	width: 25%;
	border: none;
	height: 2px;
	background-image : linear-gradient(to right, #FFFF00, #1B7CC0);  
}

.tituloMicro {
	font-family: 'Bree Serif',sans-serif;
	color: rgba(11,83,69);
}

.contenidoPrin {
	font-size: 1rem;
}

.contenidoPrin h3{
	font-size: 1.4rem;
}

.ContenidoNormal img{
	float: left;
	margin-right: 2%;
	vertical-align: text-top;  
	max-width: 43%;
	height:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.Noticias img{
	width: 100% !important;
	height: 220px;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: none !important;
}

.Noticias h3{
	font-weight: bold;
}

.Noticias h5{
	font-family: 'Bree Serif',sans-serif;
	color: rgba(11,83,69);
	font-size: 1.8vw;
	margin-top: 20px;
}

.footerm{
  display: none;
}


/*Logo Footer*/
.logofoot {
}

.logofoot img{
	padding: 5px;
	margin-top: 40px;
    width: 90%;
	margin-left: 1em; 
}

.ldeco {
	text-align: center;
	width: 25%;
	border: none;
	height: 2px;
	background-color: #f7dc6f !important;
	margin: auto;
}


/*Fin Logo Footer*/

.logofootU img{
	padding-right: 2em;
	margin-top: 50px;
    width: 140%; 
}

/*Imagen footer bajo logo footer*/
.imgfoot{
	width: 100%;
	height: auto;
}

.imgfoot img {
	margin-top: 20px;
    width: 90%;
}
/*Fin Imagen Footer bajo logo Footer*/

.imgfootAcre{
	width: 100%;
	height: auto;
}

.imgfootAcre img{
	margin-top: 20px;
    width: 90%;
}

/*Menu FooterText*/
.foots{
	font-family: 'Bree Serif',sans-serif;
	font-size: 0.9vw;
	line-height: 2;
	color: #ffffff;
	padding: 3em;
}


.foots h3{
	margin-top: 13px;
	font-family: 'Bree Serif',sans-serif;
	font-size: 1.4vw;
	color: #f7dc6f;
	font-weight: bold;
}

.foots ul {
    list-style-type: none;
    padding: 0px;
}

.foots li {
	background: url("../img/bull.png") 12px 0.5em no-repeat;
	padding: 0 0 5px 15px;
	padding-left: 30px;
	width: 100%;
}

.foots li::before { 
	padding-left: 15px; 
	padding: 0 0 5px 15px;
	color: #f7dc6f; 
}


/*Fin Menu FooterText*/




.contefoot{
	width: 300px;
	padding: 5px;
	white-space: normal;
}


/* Seccion copyright */
.copyright {
	border-top:1px solid rgba(255,255,255,.1);
}

.copyright p{
    margin-top: 1.8em;
} 
/* Fin Sección*/

/*Footer*/
.footerw{
  background:  #1d9546;
  border-top: 4px solid  #f7dc6f;
  color:white;
  font-size: 0.7vw;
  bottom: 0;
  width: 100%;
  z-index: 1100;
}
.footerw a {
	color: #ffffff;

}

.footerw a:hover {
    color: #f7dc6f;
}

.contactoFoot {
	padding: 10px;
	margin-top: 20px;
	width: 100%;
	text-align: center;
	border: none;
	font-weight: bold;
}

.contactoFoot table{
	margin: auto;
	width: 100%;
	text-align: center;
	border: none;
}

.contactoFoot p{
	font-size: 0.8vw;
	line-height: 0.5;
}


/*Fin Footer*/





@media screen and (max-width:850px) {
	.MenuPrin{
		display: none;
	}
	.footerw{
		display: none;
	}
	
	.rfd{
	margin: 0 auto;
}

.itemFin{
	background-color: #000000;
	opacity: 0.8;
	width: 100;
	margin-bottom: 1px;
}

.iifin2 {
	white-space: normal;
	width: 70%;
}
.iifin {
	color: #908B8B;
	width: 30%;
}

.iifin2 h4{
	margin-top: -8px;
	font-weight: bold;
	font-size: 23px;
	color: #B2B2B2;
}



.Noticias img{
	width: 100% !important;
	height: auto;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: none !important;
}

.Noticias h3{
	font-weight: bold;
}

.iifin2 h4 a{
	text-decoration: none;
	color: #D8D8D8;
}

.iifin2 p{
	font-size: 13px;
	margin-bottom: -16px;
	color: #A7A7A7;
}

.ldeco2 {
	margin-top: -3px;
	margin-bottom: 5px;
	text-align: left;
	width: 25%;
	border: none;
	height: 2px;
	background-image : linear-gradient(to right, #FFFF00, #1B7CC0);  
}

.footerm{
  display: block;
  background:  rgba(29,149,70);
  border-top: 4px solid  #1d9546;
  color:white;
  font-size: 0.7vw;
  bottom: 0;
  width: 100%;
  z-index: 1100;
}
.imlfootm img {
	width: 80%;
}

.divfootm {
	margin: 0 auto;
}

/* Menu Responsive*/
.mresponsivo {
	display: block;
	width: 100%;
    height: auto;
	background-color: #fefefe;
}

.mresponsivo2 {
	display: block;
	width: 100%;
    height: 75px;
}
.fnd_Lgmr {
	display: block;
	position: absolute;
	 top: 12px;
	 z-index: 4;
     width: 100px;
     height: 70px;
	 transform: skew(-25deg);
	 background-color: rgba(29,149,70);
	 left: -17px;
	 border: 1px solid #00000;
}

.fnd_Lgmr2 {
	display: block;
	 position: absolute;
	 top: 17px;
	 z-index: 3;
     width: 100px;
     height: 70px;
	 transform: skew(-25deg);
	 background-color: #f7dc6f;
	 left: -13px;
	 border: 1px solid #00000;
}

.Lgmr {
	display: block;
	left: 5px;
	width: 90px;
	height: 80px;
	position: absolute;
	z-index: 1000;
	padding: 10px;
	top: 12px;
} 

.Lgmr img{
	display: block;
	width: 50px;
	height: 50px;
} 

.brr {
	display: block;
	background-color: rgba(29,149,70);
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

.brr1 {
	display: block;
	z-index: 1;
	width: 100%;
	background-color: #ffffff;
	height: 35px;
}

.brr2 {
	display: block;
	z-index: 2;
	width: 100%;
	top: 35px;
	background-color: rgba(29,149,70);
	height: auto;
	border-bottom: 2px solid #f7dc6f;
}


  


/*fin Menu Responsive*/



}


















/*|||||||||||||||||||||||||||||||||||||||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||*/
/*|||                                       |||*/
/*|||   Universidad Tecnologica del Choco   |||*/
/*|||                                       |||*/
/*|||      		Nelson Cuellar B            |||*/
/*|||                                       |||*/
/*|||         Hoja de Estilo 1400px        |||*/
/*|||                                       |||*/
/*|||||||||||||||||||||||||||||||||||||||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||*/



/* Loading */



#prlad{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
}

#logo_prlad {
	background: url("../img/intr.png") no-repeat center #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	top: -5em;
	z-index: 1000;
}


#fountainG{
	position:relative;
	width:270px;
	height:33px;
	margin:auto;
}

.fountainG{
	z-index: 1500;
	position:absolute;
	top: 28em;
	background-color:rgb(255,255,0);
	width:33px;
	height:33px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:21px;
		-o-border-radius:21px;
		-ms-border-radius:21px;
		-webkit-border-radius:21px;
		-moz-border-radius:21px;
}

#fountainG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_2{
	left:34px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_3{
	left:68px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#fountainG_4{
	left:101px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#fountainG_5{
	left:135px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#fountainG_6{
	left:169px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#fountainG_7{
	left:203px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#fountainG_8{
	left:236px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(255,255,0);
	}

	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(255,255,0);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(255,255,0);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(255,255,0);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(255,255,0);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

/* Fin Loading */

.blcontent h3{
  border: 1px solid #E5E5E5;
  font-size: calc(0.8rem + 0.5vw);
  color: rgba(29,149,70);
  font-weight: bolder;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  padding: 10px;
  margin-bottom: -5px;
}

.blcontent ul, li {
    list-style: none;
    margin: 0;
    padding: 0; 
}
 
.blcontent ul {
    position: relative;
    z-index: 597;
    float: left; 
  
}
 
.blcontent ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle; 
}
 
.blcontent ul li.hover,
.blcontent ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default; 
}
 
.blcontent ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%; 
}
 
.blcontent ul ul li {
    float: none; 
}
 
.blcontent ul li:hover > ul {
    visibility: visible; 
}
 
.blcontent ul ul {
    top: 0;
    left: 100%; 
}
 
.blcontent ul li {
    float: none; 
}
 
.blcontent {
    width: 98%; /*Aca cambiamos 255px*/
  	/*padding: 0.1em;*/
  	padding-top: 2em;
  
}
 
.blcontent span, .blcontent a {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none; 
}
 
.blcontent:after, .blcontent ul:after {
    content: '';
    display: block;
    clear: both; 
}
 
.blcontent ul, .blcontent li {
    width: 100%; 
  
}
.blcontent li {
    background: #EEEDED; /*#dddddd*/
}
.blcontent li:hover {
    background: #f6f6f6; 
}
.blcontent a {
    color: #599366; /*#666666*/
    line-height: 160%;
    padding: 11px 28px 11px 28px;
    width: 253px; 
}
.blcontent ul ul li {
    background: #f6f6f6; 
  
}
.blcontent ul ul li:hover {
    background: #dddddd; 
}
.blcontent ul ul li:hover a {
    color: #599366; /*#666666*/
}
.blcontent ul ul li ul li {
    background: #dddddd; 
}
.blcontent ul ul li ul li:hover {
    background: #b7b7b7; 
}
.blcontent .has-sub {
    position: relative; 
}
 
.blcontent .has-sub:after, .blcontent .has-sub > ul > .has-sub:hover:after {
    content: '';
    display: block;
    width: 10px;
    height: 9px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
}
 
.blcontent .fa-angle-right {
    float: right;
}
















































































