@charset utf-8;

p {
	line-height:22px;
}

.accesos:hover {
	color: #469C00;
	
}
/*estilos viejos*/
/*.accesos{
display: table;
font-weight: normal;
margin-top: 15px;
}
*/

.accesos{display: table;
font-weight: normal;
margin-top: 15px;
width: 100%;
padding-top: 15px;
text-align: center;}

.titulo1 {
	color: #01A6BD;
	text-align: center;
	font-size: 23px;
	margin-top: 53px;
}

.titulo1left {
	color: #01A6BD;
	text-align: left;
	font-size: 23px;
	margin-top: 53px;
}

.alerta-ico {
	color: #fff;
	background-color: #FFC200;
	width: 35px;
	float: left;
	margin-right: 20px;
	text-align: center;
	display: inline-block;
	height: 40px;
	border-radius: 2px 0 0 2px;
}

.infop {
	position: relative;
	margin-top: 0px;
	padding-bottom: 13px;
	width: 90%;
	top: 6px;
	font-size: 15px;
	border-radius: 4px;
}

.imagen {
float: left;
text-align: center;
line-height: none;
margin-left: 33%;
margin-right: 13px;
margin-top: 0px;
}

.titulostipo {
	float: left;
	line-height: none
}

.busqueda {
	background-color: #707070;
	border: #E0DEDE solid 1px;
	padding: 4px 15px 4px 15px;
	border-radius: 4px;
	margin-bottom: 30px;
}

.formulario {
	margin-top: 50px;
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	padding: 20px 15px 30px 15px;
	border-radius: 4px;
	margin-bottom: 30px;
	min-height: 330px;
	text-align: center;
}

.contenedorimagen {
	height: 55px;
	display: table;
	margin-bottom: 14px;
}

.formtitle {
	color: #fff;
	font-size: 14px
}

.formtitle2 {
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
	line-height: 20px
}

#form1 {
	font-size: 12px
}

.ingreso {
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	border-radius: 4px 4px 0 0;
	margin-top: 79px;
}

.registro {
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	border-radius: 4px 4px 0 0;
	margin-top: 1px;
}

.busquedafacil {
	background-color: #01A6BD;
	border: none;
	height: 36px;
	color: #fff;
	width: 90%;
	float: left;
	text-align: center;
	font-size: 1.2em;
	line-height: 35px;
	margin-bottom: 20px;
	border-radius: 4px 0 0 4px;
	margin-bottom: 30px;
	cursor: pointer;
}

