@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Yanone+Kaffeesatz:200,300,400,700');
.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}
.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}
/*galeria de videos*/
.todosLosVideos .tituloGaleriaVideos h3 {
  font-size: 2em;
  font-weight: 600;
  margin-top:30px;
  margin-bottom:15px;
  text-align:center;
}
.todosLosVideos .tituloGaleriaVideos h3::after {
  display: block;
  width: 40px;
  height: 4px;
  margin:auto;
  margin-top: 10px;
  content: '';
  background-color: #df5816;
  box-shadow: 0 0 black;
}
.todosLosVideos .galeriaVideos {
  display:table;
  width:100%;
  text-align:center;
}
.todosLosVideos .galeriaVideos .video {
  display:inline-table;
  width: 30%;
  margin: 1%;
  background: #f0f0f0;
  padding: 2%;
  border-radius: 10px;
  border: solid 4px #fff;
  box-shadow: 2px 2px 5px rgba(0,0,0,.1);
}
.todosLosVideos .galeriaVideos .video iframe {
  width:100%;
  height:100px;
}
.todosLosVideos .galeriaVideos .video h3 {
  font-size: 1.2em;
  color: #df5816;
  margin: 0;
  margin-bottom: 10px;
}
.todosLosVideos .galeriaVideos .video h3 span {
  display: table;
  width: 100%;
  color: #000;
  font-weight: 600;
  font-size: .8em;
}
/*estilos slide recomendados*/
.TituloPrincipal {
  background: #ebeef0;
}
.TituloPrincipal h2 {
  padding-top:0 !important;
  font-size: 2em !important;
  font-weight: 400 !important;
}  
.buscadorProfesor {
  padding-right: 0 !important;
  padding-top: 0 !important;
}

#seccion-recomendado .carousel {
    height: auto;
    margin-top: -30px;
}

#seccion-recomendado .outstandingNova h3{
    font-family: 'Yanone Kaffeesatz', sans-serif!important;
    color: #66656b;
    background: url(https://www.urosario.edu.co/App_Themes/novaetvetera-2018/css/~/App_Themes/novaetvetera-2018/images/line.jpg) no-repeat left bottom;
    padding-bottom: 0.5em;
    font-size: 2.2em;
}

#seccion-recomendado .carousel-inner > .item {
    min-height: 150px;
}


#seccion-recomendado .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
    margin-top: 30px;
    bottom: -10px !important;
}

#seccion-recomendado .item {
    color: #48453d;
    margin-top: 5px;
    overflow: hidden;
    float: left;
}

#seccion-recomendado .carousel-inner > .item {
    min-height: 180px;
}

#seccion-recomendado .carousel-inner>.item {
    padding-bottom: 10px;
    width: 100%;
}


#seccion-recomendado .carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent !important;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #212121;
}

#seccion-recomendado .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #FFF !important;
}

#seccion-recomendado .carousel-indicators li {
    border: none;
}

#seccion-recomendado .carousel-indicators li {
    background: #c0c0c0 !important;
}

#seccion-recomendado .carousel-indicators .active {
    background: #333333 !important;
}
/*estilos slide recomendados*/

.navbar-default {
  /* quitar el color de fondo en el menu que esta por defecto en bootstrap*/
  background-color: #ffffff !important;
}
.sectionBottomNova {
  border-bottom:1px solid #ddd;
}
.colorTxtNova p {
  color:#66656b;
}

.btn-destacado{
  diaplay:table;
  color: #fff;
  background-color: #9b212c;
  border-color: transparent;
  padding: 10px;
  margin:auto;
  transition:.5s;
}

.btn-destacado:hover{
  background-color: #6f0e17;
  color:#FFFfff;
  transition:.5s;
}

.btn-destacado:active{
  color:#FFF;
}

.btn-destacado :focus{
  color:#FFF;
}


