@charset "utf-8";
/*************************Implementaciones************/
.FondoBarra
    {
        background-color: #d9d9d9;
        border-radius: 8px;
        padding: 3px 1%;
        width: 100%;
        float:left;
        box-sizing:border-box;
            -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                    -ms-box-sizing:border-box;
                        -o-box-sizing:border-box;
    }


.TimeProgress
    {
        float: left;
    }


.boxUser a.disconnect {
    width: 40px;
    height: 40px;
    float: right;
    margin: -9px 0 0px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('/Assets/images/ico/ico-close.png') no-repeat center center;
    font-size: 0;
}

.Progreso {
    background-color: #649ef8;
    border-radius: 5px;
    height: 6px;
    /*position: absolute;*/
    top: 3px;
    width: 10%;
}

.progressCourse 
    {
        text-align:right;
        padding: 6px 0 0;
        text-align: right;
    }

.contenido
    {
        height:470px;
        position:relative;      
    }
.total  
    {
        height:100%;    
    }
.contentIframe  
    {
        width:100%;
        height:490px;
    }
.contentIframe iframe 
    {
    width:100%;
    }
.Sincornize img 
    {
        width:auto;   
    }
.ContentBtnNext     
    {
       width:10%; 
       float:left; 
    }
.ContentBtnReturn
 {
       width:9%;  
       float:left;
    margin-left: 1%;
    }
.MiddleBar 
    {
    width:80%;
    float:left;
    }

.BarraProgreso 
    {
    width:60%;
    float:left;    
    }
/*******************ojo estos estilos estan en la general y se van pisando*************************/

.MenuBtn 
    {
        position: relative;
        max-width: 1024px;
        width: 100%;
        margin:0 auto;
        top:0px;
    }
.boxUser {
    max-width: 1000px;
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    padding: 15px 0 0 0;
    display: block;
    text-align: right;
    clear: both;
}


/*******************ojo estos estilos estan en la general y se van pisando*************************/
.TwoColum   
    {
    width:100%;
    }
.LeftColum 
    {
    width:48%;
    float:left;
    margin-right:2%;
    }
.RightColum     
    {
        width:50%;
        float:right;
    }


/*****************DIapo 003************************/
.Diapo003 .BtnCorregir 
    {
    display:none;
    }

.Diapo003 
{
    margin-left:150px;

}
.Diapo003 div 
    {
        float:left;
    }

.Diapo003 .animate02 
    {
        width:270px;
    }

.Diapo003 #target1, .Diapo003 #target2, .Diapo003 #target3 
    {
        background:url(/private/module-1/assets/images/slide-3/fon-respuesta.png) no-repeat;
        height: 118px;
        width: 265px;
    }

.Diapo003 .PositionDrag 
    {
        position: absolute;
        top: 460px;

    }
.Diapo003 .animate04 
    {
        left: -110px;
        position: absolute;
        width: 560px;

    }
.Diapo003 .animate04 div 
    {
        background-color: #ededed;
        border: 1px solid #aeaeb3;
        border-radius: 8px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        -o-border-radius:8px;
        color: #64a2f6;
        float: left;
        margin: 5px;
        padding: 10px 4px;
        text-align: center;
        width: 150px;
    }
/*****************Fin DIapo 003************************/

/*****************DIapo 007************************/
.Diapo007 {
    width:100%;
    float:left;
    position:relative;
}
.Diapo007 div 
    {
    float:left;
    }
.Diapo007 .animate01 {
    position:absolute;
    left:410px;
    top:50px;
    }
.Diapo007 .animate03 
    {
        position: absolute;
        left: 120px;
        top: 220px;

    }
.Diapo007 .animate02 
    {
         position: absolute;
  left: 110px;
  top: 60px;
    }

.Diapo007 .animate04 
    {
        position:absolute;
        left: 480px;
    }
.Diapo007 .animate05 
    {
        position: absolute;
        top: 210px;
           left: 490px;

    }

    .Diapo007 .modalDialog h2 {
          width: 90%;
        font-size: 1.8em;
        line-height: 30px;
        float:left;
    }
