/**************************************************************
  Site Framework
**************************************************************/
h1, h2, h3, h4{font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: 100}
h1{font-size: 38px;color:#000000; padding-top: 20px;}
h2{font-size: 32px;color:#000000; padding-top: 20px; padding-bottom: 40px;}
h3{font-size: 25px;color:#000000;}
h4{font-size: 20px;color:#000000; padding-bottom: 35px;}
h5{font-size: 18px;color:#000000;}
p{font-family:'Open Sans Light','Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;  color:#5d5d5d;}
body{ font-family:'Open Sans Light', 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif; margin: 0; padding: 0; color: #555; background: #fff; width:100%; }
body > #wrap {height: auto; min-height: 100%;}

.clear{
  clear: both;
}
.align-right{
  text-align: right;
}
.align-center{
  text-align: center;

}
.line-wide-white{
  background: white;
  width: 100%;
  border: 0 none;
}
.arrowed-title{
  display: inline-block;
  background: url('/assets/arrowPink.png') right center no-repeat;
  padding-right: 32px;
  margin: 0;
}
.arrowed-title span{
  display: table-cell;
  background: #ee4c9b;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: white;
  height: 57px;
  line-height: 57px;
  vertical-align: middle;
  padding: 0 20px;
}
.ribbon{
  display: block;
  margin: 0;
  background: url('/assets/ribbonEnd.png') center bottom no-repeat;
  padding-bottom: 32px;
  width: 57px;
}
.ribbon-inner{
  height: 100%;
  background: #ee4c9b;
  text-align: center;
}

/*This is actually a fix for the mejs module*/
div.mejs-poster img{
  width: 100%;
  height: 100%;
}

/**************************************************************
  Fonts
**************************************************************/
@font-face {
  font-family:'Open Sans Light', 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  src: asset-url('OpenSans-Light.ttf') format('truetype');
  src: asset-url('opensans-bold-webfont.eot');
  src: asset-url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
     asset-url('opensans-bold-webfont.woff') format('woff'),
     asset-url('opensans-bold-webfont.ttf') format('truetype'),
     asset-url('opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'Open Sans Light', 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  src: asset-url('OpenSans-Light.ttf') format('truetype');
  src:asset-url('helveticaltstd-bold.eot');
  src:asset-url('helveticaltstd-bold.eot?#iefix') format('eot'),
    asset-url('helveticaltstd-bold.woff') format('woff'),
    asset-url('helveticaltstd-bold.ttf') format('truetype'),
    asset-url('helveticaltstd-bold.svg#webfontAt4lcDi2') format('svg');
  font-weight:normal; font-style:normal;
}
@font-face {
  font-family:'Open Sans Light', 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  src: asset-url('OpenSans-Light.ttf') format('truetype');
  src:asset-url('helveticaltstd-roman.eot');
  src:asset-url('helveticaltstd-roman.eot?#iefix') format('eot'),
    asset-url('helveticaltstd-roman.woff') format('woff'),
    asset-url('helveticaltstd-roman.ttf') format('truetype'),
    asset-url('helveticaltstd-roman.svg#webfontAt4lcDi2') format('svg');
  font-weight:normal; font-style:normal;
}

/**************************************************************
  Buttons
**************************************************************/
.colored-button{
  display: block;
  max-width: 400px;
  min-height: 20px;
  padding: 5px 12px;
  overflow: hidden;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  border: 0 none;
  border-radius: 1px;
  color: white;
  font-size: 17px;
  text-align: center;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
}
.colored-button:hover{
  text-decoration: none;
}
.colored-button.blue{
  color:#FFF;
  background-color: #00A9E8;
}
.colored-button.blue:hover{
  background-color: #00BAFF;
}
.colored-button.blue:active{
  background-color: #0296cd;
}
.colored-button.grey{
  color:white;
  background-color: #4c4d4f;
}
.colored-button.grey:hover{
  background-color: #636567;
}
.colored-button.grey:active{
  background-color: #2e2f30;
}
.colored-button.pink{
  color:white;
  background-color: #DB448E;
}
.colored-button.pink:hover{
  background-color: #fc55a6;
}
.colored-button.pink:active{
  background-color: #c84183;
}

/**************************************************************
  Forms
**************************************************************/
.form .rememberMe label{
  display: inline;
}
.form .errorMessage{
  color: #B50707;
  font-size: 12px;
}
.form .hint{
  color: #9E9E9E;
  font-size: 13px;
}
.form span.required{
  color: #B50707;
}
.form .form-row{
  clear: both;
  margin-top: 10px;
}
.form .form-row .errorMessage{
  float: left;
  margin: 0px 0 7px 1px;
}
.form .form-row input{
  float: left;
  margin-bottom: 1px;
}
.form input.error{
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/**************************************************************
  Stars Component
**************************************************************/
ul.stars{
  list-style-type: none;
  margin: 0;
}
ul.stars li{
  display: block;
  width: 18px;
  height: 18px;
  background: transparent center center no-repeat;
  float: left;
  margin: 0 2px 0 0;
}
ul.stars .stars-star-empty{
  background-image: url('/assets/iconStarEmpty.png');
}
.stars-pink .stars-star-full{
  background-image: url('/assets/iconStarFull.png');
}
.stars-pink .stars-star-half{
  background-image: url('/assets/iconStarHalf.png');
}

/**************************************************************
  Icons 2x
**************************************************************/

/*
  width: 14px;
  height: 14px;
  background-size: 469px 159px;
*/
i.icon-big{
  width: 18px;
  height: 18px;
  background-size: 586.25px 198.75px;
}
.icon-big.icon-user{
  /*background-position: -168px 0px;*/
  background-position: -210px 0px;
}
.icon-big.icon-play{
  /*background-position: -264px -72px;*/
  background-position: -330px -90px;
}
.icon-big.icon-tags{
  /*background-position: -25px -48px;*/
  background-position: -31.25px -60px;
}
.icon-big.icon-facetime-video{
  /*background-position: -432px -48px;*/
  background-position: -540px -60px;
}

.img-right {
  padding-left: 70px;
}

.img-left {
  padding-right: 70px;
  padding-left: 50px;
}
/**************************************************************
  Cursos' Thumbs
**************************************************************/
.curso-thumb{
  display: block;
  width: 200px;
  height: 330px;
  border: 1px solid #d3d1d1;
  margin: 5px 0 0;
  position: relative;
}
.curso-thumb.large{
  width: 445px;
  height: 848px;
  background: #fbf9f9;
}
.curso-thumb:hover{
  text-decoration: none;
  border-color: #ee4c9b;
}
.curso-thumb.large:hover{
  border-color: #d3d1d1;
}
.curso-thumb .is-featured {
  text-decoration: none;
  position: absolute;
  top: -5px;
  left: -3px;
  color: gold;
  text-shadow: 1px -1px 2px #dddcdc;
  z-index: 3;
}
.curso-thumb.large .is-featured{
  top: 40px;
}
.curso-thumb p,
.curso-thumb h4{
  color: #4c4d4f;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
}
.curso-thumb.large .large-description{
  max-height: 90px;
  height: 90px;
}
.curso-thumb.large p{
  font-size: 17px;
  max-height: 64px;
  margin-bottom: 0;
  overflow: hidden;
}
.curso-thumb.large .large-description p{
  max-height: 45px;
}
.curso-thumb.large .see-more{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.curso-thumb.large .buy{
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-align: right;
}
.curso-thumb.large .buy form{
  margin: 0;
}
.curso-thumb.large ul.stars {
  margin-top: 12px;
}
.curso-thumb h3{
  color: #4c4d4f;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 23px;
  margin-top: 0;
}
.curso-thumb-video{
  margin: 25px 25px 0 25px;
  position: relative;
  width: 395px;
  height: 300px;
}
.curso-thumb-video .video,
.curso-thumb-video .preview{
  position: absolute;
  top: 0;
  left: 0;
  width: 395px;
  height: 300px;
}
.curso-thumb-video .preview{
  z-index: 1;
}
.curso-thumb-video .preview img{
  width: 100%;
  height: 100%;
}
.curso-thumb-video .video{
  z-index: 2;
  display: none;
}
.curso-thumb-img{
  width: 180px;
  height: 120px;
}
.curso-thumb-header{
  height: 165px;
  border-bottom: 1px solid #ee4c9b;
  margin: 10px 10px 0 10px;
}
.curso-thumb.large .curso-thumb-header{
  height: 200px;
  border-bottom: 1px solid #b4b4b3;
  padding: 10px 25px 0 25px;
  margin: 0;
}
.curso-thumb-owner{
  position: relative;
  margin: -26px 0 0;
}
.curso-thumb.large .curso-thumb-owner {
  position: relative;
  margin: 0;
}
.curso-thumb-owner a,
.curso-thumb-owner a:hover{
  color: #4c4d4f;
}
.curso-thumb-owner img{
  float: left;
  width: 65px;
  height: 65px;
  border-radius: 999px;
  border: 2px solid white;
  margin: 0 0 0 2px;
}
.curso-thumb.large .curso-thumb-owner img{
  width: 115px;
  height: 115px;
  border-width: 5px;

}
.curso-thumb-owner h4{
  display: inline-block;
  margin: 32px 0 0 8px;
  max-width: 100px;
  padding-top: 0;
  max-height: 32px;
  overflow: hidden;
}
.curso-thumb.large .curso-thumb-owner h4{
  padding: 35px 0 0 10px;
  margin: 0;
  font-size: 22px;
  max-height: 85px;
  display: block;
  max-width: 270px;
}
.curso-thumb p b,
.curso-thumb h4 b{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.curso-thumb-body{
  margin: 8px 10px 0;
}
.curso-thumb-body h4{
  margin: 3px 0 1px;
}
.curso-thumb-body p{
  font-size: 12px;
  max-height: 35px;
  overflow: hidden;
  margin: 6px 0 4px;
}
.curso-thumb-footer{
  position: absolute;
  left: -1px;
  bottom: 8px;
  width: 202px;
  background: #ee4c9b;
}
.curso-thumb.large .curso-thumb-footer{
  background: #00aeef;
  width: 447px;
  bottom: 50px;
}
.curso-thumb-publicaciones{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: white;
  background: transparent url('/assets/iconEyeWhite.png') left center no-repeat;
  margin-left: 10px;
  padding-left: 24px;
}
.curso-thumb-precio{
  float: right;
  margin-right: 10px;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: white;
}
.curso-thumb.large .curso-thumb-publicaciones{
  font-size: 22px;
  background-image: url('/assets/iconEyeWhiteBig.png');
  margin-left: 25px;
  padding-left: 45px;
}
.curso-thumb.large .curso-thumb-precio{
  margin-right: 25px;
  font-size: 22px;
}

/**************************************************************
  Temáticas' Thumbs
**************************************************************/
.tematica-thumb{
  display: block;
  border: 0 none;
  text-decoration: none;
  width: 153px;
  text-align: center;
}
.slider-small .tematica-thumb{
  width: 80px;
}
.tematica-thumb span{
  display: block;
  text-align: center;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #4c4d4f;
}
.tematica-thumb span.outer{
  margin-top: 8px;
}
.slider-item.active .tematica-thumb span,
.slider-item .tematica-thumb:hover span{
  color: #ee4c9b;
}
.slider-item .tematica-thumb:hover{
  text-decoration: none;
}

.slider-item.course {
  width: 155px;
}

.slider-small .tematica-thumb span.outer{
  line-height: 12px;
  height: 25px;
  margin-left: -50px;
  width: 180px;
}
.slider-small .tematica-thumb span.inner{
  line-height: 12px;
  width: 105px;
  margin: 0 auto;
}

/**************************************************************
  Instituciones' Thumbs
**************************************************************/
.institucion-thumb{
  display: block;
  width: 200px;
  height: 200px;

}

.logo {
  border: 1px solid #d3d1d1;
  height: 200PX;
  width: 200px;
}

.institucion-thumb img{
  width: 180px;
  margin: 1px 7px 0;
  margin-left: 0px;
  margin-top: 17px;
  margin-left: 10px;
  margin-top: 19px;
}

.institucion-thumb h4{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #4c4d4f;
  margin: 11px 10px 0;
}
.institucion-thumb h4 a{
  color: #4c4d4f;
}
.institucion-thumb span{
  display: block;
  margin: 0 10px;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #4c4d4f;
}

/**************************************************************
  Profesores' Thumbs
**************************************************************/
.profesor-thumb{
  display: block;
  background: #fbf9f9;
  border: 1px solid #d3d1d1;
}
.profesor-thumb.tiny{
  background: transparent;
  border: 0 none;
}
.profesor-thumb img{
  float: left;
  width: 65px;
  height: 65px;
  border-radius: 999px;
  border: 2px solid #ee4c9b;
  margin: 10px;
}
.profesor-thumb.tiny img{
  width: 130px;
  height: 130px;
  margin: 0 25px 0 0;
  border: 4px solid white;
}
.profesor-thumb h4{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #4c4d4f;
  margin: 25px 0 0;
}
.profesor-thumb.tiny h4 {
  font-size: 20px;
  margin-top: 37px;
  max-width: 225px;
}
.profesor-thumb span{
  display: block;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #4c4d4f;
}
.profesor-thumb.tiny span{
  font-size: 22px;
  line-height: 125%;
  max-width: 225px;
}
.profesor-thumb.tiny .profesor-thumb-profession{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 15px;
  max-width: 225px;
}
.profesor-thumb p{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #4c4d4f;
  margin: 0 14px 15px;
  text-align: justify;
  line-height: 17px;
}
.profesor-thumb .see-more{
  height: 28px;
  background: #ee4c9b;
  margin-bottom: 10px;
  text-align: right;
}
.profesor-thumb .see-more a{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: white;
  margin-right: 14px;
  line-height: 28px;
}
.profesor-thumb .see-more a:hover{
}

/**************************************************************
  BreadCrumbs
**************************************************************/
.breadcrumbs{
  font-size: 0.9em;
  padding: 5px 20px;
}
.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs span{
  color: #5f5f5f;
}
.breadcrumbs span{
  font-weight: bold;
}

/**************************************************************
  Sliders
**************************************************************/
.slider {
  min-height: 1px;
  overflow: hidden;
  position: relative;
  width:100%;
  height: 300px;
}
.slider-content{
  min-height: 1px;
  margin: 0 0;
  padding-left: 2px;
}
.slider-item{
  float: left;
  margin-right: 20px;
  padding-right: 0px;
  height: 180px;
  width: 201px;

}
.slider-small .slider-item{
  margin-right: 28px;
}
.slider-control-left{
  left: 0px;
  top: 0px;
  display: block;
  width: 25px;
  height: 77px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  background: asset-url('izq.png') no-repeat transparent;
}
.slider-control-right{
  right: 0px;
  top: 0px;
  display: block;
  width: 25px;
  height: 77px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  background: asset-url('der.png') no-repeat transparent;
}
/*.slider-control-left:hover{
  background: asset-url('izq.png');
}
.slider-control-right:hover{
  background: asset-url('der.png');
}
.slider-small .slider-control-left{
  background: asset-url('izq.png');
}
.slider-small .slider-control-right{
  background: asset-url('der.png');
}
.slider-small .slider-control-left:hover{
  background: asset-url('izq.png');
}
.slider-small .slider-control-right:hover{
  background: asset-url('der.png');
}*/
/**************************************************************
  Header
**************************************************************/
#header{
    padding:0px 0 0px 0;
    height: 78px;
    width: 100%;
    margin:0 auto;
    display:block;
    background-color:#4c4d4f;
    border-bottom: 1px solid #949495;
    min-width:940px;

}

#home-header{
    padding:0px 0 0px 0;
    height: 490px;
    padding-bottom:300px;
    width: 100%;
    margin:0 auto;
    display:block;
    background-color:#4c4d4f;
    border-bottom: 1px solid #949495;
    min-width:940px;

}

.carrousel_home_first {
  background: asset-url('img_slide1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

.carrousel_home_second {
  background: asset-url('img_slide1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

.carrousel_home_third {
  background: asset-url('img_slide1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}

#scroll-header {
    padding:0px 0 0px 0;
    height: 78px;
    width: 100%;
    margin:0 auto;
    background-color:#4c4d4f;
    border-bottom: 1px solid #949495;
    min-width:940px;
    -webkit-box-shadow: 0 0 16px 0 rgba(50,50,50,0.3);
    -moz-box-shadow: 0 0 16px 0 rgba(50,50,50,0.3);
    box-shadow: 0 0 16px 0 rgba(50,50,50,0.3);
    position: fixed;
    z-index: 1000;
    opacity: 1;
    top: 0px;
}

#header-body{
  width: 940px;
  padding: 0px 0 0px 0;
  margin: 0 auto;
  display: block;
  background: transparent;
  z-index: 1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

#logo{
  display: block;
  margin-top: 16px;
  /* background-image: url('/assets/logoWide.png') no-repeat left top; */
  width: 276px;
  text-indent: -999px;
}
/* beta message */
#logo strong{
  text-transform:none;
  font-weight:400;
  font-size:12px;
  color:#fff;
  position:absolute;
  right:0px;
}
#quickbar{
  height:56px;
  margin-top:21px;
}
#quickbar .quickbar-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 15px;
}
#quickbar .quickbar-item{
  display: inline-block;
  vertical-align: top;
}
#quickbar .quickbar-link{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  position: relative;
  float: left;
  font-size: 15px;
  cursor:pointer;
  display:block;
  color:#FFF;
  text-align:center;
  line-height: 36px;
  padding: 0px 12px;
  width:auto;
  text-decoration: none;
  font-weight: 100;
}
#quickbar .quickbar-link:hover{
  color: #4baad3;
}

#quickbar .quickbar-link.selected:hover{
  color: #EE4C9B;
}

#quickbar .quickbar-link.selected{
  color: #EE4C9B;
}

#quickbar .quickbar-item.last .quickbar-link{
  border-right: 0 none;
}
#quickbar .quickbar-link.login-button {
  font-size: 13px;
  line-height: inherit;
  color: #fff;
  width: 120px;
  height: 25px;
  text-transform: uppercase;
  margin: 2px 0 0 13px;
  padding: 5px 0 0;
}

#quickbar .caret{
  border-top-color: #00aeef;
  margin-top: 16px;
}
#quickbar .btn{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  background: transparent;
  line-height: 36px;
  padding: 0 12px;
  border: 0 none;
  border-radius: 0;
  border-right: 1px solid #FFF;
  color: white;
  text-shadow: none;
  box-shadow: none;
}
#quickbar .last .btn{
  border: 0 none;
}
#quickbar .user-profile-tinypic{
  background: #00aeef;
  width: 30px;
  height: 25px;
  border-radius: 2px;
  border: 0 none;
  margin-top: -3px;
  /*margin-right: 6px;*/
}
/**************************************************************
  Page Commons
**************************************************************/
/* container from framework holding every page */
#page{
    height:auto;
  min-height: 470px;
    /*margin:0 auto;
    width: 968px;*/ /*ADAPTED FOR SAMSUNG GALAXY TAB 7 AS MINIMAL VIEWPORT*/
    /*padding-bottom: 92px;*/
    position: relative;
    clear:both;
}
/* framework default content area within every view, adapting content to page width and its margin */
#content{
  /*padding: 10px 10px 0 10px;*/
}
.upperspace{
  width:100%;
  min-height:5px;
  border-bottom:1px solid #dddcdc;
  clear:both;
}
/* modal body from default bootstrap modal with enhaced width for own components to load */
.larger-modal-body{
    min-height: 480px;
    overflow: hidden;
    position:relative;
}
/* Holder from default framework 2 column layout, replaced with bootstrap row-fluid functions */
#sidebar{
  padding: 20px 20px 20px 0;
}
/* Holder of featured video and lower paragraph */
#desc-holder p{
    text-align:justify;padding:13px 10px 10px 10px;display:block;
}
.paragraph .title{
    font-size:2em;background:none;margin:5px 0px 5px 0px;
}
.paragraph .userBox{
    font-size:1.5em;background:none;display:block;
}
#frame{
  margin-top:0px;
  position:relative;
}

