#logo{
width: 0%;
border-radius: 8px;
}

.margen1{
	padding: 20px 0 20px 30px;
    border-left: 2px solid #ed6d1d;
    font-weight: 600;
    color: #1e2933;
    font-size: 16px;
    line-height: 165%;	
}

.informa {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #394496;
    background: rgba(77, 160, 160, 0.82);
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
    text-align: justify;
    margin-top: 73px;
    padding: 16px;
    position: relative;
    border: 1px solid transparent;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: #fff;
    border-color: #deedf2;
}

.margen2{
	border: 1px solid #ed6d1d;
    margin-bottom: -4.45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0px 14px 3%;
}

.margen3{
	border: 1px solid #ed6d1d;
    margin-bottom: -4.45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0px 14px 3%;
}

.margen4{
	border: 1px solid #ed6d1d;
    margin-bottom: -4.45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0px 14px 3%;
}

.margen5{
	border: 1px solid #ed6d1d;
    margin-bottom: -4.45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0px 14px 3%;
}

.margen6{
	border: 1px solid #ed6d1d;
    margin-bottom: -4.45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0px 14px 3%;
}

.margen7{
	border: 1px solid #ed6d1d;
    margin-bottom: -4.45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0px 14px 3%;
}


.CategoricalButtons :not([ie8min]).table {
    width: 100%;
}

.tutorial-teacher.tutorial-teacher__background {
    width: 100%;
    padding: 20px;
    background-color: rgba(52,210,109,0.15);
	MARGIN-TOP: 17px
}

.navbar {
    margin-bottom: -30px;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
}
img {
    /*max-width: 100%;
    height: auto;
    margin-right: 90%;*/
	/*width: 100%;*/
}
.estilos13{
    font-size: 20px;
    margin-left: 14%;
    margin-top: 184px;
}

.color{
	color: #FF3C33;
	font-size: 20px
}
.color1{
	color: #FF6833;
	font-size: 20px
}
.color2{
	color: #FF7433;
	font-size: 20px
}
.color3{
	color: #FF8633;
	font-size: 20px
}
.color4{
	color: #FF7D33;
	font-size: 20px
}
.color5{
	color: #FF9033;
	font-size: 20px
}
.color6{
	color: #FFB833;
	font-size: 20px
}
.color7{
	color: #F9DB00;
	font-size: 20px
}
.color8{
	color: #F9E600;
	font-size: 20px
}
.color9{
	color: #C4FF33;
	font-size: 20px
}
.color10{
	color: #33FF39;
	font-size: 20px
}
.form-control,
.select2-search input[type="text"] {
	font-family: 'Jura', sans-serif;
}
.navbar-unread,
.navbar-new {
	font-family: 'Jura', sans-serif;
}
.video-js .vjs-time-control * {
	font-family: 'Jura', sans-serif;
}
code,
kbd,
pre,
samp {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

/* tamaños de fuente */
h1, .h1 { font-size: 61px; }
h2, .h2 { font-size: 53px; }
h3, .h3 { font-size: 15px; margin: -3px 0; }
h4, .h4 { 
    font-size: 20px;
    margin-left: -28px;
    margin-top: 0px;
}
h5, .h5 { font-size: 28px; }
h6, .h6 { font-size: 24px; }
p       { font-size: 16px; }

/* BOTONES DE AVANCE/RETROCESO : estilo normal; */
.mrPrev {
	/*background-color: #354ea2 ;  azul ipsos */
	/*color : #ffffff;  blanco */
	background-color:#354ea200;
	color:#6f6f6f;
	font-weight: 700
}
.mrStop {
	background-color: #dc3545; /* red */
	color : #ffffff; /* blanco */
}
.mrNext {
	/*background-color: #212529 ;  azul ipsos */
	/*color : #ffffff;  blanco */
	background-color:#354ea200;
	color:#6f6f6f !important;
	font-weight: 700
}
/* BOTONES : hover; */
.mrPrev:hover{
	background-color: #00aaa9; /* verde ipsos */
	color : #ffffff;
}
.mrStop:hover{
	background-color: #00a09b; /* verde ipsos */
	color : #ffffff;
}
.mrNext:hover{
	background-color: #00a09b; /* verde ipsos */
	color : #ffffff !important;
}

/* BARRA DE NAVEGACIÓN : COLOR DE FONDO */
.navbar {
	/*margin-bottom: 0px;
	margin-top: 5px;
	margin-left: -10px;
    margin-right: -15px;*/
}
.navbar-inverse {
	/*background-color: #37458c; /* azul ipsos */
	background-color:#354ea200;
}


/* BARRA DE NAVEGACIÓN : COLOR FUENTE */
.navbar-inverse .navbar-brand {
	color : #ffffff; /* blanco */
}

/* BARRA DE PROGRESO : % COMPLETADO */
.progress-bar {
	background:#0ea19d; /* azul ipsos */
}
/* BARRA DE PROGRESO : CUANTO FALTA */
.progress {
    margin-bottom: 0px;
    font-size: .60rem;
    height: 21px;
    background: #bdc0c352;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 86px;
	display: none
}
#mrProgreso {
	height: 0px;
}

