@charset "UTF-8";

/*
Azul Claro: #3B8ECC;
Azul fuerte: #004e99
*/
.x { height:5px}
.pre_registro input  {margin:5px 0 10px; border:none; padding:8px 7px;}
.pre_registro select {margin:5px 0; color:#333; font-size:15px}
.pre_registro input[type=text],
.pre_registro input[type=email],
.pre_registro input[type=tel] {width: 100%; background:#f5f5f5}
.pre_registro .boton input { color:#FFF; background:#408FCA; border-radius:4px; margin-right:15px}
    
.ancho_cien {width:100%;}
.separacion {display:block; height:7px;}
.pre_registro .row { margin:2px 0}
.pre_registro .row div { padding-left:0}
    
.pre_registro input.requerido, 
b.pre-obligatorio { background-color:#f4eed4; /*#f2edd5*/;}
b.pre-obligatorio { font-weight:normal; padding:3px 5px}
    
.pre_registro .info-tit { color:#408FCA; font-size:20px; margin:0; padding:0; font-weight:bold}
.pre_registro .subtit p,
.pre_registro .subtit2,
.pre_registro .sexo span,
.pre_registro .borndate span,
.pre_registro .edocivil span { color:#004e99; font-size:16px; font-weight:bold;}
.pre_registro .subtit p, 
.pre_registro .subtit2 { margin:0}
.pre_registro .borndate, 
.pre_registro .edocivil, 
.pre_registro .sexo       { text-align:left}
    
.pre_registro .sexo label { font-weight:normal; color:#9E9E9E; margin-right:10px }
.pre_registro .sexo label:focus-within { color:#000}
.pre_registro .sexo input { margin-left:5px; margin-right:5px}
.pre_registro .sexo span + label { border-right:solid 1px #CCC; padding-right:20px}
 
.pre_registro .borndate span  { margin-right:10px}
.pre_registro .borndate input { color:#666}

.pre_registro .dirMisma label { font-weight:normal;  color:#9E9E9E;}
.pre_registro .dirMisma label:focus-within { color:#000}
    
/* fecha ingreso */
.pre-fechaingreso {}
.pre_registro .subtit .col-xs-12.col-md-3 {}
.pre_registro .pre-fechaingreso input { color:#666; display:block}
.pre_registro .pre-fechaingreso p { color:#004e99}
    
/* seguro */
.pre-asegura {}
.pre_registro .pre-asegura {}
.pre_registro .pre-asegura p { color:#666; font-weight:normal}
.pre_registro .pre-asegura p.subtit { color:#004e99; font-weight:bold; margin-bottom:5px}
    
/* place holder */
::placeholder { color:#9E9E9E; opacity:.7;}
:-ms-input-placeholder { color:#9E9E9E}
::-ms-input-placeholder {color:#9E9E9E}

.pre_registro_aviso   { padding:0px;}
.pre_registro_aviso a { position:relative; top:-65px; text-decoration:underline;}   

/*modal*/
#ModalAviso .modal-footer { text-align: right}
#ModalAviso h5 { font-size: 25px !important; margin:0}
.modal-backdrop { opacity:0.5 !important; }

/* - - - - Escritorio grande - - - */
@media (min-width:992px){
    .x { background:orange}
    .separacion {height:15px;}
    .pre_registro .row { margin:3px 0}
    .pre_registro .sexo     { }
    .pre_registro .borndate { }
    .pre_registro .edocivil { }
    .pre_registro .edocivil span,
	.pre_registro .sexo span { display:block; margin-bottom:13px}
	.pre_registro .edocivil  { padding-left: 50px !important}
        /* fecha ingreso */
    .pre_registro .subtit .col-xs-12.col-md-3 { width:34%}
        /* seguro */
    .pre_registro .subtit .col-xs-12.col-md-9 { margin-top:0; width:65%}
    .pre_registro .dir3 select,
    .pre_registro .dir7 select { position:relative; top:7px}
}
/* - - - - escritorio  - - - */
@media (min-width:450px) and (max-width:991px){
    .x { background:green}
    .pre_registro .pre-asegura { margin-top:15px}
}