#frame video{
    top:0;
    width:100%;
    height:auto;
    min-height:225px;
    overflow:hidden;
}

#paragraph-btn a{
    display:block;
    text-decoration:none;
    background:#fff;
    color:#8a0a49;
    font-size:1.2em;
    text-shadow:none;
    width:138px;
    height:20px;
    margin:10px 0 10px 0px;
    text-align:center;
    border:1px solid #8a0a49;
}
#paragraph-btn a:hover{
    background:#8a0a49;
    border:1px solid #fff;
    color:#fff;
}
#frame p{
    height:77px;
    font-size: 1em;
    color:#fff;
    text-shadow:-1px 1px 2px #000;
    margin-top:24px;
    background:#8a0a49;
    cursor:default;
}
.video-play{
  position: absolute;
  background: transparent asset-url('roundedPlayButton.png') left center no-repeat;
  height: 119px;
  width: 119px;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  filter:alpha(opacity=90);
  opacity:.9;
}
.video-play:hover{
  background-position: right center;
}

/**********************************************************************************
  Page: Register
**************************************************************/

#register-button {
    height: 42px;
    width: 120px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 10px 0 10px 0px
}

#user-module-container{
  width: 940px;
  padding: 0px 0 0px 0;
  margin: 0 auto;
  display: block;
}