.busquedafacil2 {
	border: none;
	background-color: #0090A5;
	height: 36px;
	color: #fff;
	width: 10%;
	float: right;
	line-height: 30px;
	background-image: url(../images/go.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 20px;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
}

.contrasena {
	border: none;
	background-color: #01A6BD;
	height: 36px;
	color: #fff;
	width: 80%;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	border-radius: 4px 0 0 4px;
	margin-bottom: 30px;
	cursor: pointer;
}

.contrasena2 {
	border: none;
	background-color: #0090A5;
	height: 36px;
	color: #fff;
	width: 20%;
	float: right;
	line-height: 30px;
	background-image: url(../images/go.png);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
}

.registrotexto,.ingresotexto {
	text-align: left;
	font-size: 1.1em;
	margin: 18px 15px 19px 74px;
	width: 68%;
}

.registrobutton,.ingresobutton {
	border: none;
	background-color: #5eb319;
	height: 36px;
	color: #fff;
	width: 80%;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	border-radius: 0 0 0 4px
}

.ingresobutton {
	margin-bottom: 30px;
}

.registrobutton:hover,.ingresobutton:hover {
	background-color: #469C00;
	border: none;
}

.registrobutton2,.ingresobutton2 {
	border: none;
	background-color: #469C00;
	height: 36px;
	color: #fff;
	width: 20%;
	float: right;
	line-height: 30px;
	background-image: url(../images/go.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 0 4px 0
}

.registrobutton2:hover,.ingresobutton2:hover {
	background-color: #5eb319;
	border: none
}

.busquedafacil:hover,.contrasena:hover {
	background-color: #0090A5;
	border: none
}

.busquedafacil2:hover,.contrasena2:hover,.rightbutton2:hover {
	background-color: #01A6BD;
	border: none;
}

.btn-buscar {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: none;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 1.2em;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #ffffff;
	background-color: #5eb319;
	float: right;
	width: 20%;;
	margin-top: 16px;
	cursor: pointer;
	margin-left: 20px;
	margin-bottom: 20px;
}

.btn-buscar:hover {
	background-color: #469C00;
}

.noticias {
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	border-radius: 4px 4px 0 0;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 254px;
	overflow: hidden;
	padding-top: 10px;
	line-height: 36px;
}

.titulo-noticia {
	text-align: center;
	margin-left: 6%;
	margin-right: 6%;
	font-weight: bold;
	font-size: 16px;
	line-height: 25px;
	padding-top: 10px;
}

.noticiabutton {
	border: none;
	background-color: #FFC200;
	height: 36px;
	color: #fff;
	width: 80%;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	border-radius: 0 0 0 4px;
	margin-bottom: 20px;
	cursor: pointer;
}

.noticiabutton2 {
	border: none;
	background-color: #FFB800;
	height: 36px;
	color: #fff;
	width: 20%;
	float: right;
	line-height: 30px;
	background-image: url(../images/go.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 0 4px 0;
	margin-bottom: 20px;
	cursor: pointer;
}

.noticiabutton2:hover {
	background-color: #FFC200;
	border: none;
}

.noticiabutton:hover {
	background-color: #FFB800;
	border: none;
}

.noticias-texto {
	line-height: 28px;
}

#busquedafacil {
	margin-top: 20px;
}

/* Landscape phones and down */
@media ( max-width : 480px) {
	.btn-buscar {
		background-image: url(../images/search.png);
		background-repeat: no-repeat;
		height: 50px;
		width: 75px;
		text-align: center;
		background-position: center;
		margin-top: 0;
	}
	.buscar {
		/*display: none;*/
	}
	.busquedafacil {
		font-size: 0.8em;
	}
	.botonesright1 {
		font-size: 0.9em !important
	}
	.botonesright {
		padding-top: 10px !important
	}
}

/* Landscape phones and down */
@media ( min-width : 0px) and (max-width:991px) {
	.contenedorimagen {
		border-radius: 4px;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.alerta-ico {
		display: none;
	}
	.infop {
		padding-left: 15px;
	}
	.btn-preguntas {
		margin-top: 15px;
	}
	.registro,.ingreso {
		min-height: 77px
	}
	
	.tooltip{display:none}
}

.fi375{display:block !important}

.botonesright {
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	border-radius: 4px 0 0 4px;
	margin-bottom: 13px;
	font-size: 1.1em;
	height: 63px;
	width: 80%;
	cursor: pointer;
	padding: 20px;
}

.botonesright1 {
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	border-radius: 4px 0 0 4px;
	margin-bottom: 12px;
	font-size: 1.1em;
	height: 63px;
	width: 80%;
	cursor: pointer;
	padding: 9px 20px;
}

.rightbutton2 {
	background-color: #0090A5;
	height: 63px;
	color: #fff;
	width: 20%;
	float: right;
	line-height: 63px;
	background-image: url(../images/go.png);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	border: none;
}

.botonesright:hover,.botonesright1:hover {
	background-color: #E6E6E6;
}

.botonestext {
	padding: 20px;
}

.preguntas {
	background-color: #707070;
	border: #E0DEDE solid 1px;
	border-radius: 4px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 1.2em;
	min-height: 60px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center
}

.btn-preguntas {
	text-align: center;
	border: 1px solid transparent;
	font-size: 1em;
	border-radius: 4px;
	color: #ffffff;
	background-color: #5eb319;
	cursor: pointer;
	width: 96%;
}

.btn-preguntas:hover {
	background-color: #469C00;
}

.twitter {
	margin-bottom: 20px;
	width: 100%
}

.twitter-timeline {
	width: 100%
}

.registroico {
	background-image: url(../images/register.png);
	width: 64px;
	height: 64px;
	float: left;
	position: absolute;
	margin: 7px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}

.registroico:hover {
	background-image: url(../images/register2.png)
}

.ingresoico {
	background-image: url(../images/ingresoico.png);
	width: 64px;
	height: 64px;
	float: left;
	position: absolute;
	margin: 7px;
	cursor: pointer;
}

.ingresoico:hover {
	background-image: url(../images/ingresoico2.png)
}

.imagesico1 {
	background-image: url(../images/tecnicas.png);
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #5eb319;
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: center;
}

.imagesico1:hover {
	background-color: #469C00;
}

.imagesico5 {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #5eb319;
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: center;
	padding-top:7px
}

.imagesico5:hover {
	background-color: #469C00;
}

.imagesico4 {
	background-image: url(../images/tecnicavirtual.png);
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #5eb319;
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -8px;
}

.imagesico4:hover {
	background-color: #469C00;
}

.imagesico2 {
	background-image: url(../images/cursoscortos.png);
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #5eb319;
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: center;
}

.imagesico2:hover {
	background-color: #469C00;
}

.imagesico3 {
	background-image: url(../images/virtual.png);
	width: 50px;
	height: 50px;;
	cursor: pointer;
	background-color: #5eb319;
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: center;
}

.imagesico3:hover {
	background-color: #469C00;
}

.imagesico4 {
	background-image: url(../images/ingles.png);
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #5eb319;
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: center;
}

.imagesico4:hover {
	background-color: #469C00;
}

.header {
	
}

.logo {
	background-image: url(../images/logo.png);
	width: 330px;
	height: 73px;
	margin-top: 26px;
	margin-bottom: 23px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 30px;
}

.mastrabajo {
	background-image: url(http://oferta.senasofiaplus.edu.co/sofia-oferta/images/mastrabajo.png);
	width: 223px;
	height: 50px;
	background-repeat: no-repeat;
	float: right;
	margin-left: 20px;
}

.NewLogoEncabezado {
       background-image: url(../images/Boton-Ingles.png);
       width: 290px;
       height: 136px;
       background-repeat: no-repeat;
       float: right;
       margin-left: 20px;
       margin-bottom:-14px
}

.NewLogoEncabezado2 {
       background-image: url(../images/Boton-Ingles-Virtual-2.png);
       width: 145px;
       height: 136px;
       background-repeat: no-repeat;
       float: right;
       margin-left: 20px;
       margin-bottom:-14px
}

@media ( min-width : 0px) and (max-width:860px) {
	#social {
		display: none
	}
}

@media ( min-width : 0px) and (max-width:993px) {
	.mintrabajo {
		display: none
	}
}

@media ( min-width : 0px) and (max-width:685px) {
	.mastrabajo {
		margin: 0;
	}
}

@media ( min-width : 0px) and (max-width:580px) {
	.mastrabajo {
		display: none
	}
}

@media ( min-width : 0px) and (max-width:355px) {
	.logo {
		margin-right: 0
	}
	.logosena {
		margin-left: 0
	}
}

@media ( min-width : 0px) and (max-width:325px) {
	.logosena {
		display: none
	}
}

.logos {
    width:1140px;
}

.mintrabajo {
	background-image: url(../images/mintrabajo.jpg);
	width: 420px;
	height: 79px;
	background-repeat: no-repeat;
	margin-left: 15px;
	float: right;
	margin-top:26px
}

.logosena {
	background-image: url(../images/sena.png);
	width: 60px;
	height: 54px;
	margin-top: 31px;
	margin-bottom: 23px;
	background-repeat: no-repeat;
	float: left;
}

.calendar {
	width: 36%;
	height: 70px;
	background-color: #5eb319;
	border: #E6E6E6 5px solid;
	border-radius: 4px 0 0 4px;
	text-align: center;
	color: #fff;
	line-height: 17px;
	padding-top: 6px;
	float: left;
	margin-top: 30px;
	cursor: pointer;
	font-size: 0.9em;
	padding-left: 4px;
	padding-right: 4px;
}

.calendar:hover {
	background-color: #469C00
}

.numeroS {
	font-size: 15px;
}

.numero {
	font-size: 32px;
}

.calendar-text {
	background-color: #F5F5F5;
border: #E0DEDE solid 1px;
border-radius: 0 4px 4px 0;
float: right;
margin-top: 30px;
width: 64%;
height: 70px;
padding-left: 3%;
padding-top: 2.5%;
padding-right: 3%;
text-align: center;
cursor: pointer;
font-size: 0.9em;
}

.calendar-text:hover {
	color: #469C00;
}

.footer {
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	font-size: 11px;
	line-height: 19px;
	padding: 10px;
}

.footer1 {
	text-align: left;
	text-align: left;
	float: left;
	margin-right: 100px;
	width:250px
}

.footer2 {
	text-align: right;
	float: right;
	padding-top:18px;
}

@media ( min-width : 0px) and (max-width:995px) {
	.footer {
		display: none;
	}
}

@media ( min-width : 0px) and (max-width:672px) {
	.footer2 {
		text-align: left;
		float: left;
		margin-left: 0
	}
	.hrfooter {
		display: block !important
	}
}

.hr2 {
	margin-top: 0;
	margin-bottom: 20px
}

.phone {
	background-image: url(../images/call.png);
	float: left;
	width: 38px;
	height: 38px;
	margin-top: 8px;
}

.contact {
	margin-top: 8px;
	min-width: 200px;
	font-size:13px;
}

.hrfooter {
	border-bottom: 1px #D6D6D6 solid;
	margin-top: 26px;
	margin-bottom: 15px;
	clear: both;
	padding-top: 20px;
	margin-right: 2%;
	margin-left: 2%;
	display: none;
	border-top: none;
}

<!--
menu-->#cssmenu {
	position: relative;
}

#cssmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	background: #5eb319;
}

#cssmenu>ul {
	position: relative;
	background: #5eb319;;
	height: 47px;
	display: block;
	width: 100%;
	z-index: 500;
}

