@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
body {
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
	padding: 0;
}

@media (min-width: 992px) {
    body {
    	margin: 0;
		padding: 0;
    }
}
.container-fluit{
	width: 100%!important;
	margin: 0;
	padding: 0;
}
.no-padding{
	width: 100%!important;
	margin: 0;
	padding: 0;
}

ul.cotizar{
	position: absolute;
	right: 0!important;
	float: right!important;
}
ul.cotizar li.nav-item{
	float: right!important;
}
ul.cotizar li.nav-item a.nav-link{
	float: right!important;
	text-align: right!important;
	background: blue;
}
.top-abc{
	margin: 0!important;
	top: 0!important;
	height: 70px;
	background: #ffe500;
}
.navbar-brand{
	width: 121px;
	height:40px;
	background: url(../img/abc.svg) no-repeat;
	background-size: cover;
	margin: 15px auto;
}

.navbar-abc{
	padding: 0;
	margin: 0;
	background: #333;
	color: #fff;
	height: auto;
	align-content: center!important;
	text-align: center!important;
}
.navbar-abc a.nav-link{
	color: #fff!important;
	font-size: 12px;
	padding: 10px 20px!important;	
	font-weight: 600;
	text-transform: uppercase;
}
.navbar-abc a.nav-link:hover{
	color: #fffcdd!important;
	background: rgba(0,0,0,0.2);
}
.navbar-abc-sub{
	padding: 0;
	margin: 0;
	background: #eeeeee;
	color: #333!important;;
	height: auto;
}
.navbar-abc-sub a.nav-link{
	padding: 5px 15px!important;
	color: #333!important;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}
.navbar-abc-sub a.nav-link:hover{
	color: #111!important;
	background: rgba(0,0,0,0.05);
}
@media (max-width: 800px) {
	.top-abc{
		margin: 0!important;
		top: 0!important;
		background: #ffe500;
	}
	.navbar-brand{
		width: 106px;
		height:35px;
		background: url(../img/abc.svg) no-repeat;
		background-size: cover;
		margin: 15px auto;
	}
	.navbar-abc{
		padding: 10px 5px;
	}
	.navbar-abc a.nav-link{
		padding: 5px 10px!important;
	}
	.navbar-abc-sub{
		padding: 5px;
	}
	.navbar-abc-sub a.nav-link{
		padding: 5px 10px!important;	
	}
	.abc-titulo h3{
		text-align: center;
	}

	.abc-titulo h6{
		text-align: left;
	}
}
/*Contenido*/
.abc-titulo{
	border-bottom: 1px solid #ccc ;
	margin-top: 30px;
	padding-bottom: 5px;
}
.abc-titulo h3{
	font-size: 16px;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
}

.abc-titulo h6{
	padding: 10px;
	font-size: 12px;
	font-weight: 300;
	color: #333;
	text-align: right;
}
.abc-contenido{
	margin: 20px auto!important;
	margin-bottom: 40px!important;
}
button.cotizar{
	padding: 5px 10px;
	background: #eee;
	border:none;
	font-size: 12px;
	font-weight: 500;
	color: #333;
	float: right;
	margin: 2px 5px;
	cursor: pointer;
}
button.cotizar:hover{
	background: #ddd;
	color: #333;
}
.table{
	font-size: 12px!important;
}
thead{
	background: #fffcdd;
}

.obs p{
	font-size: 13px;
	margin: 5px 0;
}
.box{
	padding: 15px;
	background: #fffcdd;
}
.form-abc{
	margin-bottom: 20px; 
}
.form-abc label{
	font-size: 14px;
}
.btn-abc{
	background: #333;
	color: #ffe500;
	border:none;
	cursor: pointer;
}
.btn-abc:hover{
	color: #fffcdd;
}
@media (max-width: 800px) {
	.botones{
		text-align: center;
	}
}
footer{
	background: #111;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}
footer a{
	color: #ffe500;
}
footer a:hover{
	color: #fffcdd;
}
footer p{
	font-size: 12px;
	margin: 5px 0;
	font-weight: 300;
}
footer .navbar-brand{
	width: 76px;
	height:25px;
	background: url(../img/abc-pie.svg) no-repeat;
	background-size: cover;
	margin: 0;
	margin-top: 5px;
	opacity: 0.5;
}
footer hr{
	margin: 0;
	border-bottom: 1px solid #222 
}
footer .navbar-brand:hover{
	opacity: 1;
}
#frame {
	height: 80vh;
}