.navCenterNova {
  margin: 0 auto!important;
}
.nav-tabs.nav-justified > li > a {
  text-transform:uppercase;
  border:none;
  border-bottom:1px solid transparent;
  color:#000;
  font-size:1.3rem;
  margin-bottom:0;
  transition:.3s;
}
.nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a.active {
  text-transform:uppercase;
  border:none;
  border-bottom:1px solid #a20f26;
  color:#000;
  font-size:1.3rem;
  margin-bottom:0;
  transition:.3s;
}

.navbar-default .navbar-nav li:last-child {float:right;}
.navbar-default .navbar-nav li:last-child a {margin:0px;padding-right:0px;}
.navbar-default .navbar-nav .active {border-bottom:1px solid #9b212c;color:#9b212c;font-weight:bold;}
.navbar-nav > li > a:hover {
  background-color: #b00d26;
  color:#fff;
  border-bottom:1px solid #9b212c;
}
.bgoutstandingNova {
  background-color: #f4f4f4;
}
.rowPadding10Nova {
  margin-right: -10px;
  margin-left: -10px;
}
.rowPadding100Nova {
  margin-right: 0px;
  margin-left: 0px;
}
.row1BottomLineNova1 {
  border-bottom:1px solid #ddd;
}
.outstandingNova h2,.outstandingNova h1 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#9b212c;
  text-transform:uppercase;
}
.outstandingNova h3, .colorTxt .outstandingNova h1, .colorTxtNova .outstandingNova h1 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#66656b;
  background: url(https://www.urosario.edu.co/App_Themes/novaetvetera-2018/css/~/App_Themes/novaetvetera-2018/images/line.jpg) no-repeat left bottom;
  padding-bottom:0.5em;
  font-size:2.2em;
}

.outstandingNova.adserver {
  padding-left: 10px;
}

.colorTxt .outstandingNova h1, .colorTxtNova .outstandingNova h1 {text-transform:unset;}
.colorTxt .fa-clock-o, .colorTxtNova .fa-clock-o {font-size:1.1em !important;}
.outstandingBlackNova h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#000;
  font-size:2.2em;
  background: url(https://www.urosario.edu.co/App_Themes/novaetvetera-2018/css/~/App_Themes/novaetvetera-2018/images/line.jpg) no-repeat left bottom;
  padding-bottom:0.4em;
  margin-top: 7px;
}
.outstandingBlackwithoutLineNova h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#000;
  font-size:2.2em;
  margin-top: 7px;
}
.outstandingBlackNova h4 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#69696b;
  font-size:1.1em;
  margin-top: 7px;
}
.outstandingBlackNova h5 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#777;
  font-size:1.3em;
  margin-top: 7px;
}
.outstandingBlackNova h5 a:link {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#777;
  text-decoration:none;
}
.outstanding3Nova h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#66656b;
  font-size:2.2em;
}
.outstanding3Nova h3 a:link {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#66656b;
  text-decoration:none;
}
.outstanding3outNova h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#66656b;
  font-size:1.9em;
}
.outstanding3Nova h6 {
  color:#b00d26;/*Color oficial URosario*/
  font-size:0.7em;
  background: url(https://www.urosario.edu.co/App_Themes/novaetvetera-2018/css/~/App_Themes/novaetvetera-2018/images/line.jpg) no-repeat left top;
  padding-top:0.5em;
  text-transform:uppercase;
}
.outstanding2Nova h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#090909;
  font-size:2.2em;
  margin-top: 12px!important;
  line-height: 0.5;
}
.outstanding4Nova h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#090909;
  font-size:1.45em;
  margin-top: 12px!important;
  line-height: 0.5;
  font-weight:bold;
}
.outstandingNova h4 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#66656b;
  background: url(https://www.urosario.edu.co/App_Themes/novaetvetera-2018/css/~/App_Themes/novaetvetera-2018/images/line.jpg) no-repeat left bottom;
  padding-bottom:0.5em;
  font-size:1.7em;
}

