﻿﻿/*/*.... MENU HORIZONTAL PANTALLA Y MÓVIL ....*/
.r01gContainer nav.navbar-dark {
    background-color: #1472a4;
    color: white;
    padding: .8rem 0;
    display: flex;
    justify-content: flex-start;
    align-content: center;
	border-radius: 15px;
}
.r01gContainer .navbar-nav {font-size: 14px;color: white;}
.r01gContainer .textNav{font-weight:normal;}
.r01gContainer .nav-link-general {
    background: #1472a4;
    border-radius: 14px;
	padding: 0 1em;
    margin-top: 1em;
}
.r01gContainer .nav-link-superior {
    text-align: right;
    margin: 10px;
    min-height: 21px;
}
.r01gContainer .nav-link-superior a {
    text-transform: uppercase;
    color: #333333 !important;
    font-weight: bold;
    font-size: 14px;
}
.r01gContainer .nav-link-superior a:hover{color: #0056b3;}
.r01gContainer .nav-link-superior a:not(:first-child){
    border-left: 1px solid #dadada;
    padding-left: 17px;
    margin-left: 17px;
}

.r01gContainer .nav-link-general .registrate .navbar-nav li {padding: 0 .5em;}
.r01gContainer .nav-link-general .navbar-nav.menu li {padding: 1.5em .5em;list-style: none;}
.r01gContainer .navbar-nav li p {margin-bottom: 0;}
.r01gContainer ul.navbar-nav a {text-decoration: none;}
.r01gContainer .nav-link-general .navbar-nav.menu li a {text-decoration: none; border-bottom: 0;}
.r01gContainer .registrate .navbar-nav, .r01gContainer .menu-elements .navbar-nav {margin-top: 0;height: 100%;}
.r01gContainer .nav-link-general .registrate .navbar-nav div {line-height: 1.3em;}
.r01gContainer .nav-link-general .navbar-nav li a, .r01gContainer .nav-link-general .navbar-nav li span {
    color: white;
    font-size: 14px;
    border-bottom: 0;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif;
	text-decoration: none;
}
.r01gContainer .nav-link-general .menu-elements .navbar-nav.menu li a span {font-size: 14px;font-weight: normal;display:block;}
.r01gContainer .registrate .navbar-nav li a {font-size: 14px;text-decoration: underline;font-weight: bold;}
.r01gContainer .registrate .navbar-nav li span {font-size: 14px;}
.r01gContainer .datos-user .navbar-nav li.user div a {
    font-size: 15px;
    line-height: 14px;
    display: inline-block;
}
.r01gContainer .nav-link-general .navbar-nav.menu li {border-right: 1px solid rgba(255, 255, 255, 0.18);cursor:pointer;}
.r01gContainer .nav-link-general .navbar-nav.menu li.ultimoBordeNone {border-right: 0;}
.r01gContainer .nav-link-general .navbar-nav.menu li:hover, .r01gContainer .nav-link-general .navbar-nav.menu li:focus {background: #2c7fab;}
.r01gContainer .nav-link-general .navbar-nav.menu li.active{background:#2c7fab;}
.r01gContainer .ico-lista i{cursor: pointer;font-size: 1.7em;}
.r01gContainer #myTopnav a.icon .fa{color:white !important;}
.r01gContainer #myTopnav a, .r01gContainer #myTopnav .usuarioConected{
    color:white;
    text-align:left;
	text-decoration: none;
	padding: 6px 16px;
}
.r01gContainer #myTopnav a.active,.r01gContainer #myTopnav a:focus, .r01gContainer #myTopnav a:hover {
	background: #2c7fab;
}

/*MENU VERTICAL INFORMATIVO PASOS*/
.r01gContainer .steps li {
    clear: both;
    overflow: visible;
    padding: 9px 0px 9px 26.5px;
    position: relative;
    list-style: none;
}

.r01gContainer .stepsTomapos li {
    clear: both;
    overflow: visible;
    padding: 9px 0px 9px 0px;
    position: relative;
    list-style: none;
}

 
/*.r01gContainer .blue span {font-weight: 600;font-size: 0.9em;}*/
.r01gContainer .grey span {font-size: 0.9em;}
.r01gContainer .steps i {margin-right: 17px;}
.r01gContainer .stepsTomapos i {margin-right: 17px;}
.r01gContainer .step i {
    font-size: 34px;
    margin-left: -9px;
    margin-right: 9px;
    color: #1472a4;
}

/*Menu Mi solicitud*/
.r01gContainer ul.menu-misolicitud li a {
    text-decoration: none;
    color: rgba(0,0,0,0.87);
    cursor: pointer;
    display: flex;
}

.r01gContainer ul.menu-misolicitud li:hover {
    background:#f1f1f1;
	border-left: 5px solid #1472a4;
	padding-left: 17px;
	color: #1472a4;
	font-weight: 600;
}
.r01gContainer ul.menu-misolicitud li a i {
    color: grey;
    font-size: 1.4em;
}
.r01gContainer li.menu-solicitudes {
    list-style-type: none;
    padding-left: 22px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.r01gContainer li.menu-solicitudes.activo {
    list-style-type: none;
    padding-left: 17px;
    border-left: 5px solid #1472a4;
	background:#e4e4e4;
}
.r01gContainer li.menu-solicitudes.activo a{
    color: #1472a4;
    font-weight: 500;
}
.r01gContainer li.menu-solicitudes.activo a:hover{
    color: #1472a4;
    font-weight: 600;
}
.r01gContainer ul.menu-misolicitud {
    margin-left: 16px;
}

.r01gContainer ul.menu-misolicitud li.menu-hijo a{
	padding-left: 16px;
}


/*Menu Mi prueba*/
.r01gContainer ul.menu-miprueba li a {
    text-decoration: none;
    color: rgba(0,0,0,0.87);
    cursor: pointer;
    display: flex;
}

.r01gContainer ul.menu-miprueba li:hover {
    background:#f1f1f1;
	border-left: 5px solid #1472a4;
	padding-left: 17px;
	color: #1472a4;
	font-weight: 600;
}
.r01gContainer ul.menu-miprueba li a i {
    color: grey;
    font-size: 1.4em;
}
.r01gContainer li.menu-pruebas {
    list-style-type: none;
    padding-left: 22px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.r01gContainer li.menu-pruebas.activo {
    list-style-type: none;
    padding-left: 17px;
    border-left: 5px solid #1472a4;
	background:#e4e4e4;
}
.r01gContainer li.menu-pruebas.activo a{
    color: #1472a4;
    font-weight: 500;
}
.r01gContainer li.menu-pruebas.activo a:hover{
    color: #1472a4;
    font-weight: 600;
}
.r01gContainer ul.menu-miprueba {
    margin-left: 16px;
}

.r01gContainer ul.menu-miprueba li.menu-hijo a{
	padding-left: 16px;
}

@media only screen and (min-width: 1024px) {
	.r01gContainer ul.menu-misolicitud {margin-left: 0;}
	.r01gContainer ul.menu-miprueba {margin-left: 0;}
}

@media only screen and (min-width: 992px) {
	.r01gContainer header.header-phone {display: none;height: auto;}
	.r01gContainer header.header-total {display: block;height: auto;margin-bottom:0em!important;}
	/*Información*/
	.r01gContainer .tit-formulario-masinformacion {
		display: none;
	}	
}
@media only screen and (max-width: 991px) {
	.r01gContainer header.header-phone {display: block;height: auto;margin-bottom: 0em!important;}
	.r01gContainer header.header-total {display: none;height: auto;}
	/*Información*/
	.r01gContainer .tit-formulario-masinformacion {
		display: block;
	}
	
	body .r01gContainer {background-image: none;}
	.r01gContainer .topnav.responsive a:nth-child(2), .r01gContainer .topnav.responsive div:nth-child(2) {
	        margin-top: 41px;
	        border-top: 1px solid rgba(255,255,255,0.3);
    }
	.r01gContainer .topnav.responsive .salir {
	        margin-top: 0px;
	        font-size: 15px;
	        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif , sans;
	        color:white !important;
    }
	.r01gContainer .topnav a:not(:first-child), .r01gContainer .topnav .usuarioConected {
	        display: none;
    }
	.r01gContainer .topnav a.icon {display: block;font-size:23px;}
	.r01gContainer .topnav.responsive {position: relative;}
	.r01gContainer .topnav.responsive .icon {
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 23px;
		border-top: none;
	}
	.r01gContainer .topnav.responsive a, .r01gContainer .topnav.responsive .usuarioConected {
        float: none;
        display: block;
        text-align: left;
        border-top: 1px solid rgba(255,255,255,0.3);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", sans-serif , sans;
    }
	.r01gContainer .topnav {
        overflow: hidden;
        background-color: #1472a4;
    }
	.r01gContainer .topnav a {
        float: left;
        display: block;
        color: #fff;
        text-align: center;
        padding: 19px 16px;
        text-decoration: none;
        font-size: 17px;
    }
	.r01gContainer .topnav a:hover, .r01gContainer .topnav a:focus {
        background-color: #2c7fab;
        color: #fff;
		padding: 8px 16px;
    }
	.r01gContainer .topnav .icon {display: none;}
	.r01gContainer .menu-steps #menu-steps-toggle:after {
		content: "\f053";
		box-shadow: 2px 2px 3px 1px #dedede;
		font-weight: bold;
		position: absolute;
		font-family: FontAwesome;
		top: 11px;
		color: #1472a4;
		font-size: 28px;
		height: 50px;
		right: -44px;
		background: #eeeeee;
		padding: 2px 19px;
		border-radius: 0px 11px 11px 0px;
		line-height: 48px;
	}
	.r01gContainer .menu-steps.disappear #menu-steps-toggle:after {
		content: "\f054";
		font-weight: bold;
		position: absolute;
		font-family: FontAwesome;
		top: 11px;
		color: #1472a4;
		height: 50px;
		font-size: 25px;
		right: -44px;
		background: #eeeeee;
		padding: 2px 8px;
		border-radius: 0px 11px 11px 0px;
		line-height: 48px;
	}
	.r01gContainer .menu-steps {
		background: #eeeeee;
		min-width: 43%;
		position: absolute;
		padding: 20px 0;
		left: -6%;
		width: 44%;
		z-index: 3;
		box-shadow: 2px 2px 3px 1px #dedede;
		margin-top: -22px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.r01gContainer .menu-steps-prueba {
		width: 75% !important;
	}			
	.r01gContainer .menu-steps.disappear {margin-left: -43%;}
	.r01gContainer nav.menu-steps.disappear {margin-left: -43%;top: -11px;}
	.r01gContainer ul.menu-misolicitud {margin-left: 24px;}
	.r01gContainer .steps li {padding: 9px 0px 9px 46.5px;}
	.r01gContainer .menu-misolicitud li {padding: 9px 0px 9px 17px;}
	.r01gContainer .menu-steps-prueba.disappear {margin-left: -74%!important;}
	.r01gContainer nav.menu-steps-prueba.disappear {margin-left: -74%!important;}	
	.r01gContainer .menu-miprueba li {padding: 9px 0px 9px 17px;}
	.r01gContainer ul.menu-miprueba {margin-left: 24px;}
	
}   
@media only screen and (max-width: 768px) {
	.r01gContainer .topnav a, .r01gContainer .topnav .usuarioConected{
			padding: 10px 16px;
			font-size:16px;
	}
	.r01gContainer .topnav.responsive .icon{background:transparent;}
	.r01gContainer .topnav.responsive a, .r01gContainer .topnav.responsive .usuarioConected{border-top:1px solid rgba(255,255,255,0.3);}
	.r01gContainer .topnav.responsive a:nth-child(3){border-top:1px solid rgba(255,255,255,0.3);}
	.r01gContainer .menu-steps {left: -2%;}
	.r01gContainer nav.menu-steps {left: -2%;top:-11px;}
	.r01gContainer .menu-steps #menu-steps-toggle:after {right: -35px;}
	.r01gContainer .menu-steps.disappear #menu-steps-toggle:after {right: -35px;}
}

@media only screen and (max-width: 480px) {
	.r01gContainer .menu-steps, .r01gContainer nav.menu-steps {left: -6%;width: 64%;}
	.r01gContainer nav.menu-steps.disappear, .r01gContainer .menu-steps.disappear {margin-left: -58%;}
	.r01gContainer ul.menu-misolicitud {margin-left: 29px;}
	.r01gContainer .menu-steps-prueba, .r01gContainer nav.menu-steps-prueba {width: 75%!important}
	.r01gContainer nav.menu-steps-prueba.disappear, .r01gContainer .menu-steps-prueba.disappear {margin-left: -70%!important;}	
}


/*cambios*/
.r01gContainer .registrate{margin: 1em 0;}
.r01gContainer .registrate span{word-break: normal;}

@media only screen and (max-width:375px){
	.r01gContainer .menu-steps, .r01gContainer nav.menu-steps {
		min-width: 52%;
		width: 66%;
	}
	.r01gContainer .menu-steps.disappear, .r01gContainer nav.menu-steps.disappear {
   		margin-left: -60%;
	}
	
	.r01gContainer .menu-steps-prueba, .r01gContainer nav.menu-steps-prueba {
		width: 85%!important;
	}
	.r01gContainer .menu-steps-prueba.disappear, .r01gContainer nav.menu-steps-prueba.disappear {
    	margin-left: -78%!important;
	}	
}
@media only screen and (max-width: 320px){
	.r01gContainer .menu-steps, .r01gContainer nav.menu-steps {
	    width: 74%;
	}
	.r01gContainer .menu-steps.disappear, .r01gContainer nav.menu-steps.disappear {
	    margin-left: -68%;
	}
	
	.r01gContainer .menu-steps-prueba, .r01gContainer nav.menu-steps-prueba {
		width: 85%!important;
	}
	.r01gContainer .menu-steps-prueba.disappear, .r01gContainer nav.menu-steps-prueba.disappear {
    	margin-left: -78%!important;
	}	
	
}


