/*
	Site developed by Karoline Dassie
	
	Color information
	- White: #fff
	- Beige: #e6ddc8
	- Red:#da1e1e
	- Black #050708
*/

/*===================== 
	CSS reset/normalize 
=======================*/

	/**Correct `block` display not defined in IE 8/9.**/
	article,aside,details,figcaption,figure,footer,header,hgroup,
	main,nav,section,summary {display: block;}
	pre {white-space: pre-wrap;}
	small { font-size: 80%;}

/*===================== 
	base styles 
=======================*/
	
	body {
		font-family: 'Roboto Condensed', sans-serif;
		-webkit-text-size-adjust: none;
		padding:0;
		margin: 0;
		background:#050708;
		line-height:normal;
		}
	
	svg:not(:root) {overflow: hidden;/*reset*/}
		
	/* clear floats */ 
	.group:before,
	.group:after {content: ""; display: table;} 
	.group:after {clear: both;}
	.group {zoom: 1;}	
	.clear { clear: both;}
	
	hr {
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		border-style: solid;
		height: 0;
		color:#f2f2f2;
		margin:2em auto;
	} 
	
	img { border: 0;} 
	.center{text-align:center}
	.sitewidth{max-width:1200px; margin:0 auto}

	.column1 {width:100%;}
	.column2 {width:47%; *width: 47%; float:left; margin-right:6%; box-sizing: border-box;}
	.column3 {width:33.33333%; *width: 30%; float:left; padding-right: 20px; box-sizing: border-box;}
	.column4 {width:25%; *width: 25%; float:left;  box-sizing: border-box;}
	.column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
	.column6 {width:16.66666%; *width: 14%; float:left; padding-right: 20px; box-sizing: border-box; margin: 0 0 20px 0;}
	
	.twothird{width:70%; *width: 70%; float:left;  box-sizing: border-box;}
	.onethird{width:30%; *width: 30%; float:left; box-sizing: border-box; }
	.onethird img{max-width: 100%}

	.last{padding-right:0; margin-right:0;}
