/* Custom
   ======================================================== */ 
html {
	overflow: hidden;
	
}
body {
	
	line-height: 16px;
	color: #000000;
	padding: 0;
	margin: 0;
    background: #333956;
}


.container{
	background:#fff;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	margin:0;
	padding:0;
}
.container-fluid{
	margin:0;
	padding:0;
}
.my-container {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.displaynone{
	display:none;
}


.well-pub{
	background-image: none;
	background: #fff;
}

.cajaLogo{
	height: 170px;
	width: 200px;
	background: #3c529c;
	background-image: url(/themes/img/UCcolor.png);
	background-position: center; 
    background-repeat: no-repeat;
	margin-left : 10px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 3px 3px 10px;
	z-index:9999;
}

.cajaLogoMat{
	width:100%;
	height:40px;
	background: #3c529c;
  	line-height: 40px;
  	float:left;
  	background: linear-gradient(61deg, #3c529c, #1a365f);
	background-size: 400% 400%;

	-webkit-animation: AnimationName 36s ease infinite;
	-moz-animation: AnimationName 36s ease infinite;
	animation: AnimationName 36s ease infinite;
}



@-webkit-keyframes AnimationName {
    0%{background-position:0% 5%}
    50%{background-position:100% 96%}
    100%{background-position:0% 5%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 5%}
    50%{background-position:100% 96%}
    100%{background-position:0% 5%}
}
@keyframes AnimationName { 
    0%{background-position:0% 5%}
    50%{background-position:100% 96%}
    100%{background-position:0% 5%}
}


.textologo{
	background-image: url(/themes/img/facultad.png);
	background-position: right; 
    background-repeat: no-repeat;
  	margin-right: 20px;
  	height		: 30px;
  	margin : 8px 30px 0 0;
}


#logo {
  float:left;
  left:0;
  top:-40px;
  z-index:20;
}

.noticia-fecha{
	background:#e2e2e2;
  	padding:1px 5px;
}
.noticia-seccion_{
	height: 400px;
	overflow: hidden;
	margin:10px;
   	border-radius: 7px;
	box-shadow: 0 0 30px;
    
}


.video-seccion{
	height			: auto;
	width			: 1024px;
	overflow		: hidden;
	margin-top		: 30px;
	border-radius	: 7px;
    border			: 5px solid #3c529c;
    box-shadow		: 0 0 30px;
}






/* Toggle Styles */



#wrapper.toggled {
    padding-left: 250px;    
}

#sidebar-wrapper {
    z-index		: 1000;
    position	: fixed;
    left		: 30%;
    width		: 0;
    height		: 100%;
    margin-left	: -30%;
    overflow	: hidden;
    background	: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	  	
	background: linear-gradient(44deg, #3d7edb, #1d3b67, #2266c8);
	background-size: 600% 600%;
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
  	box-shadow: 0px 0px 20px;  
}



@-webkit-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@keyframes AnimationName { 
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}




@media(min-width:920px) {
    #wrapper {
        padding-left: 0;
    }

    #wrapper.toggled {
        padding-left: 220px;
    }

    #sidebar-wrapper {
        width: 0;
    }
    .noticiau{
    	width:0;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 220px;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
    
    .row{
    	margin-left : 220px;
    }
}






.clock {padding:10px; color:#fff; }

#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:18px; margin:20px 0 30px 0; text-align:center; text-shadow:0 0 5px #00c6ff;white-space: nowrap; }

.clock ul { margin:0 auto; padding:0px; list-style:none; text-align:center; }
.clock ul li { display:inline; font-size:50px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite;  }

@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}


@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}










/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #333956;width:99%;height: auto; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  




.main-slider{
	margin-top:55px;
}


.carousel-inner > .item > img {
	width : 100%;
	height: auto;
}


footer.info { 	
	text-align: center; 
	color: #888; 
	margin: 110px 0; 
}

img {
    max-width: 1920px;
    min-height: 920px;
    width: auto/9; /* Bug de ie8 */
}

.noticias{
	z-index:99999;	
	width		:100%;
	height		: 65px;
	overflow: hidden;
	box-shadow: 3px 3px 10px #000;
	
	float:left;
	bottom: 0;
	position:absolute;
}

#noticia{
	text-overflow: ellipsis;
  	white-space: nowrap;
  	line-height: -80px; 
	margin-left: 1340px;	
}

.ultimominuto{

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */

}