#cssmenu>ul>li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#cssmenu>ul>#menu-button {
	display: none;
}

#cssmenu ul li a {
	display: block;
	text-decoration: none;
}

#cssmenu>ul>li>a {
	font-size: 16px;
	padding: 15px 20px;
	color: #fff;
}

#cssmenu>ul>li:hover>a {
	background-color: #469C00
}

#cssmenu>ul>li:hover>ul {
	left: auto;
	top: 44px;
	opacity: 1;
}

@media all and (max-width: 800px) , only screen and
		(-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px) , only
		screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px) ,
		only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width:
		1024px) , only screen and (min-device-pixel-ratio: 2) and (max-width:
		1024px) , only screen and (min-resolution: 192dpi) and (max-width:
		1024px) , only screen and (min-resolution: 2dppx) and (max-width:
	1024px) {
	#cssmenu {
		width: auto;
	}
	#cssmenu ul {
		width: auto;
	}
	#cssmenu>ul {
		height: auto;
		display: block;
	}
	#cssmenu>ul>li {
		float: none;
	}
	#cssmenu li,#cssmenu>ul>li {
		display: none;
	}
	#cssmenu ul li a {
		padding: 12px 20px;
	}
	#cssmenu>ul>#menu-button {
		display: block;
		cursor: pointer;
	}
	#cssmenu #menu-button>a {
		padding: 14px 20px;
	}
	#cssmenu ul.open li,#cssmenu>ul.open>li {
		display: block;
	}
	#cssmenu>ul.open>li#menu-button>a {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	#cssmenu #menu-button::after {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		right: 20px;
		top: 15px;
	}
	#cssmenu #menu-button::before {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #fff;
		right: 20px;
		top: 25px;
	}
	#cssmenu ul.open #menu-button::after,#cssmenu ul.open #menu-button::before
		{
		border-color: #fff;
	}
}

