@charset "utf-8";@font-face{font-family:telefonica-extralight;font-display:fallback ;src:url('../fonts/TelefonicaWeb-ExtraLight.eot');src:url('../fonts/TelefonicaWeb-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/TelefonicaWeb-ExtraLight.woff2') format('woff2'),
url('../fonts/TelefonicaWeb-ExtraLight.woff') format('woff'),
url('../fonts/TelefonicaWeb-ExtraLight.ttf') format('truetype'),
url('../fonts/TelefonicaWeb-ExtraLight.svg#AftaserifRegular') format('svg');}
@font-face{font-family:telefonica-light;font-display:fallback ;src:url('../fonts/TelefonicaWeb-Light.eot');src:url('../fonts/TelefonicaWeb-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/TelefonicaWeb-Light.woff2') format('woff2'),
url('../fonts/TelefonicaWeb-Light.woff') format('woff'),
url('../fonts/TelefonicaWeb-Light.ttf') format('truetype'),
url('../fonts/TelefonicaWeb-Light.svg#AftaserifRegular') format('svg');}
@font-face{font-family:telefonica-regular;font-display:fallback ;src:url('../fonts/TelefonicaWeb-Regular.eot');src:url('../fonts/TelefonicaWeb-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/TelefonicaWeb-Regular.woff2') format('woff2'),
url('../fonts/TelefonicaWeb-Regular.woff') format('woff'),
url('../fonts/TelefonicaWeb-Regular.ttf') format('truetype'),
url('../fonts/TelefonicaWeb-Regular.svg#AftaserifRegular') format('svg');}
@font-face{font-family:telefonica-bold;font-display:fallback ;src:url('../fonts/TelefonicaWeb-Bold.eot');src:url('../fonts/TelefonicaWeb-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/TelefonicaWeb-Bold.woff2') format('woff2'),
url('../fonts/TelefonicaWeb-Bold.woff') format('woff'),
url('../fonts/TelefonicaWeb-Bold.ttf') format('truetype'),
url('../fonts/TelefonicaWeb-Bold.svg#AftaserifRegular') format('svg');}
@font-face{font-family:telefonica-hand;font-display:fallback ;src:url('../fonts/TelefonicaWeb-Hand.eot');src:url('../fonts/TelefonicaWeb-Hand.eot?#iefix') format('embedded-opentype'),
url('../fonts/TelefonicaWeb-Hand.woff2') format('woff2'),
url('../fonts/TelefonicaWeb-Hand.woff') format('woff'),
url('../fonts/TelefonicaWeb-Hand.ttf') format('truetype'),
url('../fonts/TelefonicaWeb-Hand.svg#AftaserifRegular') format('svg');}
body,html{
	font-family:telefonica-regular;
	font-size:16px;
	min-height: 100%;
	position: relative;
}
body {
    padding-bottom: 100px;
}
.navbar-toggler {
    border: 0px solid transparent;
	
}
nav.navbar.navbar-expand-lg.navbar-light {
    background: #fff;
}

button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

a.btn-purple{
	background:#954b97;
	color:#fff;
	border-radius:4px;
	display: inline-block;
	padding: 0.50rem 1rem;
	font-size:14px;
}
a.btn-purple:hover{
	background:#b681b7;
}

span.btn-verde {
    background: #5bc500;
    color: #fff;
    font-family: telefonica-light;
    font-size: 13px;
    padding: 7px 29px;
    border-radius: 4px;
    clear: both;
    display: inline-block;
    margin-top: 18px;
}

span.btn-verde:hover{
	background:#8dd74e;
}
.navbar .container{
	padding:0px;
}
.clear{
	clear:both;
}
a.btn-purple.menu {
	margin-right: 10px;
}

a.btn-purple.menu{
	display:none
	
}

/* The container */
	.container_input {
	      display: block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 12px;
    cursor: pointer;
    line-height: 18px;
    font-size: 14px;
    font-family: telefonica-light;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	
/* Hide the browser's default checkbox */
	.container_input input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 0;
	  width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	     height: 19px;
		width: 19px;
	  background-color: #fff;
	  border:2px solid #5bc500
	}

	/* On mouse-over, add a grey background color */
	.container_input:hover input ~ .checkmark {
	  //background-color: #8dd74e;
	}

	/* When the checkbox is checked, add a blue background */
	.container_input input:checked ~ .checkmark {
	  background-color: #5bc500;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	.container_input input:checked ~ .checkmark:after {
	  display: block;
	}

	/* Style the checkmark/indicator */
	.container_input .checkmark:after {
		    left: 5px;
		top: 1px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 2px 2px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	li.nav-item.active span {
		display: inline-block;
		border-bottom: 1px solid #00A9E0;
	}
	
	#seleccionar-solicitud h1 {
		margin: 20px 0 0 0;
		margin-bottom: 40px;
		font-size: 30px;
		text-align: center;
		font-family: "telefonica-light";
		color: #5a5a5a;
	}
	#seleccionar-solicitud p{
		text-align:center;
		margin-top:8px;
	}
	#seleccionar-solicitud a{
		width: 180px;
		text-align: center;
		display: block;
		margin: 0 auto;
		font-size: 14px;
	}
	div#seleccionar-solicitud {
		padding-left: 17px;
		padding-top: 15px;
	}
@media (max-width: 992px) {
	li.nav-item {
		border-top: 1px solid #DBDBDB;
		padding: 5px 15px;
	}
	.navbar {
		padding: .5rem 1rem 0 1rem;
	}
	.navbar-nav {
		margin-top: 6px;
	}
}
@media (max-width: 768px) {
	a.btn-purple.menu{
		display:inline-block;
		
	}
	.navbar .container{
		width:100%;
		max-width:100%;
	}
	.navbar {
		padding: 0rem 1rem;
		 
	}
	
	a.navbar-brand img{
		width:60px;
		height:auto;
	}
}
@media (max-width: 490px) {
	div#seleccionar-solicitud {
		padding-left: 7px;
		padding-top: 15px;
		padding-right: 7px !important;
	}
	#seleccionar-solicitud a {
		width: 123px;
		padding: 9px 0;
		    font-size: 13px;
	}
	#seleccionar-solicitud h1 {
		font-size: 26px;
	}
	#seleccionar-solicitud p {
		text-align: center;
		margin: 0 auto;
		margin-top: 1px;
		margin-bottom: 10px;
		display: block;
		width: 120px;
		padding: 0;
		line-height:normal;
	}
	#seleccionar-solicitud img {
		width: 60px;
		height: auto;
	}
}
@media (max-width: 338px) {
	#seleccionar-solicitud a {
		width: 115px;
	}
}
@media (max-width: 330px) {
	a.btn-purple.menu {
		margin-right: 0;
	}
}