/**********************************************************************************
  Page: Home
**************************************************************/

a .dos.home {
  width: 260px;
  height: 72px;
  font-size: 27px;
  font-weight: 400;
  line-height: 70px;
  margin-left: auto;
  margin-right: auto;
}

#site-intro{
  min-height: 404px;
  min-width: 940px;
  background: white;
  overflow: hidden;
}
#site-intro .container{
  position: relative;
}
#site-intro-preview{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 315px;
}
#site-intro .row{
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
#site-intro-text .span6 {
  width: 460px;
}
#site-intro-text h4{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  margin: 60px 0 0;
  font-size: 33px;
  color: #3c3c3b;
  line-height: 122%;
}
#site-intro-text h3{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  margin-top: 0;
  font-size: 33px;
  color: #ee4c9b;
}
#site-intro-text p{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #5f5f5f;
}
#site-intro-text ul{
  list-style-type: none;
  margin-left: 0;
}
#site-intro-text ul li{
  float: left;
}
#site-intro-text ul a{
  margin: 6px 20px 0 0;
}
#site-intro .video-play{
  top: 140px;
  left: 465px;
  margin: 0;
}
#site-intro-video{
  position: relative;
  margin-top: 65px;
  min-height: 220px;
}
#site-intro-video .close-intro-video{
  position: absolute;
  right: -13px;
  top: -11px;
  border: 2px solid grey;
  background: white;
  border-radius: 5px;
}
#site-intro-video iframe{
  border: 2px solid grey;
  background: transparent;
}
#about-intro{
  background: white;
  min-width: 940px;
  min-height: 640px;
}
#about-intro h4{
  font-family:'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 38px;
  color: #4c4d4f;
  margin-top: 75px;
  line-height: 140%;
  text-align: left;
  padding-left: 0px;
}
#about-intro h4 b{
  font-family: 'Open Sans Condensed', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: 900;
  margin-top: 15px;
  font-size: 4rem;
}
#about-intro .blueCircles{
  margin-top: 40px;
}
#about-intro .blueCircles div{
  text-align: center;
}
#about-intro .separator{
  margin-top: 25px;
}

