****************************************************
 *  MAIN  - CHAMILO CSS
 *****************************************************/

/* Adding default style for the chamilo_X themes */
@import url('../base_chamilo.css');
body {font-family: Calibri, 'Century Gothic', Tahoma, sans-serif !important; }
#wrapper
{
  /*background-color: #FEFEFE;*/
  /* background: #FEFEFE url('./img/fondo_body.jpg') repeat-x top center; */
  /*background-image: -moz-linear-gradient(top, #C4D331 100px, #FFF 200px, #F0F0F0 90%);*/ /* FF3.6+ */
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100px,#C4D331), color-stop(200px,#FFF), color-stop(90%,#F0F0F0));*/  /* Chrome,Safari4+ */
  /*background-image: -webkit-linear-gradient(top, #C4D331 100px, #FFF 200px, #F0F0F0 90%);*/  /* Chrome 10+,Safari 5.1+ */
  /*background-image: -ms-linear-gradient(top, #C4D331 100px,#FFF 200px, #F0F0F0 90%);*/  /* IE10+ */
  /*background-image: -o-linear-gradient(top, #C4D331 100px,#FFF 200px, #F0F0F0 90%);*/  /* Opera 11.10+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4D331', endColorstr='#FFF',GradientType=0 );*/  /* IE6-9 */
  /*background-image: linear-gradient(top, #C4D331 100px,#FFF 200px, #F0F0F0 90%); */ /* W3C */
  /*
  -webkit-box-shadow: 0 8px 25px -10px black inset;
     -moz-box-shadow: 0 8px 25px -10px black inset;
          box-shadow: 0 8px 25px -10px black inset;*/
}

/*#main{
  width: 98%;
}*/
header{
  /*background: #bbd647;
  background: #FFF;*/
}
.navbar-default, .navbar-default a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  background: #bbd647!important;
  color: #333!important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  border-bottom: 2px solid #EFEFEF;
}
.navbar-default .navbar-nav > li > a:hover{
 border-bottom: 2px solid #252525; 
}
/*.nav>li>a{
  color: #FFF;
}*/
.nav>li>a i{
  font-size: 21px;
}
header #logo, header #logo_tienda{
  top: 0px;
  position: relative;
}
header #logo_tienda{ float:right; }
header #logo_tienda a{ padding: 0!important; }
header #logo_tienda img{ width: 95px; }
header #logo img{padding: 8px; border: 1px solid transparent;height: 60px;padding-top:15px;}
header #logo img:hover, header #logo_tienda img:hover
{
  border: 1px solid #D1DC5E;
  -webkit-box-shadow: 0 0 200px #FFF ;
     -moz-box-shadow: 0 0 200px #FFF;
          box-shadow: 0 0 200px #FFF;
          -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
}

/* the following for regular <a> elements */
footer a {
    text-decoration: none;
    color :#FFF
}
footer a:hover {
    text-decoration: none;
    color :#7F7E7E
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #000;
}
a:active {
    text-decoration: none;
    color : #3757f7;
}

header.subnav-fixed + #cm-content{
  margin-top: 75px;
}

#main.section-social-network .breadcrumb, #main.section-social-network #cm-content .container > .row{
  margin-left: 50px;
  width: calc(100% - 50px);
}
#main.section-social-network #cm-content .container > .row > div{
  padding: 0;
}
#main.section-social-network .menu#menu{
  top: 55px!important;
  margin-top: 0;
}
/*   MENU   */
.nav-collapse li.separate {
    clear: left;
    float: left;
}
.subnav{
  font-weight: normal;
  font-size: 12px;
}
.subnav .navbar-inner {
    background-color: #FFF !important; 
    /*background-color: #bbd647 !important; */
    background-image: none;
    border: 0px;
    -webkit-box-shadow: 0 0 1px #FFF;
     -moz-box-shadow: 0 0 1px #FFF;
          box-shadow: 0 0 1px #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius:0px;
    border-radius: 0px;
    padding-left:0px;
    padding-right:0px;
}

.subnav .nav > li > a {
    text-transform: uppercase;
    border-left: 0px solid #AEB72A!important;
    border-right: 0px solid #AEB72A!important;
    color: black!important;
}

