/**
 * GENERAL
 * rojo: #c51402 
 * gris: #343434 
 */

 
 
body{
/* background:#eeeeee url(http://emprechile.cl/layouts/bg-layout.png) no-repeat center top; */
background:#eeeeee url(imgs/bg-body-hi.png) no-repeat center top;
}

.content-slider .carousel-control {
width:10%;
}

.content-slider .carousel-control.left,.content-slider  .carousel-control.right {
    background-image: none
}

.content-slider .carousel-control i{        
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 5;
display: inline-block;
color: #2b2b2b;
// color: #fff;
}

/**
 * FEATURED
 */
#featured h2{
font-size:2em;
}
#featured p{
font-size:1.5em;
}
/* ------------------------------ */

/**
 * TOP
 */
#top{
	background: #072260;
	height: 30px !important;
	color: #fff;
	font-size: .7em;
	text-align: right;
	padding:5px;
	border-bottom:1px solid #fff;
}
#top a{
	color: #fff;
	
}
 
 
 
/**
 * HEADER
 */
#header{
padding: 30px 0;	
}

#header a{
/* color:#666666; */
color:#fff;
text-decoration:none;
font-weight:bold;
}
.text-center{
	text-align:center;
}
.marca{
font-family: 'Righteous', cursive;
text-transform:uppercase;
}
.submarca{
font-family: 'Rajdhani', sans-serif;
}
#header .nav{
padding-top: 0.5rem;
}
#header .nav .nav-item a{
padding:10px 10px 13px 10px;
}
#header .nav .nav-item a:hover{
padding:10px 10px 10px 10px;
}
#header .nav .nav-item:nth-child(1) a:hover{
border-bottom:3px solid #072260;
}
#header .nav .nav-item:nth-child(2) a:hover{
border-bottom:3px solid #072260;
}
#header .nav .nav-item:nth-child(3) a:hover{
border-bottom:3px solid #072260;
}
#header .nav .nav-item:nth-child(4) a:hover{
border-bottom:3px solid #072260;
}
/* ------------- HEADER ----------------- */
#slider{
	/* background:blue; */
}

#destacado .submarca{
	font-size: 1.3em;
}


/**
 * FOOTER
 */

#footer a{
color:#666666;
text-decoration:none;
}

/* ------------- FOOTER ----------------- */

#empresa{
	color:#fff;
	background: url(imgs/nuestra-empresa.png) no-repeat top center;
	background-size: cover;
}

#productos .submarca{
	font-size: 1.3em;
}

#contacto{
	color:#fff;
	background: url(imgs/contacto.jpg) no-repeat top center;
	background-size: cover;
}
#contacto a{
	color:#fff;
}

@media (max-width: 768px) { 
	#content-2{
	margin-top:1.5em;
	}
	#header .nav .nav-item a{
	padding:10px 0px;
	}
	#header .nav .nav-item a:hover{
	border-bottom:0px solid #000;
	}
}

@media (max-width: 1024px) { 
	body{
		background:#eeeeee url(imgs/bg-body-mid.png) no-repeat center top;
	}	
}

@media (max-width: 768px) { 
	body{
		background:#eeeeee url(imgs/bg-body-low.png) no-repeat center top;
	}	
}