#about-intro h5{
  text-align: center;
  margin-top: 20px;
  font-family: 'Open Sans Condensed', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #4c4d4f;
  font-size: 22px;
  font-weight: 600;
}

#about-intro h5 b{
  color: #00aeef;
  font-weight: normal;
}
#about-intro span{
  display: block;
  text-align: center;
  color: #4c4d4f;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 15px;
  max-width: 255px;
  margin: 12px auto 0;
  font-weight: 300;
}
#about-intro span b{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.home-slider-title.home-slider-title-institutions h2 {
  margin-top: 0px;
}

.home-slider-title h2{
  font-family: 'Open Sans Condensed', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 26px;
  color: #4c4d4f;
  margin-top: 28px;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.home-slider-title a.view-all{
  color: #4c4d4f;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  margin-top: 42px;
  text-align: bottom;
}
.home-slider-title a.view-all:hover{
  color: #c0c0c0;
}
#home-tematica{
  margin-top: 10px;
}
#home-tematica .slider-item{
  min-height: 160px;
}
#home-featured{
  margin-top: 60px;
}
#home-featured .slider{
  margin-top: 40px;
  max-height: 340px;
  overflow: hidden;
}
#home-featured .home-slider-title h2{
  margin-top: 0;
}
#home-tematica .slider{
  margin-top: 23px;
  max-height: 160px;
  overflow: hidden;
}
#home-tematica .slider-control-left,
#home-tematica .slider-control-right{
  top: 22px;
}
#home-featured .slider-control-left,
#home-featured .slider-control-right{
  top: 80px;
}
#home-instituciones{
  margin-top: 6px;
}
#home-instituciones .slider{
  margin-top: 12px;
  max-height: 286px;
  overflow: hidden;
}
#home-instituciones .slider-control-left,
#home-instituciones .slider-control-right{
  top: 60px;
}