/*===================== 
	Inventory
=======================*/	

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#da1e1e !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #da1e1e !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
.dealer-btns-bottom a {background: #da1e1e !important;}
.page-nav{background-color:#da1e1e!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#da1e1e!important}
.return-links span, .return-links i {color:#da1e1e!important;}





/*===================== 
	typography 
=======================*/

	::-moz-selection {
		background:#da1e1e;
		color: #fff;
		text-shadow: none;
	}
	
	::selection {
		background:#da1e1e;
		color: #fff;
		text-shadow: none;
	}
	
	strong,b { font-weight:900;}
	
	h1 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:33px;
		color:#da1e1e;
		font-weight:800;
        margin-bottom:15px;
	}
	
	h2 {
		text-transform:uppercase;
		font-size:23px;
		color:#050708;
		font-weight:800;
		}

	h3 {
		font-size:17px;
		color:#050708;
		font-weight:400;
		}
	
	h4{
		font-size:32px;
		color:#fff;
		font-weight:100;
		text-transform:uppercase;
	}
	
	 h5{
		font-size:18px;
		color:#050708;
		font-weight:700;
	 }

	 p {
		font-size:16px;
		font-weight:normal;
		line-height:1.9em;
		margin: 0;
		color:#050708;
	}

/*===================== 
	link styles 
=======================*/

	a:focus {outline: thin dotted;/*reset*/}

	a,
	a:link, 
	a:visited, 
	a:active {
		outline: 0;/*reset*/
		color:inherit; 
		text-decoration:none;
		}
		a:hover  {
			outline: 0;/*reset*/
			text-decoration: none!important;
			transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease;
			}
    article a:hover{color:#e6ddc8}
    

/*===================== 
	header styles 
=======================*/

	header {
		text-align:center;
		background:#e6ddc8;
		-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
		position: fixed;
        width: 100%;
		z-index: 999;
	}
    header a:hover{color: #da1e1e}

    #headleft h3 {text-align: left}
    #headright h3, #headright h2 {text-align: right}
    
	#headleft {float: left; width: 33.33%; margin-top: 33px}
	#headright {float: left; width: 33.33%; margin-top: 35px}
	#headmobile{display:none}

	.logo {float: left; width: 33.33%}

	.logo img{
		margin:10px auto;
		width:100%;
		display: block;
		max-width:222px;
		transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease;
	}
	.logo img:hover{opacity:0.5}
    #espaco{height: 122px;}

/*===================== 
	Button bottom
=======================*/	

    .started{
        background:url(../siteart/bottom_bg.jpg) 50%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding:4em 0;
    }

	.started{text-align:center;}

	.started h4{
		display:inline-block;
		text-align:center;
		vertical-align:middle;
	}

	a.btmbotao{ 
		text-align:center;
		width:160px; 
		padding:12px 0; 
		background:#e6ddc8; 
		display:block;
        font-weight: 900;
        color: #050708;
		text-align:center;
		font-size: 15px;
		text-transform:uppercase;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin:0 0 0 1.5em;
		display:inline-block
	}

	a.btmbotao:hover{ 
		color:#da1e1e; 
		background:#fff;
		opacity:1!important
	}

/*===================== 
	nav styles 
=======================*/
/* See menumaker.css */
	

/*===================== 
	layout styles 
=======================*/

	article{background:#fff}
	.pad{padding:2em 0}

    #mainphoto img{ width: 100%;display: block}

    #imgback{
        background:url("../siteart/background-img1.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 3em 0
    }

/*===================== 
	slideshow styles 
=======================*/
    .slides{width:100%;margin:0 auto;position:relative;}

    .topslide{position:absolute; top:0; padding: 2em 0; width:100%; z-index:999;}

    .cycle-slideshow img{width:100%;}

    /* pager */
    .cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; overflow: hidden;display:none;}
    .cycle-pager > * { cursor: pointer;}


/*============================== 
	FRAMELESS INVENTORY
==============================*/

	.hosted-content h1 {color:#da1e1e}
	.hosted-content .listings-wrapper .listings-list .listing-banner h2{color:#050708; font-size: 20px}
	.listings-wrapper .listing-boxed .listing-boxed-details h2{color:#da1e1e;}
	.listings-wrapper .listing-boxed .listing-boxed-details{padding:5px 15px 15px 15px}

/*============================== 
	CONTACT PAGE - FORM & more
==============================*/

	#comment-input {margin:1% AUTO; }

	#author.input-name, #lastname.input-name{
		border: 1px solid #d2d2d2;
		width: 30%;
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #747474;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;
		float: left;
		margin:10px 1.1% 0 0;
	}
	#author.input-name, #lastname.input-name{outline-color:#050708}

	#email.input-email {
		border: 1px solid #d2d2d2;
		width: 31.2%;
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #747474;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;
		float: left;
		margin:10px 0 0 0;
		}
		#email.input-email:focus{
			outline-color:#050708;
		}

	#inquiry.textarea-comment {
		border: 1px solid #d2d2d2;
		width: 98%;
		height: 100px;
		font-size: 14px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #747474;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;	
	}
	#inquiry.textarea-comment {outline-color:#050708;}

	#comment-submit {
		text-align: center;
		width:235px;
		margin:0 auto;
	}

	#form input {
		width: 100%;
		padding: 5px 10px;
		border:1px solid #DFDFDF;
		margin: 5px 0 15px;
		box-sizing: border-box;
	}

	#form textarea {
		width: 100%;
		padding: 10px;
		border:1px solid #DFDFDF;
		margin: 5px 0 15px;
		height: 70px;
		box-sizing: border-box;
	}

	.CaptchaPanel {
		margin:0 0 0 0 !important;
		padding:0 0 0 0 !important;
	}

	.CaptchaAnswerPanel input {
		width: 200px !important;
		border: 1px solid #d2d2d2;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;
		margin:10px auto;
	}
	.CaptchaAnswerPanel input:focus{outline-color:#050708;}

	.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;
		color:#050708;
	}

	.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:#737373;font-size: 13px}
	.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

	.contactbtn{
		margin:10px auto 0 auto;
		text-align:center;
	}

	.contactbtn input[type="submit"] {
		font-size: 15px;
		font-weight:900;
		padding:8px 0;
		line-height:normal;
		background:#da1e1e;
		width: 220px;
		color: #fff;
		display: inline-block;
		border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		outline: none;
		border: none;
		transition: all .2s ease-in-out; 
		-moz-transition: all .2s ease-in-out; 
		-webkit-transition: all .2s ease-in-out;
		cursor: pointer;
		position: relative;
	}

	.contactbtn input[type="submit"]:hover {
		background:#da1e1e;
		color: #fff;
		outline:none;
	}

    iframe.mapa{border:0; width:90%; float: right;height: 330px}