.normal{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0.9+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.noticia{
	float	: right;
	width	: 100%;
	height	: 65px;
	overflow: hidden;
	color:#ffffff;
	font-size: 50px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;	
	vertical-align: middle;
	line-height: 60px; 	
	text-shadow: 0px 0px 4px #000;
	
}



.ultimominuto .titular{
	text-shadow:0 0 5px #808080;
	color	: RED;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.normal .titular{
	color	: #095ABC;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,c6c6c6+100 */
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(237,237,237,1) 0%, rgba(198,198,198,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(237,237,237,1) 0%,rgba(198,198,198,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(237,237,237,1) 0%,rgba(198,198,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#c6c6c6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.carousel-caption-texto {
  top		: 0;
  text-shadow: 0px 0px 3px #000;
  bottom:20px;
  left:220px;
  padding-bottom:20px;
  padding-top:20px;
  position:absolute;
  right:15%;
  text-shadow:rgba(0, 0, 0, 0.6) 0 1px 2px;
  z-index:10;
  line-height: 27px; 	
}

	.modal  {
    	/*   display: block;*/
    	padding-right: 0px;
    	background-color: rgba(4, 4, 4, 0.8); 
    }
   
    .modal-dialog {
		top: 20%;
		width: 100%;
		position: absolute;
	}
	.modal-content {
		border-radius: 0px;
		border: none;
		top: 40%;
	}
	.modal-body {
		background-color: #0f8845;
		color: white;
		padding : 30px;
	}

.eventos{
	margin-top:50px;
	overflow: hidden;
	width:100%;
	text-align:center;
	color: #ffffff;
	text-shadow: 0px 0px 4px #000;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;	
	line-height: 40px;
}
.eventos-titulo{
	margin-top:10px;
	text-align:left;
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	padding:0 10px 0 10px;;
	text-shadow: 1px 1px 4px #000;
	line-height: 20px;
}

.eventos-bajada{
	padding: 5px;
	text-align:justify;
	
	color: #ffffff;
	font-size: 14px;
	margin-left:5px;
	line-height: 20px; 	
}

#programa-titulo{
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;	
	color	: #ffffff;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; 
	font-size:14px; 
	text-shadow:0 0 5px #000000;	
	letter-spacing: 1px;
	line-height: 20px;
	
}
.marco-programa{
	color	: #ffffff;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; 
	font-size:16px; 
	text-shadow:0 0 5px #000000;
	padding	: 5px 5px 5px 10px;

}
li {
list-style-type: none;
margin-bottom: 15px;
}

.panel-inferior{
	position: absolute;
	background	: #1F4C8D;
	box-shadow:0 0 5px #000000;
	height :100%;
	width:100%;
	padding-left:15px;
}

.titulo-online{
	margin-top:30px;
	margin-bottom:10px;
	color	: #ffffff;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; 
	font-size:16px; 
	text-shadow:0 0 5px #000000;
	padding	: 5px;
}
.redes-sociales{
	color	: #c0c0c0;
	font-size:24px; 
	text-shadow:0 0 5px #808080;
}
.redes-sociales i{
	color	: #ffffff;
	font-size:24px; 
	text-shadow:0 0 5px #000000;
}
.lihora{
	text-shadow:#00C6FF 0 0 5px;
	width:80px;
}
.liparrafo{
	letter-spacing: 1px;
	line-height: 20px;
	font-size:14px; 
	 color	: #ffffff;
}
.liexpone{
	 color	: #ffff00;
}		
.inactivo > div {
	 color:#222222;
text-shadow: 1px 2px 3px #c0c0c0;
	 opacity: 0.7;
}		
.inactivo{
	 color:#222222;
	text-shadow: 1px 2px 3px #c0c0c0;
	 opacity: 0.7;
}

.wifi{
	 color	: #00ff00;
}
.aw-current-weather-inner{
	border-color:#336AB9;
	background-color: #336AB9;
}
.aw-widget-content{
	border:hidden;
	background-color: #336AB9;
}
.progreso{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333956+0,0893a5+49,333956+100 */
	background: rgb(51,57,86); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(51,57,86,1) 0%, rgba(8,147,165,1) 49%, rgba(51,57,86,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(51,57,86,1) 0%,rgba(8,147,165,1) 49%,rgba(51,57,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(51,57,86,1) 0%,rgba(8,147,165,1) 49%,rgba(51,57,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333956', endColorstr='#333956',GradientType=0 ); /* IE6-9 */	
	/* Aplicamos las dimensiones */
	width: 0px;
	height: 5px;
}