/* fuentes para el sitio */
* {
	margin: 0;
	padding: 0;	
}
body {	
	font-family: 'Montserrat', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {	
	font-family: 'Spectral', serif !important;
	color: #FF9000 !important; 
}
ul, ol{
	list-style:none !important;
}

a {
	text-decoration: none !important;
}
header{
	position:fixed;
	top:0;
	left:0;
	z-index:5;
}
nav .a {
	color: #0166AE !important;
}
nav .a:hover {
	color: #0D94F4 !important;
}
p {
	word-wrap: break-word;
}
footer {
	margin-top: 25px;
	background-color: rgba(  1,102,174,1) !important;
	color: #FAFAFA !important;
}
.pages {
	margin-top: 100px;
}
/* As hex codes */
.color-primary-0 { color: #FF9000 !important}	/* Main Primary color */
.color-primary-1 { color: #FFBE6A !important}
.color-primary-2 { color: #FF9000 !important}
.color-primary-3 { color: #AB6100 !important}
.color-primary-4 { color: #180D00 !important}
.color-complement-0 { color: #0166AE !important }	/* Main Complement color */
.color-complement-1 { color: #6DBBF1 !important}
.color-complement-2 { color: #0D94F4 !important}
.color-complement-3 { color: #01416E !important}
.color-complement-4 { color: #00090F !important}
/* As RGBa codes */
.rgba-primary-0 { color: rgba(255,144,  0,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba(255,190,106,1) }
.rgba-primary-2 { color: rgba(255,144,  0,1) }
.rgba-primary-3 { color: rgba(171, 97,  0,1) }
.rgba-primary-4 { color: rgba( 24, 13,  0,1) }
.rgba-complement-0 { color: rgba(  1,102,174,1) }	/* Main Complement color */
.rgba-complement-1 { color: rgba(109,187,241,1) }
.rgba-complement-2 { color: rgba( 13,148,244,1) }
.rgba-complement-3 { color: rgba(  1, 65,110,1) }
.rgba-complement-4 { color: rgba(  0,  9, 15,1) }
/* 	----------------------------------------------
	Personalizar Redes Sociales
---------------------------------------------	*/
.redesSociales {
	color: #FAFAFA !important;
	font-size: 40px !important;	
}
.redesSociales:hover {
	color: #6DBBF1 !important;
}
/* 	----------------------------------------------
	Error 404
---------------------------------------------	*/
.error {
	font-size: 24px;
	margin-top: 200px;
}
/* 	----------------------------------------------
	Contacto y Vender (furmolarios)
---------------------------------------------	*/
#contacto {
	display: table;
	width: 100%;
	padding: 0;
	background: url(../img/contact.jpg) center center no-repeat;
	background-color: #e5e5e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;	
}
#vender {
	display: table;
	width: 100%;
	padding: 0;
	background: url(../img/intro-bg-p.jpg) center center no-repeat;
	background-color: #e5e5e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;	
}
.enviar {
	background-color: #6DBBF1 !important;
}
.maps {
	display: none;
}

/* 	----------------------------------------------
	Inicio
---------------------------------------------	*/
.intro {	
	display: table;
	width: 100%;
	padding: 0;
	background: url(../img/intro-bg.jpg) center center no-repeat;
	background-color: #e5e5e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;	
}
.intro .overlay {
	background: rgba(0,0,0,0.3);
}
.titulo {	
	color: #FAFAFA !important;
	font-size: 62px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
	text-shadow: 0 0 15px rgba(0,0,0,0.5)
}
.intro p {	
	font-size: 17px;
	line-height: 28px;
	padding: 15px;
	max-width: 600px;
	margin: auto;
	margin-bottom: 40px;
	background: rgba(0,0,0,.45);
}
.intro-text {
	font-family: 'Montserrat', sans-serif;
	color: #FAFAFA !important;
	padding-top: 300px;
	padding-bottom: 150px;
	text-align: center;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width:1199px) and (min-width:992px) {
	.intro {	
		display: table;
		width: 100%;
		padding: 0;
		background: url(../img/intro-bg-1.jpg) center center no-repeat;
		background-color: #e5e5e5;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;		
	}
}

/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width:991px) and (min-width:768px) {
	.intro {	
		display: table;
		width: 100%;
		padding: 0;
		background: url(../img/intro-bg-1.jpg) center center no-repeat;
		background-color: #e5e5e5;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;		
	}
	.titulo {	
		color: #FAFAFA !important;
		font-size: 50px;
		font-weight: 600;
		margin-top: 0;
		margin-bottom: 10px;
		text-shadow: 0 0 15px rgba(0,0,0,0.5)
	}
	.intro-text {
		font-family: 'Montserrat', sans-serif;
		color: #FAFAFA !important;
		padding-top: 200px;
		padding-bottom: 150px;
		text-align: center;
	}
}

/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width:767px) and (min-width:576px) {
	nav i {
		font-size: 25px;
		color: black;
		margin-left: 50px;
	}
	.intro {	
		display: table;
		width: 100%;
		padding: 0;
		background: url(../img/intro-bg-p.jpg) center center no-repeat;
		background-color: #e5e5e5;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;		
	}
	.titulo {	
		color: #FAFAFA !important;
		font-size: 50px;
		font-weight: 600;
		margin-top: 0;
		margin-bottom: 10px;
		text-shadow: 0 0 15px rgba(0,0,0,0.5)
	}
	.intro-text {
		font-family: 'Montserrat', sans-serif;
		color: #FAFAFA !important;
		padding-top: 200px;
		padding-bottom: 100px;
		text-align: center;
	}
}

/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width:575px) {
	nav i {
		font-size: 25px;
		color: black;
		margin-left: 50px;
	}
	.intro {	
		display: table;
		width: 100%;
		padding: 0;
		background: url(../img/intro-bg-p.jpg) center center no-repeat;
		background-color: #e5e5e5;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;		
	}
	.titulo {	
		color: #FAFAFA !important;
		font-size: 50px;
		font-weight: 600;
		margin-top: 0;
		margin-bottom: 10px;
		text-shadow: 0 0 15px rgba(0,0,0,0.5)
	}
	.intro-text {
		font-family: 'Montserrat', sans-serif;
		color: #FAFAFA !important;
		padding-top: 200px;
		padding-bottom: 80px;
		text-align: center;
	}
}