/*===================== 
	FOOTER
=======================*/
	
	.bottom {
        width: 100%;
        background:#050708;
        padding:2em 0;
    }

    .footright{float: left; width: 50%;}
    .footleft{float: left; width: 50%;}

    .footleft ul li a{color:#fff; text-transform: uppercase; font-size: 15px; font-weight:700; line-height: 22px;}    
    .footleft ul li a:hover{color:#e6ddc8}

	a.footerlink:link,
	a.footerlink:visited, 
	a.footerlink:active {
		text-decoration: none; 
		font-size:12px;
		color:#e6ddc8;
		}
		a.footerlink:hover {
			text-decoration:underline; 
			color:#fff;
		}
	.footertext {
		font-size:12px; 
		color:#e6ddc8;
		}
	
	.smallfootertext {
		font-size:12px; 
		color:#e6ddc8;
		}
	
	.divfooter {
		max-width:100%; 
		line-height: 1.3em;
		width:100%;
		text-align:right; 
		margin:0;
		color:#e6ddc8;
		}
	

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

@media screen and (max-width: 1280px) {
	.title{font-size:22px}
}

 
/* iPads (portrait and landscape) ----------- */
 
@media screen and (max-width: 1100px) {
	.sitewidth{width:96%; margin:0 auto}
	#content{width:90%; margin:0 }
}

@media screen and (max-width: 980px) {
	
	#email.input-email {
		width: 88%;
		padding: 8px 1%;
		float: none;
		margin:2% auto;
		position:relative;
		display:block;
	}
	#author.input-name, #lastname.input-name {
		width: 88%;
		padding: 8px 1%;
		float: none;
		margin:2% auto;
		position:relative;
		display:block;
	}
	#comment-textarea{
		width: 90%;
		padding:  0;
		float: none;
		margin:0 auto;
	}
	.onethird{
		float:left;
		width:40%;
	}
	.twothird{
		float:left;
		width:60%;
	}
	
}
 
@media screen and (max-width: 768px) {
	.hosted-content h1{text-align:left}
	h1{text-align:center}
	h2{text-align:center}
	h3{text-align:center}
	p{text-align:center}
	.topslide p{text-align:center}
	
	.column2 {
		width:100%;  
		float:none; 
		text-align:center
	}
	.onethird{
		width:100%; 
		float:none; 
		margin: 10px auto 30px auto;
		text-align:center
    }
	.twothird{
		width:100%; 
		float:none; 
		text-align:center;
		padding:0
	}
    
    iframe.mapa{width:90%; float: none;}
    
    .pad{padding:2em 0}
    .started{padding: 2em 0}
    
    a.btmbotao{font-size: 18px}
    
    .footleft ul li a {font-size: 18px;line-height: 28px;}
    .footleft, .footright{width: 100%;  float: none; margin: 0 auto; text-align: center;}
    .divfooter {text-align:center; margin:15px auto 0 auto;}
}

/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 736px){
	header{padding:10px 0;}
	#headleft{display:none}
	#headright{display:none}
	#headmobile{display:block}
    #espaco{height: 225px;}
    
	.logo {float:none; width:100%}
	.logo img{
		margin:0 auto 5px auto;
		max-width:200px;
	}
	
	.started{text-align:center;}
	.started h4{display:block;}
		
	a.btmbotao{ 
		width:100%; 
		margin: 1em auto;
		display:block;
        padding: 15px 0;
	}
}