/* CSS Document */

/*TIPOS*/
@font-face {font-family:grunge; src: url(tipografias/Blocklyn-Grunge.otf) format('opentype');}
/*TIPOS*/


body, html {
	font-family: 'Roboto', sans-serif;
	color:#333333;
}
.grunge {
	font-family: grunge, sans-serif;
}

.padding-top-bottom {
	padding:2% 0 2% 0;
}
.padding-top {
	padding:2% 0 0 0;
}
.padding-bottom {
	padding:0 0 2% 0;
}


.margin-top {
	margin-top:2%;
}
.margin-top-bottom {
	margin-top:2% 0 2% 0;
}



.imgres {
	width:100%;
	height:auto;
}

.violeta {
	color:#662d90;
}
.naranja {
	color:#EEA319;
}
.verde {
	color:#01D386;
}

.btn {
	border-radius:20px;
	padding:5px 20px 5px 20px;
	font-weight:700;
}

.btn-violeta {
	background-color:#662d90;
	border-color:#662d90;
}
.btn-violeta:hover {
	background-color:#FFF;
	border-color:#662d90;
	color:#662d90;
}

.btn-violeta-blanco {
	background-color:#FFF;
	border-color:#662d90;
	color:#662d90;
}
.btn-violeta-blanco:hover {
	background-color:#662d90;
	border-color:#662d90;
}

.btn-naranja {
	background-color:#EEA319;
	border-color:#EEA319;
}
.btn-naranja:hover {
	background-color:#FFF;
	border-color:#EEA319;
	color:#EEA319;
}
.btn-verde {
	background-color:#01D386;
	border-color:#01D386;
}
.btn-verde:hover {
	background-color:#FFF;
	border-color:#01D386;
	color:#01D386;
}
.btn-blanco-transparente {
	background-color:#FFF;
	background: rgba(255,255,255,0.2);
	border-color:#FFF;
}
.btn-blanco-transparente:hover {
	background-color:#FFF;
	background: rgba(0,0,0,0.1);
	border-color:#FFF;
}

.alto-minimo {
	min-height:500px;
}

.card-badge-image {
	position:absolute; z-index:999; margin:18px;
}
a {
	text-decoration:none;
}
.list-group-item a {
	color:#333;
}

.navbar-light{
    background-color: #efe8ea;
	padding-top:20px;
	padding-bottom:10px;
	box-shadow: 0 8px 6px -2px #dcdcdc;
	font-weight:700;
	font-size:15px;
}

.nav-item {
	margin-left:3px;
	margin-right:3px;
}

.form-control {
	margin-bottom:10px;
}
.footer a, .footer a:link, .footer a:active, .footer a:visited, .footer a:focus, .footer a:hover {
	color:#FFF;
}


.navbar-pc .nav-link {
	background-color:transparent;
	color:#000;
	border:1px solid #efe8ea;
	border-radius:20px;
	/*padding-left:30px;
	padding-right:30px;*/
}
.navbar-pc .nav-link:hover {
	background-color:#FFF;
	color:#662d90;
	border:1px solid #662d90;
	border-radius:20px;
	/*padding-left:30px;
	padding-right:30px;*/
}