@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
body{font-family:'Roboto',Arial, Helvetica, sans-serif; font-size:16px; color:#3e3d3d; padding:0; margin:0}
.MainForm{width:99%; max-width:420px; margin:auto; padding:1px 7px 0 7px}
h4.form2{padding:0; margin:0; font-size:18px; line-height:1.2; font-weight:normal; text-align:center}
h4.form2 span{font-weight:bold; font-size:21px; line-height:1.2}
.contForm{margin:15px 0}
.MltInput{width:42%; margin:2%; float:left; padding:1%; font-size:16px; line-height:30px; border:1px solid #B4B0B0;}
.MltInput:focus{box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 ); outline: none;}
.clausula{font-size:12px; text-align:center}
.vacio{clear:both}
.BtnForm{width:50%; margin:25px auto 0 auto; background:#ac1414; border:0px solid #77bb5d; padding:5px 10px; font-size:19px; line-height:1.5em; text-align:center; color:#ffffff; font-weight:600;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; max-width:400px}
.BtnForm:hover{background:#C50E0E}
p.modaltxt{font-size:12px}
.textarea{margin:2%;padding:1%; font-size:16px; line-height:30px; border:1px solid #B4B0B0;font-family:'Roboto',Arial,sans-serif; width: 90%}
.textarea,input.text,input[type="text"],input[type="button"],input[type="submit"],.input-checkbox,input[type="select"]{-webkit-appearance:none!important;border-radius:0!important;}
.loading{text-align:center; font-size:16px; padding:50px 0}

.Alertas{background:url(closeAlert.png) left center no-repeat #D80A0E; padding:7px 5px 7px 40px; color:#ffffff; font-size:14px; position:absolute; margin:-40px 0 0 0;width:80%; max-width:240px}
.Alertas:hover{cursor:pointer;background:url(closeAlert.png) left center no-repeat #B70E11;}
#ErrorNombre, #ErrorTel, #ErrorTel1, #ErrorClau{display:none}
.FRecurridor{width:99%; max-width:900px;margin:auto}

.AltaForm, .AltaForm2, .DetalleForm {
    width: 44%;
    Margin: 0 3%;
    float: left;
	text-align: left
}
.RecSelect {
    padding: 7px 10px;
    background: #fff;
    font-size: 16px;
    color: #3e3d3d;
    line-height: 1;
    border: 1px solid #ddd;
    margin: 5px 0;
    width: 102%;
	outline:none
}
.aclaracion {
    font-size: 12px;
}

#DentroPlazo,
#FueraPlazo,
#Notificacion,
#TipoMulta {
	margin: 15px 0
}

#DentroPlazo,
#FueraPlazo {
	text-align: center
}

#DentroPlazo p,
#FueraPlazo p {
	/*font-size: .8em*/
}

#DentroPlazo p span
{
	font-size: 24px;
	line-height: 1;
	color: #3aa935
}
#FueraPlazo p span {
	font-size: 2em;
	line-height: 1;
	color: #e2574c
}

#DentroPlazo img,
#FueraPlazo img {
	width: 60px;
	height: 60px;
	margin: 0 auto
}


input[type=date i] {
	font-family: 'Roboto', Arial, Sans-serif!important;
	color: #3e3d3d
}

#Comprobacion {
	text-align: center;
	margin: 20px 0
}

.btnAlta,
.btnRegistro {
	color: #fff;
	padding: 8px;
	font-size: 18px
}

.btnAlta a,
.btnRegistro a,
.btnazul a,
.btnverde a {
	color: #fff!important;
	text-decoration: none
}


.BtnForm a{color:#fff; text-decoration:none}
@media only screen and (max-width: 390px) {
.MainForm{width:90%; padding:0; margin:0 5%}	
h4.form2{line-height:1.3em;}
h4.form2 span{font-weight:bold; font-size:1.2em}
.MltInput{width:90%; margin:2% auto; float:none; line-height:28px }
.BtnForm{margin:0 25%}
	.AltaForm, .AltaForm2, .DetalleForm {
    width: 94%;
    Margin: 0 3%;
    float: none;
}
}