.navcont {
	position: relative;
	background: #5eb319;
	height: 47px;
	display: block;
	width: 100%;
	z-index: 500;
	text-align: center
}

<!--
progress-->.clear {
	clear: both;
}

.progress_bar {
	max-width: 160%;
	width: 160%;
	margin: 43px 43px 0;
	position: relative;
	height: 86px;
	z-index: 10;
}

.progress_bar hr.all_steps {
	width: 20%;
	height: 14px;
	border: none;
	background: #ECECEC;
	position: absolute;
	bottom: 9px;
	left: 10%;
	z-index: 1;
	border-radius: 34px;
}

.progress_bar hr.all_steps_2 {
	width: 41%;
	height: 14px;
	border: none;
	background: #ECECEC;
	position: absolute;
	bottom: 9px;
	left: 10%;
	z-index: 1;
	border-radius: 34px;
}

.progress_bar hr.current_steps {
	width: 0%;
	border: 0;
	height: 6px;
	background: #5eb319;
	position: absolute;
	bottom: 14px;
	left: 10%;
	z-index: 3;
}

.progress_bar div.step {
	float: left;
	width: 20%;
	height: 72px;
	text-align: center;
	font-size: 12px;
	color: #cccccc;
	position: relative;
}

.progress_bar div.step:before {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	border: 2px solid transparent;
	background: #5eb319;
	bottom: 10px;
	left: 50%;
	margin-left: -4px;
	content: '';
	z-index: 4;
	display: none;
}

.progress_bar div.step:after {
	position: absolute;
	width: 35px;
	height: 35px;
	border-radius: 20px;
	background: #ECECEC;
	bottom: 5px;
	left: 50%;
	margin-left: -9px;
	content: '';
	z-index: 2;
}

.progress_bar div.step.current {
	color: #5eb319;
}

.progress_bar div.step.current:before {
	display: block;
}

.progress_bar div.step.complete {
	color: #5eb319;
	cursor: pointer;
}

.progress_bar div.step.complete:before {
	display: block;
}

.progress_bar div.step.complete:hover {
	color: #5eb319;
}

#blocks {
	height: 404px;
}

#blocks .block {
	position: absolute;
	width: 100%;
	left: 100%;
	height: 200px;
}

#blocks .block .wrap {
	width: 80%;
	margin: 0 auto;
}