.outstandingNova h5 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#66656b;
  font-size:1.4em;
}
.outstandingNova h6 {
  font-family: 'Yanone Kaffeesatz', sans-serif!important;
  color:#989898;
  font-size:1em;
}
.labelLeftNova {
  float:left;
  margin-right:1em;
}
.form-group {
  vertical-align: middle!important;
}
.form-control{
  width: 75%!important;
  border-radius: 0px!important;
}
input {
  margin-top:0.7em;
}
.lineBottomNova {
  border-bottom: 1px solid #9b212c;
}
.rowOriginal {
  margin-left: -15px!important;
  margin-right: -15px!important;
}
.marginTopNova {
  margin-top:1em;
  margin-bottom:0;
  min-height: 40px;
}
.marginBottomNova {
  margin-top:1em;
}
.marginLeftNova {	
  margin-left:1em;
}
.marginRightNova {
  margin-right:1.5em;
}
.paddingCompleteNova {
  padding:1em!important; 
}
.paddingUpDownNova {
  padding:1em 0 !important; 
}
.withPaddingSideNova {
  padding-left:0px!important;	
  padding-right:0px!important;
}
.withPaddingSideNova.lateralSeccion {
    margin-left: 20px;
    display: block;
}

.withoutMarginNova {
  margin-left:0px!important;
  margin-right:0px!important;
}
.paddingLeft0Nova {
  padding-left:0;
}
.paddingBottomNova {
  padding-bottom:1.5em;
}
.txtCenterNova {
  text-align:center;
}
.fa-quote-left::before {
  color:#b00d26;
  font-size:2.1em;
}
.fa-quote-right::before {
  color:#b00d26;
  font-size:2.1em;
}
blockquote {
  margin: 15px 0px!important;
  padding-left:22px; /*Esta longitud varia de acuerdo al tamaño de la imagen que uses de la comilla abierta*/
  background: url(https://www.urosario.edu.co/App_Themes/images/blockquote/comilla-abre.gif) top left no-repeat; /* aquí 	especificamos donde se encuentra la imagen de nuestra comilla que abre y la ubicamos */
  border-left: none;
}
blockquote h3 {
  margin:0px;
  padding-right:5px;
  font-size: 22px!important;
  background: url(https://www.urosario.edu.co/App_Themes/images/blockquote/comilla-cierra.gif) bottom right no-repeat; /* aquí 			especificamos donde se encuentra la imagen de nuestra comilla que cierra y la ubicamos */
}
.blockquoteBlack {
  background: url(https://www.urosario.edu.co/App_Themes/images/blockquote/comilla-abre-b.gif) top left no-repeat;
}
.colorURosarioNova {
  color:#9b212c;
}
.thumbnail {
  border: 1px solid #9d1f2b!important;
  border-radius: 0px!important;
  padding:1.5em;
}
.media-right img {
  max-width: 13em;	
}
.fa-newspaper-o::before {
  font-size: 2em;
  padding-right:0.2em;
}
.fa-chain::before, .fa-link::before {
  font-size: 1.8em;
  padding-right:0.2em;
}
.fa-lightbulb-o::before {
  font-size: 1.8em;
}
[class^="icon-"]::before, [class*=" icon-"]::before {
  margin-right: 0em!important;
  margin-left: 0!important;
}

/* Flex Box */
.containerFlex {
  height:670px;
  background:#fff;
  padding: 10px;	
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  flex-flow: row wrap;
  
  /*flex-direction:row; de izquierda a derecha normal*/
  /*flex-direction:row-reverse; Inicia de derecha a Izuierda y el orden cambia*/
  /*flex-direction:row;*/
  /*flex-wrap:wrap; /*utiliza en width de .elemento y lo multiplica x 4 = 800px pero como el tercer elemento no cabe los baja a la fila siguiente*/
  /*flex-wrap:no-wrap;/* Hace que todos los elementos queden en línea horizontal ajustando sus tamaños al 100% del contenedor*/
  
  /* Atajo primer valor de flex-direction y segundo de flex-wrap
  flex-flow:row wrap;*/
  
  /*justify-content:center; centra contenido más facil*/
  /*justify-content:space-between;/* Distribuye los elementos por todo el ancho sin cambiar el tamaño */
  justify-content:center;
  align-items:stretch;
  /*align-items:center;*/
  /*align-items:stretch;/* En este caso ajusta el alto de los elementos al contenedor pero teniendo el height en "auto"*/
  /*align-items:center;/*Solamente para una línea de elementos*/
  
  align-content:center; /*Se utiliza cuando hay varias líneas de elementos*/
}
.element {
  color:#fff;
  margin:5px;
  width:30%;
  /*height:50px;*/
  background-color:#fff;
  border: 1px solid #ddd;
}

/* Flex Container */
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.imgNova {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 0 2px rgba(0, 0, 0, 0.3);
  padding: 1.5em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* stylize any heading tags withing white-panel below */

.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #A92733;
}
.white-panel:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Start Tags */

.item{
  color:#48453d; 
  margin-top:5px; 
  overflow:hidden;
  float:left;
}
.block-title{
  color: #48453d; 
  margin-bottom:0px; 
  font-size:18px; 
  margin-top: 0px; 
  font-weight:700; 
  text-transform:uppercase;
}
.item-content-block{
  /*padding:20px; */
  /*border-top:2px solid #f6f6f2; */
  /*background-color:#FFF;*/ 
  display:block;
}
.tags a{
  padding:4px; 
  color:#767676; 
  display:inline-block; 
  font-size:11px; 
  text-transform:uppercase; 
  line-height:11px;
  margin-bottom:5px; 
  margin-right:2px; 
  text-decoration:none;
  border:1px solid #767676;
}

/* End Tags */


/* CCS Special Intern */

.borderGrayComplete {
  border: 1px solid #ddd;
  padding: 0;
}
.socialNova {
  border:1px solid #9f9d9d;
  padding: 0.45em;
  width:55%;
  font-size:0.75em;
}
.iconPostNova {
  font-size:2em;
  float:right;
  margin-right:0.5em;
}
.iconPostNova1 {
  font-size:1.4em;
}
a.moreInfo {
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
a.moreInfo:hover {
  color:#9b212c;
}
.radioNova {
  background-color:#ddd;
  padding:1em;
  height:240px;
  max-height:300px;
  margin-bottom:1em;
}
.opinionBgNova {
  background-color:#ddd;
  padding:1em;
  height:100%;
  max-height:auto;
  margin-bottom:1em;
}
.newsNova {
  background-color:#eaeaea;
  padding:1em;
  max-height:80px;
}
.newsNova1 {
  background-color:#f4f4f4;
  padding:1em;
  max-height:80px;
}
.radioNovaStream {
  width:100%
}
audio {
  width:100%
}
.btnNova {
  border: 1px solid #9b212c;
  color: #9b212c;
  border-radius: 0px;
  background-color:transparent;
  font-weight:bold;
}
.btnNova:hover {
  color: #fff;
  background-color:#9b212c;
}
.btn1Nova {
  border: 1px solid #000;
  color: #000;
  border-radius: 0px;
  background-color:transparent;
  font-weight:bold;
}
.btn1Nova:hover {
  color: #fff;
  background-color:#000;
  font-weight:bold;
}
.well {
  margin-top: 1em;
  border-radius: 0px!important;
}


/* Start Carousel "Relacionados" */
#quote-carousel .carousel-inner > .item {
  min-height:180px;
}
#quote-carousel .carousel-inner > .item .col-xs-10 {
  padding:0;
}
.carousel {
  padding-bottom: 0;
}
.carouselNovaIntern {
  padding-bottom: 0%;
}

@media (max-width: 1000px){
  .carouselNovaIntern {
    padding-bottom: 7%;
  }
}

#quote-carousel .carousel-control {
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active {
  background: #333333;
}
#quote-carousel img {
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
  border-left: none; 
  margin: 0;
}	
.item blockquote img {
  margin-bottom: 10px;
}	
.item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
}
.carousel-indicators {
  bottom:0;
}
.carousel-indicators li {
  border: none;
}	

