/*##############################*/
/* MSG BOX */
/*##############################*/


.Modal_MsgBoxRespoonsivo{
	width: 270px;
	float: left;
	padding: 10px 10px;
	background-color: #f1f1f1;
	border-radius: 0px 0px 4px 4px;
}

.Modal_MsgBoxRespoonsivo a.boton{
	margin-right: 12px;
}

@media screen and (min-width: 640px) {
	.Modal_MsgBoxRespoonsivo{
		width: 450px;
	}
}

.errMsgBox{
	width: 100%;
	float: left;
	display: none;
	padding: 1rem 0 1rem 0;
}


.MsgBoxCaja1, .MsgBoxCaja2, .MsgBoxCaja3, .MsgBoxCaja4, .MsgBoxCaja5{
	float:left;
	width: 100%;
	border: 2px solid #afafaf;
	background-color: white;
	padding: 10px 10px;
}

.MsgBoxTitulo1,.MsgBoxTitulo2, .MsgBoxTitulo3,.MsgBoxTitulo4, .MsgBoxTitulo5{
	float: left;
	width: 100%;	
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 10px;
	letter-spacing: -0.05em;
	font-weight: bold;
	color: #000;
	border-bottom: 2px solid #afafaf;
}

.MsgBoxTexto1, .MsgBoxTexto2, .MsgBoxTexto3, .MsgBoxTexto4, .MsgBoxTexto5 {
	font-size: 1em;
	float:left;
	white-space: normal;
	width: 100%;
}

.MsgBoxTexto1 li, .MsgBoxTexto2 li, .MsgBoxTexto3 li, .MsgBoxTexto4 li, .MsgBoxTexto5 li {
	padding-bottom:4px;
}

.MsgBoxCaja1 ol, .MsgBoxCaja2 ol, .MsgBoxCaja3 ol, .MsgBoxCaja4 ol, .MsgBoxCaja5 ol,
.MsgBoxCaja1 ul, .MsgBoxCaja2 ul, .MsgBoxCaja3 ul, .MsgBoxCaja4 ul, .MsgBoxCaja5 ul
{
	padding:10px 10px 10px 25px;
}



.MsgBoxIcoBox{
	float:left;
	width: 42px;
	text-align: left;
	height: 32px;
	display: block;
	background-position: left top;
}

.MsgBoxContenido{
	float: left;
	width: calc(100% - 42px);
}

.MsgBoxIco-1{
	background-image: url(warning_1.png);
}
.MsgBoxIco-2{
	background-image: url(warning_2.png);
}

.MsgBoxIco-3{
	background-image: url(warning_3.png);
}

.MsgBoxIco-4{
	background-image: url(warning_4.png);
}

.MsgBoxIco-5{
	background-image: url(warning_5.png);
}