/*Website Designer: Karoline Dassie

    Main Colors
    - Blue: #336799
    - White: #fff
    - Green: #42ab71
    - Gray: #c9cacb
    - Black: #242424
*/

/* ==================================  
    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 
{border: 0;margin: 0;padding: 0;}
article, aside, figure, footer, header, nav, section 
{display: block;padding:0;}
*{border:0;margin:0;padding:0;}
#nbfc {
    overflow: hidden;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    *zoom: 1;
}
#cf {
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    *zoom: 1;
}
#cf:before, #cf:after{
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden; 
}
.clear{clear: both}

/* ==================================  
    LAYOUT
==================================  */
    body, html{
        background:#336799 url("../siteart/blue-bg.JPG")repeat!important;
        -webkit-text-size-adjust: none; 
        font-family: 'Oswald', sans-serif !important;
    }

    ::-moz-selection{color:#fff;background:#336799;}
    ::selection{color:#fff; background:#336799;}

    .column1 {width:100%;}
	.column2 {width:50%; float:left; box-sizing: border-box;}
	.column3 {width:33.33%; float:left; padding:0 ; box-sizing: border-box;}
	.column4 {width:23%; margin-right:2%; float:left;  box-sizing: border-box;}
	.column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
    .column6 {width:16%; float:left; padding-right:1%; box-sizing: border-box;}
	
	.twothird{width:60%; float:left;  box-sizing: border-box;}
	.onethird{width:40%; float:left; padding-right: 30px; box-sizing: border-box; text-align:left}
	.dois-terco{width:70%; float:left; padding-right: 30px; box-sizing: border-box;}
	.um-terco{width:30%; float:left; box-sizing: border-box; }
	
	.last{padding-right:0; margin-right:0!important;}
	.center{text-align:center}

    .width {margin: 0 auto; width: 90%;}
    .widthinv {margin: 0 auto; width: 90%;}
    .pad{padding:2em 0;}

/* ==================================  
    TYPOGRAPHY
==================================  */
    h1 { font-size: 34px; color:#3c669b; font-weight: 900; text-transform:uppercase;}
    h2 { font-size: 34px; color:#525252; font-weight: 900; margin-bottom:5px;}
    h3 { font-size: 27px; color:#3c669b; font-weight: 900; margin-bottom:20px;}
    h4 { font-size: 24px;}
    h5 { font-size: 20px; color: #000; font-weight: 300}
    h6 { font-size: 17px;}

    /* weights */
    .light{font-weight: 300}
    .regular{font-weight: 500}
    .bold{font-weight: 600}
    strong{font-weight: 900}

    p{font-size:15px;line-height:normal; color: #424242;}
    .arial{font-family: Arial, "sans-serif"; line-height: 24px}
    p strong{font-weight: 900}
    .smaller{font-size:10px;line-height:16px!important;margin-bottom:3px!important;}
    .small{font-size:12px;line-height:18px!important;margin-bottom:6px!important;}
    .large{font-size:16px;}
    .larger{font-size:18px;line-height:32px;}

    .textdropshadow{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.88);}
    .textdropshadow-lg{text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);}

    /*text color*/
    .white{color:#fff;} .black{color:#424242;} .lightgrey{color:#c1c1c1;} .grey{color:#484649;} .darkgrey{color:#343434;} .blue{color:#336799;} .green{color:#42ab71;}

/* ==================================  
    LIST
==================================  */
    ul.list{list-style:inside;font-size:14px;}
    ul.list li{padding:2px 0 8px 0;}
    ul.list-nobullet{list-style:none;font-size:14px;}
    ul.list-nobullet li{padding:2px 0 8px 0;}
    ol{font-size:14px;margin:0 0 15px 25px!important;}
    ol li{padding:3px 0;}

/* ==================================  
    LINKS
==================================  */
    a:focus, a:link, a:visited{color:#424242; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out;}
    .shadow-hover{transition:all 0.5s ease;}
    .shadow-hover:hover{-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.82);-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.82);box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.82);;opacity:1;}

    
/* ==================================  
    BUTTONS
==================================  */
    a.botao{
        display: block; 
        margin: 10px auto 0 auto; 
        background:#3c669b; 
        padding: 10px 0; 
        width: 400px;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        text-decoration: none;
    }
    a.botao:hover{background:#000 }
    a.green-text:focus, a.green-text:link, a.green-text:visited{color:#3c669b;}

/* ==================================  
    BG COLOR
==================================  */
    .white-bg{background-color:#fff;} 
    .black-bg{background-color:#000;} 
    .lightgrey-bg{background-color:#e3e3e3;} 
    .grey-bg{background-color:#484649;} 
    .darkgrey-bg{background-color:#343434;} 
    .blue-bg{background-color:#336799;} 
    .green-bg{background-color:#e3e3e3}
    .white-bg-trans{background:rgba(255,255,255,0.15);} .ie8 .white-bg-trans{background:#fff;} .ie7 .white-bg-trans{background:#fff;} 
    .black-bg-trans{background:rgba(0,0,0,0.55);} .ie8 .black-bg-trans{background:#000;} .ie7 .black-bg-trans{background:#000;} 
    .lightgrey-bg-trans{background:rgba(147,147,147,0.8);} .ie8 .lightgrey-bg-trans{background:#e3e3e3;} .ie7 .lightgrey-bg-trans{background:#e3e3e3;} 
    .darkgrey-bg-trans{background:rgba(48,48,48,0.8);} .ie8 .darkgrey-bg-trans{background:#343434;} .ie7 .darkgrey-bg-trans{background:#343434;} 
    .red-bg-trans{background:rgba(161,53,41,0.8);} .ie8 .red-bg-trans{background:#336799;} .ie7 .red-bg-trans{background:#336799;} 
    .darkred-bg-trans{background:rgba(91,15,10,0.8);} .ie8 .darkred-bg-trans{background:#42ab71;} .ie7 .darkred-bg-trans{background:#42ab71;} 


/* ==================================  
    HEADER
==================================  */
    .headleft{text-align: left; width:33.33%; float:left; box-sizing: border-box; display: inline-block; margin-top: 15px}
    .headleft a{text-decoration: none;}
    .headleft .blue a,.headleft .blue a:focus,.headleft .blue a:link,.headleft .blue a:visited{color:#336799}

    .headmid{text-align: center; width:33.33%; float: left; box-sizing: border-box; display: inline-block}
    .headmid img{ width: 170px; text-align: center; display: block; margin: 5px auto; }

    .headright{text-align: right; width:33.33%; float: right; box-sizing: border-box; display: inline-block}
    .headright img{ width: 280px;max-width: 100%;}
    
    
/* ==================================  
    HOME PAGE
==================================  */
    .meio{
        text-align: center; 
        border-top: 1px solid #b7b7b7; 
        border-bottom:1px solid #b7b7b7;
        margin: 2em auto;
        padding: 1em 0 2em 0;
    }
    .meio h5{margin-top: 5px;}
    .mapa{width: 100%; height: 200px; display:  block;}
    .btmcont a{text-decoration: none}
    .btmcont{line-height: 30px;}
    .caixinha{
        background: #e3e3e3; 
        text-align: center;
        padding: 25px 0;
        margin-right: 5%;
        width: 45%;
    }

/* ==================================  
    SCROLLING INVENTORY
==================================  */
    .scrolling-wrap{width: 100%; height: 90px;overflow: hidden}
    .scrolling{width: 100%;height: 92px;}


/* ==================================  
    NAVIGATION - jquery.mmenu.css?v=1.1
==================================  */
   

/* ==================================  
    SLIDESHOW
==================================  */
    #slidehold{position:relative;width:100%;height:350px;overflow:hidden;top:0;margin-bottom:0;z-index:1; background-color: #336799;}
    #slidehold img{overflow:hidden;}
    #slidehold .overslide-text{top:auto;background:auto;width:auto;height:auto;}
    .top-pad-slide{padding-top: 150px}

/* ==================================  
    FORM
==================================  */
    .form-bg{background:#000;padding:10px;}
    #form label.srch-lbl{color:#fff;font-size:13.5px;margin:10px 0 0 0;}
    #form input.srch-txt{padding:4px 7px;border:1px solid #B1B1B1;color:#424242;font-size:14px;margin:0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;}
    #form textarea {padding:6px 5px;border:1px solid #B1B1B1;color:#424242;font-size:14px;height:120px;
     -webkit-appearance: none;
      -webkit-border-radius: 0;
    border-radius: 0;}
    #form select {padding:0px 5px;border:1px solid #B1B1B1;color:#424242;font-size:14px;margin:0;
     -webkit-appearance: none;
      -webkit-border-radius: 0;
    border-radius: 0;}
    #form option{padding:2px;
     -webkit-appearance: none;
      -webkit-border-radius: 0;
    border-radius: 0;}

    #form .srch-button{color:rgba(255, 255, 255, 0.0);padding:0;margin:0;font-size: 20px;text-decoration:none;text-transrom:uppercase;cursor:pointer;border:solid 2px #42ab71; background:url(../siteart/search-icon.png) center #336799 no-repeat;background-size:70%;height:33px; 
    -webkit-appearance: none;
      -webkit-border-radius: 0;
    border-radius: 0;}
    #form .srch-button:hover{color:rgba(255, 255, 255, 0.0);background:#42ab71 url(../siteart/search-icon.png) no-repeat center; background-size:70%;border:solid 2px #336799;}

    #invform label.srch-lbl{font-family:Arial, "Helvetica LT Std", sans-serif, Cambria;color:#424242;font-size:12px;margin:10px 0 5px 0;padding:4px 0 2px 0;}
    #invform input.srch-txt{padding:8px 6px;border:1px solid #B1B1B1;font-family:arial;color:#424242;font-size:13px;margin:0;width:100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
     -webkit-appearance: none;
    }
    #invform select {padding:6px 6px;border:1px solid #B1B1B1;font-family:arial;color:#424242;font-size:13px;margin:0;width:100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
     -webkit-appearance: none;}
    #invform option{
        padding:2px;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    #invform .srch-button{
        color:rgba(255, 255, 255, 0.0);
        padding:0;
        margin:0;
        font-size: 20px;
        text-decoration:none;
        text-transrom:uppercase;
        cursor:pointer;
        border:solid 2px #42ab71;
        background:url(../siteart/search-icon.png) center #336799 no-repeat;
        background-size:70%;
        height:33px;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    #invform .srch-button:hover{color:rgba(255, 255, 255, 0.0);background:url(../siteart/search-icon.png) center #42ab71 no-repeat;background-size:70%;border:solid 2px #336799;}

    #invform input.srch-txt::placeholder{color:#AFAFAF!important}
    #invform select::placeholder{color:#AFAFAF!important}
    #invform option::placeholder{color:#AFAFAF!important}

    .first-search{padding:0px!important;}
    .middle-search{padding:0 10px 0 10px!important;}
    .last-search{padding:0px!important;}

    /*control the Captcha */
    .CaptchaPanel {margin:0!important;padding:0!important;text-align:center;line-height:normal!important;color:#000;}
    .CaptchaImagePanel {margin:0;padding:0;}
    .CaptchaMessagePanel {padding:0!important;margin:0!important;font-weight:normal !important;font-size:12px;line-height:13px;}
    .CaptchaAnswerPanel {margin:0;padding:2px 0px 2px 0px!important;}
    .CaptchaWhatsThisPanel {line-height:0;margin:0;padding:3px 0!important;}
    .CaptchaWhatsThisPanel a {color:#000;padding:0!important;margin:0!important;font-size:12px;}
    .CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/* ==================================  
    CATEGORY
==================================  */
    .brushedmetal-bg{background:url(../siteart/brushedmetal-bg.jpg) top repeat;}
    /* zoom */
    .zoom-container{position: relative;overflow:hidden;display:inline-block;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box; padding:15px 0;}
    .zoom-container img {display:block;width:100%;height:auto;border:solid 6px #171717;
    -webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease;}
    .zoom-container:hover img {-webkit-transform:scale(1.25); /* Safari and Chrome */-moz-transform:scale(1.25); /* Firefox */-ms-transform:scale(1.25); /* IE 9 */-o-transform:scale(1.25); /* Opera */transform:scale(1.25);}
    .zoom-container:hover .zoom-caption {background: none;}


/* ==================================  
    FOOTER
==================================  */
    .footer{background: #c9cacb;}
    a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:11px;color:#848484;}
    a.footerlink:hover {text-decoration:none; font-size:11px;color:#fff;}
    .footertext{font-size:11px;color:#848484;}
    .smallfootertext{font-size:11px;color:#848484;}
    .divfooter {width: 80%; text-align:center; margin:0 auto; color:#848484; line-height: 17px;}


/* ==================================  
    OLD BROWSERS
==================================  */
    .ie7 .noseven{display:none!important;}
    .ie8 .noeight{display:none!important;}
    .onlyseven{display:none!important;}
    .onlyeight{display:none!important;}
    .ie7 .onlyseven{display:block!important;}
    .ie8 .onlyeight{display:block!important;}
    .ie9 #slidehold{background:url(../siteart/slide1.jpg) center center;}
    .ie8 #slidehold{background:url(../siteart/slide1.jpg) center center;}
    .ie7 #slidehold{background:url(../siteart/slide1.jpg) center center;}
    .ie8 .black-bg-trans{width:400px!important;}
    .ie7 .black-bg-trans{width:400px!important;}
    .ie7 #form .srch-button{color:rgba(255, 255, 255, 1)!important;background-image:none;}
    .ie7 #form .srch-button:hover{color:rgba(255, 255, 255, 1)!important;background-image:none;}
    .ie8 #form .srch-button{color:rgba(255, 255, 255, 1)!important;background-image:none;}
    .ie8 #form .srch-button:hover{color:rgba(255, 255, 255, 1)!important;background-image:none;}
    .ie8 .con-loc-sec .text-right{text-align:center;}
    .ie8 .con-loc-sec .text-left{text-align:center;}
    .ie7 .con-loc-sec .text-right{text-align:center;}
    .ie7 .con-loc-sec .text-left{text-align:center;}


/* ==================================  
    FRAMELESS INVENTORY
==================================  */
    .hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}
    .hosted-content #listings-title {font-size: 22px!important;}
    .hosted-content h5 {font-size: 16px;}
    .hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-size: 20px;}
    .hosted-content .m-tb-20 { margin: 0!important;color: #42ab71;}
    .hosted-content .listings-wrapper .listings-list .category-banner h3 {line-height: normal!important;font-size: 17px!important;}
	.view-listing-details-link, .des-view-listingDetails{
		color: white !important;
	}
/* ==================================  
    RESPONSIVE STYLES
==================================  */

@media screen and (max-width:1200px){
    /* ---- form ---- */
    #form label.srch-lbl{margin:5px 0 0 0;padding:0 0 3px 0!important;}
    #form .srch-button{background-size:45%;}
    #form .srch-button:hover{background-size:45%;}
}

@media screen and (max-width:992px){
    h1 {font-size: 25px;}
    h2 {font-size: 29px;}
    h3 {font-size: 23px;}
    .width {width: 95%;}
    .widthinv { width:100%;}
    #slidehold {height: 250px;}
    .top-pad-slide {padding-top: 100px;}
    
    /* ---- form ---- */
    .form-bg{padding:8px 15px 15px 15px;}
    .first-search{padding:2px 0px!important;}
    .middle-search{padding:2px 0px!important;}
    .last-search{padding:2px 0px!important;}
    #form .srch-button{background-size:17%;}
    #form .srch-button:hover{background-size:17%;}
}

@media screen and (max-width:768px){
    #form .srch-button{background-size:22%;}
    #form .srch-button:hover{background-size:22%;}
    .headmid img {width: 155px;}
    .btmcont{text-align: center}
    .caixinha {padding: 25px 0;margin: 0 auto 20px auto; width: 100%;}
    .column2 {width: 100%;float: none;}
    .mapa {margin-top: 20px;}
    .centromobile{text-align: center}
}

@media screen and (max-width:600px){
    h2 {font-size: 26px;}
    .brushedmetal-bg {padding: 1em 0;}
    
    #form .srch-button{background-size:35%;}
    #form .srch-button:hover{background-size:35%;}
}

@media screen and (max-width:500px){
    .headmid {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .headmid img{margin: 0 auto;padding: 8px 0;width: 140px;}
    .headright, .headleft{display: none}
    a.botao{width: 90%;}
    
}

@media screen and (max-width:260px){
    #form .srch-button{background-size:14%;}
    #form .srch-button:hover{background-size:14%;}
}