#semb_autor{margin: -45px 0 0 -11px;}
audio{ display: block !important;}

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

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

.imgpeque{width: 300px;}
#menuflotante_t1{display: none!important;}

p{ font-size:15px; }
.plecavideo p{ font-size: 24px; font-weight: 700; text-align:center; line-height:77px; }
.plecavideo i{ font-style: normal !important; }
.amarillo{background-color: #f6f8d2; float: right;    
}
ul{font-size: 15px;}
#infoAutor{background-color: #fff; border: 2px solid #13a89e; 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: #13a89e; width: 10px;}
#test-autor{ z-index:10000!important; }






/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:700px; width:750px; color:#000; background-color:#fff; border:5px solid #662D91; 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:#ddd;}
#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;}

.button-group li{ display: inline-block !important; }
.button-group > li { margin-left: 0; margin-right: 0; padding: 0; width: 100%; }
.pieimgder{ float:right; width: 330px; font-size: 11px; margin: 10px 0 10px 10px; }
.cobotones{ float: left; width:70%; text-align: center; margin: 0 15% 0 15%; }
.cobotones div{ float: left; width:50%; text-align: center; }
.cobotones a:hover{ color: #fff !important; }
.buttons { background-color: #000; border-radius: 0; border-style: solid; border-width: 0; color: #fff; cursor: pointer; display: inline-block; float: none; margin: 20px 50px; padding: 15px; text-align: center; width: 200px; }
.buttons:hover{ background-color: #662d91; color: #fff;  }
.justificado{ /*text-align:justify;*/ }
.centrado{ text-align: center; }


/*Index / Tema1*/
.videoder{ width: 100%; text-align: center;}
.videoder iframe{ margin: 0 auto; }
.instruc{background-color:#eeeaf5; font-weight: 700; height: 40px; line-height: 40px; padding-left: 15px; width: 100%; margin: 0; display: block; text-align: left; }

.plecavideo{ display: none; } 
.dos { display: block!important; }
.plecavideo p { font-size: 15px; line-height: 5; margin-left: 20px; text-align: left; }

/* Tema2 */
.bloque{ width: 100% !important; float: left; margin-top: 20px; }
.cita{ width:80%; padding:0 5% 0 3% !important; float:right; font-size: 13px; }
.cita span{ text-align:right; display:block; }
.espizq{ margin-left:20px; }
.centrar { width: 85%; text-align:center; margin: 0 15% 20px 0;  }
#audiojs_wrapper0{ margin: 0 auto; }
.cimg1{ height: 142px !important; }
.cimg2{ height: 127px !important; margin-bottom: 20px !important; }
.cimg3{ height: 118px !important; }
.cimg4{ height: 96px !important; }
.cimg5{ height: 158px !important; }
.instru{ font-weight: 700; margin:0; font-size: 11px !important; }


/*Tema 3 - Dadaismo */
.negrita{ font-weight: 700; }
.centrartodo { width:100%; text-align:center; }
.pie{ font-size: 11px !important; }
.bb-custom-wrapper{ position:relative !important; }
.libro{ width: 100%; }
.libroimg{ width:75%; float:left; text-align:right;  }
.librotext{ width:24%; float: right; text-align: left; font-size:11px; margin:30px 0 0 1%;  }
.bb-bookblock p{ width: 100%; float: left; margin-top: 15px; }
.cien{ width: 100%; }
.centro p{ text-align: center !important; }
.chica{ width: 68%; }
.pequenaimg img{ width: 62%; }
.grandeimg{ width: 40%; }
.grandeimg img{ width: 80%; }
.grandetext{ width: 59%; }
.grandetext p{font-style: normal;  padding: 56px 0 !important; }
.richardtext{ width: 39%; }
.richardimg{ width: 61%; }
.tristantext{ width: 35%; }
.tristanimg{ width: 64%; }
#tblcontents{display: none; }
.pieimgizq2 { float: left; font-size: 11px; margin: 0px 10px 10px 0px; width: 279px; }
.imgizq2 { float: left; margin: 10px 10px 10px 0px; width: 94%; }
.libroimg span{ display: inline; }
.piecito{ font-size: 11px !important; }
#satiras{ width: 100%; text-align: center; background-color: #eeeaf5; min-height: 297px; margin-bottom: 20px; }
#satiras .imgder{ float: none !important; }
#satiras .im{ width: 25%; float: left; text-align: center; min-height: 253px; }
#satiras img{ cursor: pointer; }
#satiras img:hover{ cursor: pointer; border: 2px #662d91 solid; }
.divnombre2{ width: 100% !important; text-align: center; }
.nombre2{ font-weight: 700; border: 2px #000 solid; padding:2px 5px 2px 5px; }
.piecentro{ font-size: 12px; text-align:center;  }
.tercera{ width: 52%; }
.da-slide .pie { line-height: 18px; width: 100%; top:169px; height: auto; margin-left: -10%; }
.tema2 .da-slide p { top: 88px; }
.centrarpie .pie{ text-align: center; width: 100%; font-size: 11px !important; color: #000; height: auto; line-height: 18px; margin-left: 0;}
.rose{ width: 57%; }
.largo{ line-height: 22px !important; height:266px !important; top: 77px !important; }
.largoman{ line-height: 22px !important; height:316px !important; top: 77px !important; }
.largo2{ height:266px !important; }
.slider2{ top:152px !important; }
.slider3{ top:157px !important; }
.slider4{ top:140px !important; }
.slider5{ top:125px !important; }
.slider9{ top:70px !important; }
.slider10{ top:78px !important; }
.cimg21{ height: 202px !important; width:257px !important; margin: 0 auto !important; }
.cien{ width: 100%; text-align:center; }
.cimg22{ height: 212px !important; width:168px !important; margin: 0 auto !important; }
.izq{ float:left !important; margin-right: 10px; }
.der{ float:right !important; margin-left: 10px; }
.cimg23{ height: 149px !important; width:257px !important; margin: 0 auto !important; }
.cimg24{ height: 109px !important; width:258px !important; margin: 0 auto !important; }
.grid-of-images{ background-color: #eeeaf5; }
.cimg25{ height: 124px !important; width:257px !important; margin: 0 auto !important; }
#cinfoslider{ float: left; width: 100%; background-color: #eeeaf5; }
.cinfoslider1{ width: 28%; float: left; height: auto; padding: 2%; }
.cinfoslider2{ width: 68%; float: left; height: auto; padding: 2%; }
.cimg26{ height: 230px !important; width:231px !important; margin: 0 auto !important; }
.cimg27{ height: 230px !important; width:307px !important; margin: 0 auto !important; }
.cimg28{ height: 230px !important; width:328px !important; margin: 0 auto !important; }
.cimg29{ height: 230px !important; width:140px !important; margin: 0 auto !important; }
.popup-gallery{ /*padding: 10px;*/ text-align: center; }
.popup-gallery img{ width: 210px; height: 115px; margin: 10px; }
.popup-gallery2{ /*padding: 30px;*/ text-align: center; }
.popup-gallery2 img{ width: 120px; height: 180px; margin: 10px; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width: 26px !important; }


/*Tema 4 - Exploraciones Mexicanas */
.cimg31{ height:225px !important; width:169px !important; margin: 0 auto !important; }
.slider6{ top:111px !important; }
.poema{ top:67px !important; }
.carteles{ top:29px;}
.cartel1{ width:107px; }
.cartel2{ width:134px; }
.cimg32{ height:198px !important; width:258px !important; margin: 0 auto !important; }
.pagizq{ width: 48%; float: left; padding: 1%; }
.pagder{ width: 48%; float:right; padding: 1%; }
.portada{ width: 91%; }
.centrarimg{ width: 100%; text-align: center; }
.centrarimg span{ width: 100%; text-align: center; display: block; }
.cimg33{ height:183px !important; width:250px !important; margin: 0 auto !important; }
#da-slider2 .da-slide p { font-size: 14px !important; height: auto !important; /*height: 277px !important;*/ line-height: 25px !important; }
.text14{ top:74px !important;  }

/*Tema 4 - Escuela */
.cimg41{ height:124px !important; width:258px !important; margin: 0 auto !important; }
.cimg42{ height:129px !important; width:258px !important; margin: 0 auto !important; }
.cimg43{ height:110px !important; width:259px !important; margin: 0 auto !important; }

/*Tema 5 - Pintura */
#satiras2{ width: 100%; text-align: center; background-color: #eeeaf5; min-height: 383px; margin-bottom: 20px; }
#satiras2 .imgder{ float: none !important; }
#satiras2 .im{ width: 33%; float: left; text-align: center; min-height: 253px; }
#satiras2 img{ cursor: pointer; width: 57%; }
#satiras2 img:hover{ cursor: pointer; border: 2px #662d91 solid; }
.cuadrobullets{ background-color: #eeeaf5; padding: 20px; }
.cuadrobullets li{ margin-bottom: 15px; }
.cimg51{ height:269px !important; width:251px !important; margin: 0 auto !important; }
.cimg52{ height:117px !important; width:247px !important; margin: 0 auto !important; }
.cimg53{ height:176px !important; width:247px !important; margin: 0 auto !important; }

/* Actividades */
.rubrica{ float: right; }
.rubrica .buttons{ background-color: #662d91; height: 25px; line-height: 25px; border-radius: 0; border-style: solid; border-width: 0; color: #fff; cursor: pointer; display: inline-block; float: none; margin:0; padding:0; text-align: center; width: 200px; }
.rubrica .buttons:hover{ background-color: #000;  }
table tr td { text-align: center; }
.negro { background-color: #576476; color: #fff !important; text-align: center; }
.gris { background-color: #f0f3f5; color: #000; font-size: 18px !important; font-weight: 900 !important; text-align: left; }
.cafe { background-color: #f5f8ec; color: #000; text-align: left; }
.azulcielo { background-color: #e7f6fd; color: #000; text-align: left; }
.amarilo { background-color: #fcf9e0; color: #000; text-align: left; }
.rosa { background-color: #f9e4e6; color: #000; text-align: left; }

.numerito{ font-size: 17px !important; margin-right: 5px; }
 a.pdf-ref{margin-right: 10px;}
 .movil{background-color: #662d91; border-radius: 0;border-style: solid;border-width: 0;color: #fff;cursor: pointer;display: inline-block;float: right;height: 25px;line-height: 25px;margin: 0;padding: 0;text-align: center;width: 200px !important; display: none;}


@media (max-width: 1200px) {
    #da-slider2 .da-slide p { line-height: 22px !important; }

 }

 @media (max-width: 1024px) {
    img.logo { float: left; position: relative; right: 0; top:12px; transition: width 0.5s ease 0s, margin 0.5s ease 0s; width: 91px; }
    img.logo { margin-left: -5px; margin-right: 0px; margin-top: 14px; }
    h1.title-main { float: left; font-size: 25px; margin: 16px 0 0 10px; transition: all 0.5s ease 0s; width: 73%; }
    #menuflotante { display: inherit !important; margin-top: -65px !important; color: #fff !important; }
    #menuflotante .list-icons i { color: #fff; }
    #menuflotante .list-icons label{ display: none; }
    .show-for-small-only{ display: none !important; }
    .columnamovil{width: 60%!important; margin: 0 auto!important;}
    .titleDesc2 { width: 95%; }
 }

 @media (max-width: 869px) {
    #da-slider2 .da-slide p { line-height: 20px !important; }
    #da-slider .da-slide p {line-height: 20px !important; }

}
@media (max-width: 768px) {
    #satiras .im { width: 24%;}
    #da-slider .da-slide .inter{ line-height: 18px !important}
}

@media (max-width: 668px) {
    /*#header {background-color: yellow;}*/
    h1.title-main { font-size: 21px; }
    .imagen-autor {width: 100%;}
    .button.tiny { width: 91px!important; }
   .pc{ display: none; }
    
}

@media (max-width: 468px) {
    /*#header {background-color: yellow;}*/
    h1.title-main { font-size: 20px; }
    img.logo { display: none;}
    
}

@media (max-width: 400px) {
    #contRef p{ font-size: 13px !important; }
    .cimg27 {height: 199px !important; width: 265px !important; }
    .cimg28 {height: 187px !important; width: 265px !important; }
    .columnamovil{width: 72%!important;}
    nav{ font-size: 11px !important; line-height: 26px; }
 }

@media (max-width: 368px) {
    /*#header {background-color: green;}*/
    h1.title-main { font-size: 16px; line-height: 20px; }
    #header { height: 72px; }
    .container { margin: 93px 5px 0; }
    #menuflotante { margin-top: -49px !important; }
    #header.topheader div#menuflotante { margin-top: -16px !important; }
    .columnamovil{width: 100%!important;}

}

@media (max-width: 350px) {
    .cimg51 { margin: 0 35px !important; }
    .cimg52{ margin: 0 35px !important; }