.subnav .nav > #current > a,
.subnav .nav > #current > a:hover {
    background-color: transparent;
    border-bottom: 3px solid #FFF;
}

.subnav-fixed .nav > #current > a,
.subnav-fixed .nav > #current > a:hover {
    background-color: transparent;
    border-bottom: 3px solid #FFF;
    
}

.subnav li a {
    color:#fff;
}

.subnav .navbar-inner li a:hover {
    color: #000;
    background-color: #bbd647;
    /*background: #C4D331 url('./img/fondo_menu.jpg') top center repeat-x; */
    /*background-image: -moz-linear-gradient(top, #FFF 0%, #C4D331 100%);*/ /* FF3.6+ */
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#C4D331));*/ /* Chrome,Safari4+ */
    /*background-image: -webkit-linear-gradient(top, #FFF 0%, #C4D331 100%);*/ /* Chrome 10+,Safari 5.1+ */
    /*background-image: -ms-linear-gradient(top, #FFF 0%,#C4D331 100%);*/ /* IE10+ */
    /*background-image: -o-linear-gradient(top, #FFF 0%,#C4D331 100%);*/ /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#C4D331',GradientType=0 );*/ /* IE6-9 */
    /*background-image: linear-gradient(top, #FFF 0%,#C4D331 100%);*/ /* W3C */
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: inset 0 0 50px #ffffff;
    -moz-box-shadow: inset 0 0 50px #ffffff;
    box-shadow: inset 0 0 50px #ffffff;
}

/*  CUERPO    */
/*
#main_content.row .span9 section { padding: 10px; }
*/

section#homepage .row > div{
  background-color: #FFF;
  padding: 0px 10px 0px 10px;
  -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
  -webkit-box-shadow: 0 0 10px #C4D331;
   -moz-box-shadow: 0 0 10px #C4D331;
        box-shadow: 0 0 10px #C4D331;
}

table.calendar .monthyear {font-size: 10px !important;}

.center { text-align: center; }
.justify { text-align: justify; }

/* ADMIN */
/*Paneles de administración*/
#settings .span6
{
    min-height: 350px;
}

.well_border,
.courseadminview-activity-3col,
.platformadminview-activity-3col
{
    border-color:#C4D331;
}

/* SLIDER */

#transiciones_slider{ margin: 0 auto; width:100% !important;}
@media (max-width: 1200px)
{
    #transiciones_slider .bx-window img {width: 70% !important; }
}
@media (max-width: 1000px)
{
  #transiciones_slider { display: none; }
}
#transiciones_slider .bx-wrapper,
#transiciones_slider .bx-window
{
    width: 85% !important;
    margin: 0 auto !important;
}

/*   LATERAL */
/*#main_content.row > div.span3
{
  -webkit-box-shadow: 0 0 10px #FFF;
     -moz-box-shadow: 0 0 10px #FFF;
          box-shadow: 0 0 10px #FFF;
}*/

#main_content.row > div.span3 div.well:last-child
{
  margin-bottom: 0px;
  padding-bottom: 20px;
}

.well
{
  background-color: rgba(245, 245, 245, 0.25) !important;
  border-color: #C4D331!important;
}
.form-actions {
  background-color: transparent !important;
  border-top: 1px solid #bbd647 !important;
}