.support-recognitions {
  padding: 0;
}

.recognitions{
  min-width: 940px;
  background: #F9FAFA;
  min-height: 130px;
  margin-top: 15px;
  padding: 15px 0 25px 0;
  padding-top: 30px;
}
.recognitions h3{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 20px;
  color: #636567;
  font-weight: normal;
  margin: 0px 0 20px;
  text-align: left;
  font-weight: 300;
}
.recognitions ul{
  list-style-type: none;
  margin: 0;
}
.recognitions ul li{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 65px;
  width: 102px;
}
.recognitions .span8 ul li{
  padding-right: 15px;
}
.recognitions .span4 h3,
.recognitions .span4 ul li{
  padding-left: 30px;
}
.recognitions ul li img{
  /*max-height: 65px;*/
  max-width: 110px;
  margin: 0 auto;
  padding-right: 18px;
}
.recognitions .whiteline{
  width: 1px;
  height: 70px;
  background: #6e6e6f;
  margin: 42px 18px 0 5px;
  padding: 0;
}

.arrow {
  padding-top: 40px;
  width: 27px;
}

#press{
  background: #f5f5f5;
  min-width: 940px;
  border-bottom: 1px solid #c0c0c0;
  min-height: 130px;
  padding: 15px 0 25px 0;
}

#press h3 {
  background: #f5f5f5;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 20px;
  color: #636567;
  font-weight: normal;
  margin: 0px 0 20px;
  letter-spacing: 1px;
  text-align: left;
  padding-top: 20px;
  height: 100px;
  font-weight: 300;
}

.press {
  background: #e9e9ea;
  margin-top:0px;
  padding-top: 30px;
}

.recognitions.press ul li img {
  max-width: 170px;
  padding-right: 40px;
}

.recognitions.press img.medium{
  max-width: 140px;
}

.recognitions.press img.small{
  max-width: 110px;
}

/**********************************************************************************
  Page: Tematica
**************************************************************/
.tematicas-carrusel{
  padding: 25px 0 15px;
  max-height: 110px;
  overflow: hidden;
  background: #F0F0F0;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #E2E2E2;
}
.tematicas-carrusel .slider-control-left,
.tematicas-carrusel .slider-control-right{
  top: 22px;
}
#tematica-contenido{
  margin-top: 25px;
}
#tematica-contenido .curso-thumb.large{
  margin-bottom: 14px;
}
.tematica-cursos{
  list-style-type: none;
  margin: 0 0 0 -10px;
}
.tematica-cursos li{
  float: left;
  margin: 0 14px 14px;
}