.fa {
  font-size: 0.5em!important;
}	
/* End Carousel "Relacionados" */

/*  Start CSS Share */

.mobile-social-share {
  /*background: none repeat scroll 0 0 #EEEEEE;
  display: block !important;
  min-height: 70px !important;
  margin: 50px 0;*/
}
.mobile-social-share h3 {
  color: inherit;
  float: left;
  font-size: 15px;
  line-height: 20px;
  margin: 25px 25px 0 25px;
}
.share-group {
  float: right;    
}
.btn-group {
  display: inline-block;
  font-size: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}
.btn-info {
  color: #fff;
  background-color: #9f9d9d!important;
  border-color: #fff!important;
  height: 32px;
}
.mobile-social-share ul {
  float: right;
  list-style: none outside none;
  margin: 0;
  min-width: 61px;
  padding: 0;
}

.share {
  min-width: 17px;
}

.mobile-social-share li {
  display: block;
  font-size: 18px;
  list-style: none outside none;
  margin-bottom: 3px;
  margin-left: 4px;
  margin-top: 3px;
}
.btn {
  border-radius:0px!important;
}
.btn-share {
  background-color: #BEBEBE;
  border-color: #CCCCCC;
  color: #333333;
}

.btn-twitter {
  background-color: #3399CC !important;
  width: 51px;
  color:#FFFFFF!important;
}
.fa-comments::before {
  color: #767676;
}