div.control-group + div.well, .profesor .well{
  padding: 10px 15px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(196, 211, 49, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(196, 211, 49, 0.075), 0 0 8px rgba(196, 211, 49, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(196, 211, 49, 0.075), 0 0 8px rgba(196, 211, 49, 0.6);
          box-shadow: inset 0 1px 1px rgba(196, 211, 49, 0.075), 0 0 8px rgba(196, 211, 49, 0.6);
}

.nav-list > .active > a, .nav-list > .active > a:hover , .nav > li > a:hover
{
    background-color: #C4D331;
}

/* FORMULARIO DE CONTACTO */
.span12.terminos-legales .legal-terms{ width: 100%;}

/* FORMULARIO DE ALTA */
.radio { float: left; text-align: left; padding-top: 5px; margin-left: 15px; }
.form-horizontal .control-group { margin-bottom: 10px; }

/* FORMULARIO EN GENERAL */
span.help-inline
{
    clear: both;
    float: left;
}


/*****************************************************
 *  FOOTER STYLES                                    *
 *****************************************************/
.push { height: 6.5em; }
footer {
  color:#ffffff;
  /*background-color: #000;*/
  /** SegundoPlano Julio 08/08/2018 cambiar fondo footer */
  /*background: #000 url('./img/new_piecera.jpg') top center repeat-x;*/
  /*background-repeat: repeat-x;*/

  background: rgba(21,21,21,1);
  background: -moz-linear-gradient(top, rgba(21,21,21,1) 0%, rgba(188,214,71,1) 2%, rgba(21,21,21,1) 3%, rgba(84,84,84,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(21,21,21,1)), color-stop(2%, rgba(188,214,71,1)), color-stop(3%, rgba(21,21,21,1)), color-stop(100%, rgba(84,84,84,1)));
  background: -webkit-linear-gradient(top, rgba(21,21,21,1) 0%, rgba(188,214,71,1) 2%, rgba(21,21,21,1) 3%, rgba(84,84,84,1) 100%);
  background: -o-linear-gradient(top, rgba(21,21,21,1) 0%, rgba(188,214,71,1) 2%, rgba(21,21,21,1) 3%, rgba(84,84,84,1) 100%);
  background: -ms-linear-gradient(top, rgba(21,21,21,1) 0%, rgba(188,214,71,1) 2%, rgba(21,21,21,1) 3%, rgba(84,84,84,1) 100%);
  background: linear-gradient(to bottom, rgba(21,21,21,1) 0%, rgba(188,214,71,1) 2%, rgba(21,21,21,1) 3%, rgba(84,84,84,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#545454', GradientType=0 );

  /* Repeat the gradient */
  /*background-image: -moz-linear-gradient(top, #555 0%, #000 100%);*/ /* FF3.6+ */
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#000));*/ /* Chrome,Safari4+ */
  /*background-image: -webkit-linear-gradient(top, #555 0%, #000 100%);*/ /* Chrome 10+,Safari 5.1+ */
  /*background-image: -ms-linear-gradient(top, #555 0%,#000 100%);*/ /* IE10+ */
  /*background-image: -o-linear-gradient(top, #555 0%,#000 100%);*/ /* Opera 11.10+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#000',GradientType=0 );*/ /* IE6-9 */
  /*background-image: linear-gradient(top, #555 0%,#000 100%);*/ /* W3C */
  /*
  -webkit-box-shadow: 0 0px 2px 2px #C4D331, 0 0px 5px 5px black;
     -moz-box-shadow: 0 0px 2px 2px #C4D331, 0 0px 5px 5px blacK;
          box-shadow: 0 0px 2px 2px #C4D331, 0 0px 5px 5px black;*/
}
#software_name {display: none;}
.ContactPlugin {text-align: center;}
/*****************************************************
 *  DISPLAY MESSAGES	                             *
 *****************************************************/
.normal-message {
    color: #00407F;
    border: 1px solid #CDE6F5;
    background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE;
}
.warning-message {
    border: 1px solid #FFB30F;
    color: #000;
	background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7;
}
.confirmation-message {
	border: 1px solid #1F8323;
    color:#1F8323;
	background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7;
}
.error-message {
    border: 1px solid #FF0000;
    color: #440000;
	background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1;
}

.social-menu-title {
	background-color:#00AAE3;
}

#social-content-online {
    background-color:#00AAE3;
}

.admin_section li {
    background-image:url(images/bullet.gif);
}

.system_announcements {
    background: transparent url('images/systemenouvelles.jpg') no-repeat top  left;
}

.topa {
    background:transparent url('images/logoa4.gif') no-repeat;
}
.topb {
    background:transparent url('images/logob4.gif') no-repeat;
}

#bottomhellomindfactory {
    background:transparent url('images/textologo.jpg') no-repeat;
}

/*including "login" image*/
button.login {
    background-image:url(images/bg-button.gif);
}

button.login:hover {
}

/*including "save" image*/
button.save {
    background-image:url(images/button_accept.gif);
}
/*including "add" image*/
button.add {
    background-image:url(images/button_add.gif);
}
/*including "cancel" image*/
button.cancel {
    background-image:url(images/button_delete.gif);
}
/*including "search" image*/
button.search {
    background-image:url(images/bg-button.gif);
}
/*including "plus" image*/
button.plus {
    background-image:url(images/button_plus.gif);
}
/*including "minus" image*/
button.minus {
    background-image:url(images/button_minus.gif);
}
/*including "next" image*/
button.next {
    background-image:url(images/button_next.gif) !important;
}
/*including "back" image*/
button.back {
    background-image:url(images/button_back.gif);
}
/*including "refresh" image*/
button.refresh {
    background-image:url(images/button_refresh.gif);
}
/*including "upload" image*/
button.upload {
    background-image:url(images/button_upload.gif);
}

button.arrowr, input.arrowr {
	background-image:url(images/2rightarrow.gif);
}
button.arrowl, input.arrowl {
    background-image:url(images/2leftarrow.gif);
}
.refresh {
    background-image:url(images/refresh.png);
}

.portal {
    background-image:url(images/portal.png);
}

.correo-success img {
    margin-left: 50px;
}

.navbar .nav > li.oculto-menu
{
  display: none;
}


/*=CODIGO SEGUNDOPLANO=*/
.imagenes, .slider{
  display: none;
}

.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 98% !important;
}
.span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
}
.span12 {
  width: 100% !important;
}
.span11 {
  width: calc(91.6%) !important;
}
.span10 {
  width: calc(83.3%) !important;
}
.span9 {
  width: calc(75%) !important;
}
.span8 {
  width: calc(66.6%) !important;
}
.span7 {
  width: calc(58.3%) !important;
}
.span6 {
  width: calc(50%) !important;
}
.span5 {
  width: calc(41.6%) !important;
}
.span4 {
  width: calc(33.3%) !important;
}
.span3 {
  width: calc(25%) !important;
}
.span2 {
  width: calc(16.6%) !important;
}
.span1 {
  width: calc(8.3% )!important;
}
.offset12 {
  margin-left: 100% !important;
}
.offset11 {
  margin-left: 91.6% !important;
}
.offset10 {
  margin-left: 83.3% !important;
}
.offset9 {
  margin-left: 75% !important;
}
.offset8 {
  margin-left: 66.6% !important;
}
.offset7 {
  margin-left: 58.3% !important;
}
.offset6 {
  margin-left: 50% !important;
}
.offset5 {
  margin-left: 41.6% !important;
}
.offset4 {
  margin-left: 33.3% !important;
}
.offset3 {
  margin-left: 25% !important;
}
.offset2 {
  margin-left: 16.6% !important;
}
.offset1 {
  margin-left: 8.3% !important;
}
.actions{
  height: auto!important;
}
.actions:after {
    content: '';
    display: table;
    clear: both;
}
@media (max-width: 999px){
  .nav>li>a{
        padding: 10px 10px
  }
}
@media (max-width: 999px) and (min-width: 678px){
   h4.course-items-title{
    min-height: 100px!important;
  }
  .course-items-info_course{
    min-height: 275px;
  }
}
@media (max-width: 850px) and (min-width: 768px){
  .navbar-nav>li>a{
    font-size: 12px;
  }
  .barra_navegacion .nav:not(.pull-right){
    width: auto;
  }
  .img_logo, #header-logo{
    max-width: 35px;
  }
  .logo{
    margin: 0;
  }
}
@media (max-width: 768px){
  .barra_navegacion .nav:not(.pull-right){
    padding-left: 45px;
  }
  .logo.visible-xs{
    float: left;
    margin: 0;
  }
  .navbar-toggle{
    margin-right: 70px;
  }
  .navbar .container .navbar-brand{
    display: none!important;
  }
  .cuerpo{
    right: 50px;
    width: calc(100% - 100px)!important;
    float: right;
  }
  .nav.navbar-nav.navbar-right.visible li{
    float: right;
  }
  .barra_navegacion .nav:not(.pull-right){
    padding-right: 35px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: #e7e7e7;
  }
  #language_flag{
    bottom: 5px;
  }
  #search_simple{
    padding: 10px;
  }
  .ui-dialog.ui-widget-content{
    max-width: 97vw;
  }
  #learning_path_right_zone .lp-view-tabs .tab-content#tab-iframe{
    position: relative;
    left: -100vw;
    top: 500px!important;
  }
}
/*=END CODIGO SEGUNDOPLANO=*/