#gasescomprimidos .animate01 {
    width:70%;
    float:left;
}
#gasescomprimidos .animate02 {
    width:30%;
    float:left;
}
    #gasescomprimidos .animate02 img {
        width:100%;
    }

/*****************Fin DIapo 007************************/
/****************** DIapo 008************************/

.Diapo008 
{
    width: 99%;
}
.Diapo008 div
{
    float:left;
}

.Diapo008 .animate01 
{
    position: absolute;
    left:312px;
    top: 83px;
}
.Diapo008 .animate02 
{
    width: 572px;
}
.Diapo008 .animate03 
{
    width:381px;
    float:right;
}
.Diapo008 .animate04 
{
    clear: both;
}
.Diapo008 .animate05
{
    width: 450px;
    margin-left: 192px;
    margin-top:130px;
    
}

/******************FIN DIapo 008************************/

/****************** DIapo 012************************/

.Diapo012 td
{
    background:#ffffff;
    border-bottom:2px dashed #65a2f9;
    border-right:2px solid #65a2f9;
    padding: 10px;
}
.Diapo012 .borderRnone
{
    border-right:none;
}
/*****************Fin DIapo 012************************/


/****************** DIapo 009************************/
.Diapo009
{
    width:100%;
    float: left;
    position: relative;
}
.Diapo009 div
{
    float: left;
}
.Diapo009 .animate01 
{
    position: absolute;
    right:110px;
}
.Diapo009 .animate02 
{
    position: absolute;
    left: 235px;
    top: 35px;
}
.Diapo009 .animate03 
{
    position: absolute;
    left: 235px;
    top:90px;
}
.Diapo009 .animate04 
{
    position: absolute;
    left: 235px;
    top:145px;
}
    .Diapo009 .animate09 
        {
        width:100%;
    }

    .Diapo009 .imageCenterFuego, .Diapo009 .PositionDrag, .Diapo009 .RespuestaGame5, .Diapo009 .BtnCorregir {
        display:none;
    }


/******************FIN DIapo 009************************/
.fullContenido.module .moduleBox
    {
        padding-top:0px;
    }

.fullContenido.module .moduleBox .time span
    {
        font-size:1em;
    }

.fullContenido.module .moduleBox .time 
    {
        font-size: 1.3em;
        margin-bottom: 5px;
    }

.fullContenido.module .moduleBox .rightCnt h1 span
    {
        font-size: 3.2em;
        line-height: 0.85em;
    }


.fullContenido.module .moduleBox .rightCnt h1 span
    {
        font-size: 0.75em;
    }


.fullContenido.module .moduleBox .rightCnt.bottom p
    {
    margin:5px 0px 6px 0px;
    }

.fullContenido.module .moduleBox .moduleBox
    {
        padding-top: 0;
    }


.fullContenido.module .moduleBox .modulesList
    {
        padding: 5px 0 20px;
    }

.fullContenido.module .moduleBox .modulesList .current
    {
        margin-top: 0px;
        width: 7.5%;
    }


.fullContenido.module .moduleBox .modulesList ul
    {
        float: left;
        margin: 0;
    }

.fullContenido.module .moduleBox .modulesList h2
    {
        font-family: "robotobold";
        font-size: 1.5em;
        margin: 10px 0;
    }

.fullContenido.module .moduleBox .modulesList .contentText
    {
        display: block;
        font-size: 0.85em;
        text-align: center;
        width: 100%;
    }

.fullContenido.module .moduleBox .modulesList .contentText
    {
        display: block;
        font-size: 0.85em;
        text-align: center;
        width: 100%;
        color:#c7c6cc;
          font-family: "chaletmedium";
    }
.fullContenido.module .moduleBox .modulesList a
    {
        text-decoration:none;

    }
.fullContenido.module .moduleBox .modulesList .current .contentText
    {
        color:#65a2f9
    }