body{overflow-x: hidden; }
#semb_autor{margin: -45px 0 0 -11px;}

.side-nav li {
    font-size: 15px;
}

.row .row, .row .row p {
    font-size: 15px;
}

.imgpeque{width: 300px; float: right;}
#menuflotante_t1{display: none!important;}
.plecavideo{ background-color: #e8ccd2;
			height: 77px; }
.plecavideo p{    font-size: 15px;
    line-height: 5;
    /* text-align: center; */
    margin-left: 20px;}

p{font-size:15px}
.amarillo{background-color: #f6f8d2; float: right;    
}
ul{font-size: 15px;}
#infoAutor{background-color: #fff; border: 2px solid #661c3e; width: 500px!important; margin: 0 auto!important; padding: 10px!important;}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle{ float: right; }
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close{background-color: #661c3e; width: 10px;}

.plecatema{text-align: left; font-size: 19px; line-height: 4; background-color: #e8ccd2;
			height: 77px;}
.referencias{background-color: #fafbeb;}


.padding-30{ padding-left: 30px}
#contRef{ background: #fafbeb; }
.numsPregunta{ float: left; margin-right: 5px;}
.QuestionAuto{ background: #fafbeb; border: 2px solid #ccc; padding: 10px; min-height: 50px;    text-align: left;}
.quetions{ width: 80%; margin: 0 auto; text-align: center; }
.fondo-answer{    margin: 0 0 10px -36px;
    width: 100%;
    display: inline-block;}
.fondo-answer label{ background: #545F68; padding: 10px; width: 100%;   }

.fondo-answer input[type="radio"]{ display: none;}
.fondo-answer label{ color: #fff}
  input[type="radio"]:checked + label {
   background-color: #4496D1;
 }
 #back{color: #000;
    font-size: 50px;
    position: absolute;
    float: left;
    left: -400;}
.rubricas a:hover{color: #fff!important;}

.plecamodal{    background-color: #414042;
    height: 80px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 3;
}
.columizq{width: 30%; float: left; height: 500px; margin: 44px 0 0 0; text-align: center; padding: 15px; border-right: 3px solid #661c3e; }
.columder{width: 70%; float: right;}
.columizq img{ width: 130px;}
.divimg{margin: 100px 0 0 0;}
.datosmodal{text-align: left; margin: 10px 0 0 0;}
.modaltext{    padding: 15px;
    margin: 42px 0 0 0;}
.modaltext p{line-height: 1.5;}

.button-group>li {
    display: inline-block;
    margin: 0px 18px;
}

.baranimate {
    background: none;
    position: absolute;
    /* height: 50px; */
    /* width: 0%; */
    /* -webkit-transition: width 1s; */
    /* transition: width 1s; */
    /* z-index: 1; */
    /* margin-top: 0; */
     border: none; 
    /* border-left: none; */
    /* padding: 0; */
    overflow: hidden;
    /* padding-top: 10px; */
}


/*Rubrica*/
table tr td{color: #000; text-align: center;}
table tr td .negro{color: #fff!important;}
.negro{background-color: #576476; color: #fff!important; text-align: center;}
.gris{background-color: #f0f3f5; text-align: left; color: #000; font-weight: 900!important; font-size: 18px!important;}
.cafe{background-color: #f5f8ec;color: #000;text-align: left;}
.azulcielo{background-color: #e7f6fd;color: #000;text-align: left;}
.amarillo{background-color: #fcf9e0;color: #000;text-align: left;}
.rosa{background-color: #f9e4e6;color: #000;text-align: left;}

.finale1{background-color: #3c7f8f; min-height: 220px;float: left; color: #fff; padding: 20px; font-size: 15px;}
.finale2{background-color: #9fc7cf; min-height: 220px;float: left;color: #fff; padding: 20px; font-size: 15px;}
.finale3{background-color: #4f8390; min-height: 220px;float: left;color: #fff; padding: 20px; font-size: 15px;}
.finale4{background-color: #11424f; height: 220px;float: left;color: #fff; padding: 20px; font-size: 15px;}

/*#contRef p {
       background: url('../img/bibliografia-software.png') no-repeat 0 8px;
    padding-left: 68px;
}*/

/*Logo y título*/
.contheader{margin: 0 0 0 82px;}


/*Botones inferiores de contenidos*/
.button-group>li:hover {
    background-color: #78B0C6;
   
     text-align: center;
transition: 0.5s;
}
i.iconbar:hover{color: #fff;}
.button-group>li{width: 100%; padding: 0; margin-left: 0; margin-right:0; text-align: center;}

/*Iconos*/
i.icon-name2 {
    font-size: 42px;
    font-weight: normal;
    color: #fff;
    margin-top: 4px;
    display: block;
    position: absolute;
    top: -19px;
    border-radius: 50%;
    background-color: #661c3e;
    width: 60px;
    height: 60px;
    padding: 10;
    z-index: 100;c
}


/*MODAL*/
#basic-modal-content {display:none;}
#basic-modal-content3 {display:none;}



/*MODAL RUBRICA*/
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:700px; width:750px; color:#000; background-color:#fff; border:5px solid #661c3e; padding:12px; font-size: 15px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#3c7f8f;}
#simplemodal-container a.modalCloseImg {background:url(.../../../img/cerrar.png) no-repeat; width:29px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#basic-modal-content2 {display:none; font-size: 14px;}

#basic-modal-content3 #simplemodal-container{width: 500px!important; height: 500px;}

.instrucciones{padding: 20px;}
.btnreintentar{    float: right;
    /* width: 100%; */
    font-size: 14px;
    padding: 5px;
    border-radius: 3px;
    background-color: #355EB0}
youtube iframe{width: 100%}

.oculto{display: none!important;}
.visible{display: block;}
.btnspaginacion{
    font-size: 14px;
    padding: 5px;
    border-radius: 3px;
    background-color: #355EB0;
    margin: 0 20px;
    }
.btnspaginacion a{color: #fff;}
.pagination{float: left;}
#anterior{float: left;}
#siguiente{margin: 0 0px 0 5px;float: left;}
.contpaginacion{        width: auto;
    margin: 0 80px 0 0px;
    float: right;}
.centerbtn{    margin-left: 44%;}

.pregActual{float: right;
    font-weight: 600;}
#evaluar{margin: 0; float: left;}
.large-2 {
    width: auto;
}
.large-offset-5 {
    margin:0 auto!important ;
}
.ctable{margin: 0 auto;}

.centerbtn{ text-align: center;}
.opciones table {margin: 0 auto;}
.retroNegativa{ margin: 0 auto;
    display: inline-block;
    visibility: hidden;
    color: #FF004D;}

.side-nav li a:not(.button){padding:0px!important;}
.video{text-align: center; margin-top: 5px;}
.video video, .video img{border: 2px solid #661c3e;}
.imgvideo{width: 400px;}
.contContenido{    width: 94%;
    float: right;}
.listaUl{width: 93%;
    float: right; margin-top: -18px;}
.figura{}
.headerVisible{
text-align: left; 
    /* font-size: 19px; */
    /* line-height: 4; */
    /* background-color: #d8def1; */
    /* height: 77px; */
    position: fixed;
    z-index: 998;
    top: 50px;
    /* width: 100%; */
    /* margin: 0 auto; */
    max-width: 1080px;
}
.contenidos{text-align: justify;}
.buttons{     border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;   
    width: 200px;
    text-align: center;
    margin: 20px 50px 20px;
    float: none;
    background-color: #661c3e;
    color: #fff;
        padding: 15px;
        display: inline-block;}

.buttons a{color: #fff;}
 a.buttons:hover{color: #fff; background-color: #f2ccc7; transition: 0.5s;}

 .contModal{padding: 25px 15px 15px 15px;}

 .frases p{width: 80%; margin: 20px auto; font-size: 13px!important;}
 .cont p{width: 100%; float: right;}
 #arbol{width: 500px;}

/* F L I P B O O K*/
.contFlipbook{background-color: #AFAFAF; text-align: center; margin: 0 auto; max-width: 1100px; width: 100%;}
#flipbook{width: 100%; 
    max-height:750px; 
    padding-top: 15px;
    padding-bottom:  15px; 
   }
.hard{background-color: #fff; border: solid 1px #000;}
.pages{background-color: #fff;  border: solid 1px #000;}
.contInterior{padding: 60px 45px 45px 45px;}
.hard img{width: 100%; height: 100%;}
.lineaSup {
    width: 50%;
    position: absolute;
    top: 10px;
    text-align: center;
}
.lineaSup img {
    width: 65%;
}
.lineaInf{ width: 50%; position: absolute; bottom: 10px; text-align: center;}
.lineaInf img{width: 65%;}
.conTexto{text-align: justify;}
.conTexto p{font-size: 15px!important;}

.contImagen{padding: 80px;}
.contImagen2{padding: 88px;}
.contImagen img{width: 100%; max-width: 342px;}
.contImagen2 img {
    width: 100%;
    max-width: 323px;
}
.back{background-color: #000;}

#Panel-botones{    height: 30px;
    display: inline-block;
    /* right: 20px; */
    /* position: absolute; */
    /* z-index: 10000; */
    /* margin-top: -30px; */
    margin: 0 25px 0px 0px;
 }
 
 .panel-member{
     display: block;
     height: 30px;
     float: left;
     background-color: #000;
     pointer-events: auto;
 }
 .panel-member:hover:hover{
     cursor:pointer;
     background-color: #fff;
 }
 
 .panel-member-t{
     position:absolute;
     padding: 5px;
     color:#fff;
     line-height: 20px;
     font-size: 0.7em;
     z-index: 10;
     top:-40px;
     margin-left:-5px;
     background-color: #000;
     font-family: helvetica,arial;
     display:none;
 }

 .bottom{text-align: right;}
.video2 iframe{width: 70%; height: 400px;}
.galeria{background-color: #f2ccc7;}
.headerVisible{
    text-align: left;
    font-size: 19px;
    line-height: 4;
    height: 77px;
    position: fixed;
    z-index: 998;
    top: 50px;
    width: 100%;
    margin: 0 auto;
}
#imgn1{max-width: 500px}
.referencia{margin-top: 20px; font-size: 14px; margin: 0 auto; max-width: 500px; text-align: left;}
#nepantla{max-width: 700px;}
.centro{text-align: center;}
.actividadescontainer ul li, .actividadescontainer ul{font-size: 15px!important;}
.QuestionAuto label {
    cursor: default;
}
.padding-30 {
    padding-left: 30px;
}

.libromovil{display: none;}
.instmovil{display: none;}
.contenedorbook{display:block;}
.video2{text-align: center;}
.colaboradores {
    background-color: #661c3e;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 3px 0 3px 0;
    height: 35px;
}
.colaboradores h5{color: #fff;}
.resultado {
    margin-top: 15px;
    text-align: center;
    width: 350px;
    margin: 15px auto;
}
.resultado b{float: left;}
#evaluar {
    background: #006400;
}

.libroipad{display: none;}
#imgnCont{padding:0!important;}
/*RESPONSIVE*/
@media (max-width: 1090px){
    /*.button-group>li{width: 75px; }*/
    .centerbtn{    margin-left: 38%;}
}
/* ------------------1024------------------ */
@media(max-width: 1024px){
        .contheader {
    margin: 0 0 0 89px;
}
.finale1{height: 230px;}
.finale2{height: 230px;}
.finale3{height: 230px;}
.finale4{height: 230px;}
/*.titleDesc2{width: 89%;}*/

/*.button-group>li {
    width: 115px;
}*/
.button-group>li:hover {
    background-color: #f2ccc7;
     text-align: center;
transition: 0.5s;
}
i.iconbar:hover{color: #fff;}
#menuflotante{display: inherit !important; margin-top: -46px!important}
#video{margin: 0px auto;
text-align: center;}
#contSidebar{margin-top: 10px;}
.columnamovil{width: 50%!important; margin: 0 auto!important;}
.centerbtn{    margin-left: 33%;}
.headerVisible{width: 100%;}
.buttons {margin: 20px 140px 20px;}
.list-icons {
    float: right;
    width: auto;
    margin-top: 14px;
}
#header.topheader a.active {
    margin-top: -4px;
}
#fichatecnica{margin-left: 16px;}
.left18{margin-left: 15px;}
.lineaInf img{display:none;}
.plecatema {
    margin-top: 16px;
}
.contInterior{}
.libroipad{display: block;}
.contenedorbook{display:none;}
#autoEvaluacion{    margin-top: 28px;}
}


@media(max-width: 960px){
/*.button-group>li {
    width: 30%;
    margin-left:2px; 
}*/
/*.columns-menu{width: 92%;
left: 4%;}*/
/*i.iconbar{left: 30px}*/
.centerbtn{    margin-left: 25%;}
.contpaginacion{ margin: 0 0 0 25%;}
.buttons {
    margin: 20px 151px 20px 104px;
}
}

@media (max-width: 900px){
    .finale1{width: 70%;}
.finale2{width: 30%;}
.finale3{width: 30%;}
.finale4{ width: 70%;}
/*.titleDesc, .titleDesc2{ width: 85%; margin-right: 5%;}*/
       /* i.iconbar { left: 28px;}*/
.centerbtn{    margin-left: 22%;}
.contpaginacion{ margin: 0 0 0 23%;}
.buttons {
    margin: 20px 108px;
}
.video2 iframe {
    width: 70%;
    height: 370px;
}
}

@media (max-width: 840px){
img.logo {
    margin-left: -107;
    float: left;
    width: 138px;
    margin-top: 8px;
}
h1.title-main {
    margin: 36px 0 0 42px;}
.list-icons {
    margin-top: 50px;
}
#header.topheader a.active {
    margin-top: -51px;
}
}

@media (max-width: 768px){
    /*.titleDesc, .titleDesc2{ width: 85%; margin-right: 0;}*/
    h1.title-main {font-size: 27px;}
    .plecavideo p {line-height: normal; top: 20px; line-height: 33px;}
    /*Modal*/
    #simplemodal-overlay {background-color:#000;}
    #simplemodal-container {min-height: 250px; width:95%; color:#000; background-color:#fff; border:5px solid #661c3e; padding:12px; font-size: 15px;}
       /* i.iconbar { left: 15px;}*/

    .centerbtn{    margin-left: 8%;}
.contpaginacion{ margin: 0 0 0 18%;}
.fondo-answer {
    margin: 0 0 10px -46px;
    width: 100%;
    display: inline-block;}
    .buttons {
    margin: 20px 77px;}
#nepantla {
   width: 100%;
}
.video2 iframe {
    width: 100%;
    height: 300px!important;
}
}

@media (max-width: 700px){
        .centerbtn{    margin-left: 5%;}
.contpaginacion{ margin: 0 0 0 15%;}
table tr th, table tr td{padding: 5px!important;}
.video video{width: 100%;}
.buttons {
    margin: 20px 60px;}
img.logo {
    margin-left: -107;
    float: left;
    width: 118px;
    margin-top: 16px;
}
h1.title-main {
    margin: 36px 0 0 16px;
}
#header.topheader img.logo {
    width: 68px;
    margin-top: 10px;
}
#header.topheader h1 {
    font-size: 21px;
    line-height: 2rem;
    margin-top: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: -24px;
}
#header.topheader a.active {
    margin-top: -34px;
}
.titleDesc, .titleDesc2{width:93%}

.libromovil{border: 4px solid #f2ccc7; display: block; padding: 30px; background-color: #fff;}
.instmovil{display: block;}
.contenedorbook{display:none;}
.libroipad{display: none;}
/*.pdf-main{margin-top: 6080px;}*/
.contImagen,.contImagen2 {
    padding: 25px;
}
#header.topheader a.active {
    margin-top: -45px;
}
.list-icons {
    margin-top: 56px;
}
.contImagen, .contImagen2 {
    /* padding: 25px; */
    text-align: center;
}
}
@media(max-width: 640px){
    .buttons {

    width: 78%;}
}

@media (max-width: 632px){
    h1.title-main {
    font-size: 21px;margin-top: 35px; margin-left:0; }
    img.play-icon{top: 110px;}
    .columnamovil {
    width: 60%!important; }
   /* i.iconbar { left: 45px;}*/
    .centerbtn{    margin-left: 2%;}
.contpaginacion{ margin: 0px 0 0 2%;}

h1.title-main {
    margin-left: -92px;
}
.list-icons {
    margin-top: 74px;
}
#header.topheader a.active {
    margin-top: -62px;
}
#imgn1{width: 100%;}
.buttons {
    width: 400px;
    margin: 20px 77px;
}
}
@media (max-width: 560px){
table tr th, table tr td{padding: 3px!important;}
    .centerbtn{    margin-left: 0;}
.contpaginacion{ margin: 0px 0 0 0;}
.fondo-answer {
    margin: 0 0 10px -46px;
    width: 100%;
    display: inline-block;
}
img.logo{display: none!important;}
#header.topheader h1 {
    margin-left: -94px;
}
i.icon-name {
    font-size: 52px;
    height: 48px;
    padding: 0;
    width: 48px;
    top: -8px;
}
i.icon-name2 {
    font-size: 34px;
    height: 48px;
    padding: 6px;
    width: 48px;
    top: -8px;
}
.titleDesc , .titleDesc2 {
    width: 91%;
    padding-left: 53px;
    line-height: 31px;
}
.buttons {
    width: 400px;
    margin: 20px 50px;
}
#header.topheader a.active {
    margin-top: -46px;
}
.video2 iframe {
    width: 100%;
    height: 261px!important;
}
}

@media (max-width: 505px){
table tr th, table tr td{padding: 0px!important;}
.buttons {width: 340px; }
.video2 iframe {
    width: 100%;
    height: 300px!important;
}
}

@media (max-width: 480px){
    .plecavideo{padding: 10px;}
    img.logo{width: 65px; margin-top: 10px;}
      h1.title-main { font-size: 21px;margin-top: 35px; }

      #menuflotante{margin-top: 30px!important; width: 100%;}
     #header.topheader a.active{margin-top: -50px;}
     /*  #header.topheader i.active{font-size: 25px;}*/
      .logotema{display:none!important; }
      .titletema{margin-left: -90px!important; font-size: 18px!important;}
      .columnamovil{width: 100%!important; }
      /*i.iconbar { left: 27px;}*/

    .columizq {
    width: 100%;
    /* float: left; */
    height: 370px;
    margin: -68px 0 0 0;
    text-align: center;
    /* padding: 15px; */
    border-right: none;
    border-bottom: 3px solid #661c3e;
    }
    .columder{width: 100%;}
    .datosmodal{margin: 10px 0 0 0; text-align: center;}
    .modaltext{ margin: 0;}
    /*img.play-icon{top: 90px;}*/
    .buttons {width: 300px;}
    #flipbook{width: 100%; 
    margin: 0 auto; 
    min-height:500px; }

    .list-icons {
    margin-top: 0px;
}
img.play-icon {
    top: 84px;
}
.quetions {
    width: 90%;}
    table tr th, table tr td {
    padding: 12px!important;
}
}
@media (max-width: 440px){
#boton-resp {
    font-size: 46px;
    height: 56px;
    padding: 6px;
    width: 56px;
    top: 2px;
}

}
@media (max-width: 426px){
    .centerbtn{    margin-left: -20px;}
    .btnreintentar{padding: 2px;}
    .buttons {width: 250px;}
    h1.title-main, #header.topheader h1  { font-size: 18px;}
}
@media (max-width: 420px){
     img.logo{width: 45px; margin-top: 15px;}
     img.play-icon{top: 70px;}
    /*i.iconbar { left: 18px;}*/
    #siguiente{margin: 0 3px;}
    #anterior{margin: 0 3px;}
    .buttons {
    margin: 20px 37px;
}
.video2 iframe {
    width: 100%;
    height: 250px!important;
}
}

@media (max-width: 400px){
.buttons {
    margin: 20px 49px;
}
.video2 iframe {
    width: 100%;
    height: 220px!important;
}
.titleDesc, .titleDesc2 {
    width: 90%;}
}

@media (max-width: 360px){
.buttons {
    margin: 20px 33px;
}
.titleDesc, .titleDesc2 {
    width: 89%;}
img.play-icon {
    top: 57px;
}
.left18 {
    margin-left: 0px;
}
.quetions {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.logofooter {
    margin: 42px auto;
}
table tr th, table tr td {
    padding: 7px!important;
}
.resultado {
    width: 280px;
}

}

@media (max-width: 333px){
    .plecatema {font-size: 18px;}
    h1.title-main, #header.topheader h1 {
    font-size: 16px!important;
}
.video2 iframe {
    width: 100%;
    height: 200px!important;
}
}

@media (max-width: 320px){
.titleDesc, .titleDesc2 {
    width: 88%;
}
.buttons {
    margin: 20px 18px;
}

.icon-name.icon-Icon-Bibliography2 {
    margin-top: 11px;
}

.logofooter {
    margin: 43px auto;
}
#plecaref {
    line-height: 24px;
}
}