/**************************************************************
  Page: Curso - Detail
***************************************************************/
.curso-detail-header{
  background: #ddd;
  padding: 25px 0 20px;
}
.curso-detail-header .container{
  height: 316px;
}
.curso-detail-video{
  position: relative;
}
.curso-detail-video .preview,
.curso-detail-video .video{
  position: absolute;
  top: 0;
  left: 0;
  height: 316px;
  width: 620px;
/*
  height: 312px;
  width: 616px;
  border: 2px solid #969696;
*/
}
.curso-detail-video .preview{
  z-index: 1;
}
.curso-detail-video .preview img{
  width: 100%;
  height: 100%;
}
.curso-detail-video .video{
  z-index: 2;
  display: none;
}
.curso-detail-brief .white{
  position: relative;
  background: white;
  height: 253px;
  border: 1px solid #d3d1d1;
}
.curso-detail-brief .white hr{
  position: absolute;
  background: #ee4c9b;
  margin: 0;
  border: 0 none;
  width: 160px;
  height: 10px;
  top: 0;
  left: 0;
}
.curso-detail-share{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 55px;
  width: 110px;
  background: #4c4d4f;
  border-bottom: 1px solid #d8d7d7;

}
.curso-detail-share ul{
  list-style-type: none;
  margin: 0;
  margin-top: 3px;
}
.curso-detail-share ul li{
  float: left;
  margin-left: 9px;
}
.curso-detail-share ul li a:hover img{
  margin-top: -1px;
}
.curso-detail-brief .brief-items{
  margin: 50px 0 0 14px;
  list-style-type: none;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.curso-detail-brief .brief-items b{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.curso-detail-brief .brief-items .num{
  font-size: 17px;
}
.curso-detail-brief .brief-items li{
  margin-top: 14px;
}
.curso-detail-brief .brief-items .stars-row{
  margin-top: 22px;
}
.curso-detail-brief .brief-items i{
  line-height: 16px;
}
.curso-detail-brief .stars li{
  margin-top: 0px;
}
.curso-detail-brief .stars{
  margin-left: 15px;
}
.curso-detail-share span{
  display: block;
  padding-right: 8px;
  text-align: right;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: white;
  margin-top: 2px;
}
.curso-detail-brief .grey{
  margin-top: 10px;
  height: 50px;
  background: #4c4d4f;
  border-bottom: 1px solid #838995;
}
.curso-detail-brief .grey span{
  display: block;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: white;
  padding: 8px 0 7px 14px;
}
.curso-detail-brief .grey .pull-left{
  margin: 8px 0 0 14px;
}
.curso-detail-brief .grey .pull-left a{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.curso-detail-brief .grey .pull-right{
  margin: 10px 14px 0  0;
}
.curso-detail-body{
  margin-top: 1px;
  margin-bottom: 50px;
}
.curso-detail-body .ribbon{
  height: 75px;
}
.curso-detail-body .ribbon img{
  margin-top: 22px;
  margin-left: 3px;
}
.curso-detail-body h2{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 42px;
  margin: 0 0 0 15px;
}
.curso-detail-body h5{
  color: #7E7E7E;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-style: italic;
  margin: 20px 0 0 15px;
}
.curso-detail-body h3{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
}
.curso-detail-body .tabbable{
  margin-top: 10px;
}
.curso-detail-body .arrowed-title{
  line-height: 50px;
  margin-left: -20px;
}
.curso-detail-body .arrowed-title span{
  height: 50px;
  padding: 0 0 0 20px;
}
.curso-detail-body .nav-tabs{
  height: 52px;
  margin-bottom: 0;
  border-bottom: 0 none;
}
.curso-detail-body .nav-tabs li{
  height: 49px
}
.curso-detail-body .nav-tabs a,
.curso-detail-body .nav-tabs a:hover,
.curso-detail-body .nav-tabs .active a,
.curso-detail-body .nav-tabs .active a:hover{
  cursor: pointer;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #4c4d4f;
  background: transparent;
  line-height: 40px;
  padding: 0 20px 0 15px;
  margin: 4px 0 0 0;
  border-radius: 0;
  border: 0 none;
}
.curso-detail-body .nav-tabs .last a,
.curso-detail-body .nav-tabs .last a:hover,
.curso-detail-body .nav-tabs .last .active a,
.curso-detail-body .nav-tabs .last .active a:hover{
  border-right: 0 none;
}
.curso-detail-body .nav-tabs li{
  border-top: 3px solid white;
}
.curso-detail-body .nav-tabs li:hover{
  border-top: 3px solid #ff8cb4;
}
.curso-detail-body .nav-tabs .active,
.curso-detail-body .nav-tabs li.active:hover{
  border-left: 1px solid #c1c1c2;
  border-top: 3px solid #ff8cb4;
  border-right: 1px solid #c1c1c2;
  border-bottom: 1px solid white;
}
.curso-detail-body .nav-tabs .active a,
.curso-detail-body .nav-tabs .active a:hover{
}
.curso-detail-body .nav-tabs i{
  font-size: 11px;
  line-height: 24px;
}
.curso-detail-body .nav-tabs .icon-chevron-down{
  display: none;
}
.curso-detail-body .nav-tabs .active .icon-chevron-right{
  display: none;
}
.curso-detail-body .nav-tabs .active .icon-chevron-down{
  display: inline;
}
.curso-detail-body .tab-content{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 20px;
  color: #4c4d4f;
  border: 1px solid #c1c1c2;
}
.curso-detail-body .tab-content b{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.curso-detail-institucion img{
  width: 130px;
  height: 90px;
  border: 1px solid #dedcdc;
}
.curso-detail-institucion div{
  margin-left: 10px;
}
.curso-detail-institucion a,
.curso-detail-institucion a:hover{
  color: #333333;
}
.curso-detail-institucion .name{
  margin: 0;
  line-height: 29px;
  display: block;
  height: 32px;
}
.curso-detail-profesores .profesor-thumb{
  margin-bottom: 20px;
}

/**************************************************************
  Page: Institucion - Detail
***************************************************************/

.institucion-detail{
  background: #f2f2f2;
}
.institucion-detail-cover{
  background: #91d5e6 no-repeat center center;
  height: 405px;
}
.institucion-detail-header .container{
  margin-top: -70px;
}
.institucion-detail-logo{
  padding: 4px;
  width: 160px;
  height: 160px;
  background: white;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  margin-left: 20px;
}
.institucion-detail-logo img{
  width: 160px;
  height: 160px;
}
.institucion-detail-desc{
  margin-left: 20px;
  width: 625px;
}
.institucion-detail-desc h3{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 28px;
  color: #3c3c3b;
  margin-top: 80px;
}
.institucion-detail-desc p{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #5f5f5f;
  line-height: 120%;
}
.institucion-detail-header .pull-right{
  margin-top: 77px;
  margin-right: 10px;
}
.institucion-detail-separator hr{
  background: #dbdada;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0;
}
.institucion-detail-cursos{
  margin-top: 30px;
}
.institucion-detail-cursos h2,
.institucion-detail-profesores h2{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #4c4d4f;
  margin: 0;
}
.institucion-detail-cursos .cursos-list{
  list-style-type: none;
  margin-left: 50px;
  margin-top: 10px;
}
.institucion-detail-cursos .cursos-item{
  float: left;
  margin: 0 18px 18px 0;
}
.institucion-detail-profesores{
  margin-top: 27px;
  background: #d0dcf9;
  padding: 5px 0 180px;
}
.institucion-detail-profesores .profesores-list{
  list-style-type: none;
}
.institucion-detail-profesores .profesores-item{
  float: left;
  width: 390px;
  margin-left: 75px;
  margin-top: 20px;
}

/**************************************************************
  Page: Profile - Detail
***************************************************************/
.user-profile{
}
.user-profile-header{

}
.user-profile-photo {
  padding: 4px;
  width: 160px;
  height: 160px;
  background: white;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  margin-left: 20px;
}
.user-profile-photo img{
  width: 160px;
  height: 160px;
}
.user-profile-desc{
  margin-left: 20px;
}
.user-profile-desc h3 {
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 28px;
  color: #3c3c3b;
  margin: 10px 0 0;
}
.user-profile-desc h5 {
  margin-bottom: 15px;
}
.user-profile-desc p {
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #5f5f5f;
  max-width: 730px;
  line-height: 140%;
}

/**************************************************************
  Suscribe Rows
***************************************************************/

.row.info {
  background-color: white;
  float: left;
}

.suscribe-row{
  min-width: 940px;
  min-height: 160px;
  border-bottom: 1px solid #c1c2c2;
  border-top: 1px solid #c1c2c2;
  background-color: #f5f5f5;
  color: #4c4d4f;
  padding-top: 42px;
}

.suscribe-row.transparent{
  background: none;
  color: #4c4d4f;
  border: 0 none;
  margin-top: 60px;
}
.suscribe-row img{
  margin-top: 12px;
  margin-right: 12px;
  padding-right: 17px;
}
.suscribe-row h5{
  margin: 12px 0 3px 0;
  color:  #636567;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 15px;
}

.suscribe-row h5.suscribe-thanks {
  line-height: 33px;
}

.suscribe-row.transparent h5{
  color: #4c4d4f;
}
.suscribe-row h5 b{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;

}
.suscribe-row .suscribe-text div{
  max-width: 335px;
  margin-left: 15px;
}
.suscribe-row span{
  color:  #636567;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 300;
}
.suscribe-row b{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.suscribe-row button{
  margin-top: 35px;
  max-height: 36px;
  margin-left: 20px;
  padding: 8px 20px;
}
.suscribe-row .suscribe-input{
  margin-top: 34px;
  padding: 8px 8px;
  width: 310px;
  font-style: italic;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: light;
}
.suscribe-row.transparent button{
  margin-top: 0;
}
.suscribe-row.transparent .suscribe-input{
  margin-top: 0;
  width: 305px;
}

/**************************************************************
  Footer
**************************************************************/
#footer{
  background: #4c4d4f;
  min-width: 940px;
  min-height: 312px;
  border-top: 1px solid #6d6e70;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  color: #d9d9d9;
}
#footer h4{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 5px;
  padding-left: 0px;
}
#footer ul{
  list-style-type: none;
  margin-left: 0;
}
#footer ul a{
  font-size: 12px;
  color: #d9d9d9;
}

#footer ul a.pink{
  font-size: 12px;
  color: #EE4C9B;
}