/* PIE DE PÁGINA */
body {
    margin-bottom: 77px; /* alto del div FIXED-BOTTOM */
    margin-bottom: 87px; /* 10px adicionales para que quede un pequeño borde */
}
.fixed-bottom {
	background-color: #ffffff;
}
#flatNavButtons {
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	display:flex;
}
#flatIpsosBrand {
    /*font-size: 16px;
    color : #0ba7a5;*/
    background-color: #ffffff; /* blanco */
    text-align: center;
    margin-top: 8px;
    color : #DB665A;
}

b {
	color : ##fcffff; /* verde ipsos */
}

.mrMultipleText {
	font-size: 17px;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto; 
     margin-left: auto; 
}


.Slider .slider-orientation-horizontal .slider-container {
    margin: .3em 2.5em 1em;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
}

/*.btn-primary, .mrNext, .mrPreviousOld, .mrStop {
color: #f9f9f9;
background-color: #354ea2;
border-color: #39A29F00;
}*/

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .mrNext:active, .mrNext:focus, .mrNext:hover, .mrPreviousOld:active, .mrPreviousOld:focus, .mrPreviousOld:hover, .mrStop:active, .mrStop:focus, .mrStop:hover, .open .dropdown-toggle.btn-primary {
    background-color: #00aaa9;
    border: 1px solid #00a09b00;
    outline: 0;
}

.no-touch .CategoricalButtons .highlight-me.btn:hover {
    /*background-color: #333333a1;*/
	color: #fff;
    padding: 8px;
    border: 3px solid #42bcb9
}

.CategoricalButtons .btn-primary {

    background-color: #adabab00;
	color: #6f6f6f !important;
	font-weight: 700;
	padding: 10px;
    position: relative;
    min-height: 50px;
    cursor: pointer;
    border: 1px solid #00aaa9;
    border-radius: 3px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box

}
/*.the-controls{
	border: 1px solid #dfdfdf;
    display: inline-block;
    border-radius: 3px;
    padding: 10px;
    vertical-align: top;
    position: relative;
    margin-right: 5px
}*/

.no-touch .CategoricalButtons .highlight-me.btn:hover {
    background-color: #00ada8;
	padding: 8px;
    border: 3px solid #42bcb9;
	color: #ffffff !important
}

.estilos12{
	display: inline-block;
    padding: 5px 20px;
    font-size: 20px;
    color: #9bbccb;
    font-weight: 700;
    border: 3px solid #9bbccb;
    background-color: #FFF;
    border-radius: 5px
}

.estilos13{
    font-size: 20px;
    margin-left: 39%;
    margin-top: 0%;
    font-weight: 700;
}

.no-touch .CategoricalButtons .highlight-me.btn.btn-checked:hover {

    background-color: #00ada8;

}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {

    /*color: #fff;
    border-color: #005cbf00;*/
	padding: 8px;
    border: 3px solid #42bcb9;

}


.label {
    /* font-weight: normal; */
    /* font-size: 15px; */
    line-height: 1.0;
}

.p {
    line-height: 1.3;
}





@media screen and (max-width:400px) {
.container-fluid {

    width: 100%;
    padding-right: 12px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;

}

.estilos13{
font-size: 20px;
    margin-left: 14%;
    margin-top: 86px;
}

.progress {
    margin-bottom: 30px;
    font-size: .60rem;
    height: 15px;
    background: #bdc0c352;
    margin-left: 217px;
    margin-right: 0px;
    margin-top: 16px;
}

#logo {
height: 54px;
margin-top: -6px;
margin-bottom: -50px;
}
	
.navbar {
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: -10px;
    margin-right: -15px;
}

.Slider .slider-orientation-horizontal .slider-precontainer {
    min-width: 220px;
    margin-top: 1em;
}

.Slider .slider-top-container .postLabel, .Slider .slider-top-container .preLabel {
    border: 1px solid #ffff;
    border-radius: 4px!important;
    text-align: left;
    margin-bottom: .6em;
}
.numcolor{
    content: attr(data-step);
    border-radius: 50%;
    /* font-size: 1.2em; */
    height: 28px;
    width: 28px;
    line-height: 30px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0%;
    background-color: #4487a3;
    color: white;
}

}

@media screen and (max-width:700px) {
.progress {
    margin-bottom: 30px;
    font-size: .60rem;
    height: 15px;
    background: #bdc0c352;
    margin-left: 217px;
    margin-right: 0px;
    margin-top: 16px;
}
.estilos13{
font-size: 20px;
    margin-left: 14%;
    margin-top: 86px;
}

.container-fluid {

    width: 100%;
    padding-right: 12px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;

}

#logo {
height: 54px;
margin-top: -6px;
margin-bottom: -50px;
}
	
.navbar {
	margin-bottom: -64px;
	margin-top: 7px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px
}
.d-inline-block {
    width: 100%;
}


.Slider .slider-orientation-horizontal .slider-precontainer {
    min-width: 240px;
    margin-top: 1em;
}


.Slider .slider-top-container .postLabel, .Slider .slider-top-container .preLabel {
    border: 1px solid #ffff;
    border-radius: 4px!important;
    text-align: left;
    margin-bottom: .6em;
}

}