/* Space out content a bit */


@font-face {
    font-family: 'museo_sans300';
    src: url('../../fonts/museosans-300-webfont.woff2') format('woff2'),
         url('../../fonts/museosans-300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "museo_sans";
    src: url("../../fonts/museosans-100-webfont.woff2") format('woff2'),
         url("../../fonts/museosans-100-webfont.woff") format('woff');
    font-weight: 100;
}

@font-face {
    font-family: "museo_sans";
    src: url("../../fonts/museosans-700-webfont.woff2") format('woff2'),
         url("../../fonts/museosans-700-webfont.woff") format('woff'),
         url("../../fonts/museosans-700-webfont.ttf") format('truetype');
    font-weight: bold;
}

@font-face{ 
  font-family: 'cabin';
  src: url("../../fonts/cabin-bold.woff2") format('woff2'),
       url("../../fonts/cabin-bold.woff") format('woff'),
       url('../../fonts/cabin-bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face{
    font-family: arialround;
    src: url(../../fonts/ar.ttf);
}

body {
  color: #4e4e4e;
  background-color: #f2f2f2;
}

body,
html {
    width: 100%;
    height: 100%;
    /* color: #f7f7f7; */
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "museo_sans300";
   font-weight: 700;
}

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

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}



.border-radius {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;}

.container {
  width: 900px !important;
}

.row{
  margin:0;
}
/* ---*-----*/

.corange { color: #F4504D !important; }
.borange {background-color: #F4504D !important;position: relative;}

.cyellow {color: #65d2dc !important;}
.byellow { background-color: #FFD000 !important; }

.clgreen {color: #d8b000 !important;}
.blgreen { background-color: #9BC633 !important; }

.ccyan {color: #3ec7d1 !important;}
.bcyan { background-color: #65D2DC !important; }

.cpurple {color: #92278f !important;}
.bpurple { background-color: #92278F !important; }

.cgrey {color: #6D6E71;margin-right: 25px;}

.clgrey { color: #999999; }

.cwhite {color: #fff;}
.bwhite { background-color: #fff !important; }

.no-margin { margin: 0 !important;; }

.no-padding { padding: 0 !important;; }

.no-border { border:none !important;; }


/* ===================================================================== 
                          Internas
  =====================================================================*/

/* Access */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background: none;
}


.dropdown-menu {
    border: none;
    background: none;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    box-shadow: none;
}

.ddmtop { padding-left: 10px; }

.ddmtop li a:hover { color: #333 !important; }


.mnaccess {
  /* border-bottom: 2px solid #65D2DC; */
}

.topolis {
  float: left;
  margin-left: 40px;
  margin-top: 25px;
  width: 191px;
  height: 60px;
  overflow: hidden;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
    /* margin-bottom: 16px; */
    /* margin-top: 10px; */
    /* height: 40px; */
}

.intro-access {
  text-align: center;
  margin-top: 120px;
}
  
.a-class {
    padding: 0;
    border: none;
    border-top: solid 1px;
    text-align: center;
    max-width: 400px;
    margin: 25px auto 0px auto;
    border-color: #65D2DC;
  }

.a-class img {
    display: inline-block;
    position: relative;
    top: -50px;
    padding: 0 2.25em;
    background-color: #fff;
}

.access-home { margin: 150px 0 220px 0; }


/**** menu informes ****/

.mnu-l{
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-top: -2px;
  background-repeat: no-repeat;
  background-position: top center;  
}


.mnu-l-c {
  background-image: url("../../images/mnu-copy-a.png");
}

.mnu-l-c:hover {
  background-image: url("../../images/mnu-copy-i.png");
}

.mnu-l-ar {
  background-image: url("../../images/mnu-archive-a.png");
}

.mnu-l-ar:hover {
  background-image: url("../../images/mnu-archive-i.png");
}

.mnu-l-blue-right {
  padding: 0px 10px 0px 15px !important;
}

.mnu-l-mr {
  margin-right: -30px !important;
  margin-top: 50px;
}


.intro-i-left, .intro-i-right {
  float: left;
}


.intro-i-left {
  width: 60%;
}

.intro-i-right {
  width: 40%;
}



.intro-i-l-textopolis {
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0px;
  margin-top: 139px;
  margin-bottom: 50px;
  width: 400px;
  color: white;
  font-weight: normal;
}

.intro-i-l-textopolis span {font-weight: bold;font-size: 49px;position: relative;height: auto;}

.intro-i-l-textotarea {
  position: relative;
  width: 350px;
  font-weight: normal;
  font-size: 21px;
  margin-top: 10px;
  line-height: 50px;
  height: 46px;
  display: block;
  color: white;
  padding-left: 15px;
}

.introi-icon, .introi-texto{
  float: left;
}

.introi-icon {margin-right: 10px;width: 27px;}

.introi-iconl {
  width: 30%;
  float: left;
}

.introi-texto{
  width: 80%;
}

.introi-textos{
    width: 70%;
    float: left;
    margin-top: 10px;
}

.intro-i-l-textotarea.nextar .introi-icon{
    width: 27px;
    height: 28px;
    margin: 0px;
    background-image: url(../../images/informe-info-l.jpg);
    margin-right: 7px;
}

.intro-i-l-textotarea a span{
    width: 27px;
    height: 28px;
    margin: 11px 0 0 0px;
    font-weight: bold;
    display: block;
}

.intro-informes {
  background-color: #6C0043;
  background-repeat: no-repeat;
  background-position: 13% -2%;
  /* background-image: url(../../images/nubes.png); */
}

.intro-i-l-pubaula {
  width: 155px;
  height: auto;
  border: 1px solid #ddd;
  background-color: #fff;
  margin-top: 15px;
  /* margin-bottom: 60px; */
  float: left;
  margin-left: 89px;
  margin-bottom: 15px;
}

.intro-i-dayudal {
    width: 280px;
    height: 45px;
    background-color: #fff;
    background-image: url(../../images/downloadss.png);
    background-repeat: no-repeat;
    background-position: 249px 11px;
    margin-left: 50px;
    }

.intro-i-dayudal a {
 width: 100%;
 height: 100%;
 display: block;
 /* width: auto; */
 /* background-image: url('../../images/darrow-right.jpg'); */
 /* background-repeat: no-repeat; */
 /* background-position: 256px 18px; */
 }

.intro-i-dayudal p { 
  font-size: 23px;
  margin-top: 8px;
  margin-left: 5px;
  float: left;
 }

.intro-i-dayudal img { 
  margin-top: 18px;
  margin-left: 5px;
}

.doch-star {
    width: 35px;
    height: 30px;
    background-color: #03b2dd;
    margin-top: 10px;
    color: #fff;
    float: left;
    margin: 0px 0px 0px -25px;
    padding: 7px 0px 0px 11px;
    }

.iil-destacado-img a img {
  width: 100%;
  /* height: 65px; */
  /* overflow: hidden; */
}

.iil-destacado-img {
  width: 155px;
}

.intro-i-l-pubaula > .hpublicaciones-title, .intro-i-l-pubaula > .hpublicaciones-autor {
  width: 155px;
}

.intro-ir-indice {
  margin-bottom: 40px;
  margin-top: 75px;
}

.intro-ir-circle {
  height: 130px;
  width: 130px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
}

.intro-ir-circle span {
    color: #fff;
    font-size: 55px;
    padding: 28px 0 0 25px;
    display: inline-table;
}

.intro-ir-text {
    width: 50%;
    margin-left: 15px;
    margin-top: 3px;
 }

 .intro-ir-text span{
    /* margin-top: 20px; */
    float: left;
    font-size: 13px;
 }

 .informe-indice-r {
  background-color: #f4f4f4;
  width: 95px;
  height: 95px;
  /* padding: 0px 0 0 9px; */
  margin-top: 10px;
  border-radius: 95px;
  color: white;
  text-align: center;
  font-size: 13px;
  margin-right: 35px;
  margin-bottom: 10px;
 }

 .informe-indice-r-icon {
  width: 28px;
  height: 29px;
  margin-right: 15px;
  margin-top: 7px;
 }

 .informe-ind-porcentaje {
  font-size: 16px;
  line-height: 14px;
 }

 .informes-gen {
  width: 100%;
  min-height: 300px;
  margin-bottom: 100px;
  /* padding-top: 50px; */
  margin-top: 47px;
 }

.infor-gen-graf {
  margin-top: 50px;
  margin-bottom: 50px;
}

.inf-graf-bl {
  width: 35%;
  margin-right: 10%;
}

.inf-graf-br {
  width: 55%;
}

.inf-graf-b-text {
  width: 100%;
  clear: right;
  height: 25px;
}

.inf-graf-br > .progress {
  height: 10px;
}

.inf-graf-br > .progress > .progress-bar-success {
    border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}


.informes-pubaula {
  margin: 60px  0 0 0;
  padding-top: 0px;
  padding-bottom: 60px;
  overflow: hidden;
}


/*** redactor ***/

.redactor-left.textconte {width: 673px;z-index: -123;margin: auto;float: none!important;}
.redactor-right {width: 150px;z-index: 999999;margin-left: 17px;}


#ado { position: relative; display: block; width: 100px; height: 50px; top: 10px; left: 50px;}

.menu-body-top > ul > li > a:hover {
  /* background-color: #fff; */
}

.menu-body-top > ul > li > a > span {
  margin-left: 5px;
}


.menu-body-top > ul > li {
  /* padding: 5px 25px; */
  list-style: none;
  width: auto;
  float: left;
  border-radius: 2px 2px 0px 0px;
  margin-right: 5px;
  position: relative;
}

.menu-body-top > .navbar-nav {
  margin-top: -10px;
}

.menu-body-top > .navbar-nav > li > a {
  padding: 0 10px;
}

.redactor {
  min-height: 600px;
  margin: 0;
}

.redactor-img img { width: 100%; }

.redactor-t-title > .txt_titulo,.blogread h1 {
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px 0 10px 5px;
    width: 100%;
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 55px;
    font-weight: normal;
    border:none;
    margin: 10px 0 0 0;
    line-height: 46px;

    color: #808080;
}

.redactor-t-text > .txt_body {
    margin: 10px 0 0 !important;
    padding: 10px !important;
    width: 100% !important;
    min-height: 500px;
    margin-bottom: 30px;
    font-family: "Times New Roman", Georgia, Serif;
    font-weight: normal;
    font-size: 20px;
    color: #515151;
    /* border:none; */
    /* border: palegoldenrod; */
    display: block;
    border: 1px solid #E4E4E4;
}

.redactor-t-title > [type="text"]:focus, .redactor-t-title > textarea:focus {
  border-color: #fff;
}

.redactor-t-title .hpublicaciones-divider{
      float: left;
      width: 100%;
      margin-top:0;
}

.onfancymnu { display: none; }

.musici { 
    top: 25px;
    right: 0px;  
    position: fixed;
    z-index: 9998;
     }

.ltcontrol { 
  margin-top: 7px;
 }

/* right music */

.navbar-fixed-left {
    position: fixed;
    top: 0px;
    left: 0px;
    border-radius: 0px;
  }

  .navbar-minimal {
    width: 45px;    
    min-height: 40px;
    max-height: 100%;
    border-width: 0px;
    z-index: 1000;
  }

  .navbar-minimal > .navbar-toggler {
    position: relative;
    min-height: 40px;
    z-index: 100;
    cursor: pointer;
    right: 0px;
  }

  .navbar-minimal.open > .navbar-toggler,
  .navbar-minimal > .navbar-toggler:hover {

  }

  .navbar-minimal > .navbar-toggler > span {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -8px -8px 0 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
  }

  .navbar-minimal > .navbar-menu {
    position: absolute;
    top: -1000px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 50;
    background-color: rgb(51, 51, 51);
    background-color: rgba(51, 51, 51, 0.8);
  }
  .navbar-minimal > .navbar-menu > li {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    height: 15px;
  }
  .navbar-minimal > .navbar-menu > li > a {
    position: relative;
    display: inline-block;
    color: rgb(255, 255, 255);
    padding: 5px 10px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid rgb(81, 81, 81);
    width: 100%;
    text-decoration: none;
    margin: 0px;
    font-size: 12px;
  }

  .navbar-minimal > .navbar-menu > li > a:last-child {
    border-bottom-width: 0px;
  }
  .navbar-minimal > .navbar-menu > li > a:hover {
    
  }

  .navbar-minimal.open {
    width: 170px;
  }

  .navbar-minimal.open > .navbar-toggler > span {
    background-position: 0 -16px;
  }

  .navbar-minimal.open > .navbar-menu {
    top: 0px;
    width: 75%;
    height: 200px;
    z-index: 9999;
    margin-left: 43px;
  }


/* fin menu right music */

.fancybox-desktop {
  width: 670px !important;
  top: 140px !important;  
}

.fancybox-image, .fancybox-inner {/* width: 640px !important; *//* height: 426px !important; */}

/* reproductor */

.topplayer { 
  width: 385px;
  height: 110px;
  position: absolute;
  left: 35%;
  top: 20px;
  z-index: 8040; }

.topcontrols {  width: 171px; height: 49px;  margin: 0 auto; }

.topcontrols a {float: left; margin-right: 10px;  }

.progresscontrol { width: 100%; }

.pogresstitle { width: 100%; text-align: center; margin-top: 7px; margin-bottom: 7px;}

.mat-progress { width: 245px; margin: 0 auto; }

.mat-progress .progress { width: 70%; height: 5px;  margin-left: 5px; margin-right: 5px; margin-top: 7px;}

/* fin reproductor*/ 


#pensalateral {           /*  a la izquierda */
  /* position: absolute; */
}



#pensalateral .pensalateral-in {
  /* clear: right; */
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 10px;
}

.pensalateral-in {
  width: 114px;
  height:95px;
}

.pensalateral-in a.dropdown-toggle {
  background-image: url("../../images/flotante.png");
  background-repeat: no-repeat;
  width:100%;
  height:100%; 
  display: block;
  padding: 13px 0px 16px 18px;
  z-index: 502;
  position: relative;
}

.pensalateral-in .dropdown-menu-right {
    right: 80px;
    left: auto;
    top: 10px;
    background-image: url("../../images/bg-ideam.png");
    position: absolute;
    z-index: 90;
  }

/*  
.dropdown-menu { background-color: transparent; }
*/

.dropdown-menu-right .dropdown-submenu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    /* color: #fff; */
    text-decoration: none;
    border:none;
    background-color: transparent !important;
    outline: none;
  }

.bbo { border-bottom: 1px solid #AEACAD; }

.mnuideasr li a, .mnuideasr li a:hover{ color: #fff; }

.mnuideasr-sub li a, .mnuideasr-sub li a:hover { color: #262626; }

.mnuideasr {/* padding: 5px 45px 5px 10px; */}
.dropdown-menu>li>a {
  padding: 3px 0px;
  color: #7f8082;
}

.mnuideasr-sub {  
  width: 80px !important;
  padding: 10px;
  background: #fff;
  position: absolute;
  border-radius: 0;
  margin: 2px 0 0 10px;
    }


.panel-heading span
{
    margin-top: -26px;
    font-size: 15px;
    margin-right: -12px;
}

.clickable {
  margin: -15px -10px 0px 0px;
}

.redac-info-r { margin-top: 30px; background-color: #e6f4ff; padding: 8px; }

.redac-info-r p, .redac-info-pf p { color: #106294; line-height: normal; font-size: 12px;}

.r-inf { margin: -40px 0px 0px 20px; }

.pensalateral-in .panel { border: none; box-shadow:none; -webkit-box-shadow: none; }

.redac-info-pf { border-top:3px solid #fff; padding-top: 10px; background-color: #e6f4ff !important; padding: 8px;     border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;}

.redac-info-pf span  { font-size: 10px; }

.dropdown-menu { min-width: 80px; width: 120px; }

.pensalateral-in a > .pen-1 {
  font-size: 10px;
  width: 60px;
  display: block;
  line-height: 12px;
}

.pensalateral-in a > .pen-2 {
  font-size: 13px;
  display: block;
  line-height: 14px;
  margin-top: 2px;
}

/** **/
.revision-title-in {
  width: 450px;
  height: 65px;
  margin:50px auto 30px auto;
}

.actual-revision-title {
  width: 405px;
  height: 100%;
}

.actual-revision-title h1 { 
  margin-top: 15px;
 }

.access-revision-title {
  margin-left: 5px;
}

.access-revision-book {
  margin-bottom: 5px;
  padding: 3px 8px;
  position: relative;
}

.access-revision-acc {
  padding: 3px 8px;
}

.mtmnu { margin-top: 5px; padding: 4px 8px; }
.contmartop { margin-top: 15px; }
.contmartop a img { margin-top: 26px !important;  margin-left: 10px !important;}

.revision-title-intro {
  width: 650px;
  margin: 0 auto;
  font-weight: normal;
  float: left;
}

.fluidez-slcs { margin: 60px 0; }

.fluidez-slcs p {
  font-weight: normal;
}

.fl-rev-frm { 
  width: 230px; 
  height: 390px; 
  color: #fff; 
  float: left;
  margin-right: 5px;
  padding-left: 25px;
}

.fl-frm-num h1 { font-family: 'cabin'; font-size: 90px; margin-bottom: 0; }

.fl-frm-num span { 
    font-size: 22px;
    display: block; }

.fl-list { margin-top: 20px; }

.fl-list a {  width: 100; display: block;color: #fff; }

.fl-list-respfrm {
  float: left;
  margin-left: 10px;
  padding: 15px 25px;
  width: 230px;
  height: 390px;
  -webkit-box-shadow: 16px 18px 31px -24px rgba(0,0,0,0.75);
  -moz-box-shadow: 16px 18px 31px -24px rgba(0,0,0,0.75);
  box-shadow: 16px 18px 31px -24px rgba(0,0,0,0.75);
}

.fl-list-resp { margin-top: 15px; }

.fl-list-resp p { color: #333; font-weight: normal;}

.htn { height: 390px; }

.arrow-rsign {     
    font-size: 50px;
    margin-right: -36px;
    display: block; }

.revision-circle-progress {
  margin: 0;
  overflow: visible;
  position: relative;
  z-index: 1;
  margin-top: -33px;
}

.rc-left {
  height: 158px;
  width: 50%;
}

.rc-left h3 {
  margin: 55px 0 0 20px;
  width: 170px;
}

/** circle progress  **/

.rc-left .progress {
    position: relative;
    height: 158px;
    width: 158px;
    -moz-border-radius: 50%;
    /* -webkit-border-radius: 50%; */
    -o-border-radius: 50%;
    border-radius: 50%;
    /* background-color: #dedede; */
    margin-left: 35px;
}
.rc-left .clip-1, .clip-2, .rc-left .slice-1, .rc-left .slice-2 {
    position:absolute;
    top:0;
    left:0;
    width:158px;
    height:158px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.rc-left .slice-1,  .rc-left .slice-2 {
    background-color:#F4504D;
    border-color:#F4504D;}

.rc-purple .slice-1, .rc-purple .slice-2 {
    background-color:#92278F !important;
    border-color:#92278F !important;
  }


.rc-left .slice-1, .rc-left .slice-2 {
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
}
.rc-left .clip-1, .rc-left .slice-2 {
    clip:rect(0px, 158px, 158px, 80px);
}
.rc-left .clip-2, .rc-left .slice-1 {
    clip:rect(0, 80px, 158px, 0px);
}
.rc-left .progress .label {
  position: absolute;
  margin:20px;
  background-color:#fff;
  height:118px;
  width:118px;
  line-height:118px;
  text-align:center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding:0;
  font-size:50px;
}

/** **/
/*
.revision-palabrasutilizadas {
  background-image: url("../../images/revision-palabras.jpg");
  background-repeat: repeat-x;
  background-position: center center;
}
*/

.palabras-msu {
  height: 240px;
  display: block;
  width: 100%;
}

.border-1 {
    border:1px solid #DDD;
    padding: 40px;
    /* height: 322px; */
    width: 100%;
}

.rc-palabras {
  width: 220px;
  height: 30px;
  padding: 5px 10px;
  margin-bottom: 10px;
  float: left;
  margin-right: 10px;
}

.rc-palabras-w { width: 60%; }

.rc-palabras-p { width: 40%; text-align: right; }

/*** vicios del lenguaje ***/

.vdl-items { min-height: 285px; margin-bottom: 40px; width: 750px;}

.vdl-item { margin-bottom: 10px;float: left; }

.vdl-left {
    width: 200px;
    padding-top: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.vdl-left h5 { text-align: right; }

.vdl-right{ width: 500px; display: block; margin-left: 15px; padding-top: 5px;}

.vdl-right .progress { height: 5px; margin-bottom: 5px; }

.vdl-colors-ref { margin-left: 20px; }
.vdl-colors-ref p { margin: 0; }
.vdl-colors-ref p span { margin-right: 5px; }

.vdl-dia-left {
    display: block;
    width: 264px;
    clear: left;
}

.vdl-dia-left .border-radius { 
    width: 230px; 
    height: 78px; 
    margin-left: 10px;
    border: 1px solid #ddd; }

.vdl-dia-graf { width: 55px; height: 55px; margin: 10px 15px 0 15px; }

.vdl-dia-left p { 
    margin-top: 10px;
    font-weight: normal;
  }

  /** grafica vdl **/
  .vdl-dia-graf .progress {
      position: relative;
    height: 55px;
    width: 55px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #dedede;
  }
  .vdl-dia-graf .clip-1, .vdl-dia-graf .clip-2, .vdl-dia-graf .slice-1, .vdl-dia-graf .slice-2 {
      position:absolute;
      top:0;
      left:0;
      width:55px;
      height:55px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }

  .vdl-dia-graf .slice-1, .vdl-dia-graf .slice-2 {
      background-color:#92278F !important;
      border-color:#92278F !important;
    }


  .vdl-dia-graf .slice-1, .vdl-dia-graf .slice-2 {
      -moz-transform:rotate(0);
      -webkit-transform:rotate(0);
      -o-transform:rotate(0);
      transform:rotate(0);
  }
  .vdl-dia-graf .clip-1, .vdl-dia-graf .slice-2 {
      clip:rect(0px, 55px, 55px, 30px);
  }
  .vdl-dia-graf.clip-2, .vdl-dia-graf .slice-1 {
      clip:rect(0, 40px, 55px, 0px);
  }
  .vdl-dia-graf .progress .label {
    position: absolute;
    margin:7px;
    background-color:#fff;
    height:40px;
    width:40px;
    line-height:47px;
    text-align:center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding:0;
    padding:0;
    font-size:17px;
  }

  /** **/

.vdl-dia-right {
  height: 76px;
    width: 143px;
    padding-top: 15px;
    padding-left: 15px;
 }

.vdl-dia-right p{
  font-size: 40px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 33px;
    width: 100%;
 }

.vdl-dia-right span { 
  font-size: 17px;
  line-height: normal;
 }

.vdl-dia-areas { 
  margin-left: 20px;
  height: 120px;
  width: 480px;
 }

.vdl-dia-areas > .vdl-item-s { 
  width: 180px;
  height: 65px; 
  padding-top: 15px;
  padding-left: 17px;
  margin: 0 0 20px 20px;  
 }

.vdl-dia-areas > .vdl-item-s p { 
  font-size: 21px;
  line-height: normal;
  margin: 0;
 }

 .vdl-dia-areas > .vdl-item-s > span{ 
  font-weight: normal;
  font-size: 12px;
 }

.ortografia-text {
margin: 15px 0 55px 0;
}

.ot-actual {
margin-top: 5px;
}

.ot-actual p {
  font-weight: normal;
  color: #848484;
  font-family: "Times New Roman", Georgia, Serif;
}

span.ot-g {
  background-color: #ebf4d7;
  padding: 2px 0;
}

span.ot-o {
  background-color: #fedcdb;
  padding: 2px 0;
}

.ort-subt {
  width: 260px;
  margin-right: 10px;
  clear: left;
}

.ort-subt p{
  width: 200px;
  margin-top: 0;
  line-height: normal;
  color: #848484;
}

.ort-tt hr {
    width: 200px;
    border-top: 1px solid #65D2DC;
    border-bottom: 0;
}

.ort-1c {
  width: 277px;
  height:100%;
  padding-top: 40px;
  padding-left: 25px;  
}

.ort-tt {
  margin-top: 40px;
  margin-left: 33px;
  width: 228px;
}

.info-module {
  height: 410px;
}

.info-module-a {
  width: auto;
  height: 410px;
  border: 1px solid #ddd;
}

.ort-1c p{ font-weight: normal; color: #fff; width: 100%; margin: 0; font-weight: normal;}

span.ort-number{ font-size: 68px; }

span.ort-number-subt {
    font-size: 16px;
    float: left;
    margin-bottom: 10px;
    height: 44px;
    padding-right: 9px;
    }
.info-module-b { width: 255px; 
  height: 200px; padding-left: 22px; 
  padding-top: 25px; margin-left: 10px; 
  margin-bottom: 10px;
  line-height: normal;
  }

.info-module-b .ort-number-subt {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;
} 

/*** fluidez ***/

.fluidezl-a {
  width: 100%;
  margin-bottom:30px;
  margin-top: 20px;
}

.fluidezl-item {
  width: 290px;
  height: 70px;
  margin: 20px 80px 20px 10px;
}

.fluidezl-item h3{
  width: 35px;
}

.fluidezl-item p{
    width: 240px;
    margin-left: 10px;
    font-family: "Times New Roman", Georgia, Serif;
    font-weight: normal;
}

.fluidezl-recuerda {
  height: 500px;
}

.fluidezlr {
  border: 1px solid #DDD;
  height: 130px;
  padding: 30px;
}

.fluidezr-continuar {
  margin-right: 20px;
  margin-top: 15px;
}

/** puntuacion  **/

.puntucion-circle {
    margin: 0 auto;
    width: 720px;
    display: block;
    min-height: 425px;
    padding-top: 40px;
}


.circle-puntuacion {
  width: 305px;
  height: 305px;
  padding: 75px 0px 0 60px;
  border-radius: 155px;
  -moz-border-radius: 155px;
  -webkit-border-radius: 155px;
}

.circle-puntuacion h1{
  font-size: 130px;
  margin: 0;
  line-height: 107px;
}

.circle-puntuacion span{
    margin-top: 70px;
    font-size: 29px;
    margin-left: 5px;
}

.cp-num > .cp-title{
    font-size: 27px;
    height: 50px;
    float: left;
    margin-left: 15px;

}

.circle-escritura {
  width: 350px;
  height: 135px;
}

.circle-escritura .intro-ir-circle {
  height: 133px;
  width: 133px;
}


.circle-escritura .intro-ir-circle span {
    font-size: 48px;
    padding: 35px 0 0 20px;
}

.circle-escritura .intro-ir-text span {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    
}

.circle-escritura .intro-ir-text {
    margin-top: 20px;
}

.circle-actividades {
   margin-top: 55px;
    margin-left: -5px;
}


.circle-actividades .intro-ir-circle {
  height: 108px;
  width: 108px;
}


.circle-actividades .intro-ir-circle span {
    font-size: 55px;
    padding: 17px 0 0 23px;
}

.circle-actividades .intro-ir-text span {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    
}

.circle-actividades .intro-ir-text {
    margin-top: 20px;
}

.puntuacionbg {
    background-image: url("../../images/cloudspoints.png");
    background-position: center bottom;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
}


/*** proxima tarea***/

.proximatarea-container {
  width: 831px;
  :
  :
  margin: 27px
  auto 0px auto;
  rgba(0,0,0,.4);
  margin: auto;
  padding: 67px 67px 67px 67px;
  background-position: center top;
  position: relative;
  /* padding-bottom: 173px; */
  background-color: white;
  box-shadow: 0px 0px 25px -2px gray;
  /* margin-top: -29px; */
  
  /* min-height: 730px; */
  
  overflow: hidden;
  z-index: 1;
  border-radius: 12px;
}

.prox-t-titulo {
  width: 385px;
  margin: auto;
  position: relative;
  /* height: auto; */
  /* margin-top: 194px; */
  float: left;
  /* margin-left: 116px; */

  text-transform: uppercase;
}

.prox-t-text {
  font-weight: normal;
  font-size: 17px;
  width: 570px;
  margin: auto;
  margin-left: 81px;
  margin-top: 34px;
  overflow: hidden;
}

.prox-t-text  h3 {
  margin-bottom: 10px;
  line-height: normal;
  text-align: left;
  float: left;
}

.prox-t-iniciar {
    width: 720px;
    margin-top: 50px;
    z-index: 2;
    position: relative;
    overflow: hidden;
}   

.prox-t-iniciar .intro-i-l-pubaula {
    margin-top: 0; 
    margin-bottom: 0;
}

.prox-t-il {
  margin-right: 45px;
}

.prox-t-il a img {
  margin-top: 26px;
  margin-left: 7px;
}


/** blog **/

.vista-b-regresar a span{ font-size: 25px; margin-left: 10px; }
.vista-b-regresar { width: 100%; margin: 15px 0;}

.vista-b-left {/* width: 63%; */padding-bottom: 200px;}

.vista-b-right {width: 30%;margin-left: 5%;/* float: left; */}

.blog-titles { margin: 20px 0 30px 0; line-height: normal;}

.blog-titles h1 { margin: 0; font-family: "Times New Roman", Georgia, Serif; font-weight: normal;}

.blog-text {
  font-family: "Times New Roman", Georgia, Serif;
  font-weight: normal;
  font-size: 16px;
  text-align: justify;
  float: left;
  width: 100%;
  margin: 0;
}


.vista-b-right { padding: 25px 20px 25px 32px; }
.vista-b-right h3 {     width: 170px; margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; }


.vista-b-right .hpublicaciones-item { margin-bottom: 20px; }

/* =====================================================================
                      fin internas
   =====================================================================*/






.bred {
    background-color: #f4504d;
}

.informe-indice-r.ortol {
    background-color: #43c8cf;
}

/* =====================================================================
                      ortografía
   =====================================================================*/


    .tempstxt {
    display: none;
}
.redactor-t-text {
    float: left;
    width: 100%;
    position: relative;
}
.error {
    position: relative;
    background-image: url(../../images/3_07.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 13px;
    height: 10px;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    /* z-index: 44; */
}

.error .explanbg {
    width: 188px;
    /* height: 160px; */
    display: block;
    background-color: rgba(95, 95, 95, 0.85);
    margin-left: -220px;
    padding: 19px;
    float: left;
    color: white;
    font-family: arialround;
    line-height: 16px;
    margin-top: 11px;
    /* border-radius: 0px 16px 0px 16px; */
    display: none;
    font-size: 12px;
    z-index: 999999999;
}

.error:hover .explanbg {
    display: block;
}

.error.error2 {
    background-image: url(../../images/3_19.png);
    /* margin-top: 325px; */
}

.error.error3 {
    background-image: url(../../images/3_16.png);
    margin-top: 93px;
    margin-right: 431px;
}
span.errorls {
    background-color: green;
    color: white;
}

span.solems {
    background-color: #03B2DD;
    color: white;
}


span.error.adverv.checkspell {}





/* dinhos code */

.navbar {
    min-height: 140px;
    margin-bottom: 0;
}

.icon_top_lectura {
  background-image: url("../../images/iconos.png");
  background-repeat: no-repeat;
  background-position: -9px -12px;
  width: 46px;
  height: 35px;
}

.icon_top_user {
  background-image: url("../../images/iconos.png");
  background-repeat: no-repeat;
  background-position: -107px -12px;
  width: 33px;
  height: 35px;
  float: left;
}

.caret {
  float: left;
}

.caret {
    border-top: 7px dashed;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    color: #999999;
    margin-top: 17px;
    margin-left: 6px;
}

.dropdown:hover .icon_top_user {
  background-position: -69px -12px;
}

.dropdown:hover .caret {
    color: #42c8ce;
}

.wrapper_user_icons {
    overflow: hidden;
}

.dropdown-menu li {
    border-bottom: 1px solid #bdbdbf;
    text-align: center; 
}

.dropdown-menu li:last-child {
    border-bottom: none; 
}

.comunidad_textopolis {
    margin-top: 50px;
    color: #FFF;
    font-size: 15px;
    margin-left: -10px;
}

.top_com_tex {
    margin-bottom: 10px;
}

.icon_com_tex {
    float: left;
    width: 132px;
    position: relative;
    z-index: 3;
    margin-left: -45px;
}

.box_com_tex {
    background-color: #7c1a57;
    height: 80px;
    width: 300px;
    float: left;
    margin-left: -70px;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.box_com_tex_inner {
    float: right;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 30px;
    margin-top: 14px;
    line-height: 28px;
}


.tarea {
    width: 30px;
    height: 30px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    float: left;
}

.tarea_1 {
    background-position: -200px -15px;
}

.tarea_2 {
    background-position: -238px -15px;
}

.tarea_3 {
    background-position: -273px -15px;
}

.tarea_4 {
    background-position: -310px -15px;
}

.texto_tarea {
    margin-top: 8px;
    float: left;
    margin-left: 5px;
    width: 381px;
}



.color_grama {
    background-color: #43c8cf;
}

.color_orto {
    background-color: #fcb042;
}

.color_voca {
    background-color: #f4504e;
}

.color_flui {
    background-color: #92278f;
}



.informes-resgen .container {
    background-color: #FFF;
}

.prox-t-titulo h2 {
    font-size: 28px;
    text-align: center;
}

.icon_plan {
    float: right;
    width: 32px;
    height: 32px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -650px -15px;
    margin-top: -3px;
}

.bt_doc {
    background-color: #04b3de;
    overflow: hidden;
    margin-right: 10px;
}

.bt_doc_icon {
    float: left;
    width: 25px;
    height: 20px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -485px -20px;
    margin: 9px 8px 0 15px;
}

.bt_doc_txt {
    float: left;
    font-size: 20px;
    color: #FFF;
    margin: 7px;
    margin-right: 12px;
    font-weight: normal;
}

.prox-t-il a {
    color: #FFF;
}

.bt_revisar {
    float: right;
    margin-top: 30px;
}

.bt_revisar_texto {
    color: #87ba2f;
    float: right;
    margin-top: 5px;
}

.bt_rev_icon {
    float: right;
    width: 30px;
    height: 28px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -538px -16px;
    margin-right: 5px;
}

.placa {
    width: 160px;
    height: 60px;
    background-image: url("../../images/placas.png");
    background-repeat: no-repeat;
}

.ortograf {
    /* background-color: #ffd000; */
    background-position: -30px -15px;
}
.ortograf_a {
    background-position: -30px -95px;
    margin-top: 10px;
}

.gram {
    background-position: -217px -15px;
}
.gram_a {
    background-position: -217px -93px;
    margin-top: 10px;
}

.vocabul {
    background-position: -398px -15px;
}
.vocabul_a {
    background-position: -398px -95px;
    margin-top: 10px;
}

.fluidez {
    background-position: -603px -15px;
}
.fluidez_a {
    background-position: -603px -95px;
    margin-top: 10px;
}



.top_rev {
    margin-bottom: 70px;
    overflow: hidden;
}

.icono_top_wrapper {
    width: 20%;
    overflow: hidden;
    float: left;
}

.icono_top {
    float: right;
    width: 98px;
    height: 80px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    margin-right: 15px;
}

.txt_top_rev {
    float: left;
    width: 70%;
    overflow: hidden;
    text-align: justify;
}



.icono_top_gramar {
    background-position: -265px -120px;
}
.color_txt_gramar {
    color: #07b2c4;
}


.icono_top_ortograf {
    background-position: -145px -120px;
}
.color_txt_ortograf {
    color: #cf8721;
}


.icono_top_inform {
    background-position: -375px -120px;
}
.color_txt_inform {
    color: #f35053;
}


.icono_top_fluency {
    background-position: -486px -120px;
}
.color_txt_fluency {
    color: #90268a;
}

#autoevaluacion h2 {
    clear: both;
}


.wrapper_puntuacion h2 {
    margin: 0;
}

.punt_title_res {
    color: #6e6f71;
}

.punt_title_aut {
    color: #3fcacf;
}

.punt_title_rsl {
    color: #fd5014;
}


.prev {
    width: 60px;
    height: 60px;
    background-color: #bdbec2;
    border-radius: 5px;
    float: left;
}

.prev:hover {
    background-color: #3fcacf;
}


.preview_blog {
    margin-left: 6px;
}

.icon_book {
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    width: 35px;
    height: 30px;
    background-position: -182px -73px;
    margin-left: 13px;
    margin-top: 15px;  
}

.icon_blog {
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    width: 35px;
    height: 30px;
    background-position: -225px -73px;
    margin-left: 13px;
    margin-top: 15px;     
}

.preview_leectura {
    float: right;
    margin-top: -100px;
}

.slidem {
    overflow: hidden;
}

.bg_puntuacion {
    background-image: url("../../images/evaluacion.png");
    background-repeat: no-repeat;
    background-position: center top;  
}

#wrapper_puntos {
    margin-right: 0;
    margin-top: 70px;
}

.puntos_left {
    float: left;
    width: 30%;
    color: #3cccd4;
    font-size: 42px;
}

.puntos_right {
    float: left;
    width: 70%;
    color: #a9aaac;
    text-transform: uppercase;
    margin-top: 10px;
}

.puntos_top {
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}

.line_puntos_box {
    border-right: 1px solid #e7e7e7;
}


.escrit h1 {
    color: #9bc633;
}

.ortes h1, .ortog h1  {
    color: #ffd000;
}

.gramares h1, .gramars h1 {
    color: #65d2dc;
}

.vocablres h1, .vocablu h1 {
    color: #f4504d;
}

.fluidres h1, .fludd h1 {
    color: #92278f;
}




/**/

.icono_label_plan {
    background-color: #9bc633;
    overflow: hidden;
    width: 75px;
    height: 80px;
    float: right;
    border-radius: 5px;
}

.icono_plan {
    width: 35px;
    height: 35px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -277px -67px;
    overflow: hidden;
    margin: 23px;
}

.icono_label_plan {
    background-color: #9bc633;
    overflow: hidden;
    width: 75px;
    height: 80px;
    float: right;
    border-radius: 5px;
}

.icono_plan {
    width: 35px;
    height: 35px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -329px -67px;
    overflow: hidden;
    margin: 23px;
}


.icono_label_orto {
    background-color: #ffd000;
    overflow: hidden;
    width: 75px;
    height: 80px;
    float: right;
    border-radius: 5px;
}

.icono_orto {
    width: 35px;
    height: 35px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -329px -67px;
    overflow: hidden;
    margin: 23px;
}

.icono_label_grama {
    background-color: #65d2dc;
    overflow: hidden;
    width: 75px;
    height: 80px;
    float: right;
    border-radius: 5px;
}

.icono_grama {
    width: 35px;
    height: 35px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -380px -70px;
    overflow: hidden;
    margin: 23px;
}

.icono_label_voca {
    background-color: #f4504d;
    overflow: hidden;
    width: 75px;
    height: 80px;
    float: right;
    border-radius: 5px;
}

.icono_voca {
    width: 35px;
    height: 35px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -425px -70px;
    overflow: hidden;
    margin: 23px;
}

.icono_label_flu {
    background-color: #92278f;
    overflow: hidden;
    width: 75px;
    height: 80px;
    float: right;
    border-radius: 5px;
}

.icono_flu {
    width: 35px;
    height: 35px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -470px -72px;
    overflow: hidden;
    margin: 23px;
}

.revision-title {
    overflow: hidden;
}




.elemslide.ortog .wordms h5 {
    color: #ffd000;
}

.elemslide.gramars .wordms h5 {
    color: #43c8cf;
}

.elemslide.vocablu .wordms h5 {
    color: #f4504e;
}

.elemslide.fludd .wordms h5 {
    color: #92278f;
}

.elemslide.escrit .wordms h5 {
    color: #9bc633;
}


.pasos {
    background-color: #d2d3d5;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    float: left;
    margin-left: 15px;
    margin-bottom: 40px;
}

#pasos {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.pasos_num {
    margin-top: 6px;
    margin-left: 11px;
}

#pasos .active {
    background-color: #e91917;
    color: #FFF; 
}



#iconos {
    position: fixed;
    left: -3px;
    top: 150px;
    z-index: 101;
    width: 60px;
    /* background-color: #0169c0; */
    border-radius: 5px;
}


.iconos {
    width: 27px;
    height: 31px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* margin-top: 20px; */
    float: right;
}

#ico_imagen {
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -580px -18px;
}

#menu_flotante {
    position: fixed;
    left: -190px;
    /* right: -10px; */
    top: 150px;
    background-color: #0169c0;
    width: 248px;
    /* height: 268px; */
    border-radius: 5px;
    z-index: 100;
    box-shadow: 0px 0px 25px -2px grey;
    padding: 8px 0px 17px 0px;
}


#ico_plan {
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -653px -19px;
}

#ico_ideas {
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -693px -15px;
}

#ico_guardar {
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -724px -16px;
}

#ico_revisar {
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -758px -18px;
}

.textos_mf {
    color: #FFF;
    /*
    margin-top: 22px;
    margin-left: 25px;
    */
    margin-top: 6px;
    margin-left: 15px;
    margin-right: 12px;
    overflow: hidden;
    margin-bottom: 0px;
    border-radius: 5px;
}


.textos_mf:hover {
    /* background-color: #012b91; */
    background-color: #FFF;
    color: #7f7f7f;
    box-shadow: 0px 0px 25px -2px #004f91;
}

.textos_mf_inner {
    margin: 7px;
    overflow: hidden;
    /* font-size: 13px; */
    line-height: 31px;
}


#plan_box {
    background-color: #f4504e;
    overflow: hidden;
    color: #FFF;
    width: 800px;
}

#plan_box_inner {
    margin: 80px;
    overflow: hidden;
}

#plan_box h3 {
    text-align: center;
    text-transform: uppercase;
}

#plan_box_inner ul {
    list-style-type: none;
}

#plan_box_inner .tit {
    font-size: 21px;
    margin-right: 30px;
    float: left;
    line-height: 22px;
    width: 38%;
}

#plan_box_inner .txt_plan {
    float: left;
    margin-top: 5px;
}

#plan_box_inner .wrapper_li {
    overflow: hidden;
    margin: 15px 0;
}

#plan_box_inner li {
    border-bottom: 1px solid #fba7a5;
}

#plan_box_inner li:last-child {
    border-bottom: none;
}



/* ERRORES */

#box_errores {
    position: fixed;
    right: 5px;
    top: 150px;
    z-index: 1000;
}

.box_error {
    /*
    width: 80px;
    height: 70px;
    */
    border-radius: 5px;
    z-index: 100;
    box-shadow: 0px 0px 15px -2px grey;
    margin-bottom: 5px;
    clear: both;
    float: right;

    /*
    min-height: 70px;
    overflow: hidden;
    */
}

.box_close {
    width: 35px;
    height: 35px;  
}

.box_open {
    width: 300px;
    min-height: 70px;
    overflow: hidden;
}

.box_error_close {
    width: 11px;
    height: 13px;
    background-image: url("../../images/iconos.png");
    background-repeat: no-repeat;
    background-position: -526px -82px;
    margin-top: 5px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.box_error_icon {
    width: 35px;
    height: 35px;
    /* 
    background-image: url("../../images/iconos.png");
    background-position: -583px -62px;
    */
    background-image: url("../../images/error.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    float: left;
    cursor: pointer;
}

.box_close .box_error_icon {
    margin-top: 3px;
    margin-left: 2px;
}


.box_open .box_error_icon {

    margin-top: 13px;
    margin-left: 15px;

}


.box_error_text {
    float: left;
    font-size: 14px;
    width: 210px;
    margin-top: 20px;
    margin-left: 5px;
    color: #FFF;
    text-align: center;
    cursor: pointer;

}

.box_error {

}

.box_error_detail {
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    position: absolute;
    margin-top: 70px;
    width: 300px;
    border-radius: 0 0 5px 5px;
    z-index: 50;
    box-shadow: 0px 0px 15px -2px grey;
}

.box_content {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #FFF;
}


#box_notis {
    position: fixed;
    right: 5px;
    top: 150px;
    z-index: 1000;
}

.box_noti {
    background-color: #21c2ec;
    border-radius: 5px;
    z-index: 100;
    box-shadow: 0px 0px 15px -2px grey;
    margin-bottom: 5px;
    clear: both;
    float: right;
}


.portada_publi {
    width: 155px;
    height: 235px;
    overflow: hidden;
    background-position: center center;
    background-size: auto 100%;
    margin-left: auto;
    margin-right: auto;
}

.menu_flotante #ico_imagen {}

#menu_flotante a {
    display: block;
}