/* CSS BUTTON By http://codepen.io/daneden/pen/rcFJE*/
.butt,.butt2 {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: none;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 1.2em;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #ffffff;
	float: right;
	width: 100%;
	margin-top: 2%;
	cursor: pointer;
	margin-left: 20px;
	margin-bottom: 18px;
}

.butt {
	background-color: #5eb319;
}

.butt2 {
	background-color: #01A6BD
}

.butt2:hover {
	background-color: #0090A5
}

.butt:hover,.butt.hover {
	background-color: #469C00;
	text-decoration: none;
	color: #fff;
}

.pasos {
	padding-left: 14px;
}

.pasostit {
	color: #fff;
	font-size: 22px;
	
padding-top: 8px;
}

.pasostit4{color: #fff;
font-size: 22px;
padding-top: 0px;
padding-bottom: 16px;}

.tituloprograma{font-size:14px}

.pasostit2 {
	color: #FF0033;
	font-size: 18px;
}

.pasostit3 {
	color: #fff;
font-size: 0.9em;
margin-top: 18px;
font-weight: normal;
}
.ayudatit {
	color: #01A6BD;
	font-size: 18px;
}

.ayudalink,.ayudalink a {
	color: #01A6BD;
	font-size: 15px;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}

.pasosdesc {
	font-size: 14px;
	line-height: 31px;
}

.colaux {
	margin-top: 50px;
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	padding: 15px 20px 70px 20px;
	border-radius: 4px;
	line-height: 31px;
	margin-bottom: 30px;
}

.colaux2 {
	margin-top: 50px;
	background-color: #F5F5F5;
	border: #E0DEDE solid 1px;
	padding: 15px 20px 69px 20px;
	border-radius: 4px;
	line-height: 31px;
	margin-bottom: 30px;
}

.correoico {
	background-image: url(../images/mailico.png);
	float: left;
	margin-right: 10px;
	margin-left: 20px;
	width: 48px;
	height: 48px;
	margin-top: 7px;
	cursor: pointer;
}

.correoico:hover {
	background-image: url(../images/mailico2.png);
	cursor: pointer;
}



.listadesp{height: 37px;

border: 1px solid rgb(204, 204, 204);

padding-left: 8px;

padding-top: 5px;

padding-bottom: 5px;

background-color: rgb(231, 231, 231);
border-radius: 8px 0 0 8px;
}

.centrarcont{width: 100%;
margin-left: 30%;
margin-top: 47px;
margin-bottom: 156px;}

.tituloswizard{background-color: #5eb319;
border-bottom: dotted #fff 1px;
padding-top: 4px;
font-size: 1.4em;
padding-bottom: 4px;
padding-left: 3%;
width:100%;position: relative;color: #fff;border-radius: 8px 8px 0px 0px;
margin-bottom: 30px;}

.tituloswizard1{margin-top: 30px;
background-color: #5eb319;
padding-top: 6px;
padding-top: 26px;
font-size: 1.4em;
padding-bottom: 29px;
padding-left: 3%;
width: 100%;
position: relative;
color: #fff;

margin-bottom: 30px;
margin-top: 0px;}

.pasosestilos{float: right;
color: #fff;

margin-top: 18px;}

.backdisc2 {
background-color: #F5F5F5;
border: #E0DEDE solid 1px;
border-radius: 0px 0px 8px 8px;
height: auto;
margin-top: 0px;
padding: 35px;}

.mesyanho{font-weight: normal;
margin-right: 20px;}

#respuesta_1 {margin-right: 20px;float:left}
#respuesta_2 {margin-right: 20px;float:left}
#respuesta_3 {margin-right: 20px;float:left}
#respuesta_4 {margin-right: 20px;float:left}
#respuesta_5 {margin-right: 20px;float:left}
#respuesta_6 {margin-right: 20px;float:left}
#respuesta_7 {margin-right: 20px;float:left}
#respuesta_8 {margin-right: 20px;float:left}
#respuesta_9 {margin-right: 20px;float:left}
#respuesta_10 {margin-right: 20px;float:left}
#respuesta_11 {margin-right: 20px;float:left}
#respuesta_12 {margin-right: 20px;float:left}
#respuesta_13 {margin-right: 20px;float:left}
#respuesta_14 {margin-right: 20px;float:left}
#respuesta_15 {margin-right: 20px;float:left}
#respuesta_16 {margin-right: 20px;float:left}
#respuesta_17 {margin-right: 20px;float:left}
#respuesta_18 {margin-right: 20px;float:left}
#respuesta_19 {margin-right: 20px;float:left}
#respuesta_20 {margin-right: 20px;float:left}
.enlacesinicio{margin-right: 1%;
margin-left: 2%;}
.accesosd{padding-left: 8%;}