/* HTML GENERALES STYLES */
body {
	font-family: 'Droid Sans', sans-serif;
}
img {
	max-width: 100%;
}
li {
	list-style: none;
}
a{
	color: #e44410;
}
a:hover {
	text-decoration: none; 
}
h1 {
	color: #007dc5;
	padding: 1.5em 0 .5em 0;
	font-size: 3em;
}


.naranja {
	color: #e44410;
}

h3 {
	margin-top: 0;
}
p {
	color: #a1a1a1;	
}
.highlight {
	color: #323232;	
}
.subtitle {
	padding-bottom: 1em;
	font-size: 1.2em;
	color: #323232;
}
.m-top {
	margin-top: 3em;
}
.m-r {
	margin-right: 10px;
}
.p-bottom {
	padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
	.m-top {
	margin-top: .5em;
	}
.subtitle {
		font-size: .9em;
	}
	h1 {
		font-size: 2em;
		padding: .5em 0;
	}
	.img-half {
	max-width: 50%;
	}	
	.img-75 {
	max-width: 75%;
	}	

}
table {
	font-size: .9em;
}
table td {
	text-align: left;
}
.up a {
  display: block;
  margin: 0 auto;
  width: 58px;
  height: 45px;
  text-align: center;
  background-image: url(../img/subir.png);
	margin-top: 3em;
}
a.link-brix:hover {
	color: #ff6100;
	opacity: .75;
}
/* NAVBAR STYLES */ 
header {
	background: black;	
	padding: 10px 0;
}
	
header a {
	color: white;
}
.navbar {
	margin: 0;
}
.navbar-toggle .icon-bar {
	background: white;
}
@media screen and (max-width: 768px) {
	.dropdown-menu>li>a {
		color: white;
	}
	.navbar-fixed-top {
		position: static;
	}
}
/* CONTENEDORES STYLES */
.light-gray {
background: #ebebeb;
}
.scroll {
	padding-bottom: 1em;
}
@media screen and (min-width: 1200px) {
	.scroll {
		min-height: 900px;		
	}
	.scroll-last {
		min-height: 400px;		
	}
	footer.scroll{
	min-height: 0;
	}
}
.linepad {
	padding-bottom: 7em;
	border-bottom: 1px solid #323232;
}
@media screen and (max-width: 768px) {
	.linepad {
	padding-bottom: 3em;	
	}
	.row-line {
	text-align: center;
	}
	.row-center {
	text-align: center;
	}
}
.row-line {
	border-bottom: 1px solid #ebebeb;
  margin-bottom: 2EM;
  padding-bottom: 1.5em;
}



/* BX SLIDER STYLES */
.bx-wrapper .bx-viewport {
	border: 0;
	box-shadow: none;
	left: 0;
}

.bx-wrapper .bx-caption span {
	font-size: 1.5em;
}
@media screen and (max-width: 768px) {
	.bx-wrapper .bx-caption span {
	font-size: .75em;
	padding: 5px;
	}
}

.bx-wrapper .bx-prev {
	left: 0;
}
.bx-wrapper .bx-next {
	right: 0;
}

/* AFFIX STYLES */
#nav-affix {
	position: fixed;
	top: 40%; 
	right: 10px;
	background-color: black;
  padding: 20px;
  border-radius: 5px;
	display: none;	
}
#nav-affix li{
	border-bottom: 1px solid white;	
}
#nav-affix a{
	color: white;
}
#nav-affix a:hover{
	color: rgb(0,207,255);
}
#nav-affix li.buy {
	background: rgb(0, 187, 255);
	color: black;
	padding: 5px;
}
#nav-affix li.buy a:hover{
	color: black;	
}
/* FOOTER STYLES */
footer {
	background: black;
	color: white;
	padding: 10px 0;
}
footer p {
	color: white;
}
.links-footer li {
list-style: none;
display: inline-block;	
}
footer a {
	color: rgb(0, 187, 255);
}
footer ul {
	padding-left: 0;
	
}

/* SCROLLER MENSAJE */
.scroller {
	position:absolute;
	bottom: 100px;
	font-size:1.3em;
	display:inline-block;
	width: 20%;
	left: 50%;
	margin-left: -10%;
	color: white;
	text-align: center;
}
.scroller:hover {
	text-decoration:none;	
}

.scroller:after {
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.scroller:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  margin: auto;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: 3s arrow infinite ease;
  animation: 3s arrow infinite ease;
}
@media screen and (max-width: 768px) {
	.scroller {
		display:none;
	}
}

/* ANIMACIONES */
@-webkit-keyframes arrow {
	0%,100% {
		top:50px;
	}
	50% {
		top:80px;
	}
}
@keyframes arrow {
	0%,100% {
		top:50px;
	}
	50% {
		top:80px;
	}
}

/* Grow */
@media screen and (min-width: 768px) {
	.hvr-grow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
		.laranja {
	background: orange;	
	}
	.laranja:hover {
	background: white;
	}
}