.fa-twitter::before {
  font-size:2em;
}
.fa-facebook-f::before, .fa-facebook::before {
  font-size:2em;
}
.fa-whatsapp::before {
  font-size:2em;
}
.fa-linkedin::before {
  font-size:2em;
}
.fa-share-alt::before {
  font-size:2em;
}
.fa-comments::before {
  font-size:2em;
}
.btn-facebook {
  background-color: #3D5B96 !important;
  width: 51px;
  color:#FFFFFF!important;
}

.btn-google {
  background-color: #DD3F34 !important;
  width: 51px;
  color:#FFFFFF!important;
}

.btn-linkedin {
  background-color: #1884BB !important;
  width: 51px;
  color:#FFFFFF!important;
}

.btn-whatsapp {
  background-color: #00a859 !important;
  width: 51px;
  color:#FFFFFF!important;
  display:none!important;	
}
.btn-pinterest {
  background-color: #CC1E2D !important;
  width: 51px;
  color:#FFFFFF!important;
}

.btn-mail {
  background-color: #FFC90E !important;
  width: 51px;
  color:#FFFFFF!important;
}

.caret {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  width: 0;
}

/* End CSS Share */

@media only screen and (max-width: 767px){
  
  .not-mobile-space{
    margin:0 !important;
  }
  
  .radioNova {
    background-color: #ddd;
    padding: 1em;
    height: auto;
    max-height:inherit
  }
  .socialNova {
    width: 60%;
  }
  .mobile-social-share {
    float: left;
  }
  .rowBottomLineNova {
    border-bottom:1px solid #ddd;
    padding-bottom: 1.5em;
  }
  .outstanding2Nova h3 {
    font-size:1.5em;
    line-height: 1em;
  }
  img.media-object {
    width:100%
  }
  
  .btn-whatsapp {
    display:block!important;
  }
  #socialHolder{
    padding-left:5px;
    padding-right:5px;
  }
  
  .mobile-social-share h3 {
    margin-left: 0;
    margin-right: 0;
  }
  
  #socialShare{
    margin-left:5px;
    margin-right:5px;
  }
  
  .mobile-social-share h3 {
    font-size: 15px;
  }
  
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    margin-top: 1em;		
  }
  
  .nav-tabs.nav-justified {
    border-bottom: inherit !important;
  } 
  
  #bs-example-navbar-collapse-1 {
    position: absolute;
    z-index: 4;
    border:1px solid #ddd;
    -webkit-box-shadow: 2px 9px 20px -4px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 2px 9px 20px -4px rgba(0,0,0,0.75) !important;
    box-shadow: 2px 9px 20px -4px rgba(0,0,0,0.75) !important;
    width: 90% !important;
    right: 28px;
    background-color: white;
  }
  
  .socialNova {
    width:100%;
    text-align:center;
  }
  .outstanding3outNova h3 {
    font-size:1.2em;
  }
  
  #bs-example-navbar-collapse-1 ul li a.active {
    background-color: #a20f26;
    color: white;
    border-radius: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
  .radioNova {
    height:auto;
    max-height:auto;
  }
  .outstandingNova h5 {
    font-size:2em;
  }
  .outstandingNova h6 {
    font-size:1.3em;
  }
  .marginComplete {
    margin: 0 auto;
  }
  .navbar-collapse {
    width: 100%!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background-color: transparent;
  }
  .socialNova {
    width:60%;
    text-align:center;
    float:right
  }
  
}
.resp {width:100%;}
.carousel-inner>.item {padding-bottom:10px;width:100%;}
.carousel-inner h3 a {font-family: 'Yanone Kaffeesatz',sans-serif!important;color:#9b212c; text-decoration:none;}
.EditableTextEdit {width:auto !important;}
.NoPadMargin {margin:0 auto; padding:0px;}
.SD {border:1px solid #9b212c;}
.SD .outstanding3Nova h3 a:link {color:#9b212c;text-decoration:none;}

/* Comentarios */
.detailBox {
  width:100%;
  border:1px solid #bbb;
  margin-top:25px;
}
.titleBox {
  background-color:#fdfdfd;
  padding:10px;
}
.titleBox h3 {padding:0px;margin:0px;}
.titleBox label{
  color:#444;
  margin:0;  
}
/** Formulario comentarios internos notas **/
.commentList .message-board-form{display:block !important;background-color:#FFF;}
.commentList .message-board-form input{
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.commentList .message-board-form label{font-family:'Open Sans', sans-serif;color:#333;font-weight:inherit;font-size:13px;}
.commentList .message-board-form .btn{}

/** Fin formulario comentarios internos notas **/

.commentBox {
  padding:10px;
  border-top:1px dotted #bbb;
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
  width:47%;
  display:inline-block;
}
.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
  width:48.5%;
  display:inline-block;
}
.actionBox .form-group .form-control {
  width:100% !important;
}
.ColInternal .form-group:nth-child(2) {width:47% !important;}
.taskDescription {
  margin-top:10px 0;
}
.commentList {
  padding:0;
  list-style:none;
}
.commentList li {
  margin:0;
  margin-top:10px;
}
.commentList li > div {
  display:table-cell;
}
.commenterImage {
  width:30px;
  margin-right:5px;
  height:100%;
  float:left;
}
.commenterImage img {
  width:100%;
  border-radius:50%;
}
.commentText p {
  margin:0;
}
.sub-text {
  color:#aaa;
  font-family:verdana;
  font-size:11px;
}
.actionBox {
  border-top:1px dotted #bbb;
  padding:10px;
}
.form-horizontal .form-group {
  margin-right: 10px !important;
  margin-left: 10px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.message-board-form-leave-message{
  display: inline-block;
  max-width: 100%;
  color: #444;
  margin: 12px;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

.form-control-error{
  color:red;
  font-family: 'Roboto', sans-serif;
}

.CommentDetail{
  padding:10px;
}

.message-board-form {
  margin-top:2rem;
  background:#f4f9fb;
  padding:10px;
}
.commentList .form-horizontal input[type=submit] {margin-top:25px;background-color:#fff;color:#333;border-color: #ccc;padding: 6px 30px; float:right;}
.commentList .form-horizontal input[type=submit]:hover {background-color:#d4d4d4;border-color: #8c8c8c;}
.commentList .form-horizontal br {display:none;}
.commentList .form-horizontal .form-group {padding-bottom:3px;}
.commentList .form-horizontal .form-control-error {font-size:12px;}
.message-board-form {border-top:1px dotted #bbb;}
.commentList .form-horizontal .form-group:nth-child(4) {padding-top:8px;}
.commenterImage .fa {font-size:20px;padding-left:5px;}
.BoardMessageDetail {width: 100%;display: inline-block !important;margin-top: 10px;}
.InlineAbuseLink {border-bottom: 1px solid #ccc;width: 100%;display: inline-block;margin-bottom: 15px;}
.actionBox .form-control-error{font-family:'Open Sans',sans-serif;}
#SubscriberEmail .FieldLabel label {font-family: 'Yanone Kaffeesatz',sans-serif!important;color: #090909;font-size: 1.5em; margin-top: 12px!important;line-height: .5;font-weight: bold;padding-right:10px;}
#SubscriberEmail .FieldLabel {vertical-align: top;padding-top: 12px;}
#SubscriberEmail .EditingFormValueCell input {width:100% !important;background:#EAEAEA;border:none;box-shadow:none;}
.borderGrayBottom {border-bottom:1px solid #ddd;margin-bottom:15px;}
.Subscription input[type="submit"] {width:100%;color: #fff;background-color: #9b212c;border-color: transparent;}
.Subscription input[type="submit"]:focus {background-color:#ff0000;border-color: transparent;}
.Subscription .ErrorLabel, .EditingFormErrorLabel {color:#FF0000;font-size:12px;}
.EditingFormInfoLabel {font-weight:bold;color:#2DB200;}
.BoletinInterno .FormPanel {float:left;width:75%;padding-bottom:15px;}
.BoletinInterno input[type="submit"] {float:left;width:auto;}
.BoletinInterno .EditingFormTable {width:100%;}
.BoletinInterno #SubscriberEmail .FieldLabel label {font-size:2.2em;}
.BoletinInterno .ErrorLabel {display:none;}
.buscadorProfesor .input-group.stylish-input-group { width:100%;}
.buscadorProfesor .input-group.stylish-input-group input[type="text"] { width:85% !important;border-right:0;border-radius:0 !important; margin-top: 0;}
.buscadorProfesor .input-group.stylish-input-group input[type="image"] { width:45px !important;border-left:0;border-right: 1px solid #ccc;border-radius: 0 !important; margin-top: 0;}
.lupaBuscador{width:13px;}

.PagerControl {float: left; width: 100% !important; text-align: center; padding-top: 25px;border-top:1px solid #eee;margin-bottom:3%;}
.PagerControl a:link, .PagerControl .CurrentPage {border:1px solid #f5f5f5;padding:5px 8px;margin-right:10px;text-decoration:none;}
.PagerControl a:link {color:#ccc; font-weight:bold;}
.PagerControl a:hover {color:#f00 ;}
.PagerControl a.FirstPage, .PagerControl a.LastPage, .PagerControl .CurrentPage {color:#b00d26 !important;font-weight:bold;}
.PagerControl a.PreviousPage, .PagerControl a.NextPage {color:#9b212c !important;font-weight:bold; }
.PagerNumberArea > span {background:#fff;border:1px solid #ddd;display:inline-block;padding:5px 8px;}
.PagerNumberArea > span:nth-child(2), .PagerNumberArea > span:nth-child(4) {background:none;border:none;}
.BtnNoticiasAnteriores a {display:table;width:1}

.jose {color:#333;}
@media (max-width: 768px) {
  .todosLosVideos .galeriaVideos .video {
    width: 80%;
  }
}