#footer a:hover,
#footer a.active{
  color: #eb4d9b;
  text-decoration: none;
}
#footer-social,
#white-logo{
  padding-top: 34px;
  margin: 0 20px;
}
#footer-social div{
  text-align: right;
}
#footer-social span{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
#footer-social ul li{
  float: right;
  margin-left: 6px;
}
#footer-social a{
  display: block;
  margin-top: 1px;
}
#footer-social a:hover{
  margin-top: 0;
}
#footer-links{
  margin-top: 14px;
}
#footer-links li{
  line-height: 16px;
}
#footer-trademark{
  margin-top: 20px;
  border-top: 1px solid #b8b7b7;
  padding: 16px 0 30px;
}
#footer-trademark span{
  font-size: 12px;
  margin-left: 10px;
}
#footer-trademark ul{
  margin-right: 10px;
}
#footer-trademark ul li{
  float: left;
  margin-left: 60px;
}
#footer-trademark a{
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}


/*
div to sugest login wether user is guest and makes a comment to a course'
*/
#login-sugest-dialog{
    width:100%;
    height:30px;
    text-align:center;
    padding:15px 0 10px 0;
    background:#ebebeb;
    display:inline-block;
    font-size: 16px;
}

div.flash-error, div.flash-notice, div.flash-success
{
  padding:.8em;
  margin-bottom:1em;
  border:2px solid #ddd;
}

div.flash-error
{
  background:#FBE3E4;
  color:#8a1f11;
  border-color:#FBC2C4;
}

div.flash-notice
{
  background:#FFF6BF;
  color:#514721;
  border-color:#FFD324;
}

div.flash-success
{
  background:#E6EFC2;
  color:#264409;
  border-color:#C6D880;
}

div.flash-error a
{
  color:#8a1f11;
}

div.flash-notice a
{
  color:#514721;
}

div.flash-success a
{
  color:#264409;
}

div.view
{
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #C9E0ED;
}

div.search-form
{
  padding: 10px;
  margin: 10px 0;
  background: #eee;
}

.portlet
{

}

