#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: #EBE1ED;
			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 #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;}

.plecatema{
			text-align: left;
			font-size: 19px;
			line-height: 4;
			background-color: #EBE1ED;
			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; cursor: default!important;}
.QuestionAuto label{cursor: default;}
.quetions{ width: 80%; margin: 0 auto; text-align: center; }
.fondo-answer{    margin: 0 12px 10px -26px;
    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{float: left;
    margin: 15px 1% 0;
    text-align: center;
    width: 30%;  }
.columder{
    border-left: 3px solid #A572AF;
    width: 68%;
    display: inline-block;
    padding: 15px;
    text-align: justify;
    }
.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*/
.framePrezi{ width: 100%; max-width: 1110; max-height: 600px;}
youtube iframe{ width: 100%; }
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: #A572AF;
   
     text-align: center;
transition: 0.5s;
}
i.iconbar:hover{color: #fff;}
.button-group>li{width: 50%; float: left; padding: 0; margin-left: 0; margin-right:0;height: 50px;}

/*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: #A572AF;
    width: 60px;
    height: 60px;
    padding: 10;
    z-index: 100;
}


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


/*MODAL RUBRICA*/

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:700px; width:750px; color:#000; background-color:#fff; border:5px solid #13a89e; 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;}

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

.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;}
.sup{margin-top: -41px;}

.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;
}
#evaluar {
    background: #006400;
}
.resultado {
    margin-top: 15px;
    text-align: center;
    width: 400px;
    margin: 15px auto;
}
#res{float: right;}
/*RESPONSIVE*/
@media (max-width: 1090px){
   
    .centerbtn{    margin-left: 38%;}
      div#contTitulo{ padding-left: 2%}
}

@media(max-width: 1024px){
        .contheader {
    margin: 0 0 0 89px;
}
.finale1{height: 230px;}
.finale2{height: 230px;}
.finale3{height: 230px;}
.finale4{height: 230px;}
.titleDesc2{width: 92%;}

.button-group>li:hover {
    background-color: #A572AF;
   
     text-align: center;
transition: 0.5s;
}
i.iconbar:hover{color: #fff;}
#menuflotante{display: inherit !important; margin-top: -50px!important}
    #video{margin: 0px auto;
text-align: center;}
#contSidebar{margin-top: 10px;}
.columnamovil{width: 50%!important; margin: 0 auto!important;}
.centerbtn{    margin-left: 33%;}

}


@media(max-width: 960px){
.centerbtn{    margin-left: 25%;}
.contpaginacion{ margin: 0 0 0 25%;}
}

@media (max-width: 900px){
    .finale1{width: 70%;}
.finale2{width: 30%;}
.finale3{width: 30%;}
.finale4{ width: 70%;}
.titleDesc { width: 92%; margin-right: 5%;}
.titleDesc2{ width: 92%; margin-right: 5%;}
       
.centerbtn{    margin-left: 22%;}
.contpaginacion{ margin: 0 0 0 23%;}
}

@media (max-width: 768px){
    .titleDesc, { width: 85%; margin-right: 0;}
	.titleDesc2{ width: 86%;margin-right: 34px;}
    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 #13a89e; padding:12px; font-size: 15px;}
       

    .centerbtn{    margin-left: 8%;}
.contpaginacion{ margin: 0 0 0 18%;}
.fondo-answer {
    margin: 0 0 10px -46px;
    width: 100%;
    display: inline-block;
}
}

@media (max-width: 700px){
    img.logo { margin-left: -30px}
        .centerbtn{    margin-left: 5%;}
.contpaginacion{ margin: 0 0 0 15%;}
table tr th, table tr td{padding: 5px!important;}
}

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

@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;
}
 youtube iframe{ height: 290px}
   .framePrezi{ max-height: 380px;}
   .imglink{ width: 98%; }
.resultado {width: 239px;}
}

@media (max-width: 505px){
table tr th, table tr td{padding: 0px!important;}

}

@media (max-width: 480px){
    img.logo { margin-left: -87px}
    .titleDesc, .titleDesc2{ width: 85%; margin-right: 5%;}
    .plecavideo{padding: 10px;margin-top: -65px;}
    .finale1{height: 230px; width: 100%}
    .finale2{height: 230px; width: 50%;}
    .finale3{height: 230px;width: 50%;}
    .finale4{height: 230px; width: 100%}
    img.logo{width: 65px; margin-top: 10px;}
      h1.title-main { font-size: 21px;margin-top: 35px; margin-left:-40px; }

      #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; }
   

    .columizq {
    width: 100%;
    /* float: left; */
    height: 370px;
    margin: -68px 0 0 0;
    text-align: center;
    /* padding: 15px; */
    border-right: none;
    
    }
    .columder{width: 100%;border-left: none;margin-top:27px}
    .datosmodal{margin: 10px 0 0 0; text-align: center;border-bottom: 3px solid #13a89e;}
    .modaltext{ margin: 0;}
    img.play-icon{top: 76px;}
}

@media (max-width: 426px){
    .centerbtn{    margin-left: -20px;}
    .btnreintentar{padding: 2px;}
	i.icon-name{top: -10px;}
}
@media (max-width: 420px){
     img.logo{width: 74px; margin-top: 15px;}
     h1.title-main { margin-left:-49px!important; }
     img.play-icon{top: 70px;}
 
    #siguiente{margin: 0 3px;}
    #anterior{margin: 0 3px;}
i.icon-name{top: -7px;}
#imgnCont{ min-height: 105px;}
}

@media(max-width: 320px){
    img.play-icon {
    top: 50px;
}
}