body{
	font-family: 'Roboto', sans-serif;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	float: left;
}
.navbar-laravel {
    background-color : #f77200 !important;
 
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgb(245, 248, 250)  !important;
}
.my-3.col-xl-4.col-lg-4.col-md-4 a:hover {
    text-decoration: none;
    transition: all .2s ease;
}

.my-3.col-xl-4.col-lg-4.col-md-4 a:hover .card {
    background-color: #f77200;
}
.not
{  font-size: 1.2rem !important; text-align:right!important;}
.my-3.col-xl-4.col-lg-4.col-md-4 a:hover .card .card-body.editable i,
.my-3.col-xl-4.col-lg-4.col-md-4 a:hover .card .card-body.editable h4,
.my-3.col-xl-4.col-lg-4.col-md-4 a:hover .card .card-body.editable p small {
    color: #fff !important;
}
.carousel-inner > .item > img {
    margin: 0 auto;
}

.elementCard:hover *
{
background-color:#f77200;
	color: white !important;
}


.sliderFa
{
	color:#f77200  !important;
}
.nuevo
{color:white  !important;}
.nuevoCard
{background-color: #f77200 !important;}
.nuevoCard:hover   *
{
	background-color:white;
	color: #f77200 !important;
}
/* The whole thing */
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}
form
{width: 100%;}

.fa-2x
{
	color: #ffffff ;
}
.card-header
{
	    color: white;
}
label
{color: #f77200 !important;}
.card
{
	    color: #616161;

}
.deleted
{
	 background-color: #bfbfbf !important;
}

 
.blog_color
{color: #121212  !important;}
.colorInstitucional
{
	color:#f77200 !important;
}

.btn-primary {
    color: #fff;
    background-color: #f77200 !important;
    border-color: #f77200 !important;
}

a{
	color: #616161 ;
	transition: all ease .2s;
}

.table .thead-dark th {
    color: #f5f8fa !important;
    background-color: #f77200  !important;
    border-color: #e9ebed  !important;
}
.btn-link{
	color: #fff;
}

a:hover,.btn-link:hover{
	text-decoration: none;
}

.btn-link:hover{
	color: black;	
}

.bg-light{
	background-color: #f77200 !important;
}
.nav-item:hover  .fa-2x,
.nav-item:hover  .nav-link

{   color: #f77200 !important;
    background-color: white;

}
 .nav-link{
	color: #fff !important;
} 
 s
.h2, h2{
	color: #6e0686 !important;
	font-weight: bold;
}

.h4, h4{
	color: #f77200;
}

.card-header{
	background-color: #f77200 !important;
}

.card-header:hover {
	color: #6e0686 !important;
    background-color: white !important;
}
.fa-2x{
	font-size: 1.7em;
}

a:hover{
	color: #6e0686;
}

.principal{
	background: url("../img/background.png");
	background-position: center;
	background-size: 500px;
	background-repeat: no-repeat; 
}

.img-footer{
	max-height: 150px;
}

footer{
	margin-bottom: 30px;
}

.footer-hr{
	border-color: #f77200;
    border-width: 3px;
}

.btn-link{
	white-space: normal;
    text-align: center;
    display: block;
    width: 100% !important;
}
.btn-link:hover
{ 
	color: #f77200 !important;

}
@media(min-width: 992px){
	.btn-link{
    	text-align: justify !important;		
	}
}

.naranja{
	color: #f77200 !important;
}

.img-vgenero{
	width: 900px;
}

a.btn-primary{
	color: white !important;
	background-color: #f77200 !important;
	border-color: #f77200 !important;
}