/*
	Site Developed by Designer: Karoline Dassie

	Main Colors: 
	- Red #e3171a
	- White #fff
	- Black #000
	- Gray #e6e6e6
	- Darker Gray #adadad

*/

/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}
ul.bullet-list{list-style: disc; font-size: 14px; line-height: 26px; margin: 10px 0 0 20px;}

img{max-width: 100%; height: auto;}
.clear{clear:both;}	

::-moz-selection {
    background: #e6e6e6;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #e6e6e6;
    color: #000;
    text-shadow: none;
}

/***** END RESET *****/


/***** TEXT/LINK FORMATTING *****/

h1 { font-family: 'Oswald', sans-serif;font-size: 45px; text-transform: uppercase; font-weight:900; color: #fff;}
h2 { font-family: 'Oswald', sans-serif; font-size: 35px; text-transform: uppercase; color: #000;}
h3 { font-family: 'Oswald', sans-serif; font-size: 35px; text-transform: uppercase; color: #e3171a;}
h4 { font-size: 18px; color: #000; margin:0 0 30px 0 }
h5 { font-family: 'Oswald', sans-serif; font-size: 20px; color: #000; text-transform: uppercase; font-weight:900;}
h6 { font-family: 'Oswald', sans-serif; font-size: 20px; color: #e3171a; text-transform: uppercase; font-weight:900;}

strong{font-weight:900}

p{ line-height:28px}

a{ 
	color: #000; 	
	text-decoration: none; 
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	}
	a:hover{color: #e3171a;}
	
	a.button{
		display: block;
		font-size: 24px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 8px;
		color: #fff;
		padding: 14px 0;
		border: 1px #b7b7b7 solid;
		background: #ff3e0b; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff3e0b 0%, #e4370c 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ff3e0b 0%,#e4370c 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ff3e0b 0%,#e4370c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e0b', endColorstr='#e4370c',GradientType=0 ); /* IE6-9 */
		transition: none; -moz-transition: none; -webkit-transition: none;
	}
	a.button:hover{background: #ff3e0b;}
	
	a.small-button{
		display: block;
		font-size: 16px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 5px;
		color: #fff;
		width: 200px;
		padding: 6px 0;
		margin: 5px 0 0 0;
		border: 1px #b7b7b7 solid;
		background: #ff3e0b; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff3e0b 0%, #e4370c 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ff3e0b 0%,#e4370c 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ff3e0b 0%,#e4370c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e0b', endColorstr='#e4370c',GradientType=0 ); /* IE6-9 */
		transition: none; -moz-transition: none; -webkit-transition: none;
	}
	a.small-button:hover{background: #ff3e0b;}

	hr{
		margin: 0 auto;
		background: #e6e6e6;
		height: 2px;
		display: block;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		border-style: solid;
		border-width: 0;
	}


/***** SITE FRAMEWORK *****/
	
	html, body{
		/*background: #000;*/
		font-size: 16px; 
		line-height: normal; 
		color: #000;
		-webkit-text-size-adjust: none;
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	.main{
		background: #fff;
		position: relative;
		z-index: 0;
		padding: 4em 0;
	}
	
	.sitewidth{
		max-width: 1130px;
		margin: 0 auto;
	}
	
	.column3-4{ float: left; width: 75%; box-sizing: border-box;}
	.column2{ float: left; width: 50%; padding-right: 25px; box-sizing: border-box;}
	.column3{ float: left; width: 33.3333%; padding-right: 25px; box-sizing: border-box;}
	.column4{ float: left; width: 23%; box-sizing: border-box;}
	.column5{ float: left; width: 20%; padding-right: 25px; box-sizing: border-box;}
	.last{padding-right: 0;}
	
	.center{text-align: center;}
	.right{text-align: right;}


/***** HEADER *****/
	
	.top-header{
		background: #e3171a;
		padding: 10px 0;
	}
	.top-header-left{
		float: left;
		text-align:left;
	}
	.top-header-left p{
		font-size: 16px;
		color: #fff;
	}
	.top-header-right{
		float: right;
		text-align: right;
		color: #fff;
		font-size: 16px;
	}
	.top-header-right .fa{font-size: 20px; margin:0 5px 0 0}
	.top-header-right a{color: #fff;}
	.top-header-right a:hover{color: #000;}
	
	.header{
		position: relative;
		z-index: 9;
		background: #fff;
		padding:5px 0;
		border-bottom:5px solid #000
	}
	
	#logo { 
		float: left;
	}
	
	#logo img { 
		max-width: 250px;
		width:100%;
		display:block
	}
	
	.slider-wrapper{
		position: relative;
	}
	
	

/***** MANUFACTURER LOGOS *****/

	.manubox{
		border:1px solid #e6e6e6;
		text-align:center;
		vertical-align:middle;
		margin:0 auto;
		height:110px;
		line-height:105px;
		margin:1%
	}
	.manubox:hover{
		transition: all .2s ease-in-out; 
		-moz-transition: all .2s ease-in-out; 
		-webkit-transition: all .2s ease-in-out;
		opacity:0.3;
		cursor:pointer
	}		
	.manubox img{
		text-align:center;
		vertical-align:middle;
		margin:0 auto;
		max-width:70%
	}
	
	
/***** CONTENT *****/
		
	.black{background:#000; text-align:center; padding:0 0 5px 0}
	
	iframe.mapa {border:0; width:100%; height:510px; margin:2em auto 0 auto}
	
	
/***** INVENTORY *****/
	
	.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error{text-transform:initial; font-size:17px}

.hs-btn.hs-highlighted {
	background-color: #e3171a!important;
	color: #fff !important;
}


/***** FORM *****/
	
	.down{margin:2em auto 0 auto}
	
	#form input {
		width: 100%;
		padding: 5px 10px;
		border:1px solid #DFDFDF;
		margin: 5px 0 15px;
		height: 30px;
		border-radius: 5px;
		box-sizing: border-box;
	}
	
	#form textarea {
		width: 100%;
		padding: 5px 10px;
		border:1px solid #DFDFDF;
		margin: 5px 0 15px;
		height: 170px;
		border-radius: 5px;
		box-sizing: border-box;
	}
	
	#form select {
		width: 100%;
		padding: 5px 10px;
		border:1px solid #DFDFDF;
		margin: 5px 0 15px;
		height: 30px;
		border-radius: 5px;
		box-sizing: border-box;
	}
	
	#form input[type="checkbox"] {
		margin:5px 10px 0 0;
		width:13px;
		height:13px;
		display:inline;
	}
	#form input[type="radio"] {
		margin:5px 10px 0 0;
		width:15px;
		height:15px;
		display:inline;
	}
	 
	#form input.button,
	#form input.button:focus {
		width:200px; 
		background: #fff;
		border:2px #e3171a solid;
		border-radius:5px;
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		color: #e3171a;
		cursor: pointer;
		transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	}
	#form input:focus{   outline-color:#000}
	#form input.button:hover {
		background:#e3171a;
		color:#fff;
		border:2px #e3171a solid;
	}
	 
	/*CAPCHA*/
	
	.CaptchaPanel {
		margin:0 0 0 0 !important;
		padding:0 0 0 0 !important;
		text-align: left !important;
		line-height:normal !important;
	}
	
	.CaptchaAnswerPanel input {width: 200px !important;}
	
	.CaptchaImagePanel {
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
	.CaptchaMessagePanel {
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
		font-weight:normal !important;
		font-size:12px;
		line-height:14px;
	}
	
	.CaptchaAnswerPanel {
		margin:0 0 0 0;
		padding:2px 0px 2px 0px !important;
	}
	
	.CaptchaWhatsThisPanel {
		line-height:0;
		margin:0 0 0 0;
		padding:8px 0 8px 0 !important;
	}
	.CaptchaWhatsThisPanel a {color:#000;}
	.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/***** SEARCH BOX *****/

	.search-box{ 
		background:#e3171a;
		display:block;
		padding:15px 0;
		margin:0 auto;
		text-align:center;
	}
		
	.search-box input {
		width:40%;
		padding:5px;
		color:#adadad;
		font-size:12px;
		background:#fff;
		display:inline-block;
		vertical-align:top;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}
	.search-box input.sm-button,
	.search-box input.sm-button:focus {
		width:17%; 
		margin:0;
		padding:6px 0;
		background:#000;
		display:inline-block;
		border:1px solid #000;
		text-transform:uppercase;
		line-height:14px;
		color:#fff;
		font-family: 'Oswald', sans-serif;
		font-size:16px;
	}
	.search-box input:focus{   outline:none}
	.search-box input.sm-button:hover {
		background:#333;
		cursor:pointer
	}


/***** FOOTER STYLES *****/

#hs-footer-wrapper {
	min-height: 545px!important;
}


	#bottom{
		background: #e6e6e6; 
		padding: 4em 0; 
	}
	 #bottom p{
		font-size: 16px;
		color: #000;
		line-height:28px
	}
	#bottom .fa{font-size: 25px; margin:5px 5px 0 0 }
	
	footer{
		background:#000; 
		/*padding: 4em 0;*/
		padding: 0px 0px;
	}
	a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline;font-size:13px;color:#adadad;}
	a.footerlink:hover {text-decoration:none; font-size:13px;color:#fff;}
	.footertext{font-size:13px; color:#adadad;}
	.smallfootertext{font-size:10px; color:#adadad;}

.divfooter {
		max-width:575px; 
		text-align:center; 
		margin:0 auto;
		padding: 25px 0px;
	}

	

/***** RESPONSIVE STYLES *****/

@media screen and (max-width: 1200px) and (min-width: 866px) {
	
	.sitewidth{padding: 0 25px;}
	.main{padding:2.5em 0}
	
}

@media screen and (max-width:1100px){
	.header{padding:0; border-bottom:none }
	#logo img{margin:0 auto}
	#logo{float:none; margin: 0 auto;}
	.black{background:#e3171a}
}

@media screen and (max-width:700px){
	.top-header{padding:5px 0;}
	.top-header-right, .top-header-left {float: none; width: 100%; text-align: center;}
	.top-header-right p, .top-header-left p{font-size:14px; line-height:20px}
	
	iframe.mapa { height:400px; margin:1em auto 0 auto}
	
}


@media screen and (max-width: 865px) and (min-width: 581px) {
	
	h1{font-size: 30px;}
	h2{font-size: 30px;}
	h3{font-size: 30px;}
	h4{font-size: 20px;}
	h5{font-size: 20px;}
	
	.hide{ display: none;}
	.fake-break{display: inline;}
	
	.sitewidth{padding: 0 25px;}
	
	.column2{ float: none; width: 100%; padding:10px 0; margin:0 auto}
	.column3{ float: none; width: 100%; padding:10px 0; margin:0 auto}
	.column4{ width: 48%;}
	
	.header{padding:0; border-bottom:none }
	#logo img{margin:0 auto}
	
	.main{padding:1.5em 0}
	#bottom {text-align:center; padding:1em 0}
	footer{padding:1em 0}
}


@media screen and (max-width: 580px){
	
	h1{font-size: 25px;}
	h2{font-size: 25px;}
	h3{font-size: 25px;}
	h4{font-size: 15px;}
	h5{font-size: 15px;}
	
	.hide{ display: none;}
	.fake-break{display: inline;}
	
	.sitewidth{padding: 0 25px;}
	
	.column2{ float: none; width: 100%; padding-right: 0; margin: 0 0 15px 0;}
	.column3{ float: none; width: 100%; padding-right: 0; margin: 0 0 15px 0;}
	.column4{ float: none; width: 100%; margin: 2% auto}
	
	.search-box input{width:70%}
	.search-box input.sm-button, .search-box input.sm-button:focus{width:24%}
	
	.header{padding:0; border-bottom:none }
	#logo img{margin:0 auto}
	
	.main{padding:1.5em 0}
	#bottom {text-align:center;padding:1.5em 0}
	footer{padding:1.5em 0}

}