/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');*/
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700&subset=latin-ext');

html {
	font-size:14px;
	height: 100%;
   }

body{
	/*font-family: 'Lato', sans-serif;*/
	font-family: 'Muli', sans-serif;
	/*font-size:15px;*/
	height: 100%;
	background-color:#FFFFFF;
	}

nav.navbar.bg-faded {
    background-color: #FFFFFF;
    padding: 0rem 2.3rem;
}

@media (max-width: 550px) {
	.navbar-brand img{
		max-width: 220px;
	}

	nav.navbar.bg-faded {
	    background-color: #FFFFFF;
	    padding: 0rem 1.5rem;
	}	

}




.dropdown-menu {
    margin: 1rem 0 0;
    font-size: 1rem;
    color: #FFFFFF;
    text-align: left;
    list-style: none;
    background-color: #9198a4;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
}

nav.navbar ul.navbar-nav li .dropdown-menu a {
    text-transform: none;
    font-size: .95rem;
    color: #FFFFFF;
}

@media (max-width: 992px) {
	nav.navbar.bg-faded .container {
		background-image: none;
	}

	.navbar-nav .dropdown-menu {
	    margin: 1rem 0 0;
	    font-size: 1rem;
	    color: #6B6B6B;
	    text-align: left;
	    list-style: none;
	    background-color: #dff5f7;
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	    border: none;
	    border-radius: 0;
	}

	nav.navbar ul.navbar-nav li .dropdown-menu a {
	    text-transform: none;
	    font-size: .95rem;
	    color: #6B6B6B;
	    margin-bottom: 1rem;
	}
}

@media (min-width: 993px) {
	nav.navbar.bg-faded {
		background-image: url(../../images/bg_menu.png);
		background-repeat: no-repeat;
		background-position: right top;
	}
}



nav.navbar ul.navbar-nav li a{
	text-transform: uppercase;
	font-size: .95rem;
}

nav.navbar ul.navbar-nav li a.nav-link {
    padding: 0 .5rem;
}

header#main_header{
	border-bottom: 8px solid #000000;
}

nav.navbar ul.navbar-nav li{
	padding-left: 1rem;
	padding-right: 1rem;
}



@media (max-width: 992px) {
	nav.navbar ul.navbar-nav{
		margin-bottom: 10px;
	}

	.navbar-toggler {
	    -webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	    align-self: flex-start;
	    padding: 0.25rem 0.75rem;
	    font-size: 1.25rem;
	    line-height: 1;
	    background: transparent;
	    border: 1px solid transparent;
	    border-radius: 0.25rem;
	    margin-top: 1.8rem;
	}

}

nav.navbar .navbar-brand img{
	max-width: 280px;
}

@media (min-width: 992px) {
	nav.navbar ul.navbar-nav{
		margin-top: 50px;
		margin-bottom: 0;
	}

	nav.navbar ul.navbar-nav li:last-child{
		padding-right: 0rem;
	}

	nav.navbar ul.navbar-nav li:not(:first-child){
		border-left: 1px solid #DDDDDD;
	}
}





.dropdown-item:focus,
.dropdown-item:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #808387;
}

/*sociales*/
#app{
	width: 45px;
	height: 180px;
	background: #989ca1;	
	position: fixed;
	top: 30vh;	
	z-index: 1000;
	border-top-right-radius: 15px 15px;
	border-bottom-right-radius: 15px 15px;
	padding:10px 0 0 5px;

}

#app img{
	margin-bottom: .9rem;
}

/****************** footer ***************/
footer{
	padding-top:2rem;
	background-color: #ffffff;
	padding-bottom: 5px;
	}

footer .pie p{
		text-align: left;
		font-size: .75rem;
		line-height: 1.9rem;
	}

footer .container-fluid.c-f{
	padding:0 2.3rem;
}

footer .pie p,
footer .pie p a{
	color: #5E5E5E;
	}

@media (max-width: 550px) {
	footer{
		padding-top:1.5rem;
		background-color: #ffffff;
		padding-bottom: 5px;
	}

	footer .pie p{
		text-align: center;
		font-size: .7rem;
	}
}

footer .datos a:not(:first-child){
	margin-left: 25px;
}


#last_pie{
	background-color: rgb(239,239,239);
	min-height:12px;
	}

#last_pie .desarrollador{
	margin-top:5px;
	}
	
	
#last_pie .desarrollador p{
	text-align:center;
	font-family:verdana;
	font-size:0.7rem;
	color: #ADADAD;
	margin-bottom: 0;
	}
	
#last_pie .desarrollador p a{
	color:#ADADAD;
	}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}


@media all and (min-width: 768px) and (max-width: 905px) {

}

@media (min-width: 906px) {
	

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	

#last_pie .desarrollador p{
	text-align:right;
	}
}

@media (max-width: 991px){
	.navbar-toggleable-md > .container {
	    padding-right: 0;
	    padding-left: 0;
	    width: 94%;
	}
}