.portlet-decoration
{
  padding: 3px 8px;
  background: #B7D6E7;
  border-left: 5px solid #6FACCF;
}

.portlet-title
{
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #298dcd;
}

.portlet-content
{
  font-size:0.9em;
  margin: 0 0 15px 0;
  padding: 5px 8px;
  background:#EFFDFF;
}

.portlet-content ul
{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0;
  padding: 0;
}

.portlet-content li
{
  padding: 2px 0 4px 0px;
}

.operations
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.operations li
{
  padding-bottom: 2px;
}

.operations li a
{
  /*font: bold 12px Arial;*/
  color:#8a0a49;
  display: block;
  padding: 2px 0 2px 10px;
  line-height: 15px;
  text-decoration: none;
}

.operations li a:visited
{
  color: #0066A4;
}

.operations li a:hover
{
  background: #80CFFF;
}

/* GRID VIEWS */
/*-------------------------------------------------------------------------*/
.grid-view-loading
{
  background:url('/assets/loading.gif') no-repeat;
}

.grid-view
{
  padding: 15px 0;
}

.grid-view table.items
{
  background: white;
  -collapse: collapse;
  width: 100%;
  border: 1px #D0E3EF solid;
}

.grid-view table.items th, .grid-view table.items td
{
  font-size: 1em;
  border: 1px white solid;
  padding: 0.3em;
}

.grid-view table.items th
{
  color: white;
  background: #8a0a49;
  background-image: linear-gradient(bottom, #8C244A 0%, #AF1C52 100%);
  background-image: -o-linear-gradient(bottom, #8C244A 0%, #AF1C52 100%);
  background-image: -moz-linear-gradient(bottom, #8C244A 0%, #AF1C52 100%);
  background-image: -webkit-linear-gradient(bottom, #8C244A 0%, #AF1C52 100%);
  background-image: -ms-linear-gradient(bottom, #8C244A 0%, #AF1C52 100%);
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0, #8C244A),
  color-stop(1, #AF1C52)
);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C244A, endColorstr=#AF1C52);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C244A, endColorstr=#AF1C52)";
  text-align: center;
  text-shadow:1px 1px 2px #000;
  cursor:default;
}

.grid-view table.items th a
{
  color: #EEE;
  font-weight: bold;
  text-decoration: none;
}

.grid-view table.items th a:hover
{
  color: #FFF;
}

.grid-view table.items th a.asc
{
  background:url(../img/up.gif) right center no-repeat;
  padding-right: 10px;
}

.grid-view table.items th a.desc{
  background:url(../img/down.gif) right center no-repeat;
  padding-right: 10px;
}

.grid-view table.items td a{
  text-decoration:none;
  font-size:14px;
  text-transform:uppercase;
  font-weight:bold;
  color:#8a0a49;
  text-shadow:-1px 1px 2px #dddcdc;
  }

.grid-view table.items td a:hover{color:#fff; text-shadow:-1px 1px 2px #000;}

.grid-view table.items tr.even
{
  background: #F8F8F8;
}

.grid-view table.items tr.odd
{
  background: #E5F1F4;
}

.grid-view table.items tr.selected
{
  background: #BCE774;
}

.grid-view table.items tbody tr:hover
{
  background: #ECFBD4;
}

.grid-view .link-column img
{
  border:0;
}

.grid-view .button-column
{
  text-align: center;
  width: 60px;
}

.grid-view .button-column img
{
  border: 0;
}

.grid-view .checkbox-column
{
  width: 15px;
}

.grid-view .summary
{
  margin: 0 0 5px 0;
  text-align: right;
  color:#dddcdc;
}

.grid-view .pager
{
  margin: 5px 0 0 0;
  text-align: right;
}

.grid-view .empty
{
  font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
  width: 100%;
  border: 1px solid #ccc;
}

input.pull-left.suscribe-input:focus:invalid,
textarea.pull-left.suscribe-input:focus:invalid,
select.pull-left.suscribe-input:focus:invalid {
  color: #EE4C9B;
  border-color: #EE4C9B;
}

input.pull-left.suscribe-input:focus:invalid:focus,
textarea.pull-left.suscribe-input:focus:invalid:focus,
select.pull-left.suscribe-input:focus:invalid:focus {
  border-color: #EE4C9B;
  -webkit-box-shadow: 0 0 6px #EE4C9B;
  -moz-box-shadow: 0 0 6px #EE4C9B;
  box-shadow: 0 0 6px #EE4C9B;
}

a:hover, a:focus {
  text-decoration: none;
}

.teach-brand {
  height: 48px;
  margin-top: 10px;
  padding-bottom: 20px;
}

a.teach {
  color: #4c4d4f;
  font-weight: 700;
  font-size: 17px;
  font-family: 'Open Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

h1.title-left {
  text-align: left;
  padding-left:0px;
  padding-top:0px;
  margin-top: 0px;
  font-size: 70px;
  color: #39383a;
}

h1.title-left.pink {
  color: #EE4C9B;
}

.title-home {
  padding-top: 130px;
}

.text-home .text-left {
  font-weight: 400;
  padding: 2px;
  font-size: 18px;
  color: #39383a;
}

h4.text-left {
  text-align: left;
  padding: 3px;
  margin:0px;
}

.dos.right {
  background-color: #636567;
  float:right;
  margin-left:10px;
}

.dos.left {
  float:left;
  padding-right: 0px;
}

.boton_accion_mediano.home {
  float: left;
  margin-left: 3px;
}
.carousel > .carousel-inner > .item.active.left {
  width:100%;
}

.carousel {
  width: 100%;
  z-index: 0;
}

#myCarousel {
  margin-bottom: 0px;
}

#header-body.non-home {
  background-color: #4c4d4f;
  position: absolute;
  width: 100%;
  position: relative;
}

.line-space {
  line-height: 68px;
}