﻿/*
	Site Developed by Karoline Dassie
	
	Main Colors:
	Orange: #b85700
	Dark Orange: #67230a
	Dark Green: #063f1c
	Med Green: #084d22
	Light Green : #667523
*/

/*==================================================

	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;
}

.clear{clear:both}

.showmobile{display:none}
.hidemobile{display:block}

/*==================================================

	TYPOGRAPHY
	
====================================================*/

    a:link, a:visited {color:#063f1c; text-decoration:none;}
    a:hover, a:active {color:#242424; text-decoration:none;transition: all 300ms ease;}
        .info-cont a:link,.info-cont a:visited {color:#667523; text-decoration:none; font-weight:700}
        .info-cont a:hover,.info-cont a:active {color:#063f1c; text-decoration:none; font-weight:700}

    p{margin-bottom:18px; font-size:13px; line-height:18px;}
    .info-cont p{margin:0 1.7% 18px 0; font-size:13px; line-height:18px; display:inline-block}

    h1,h2,h3,h4,h5{line-height:normal;}
    h1{font-family: 'Bitter', serif; margin-top:10px; font-size:16px; color:#000000; text-transform:uppercase; }
    h2{font-size:18px; font-style:italic; margin-bottom:5px; }
    h3{font-size:21px; color:#063f1c; }
    h4{font-size:15px;}
    h5{font-size:13px; color:#063f1c;}

    #special{
        background: rgba(8,77,33,1);
        background: -moz-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,77,33,1)), color-stop(100%, rgba(4,55,24,1)));
        background: -webkit-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: -o-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: -ms-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: linear-gradient(to bottom, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084d21', endColorstr='#043718', GradientType=0 );
        line-height:normal;
        padding: 15px 0;
        margin:0px auto 0.5em auto;
        text-align:center;
        text-transform:uppercase;
        color:#FFF;
        font-weight:900;
        font-size:25px;


        display:flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    #special:hover{background:#084d22}

    #special a {
        color: white;
        margin: 0 15px;
    }
    .centrar{text-align: center}


 #under-special{
        background: rgba(8,77,33,1);
        background: -moz-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,77,33,1)), color-stop(100%, rgba(4,55,24,1)));
        background: -webkit-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: -o-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: -ms-linear-gradient(top, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        background: linear-gradient(to bottom, rgba(8,77,33,1) 0%, rgba(4,55,24,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084d21', endColorstr='#043718', GradientType=0 );
        line-height:normal;
        padding: 15px 0;
        margin:0px auto 0.5em auto;
        text-align:center;
        text-transform:uppercase;
        color:#FFF;
        font-weight:900;
        font-size:25px;


        display:flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }


/*==================================================

	FRAMELESS INV
	
====================================================*/

    .hosted-content #listings-title{color:#b85700!important }
    .subir{margin-top: -10px; background: #fff}
    .hosted-content .contact{float: left!important}
    .hosted-content a.widget-email {
        background: #b85700!important;
}
 

.hosted-content .btn {
    background: rgba(8,78,34,1) !important;
}


/*==================================================

	SITEFRAME
	
====================================================*/

    body {
        font-family: Arial, Helvetica, sans-serif;
        background:#FFF url('../siteart/bg.jpg') repeat-x;
        color:#242424;
        line-height:18px;
        -webkit-text-size-adjust: none; 
    }

    .left{float:left;}
    .left-padit{float:left; margin:0px 10px 0px 0px;}
    .right{float:right; text-align:right}
    .right-padit{float:right; margin:0px 0px 0px 10px;}
    .clear-it{clear:both;}
    .border-it{border:1px solid #ccc; margin:0px 0px 10px;}

    .onethird{float:left; width:29%; background:#000}
        .onethirdmid{float:left; width:29%; margin:0 6.5%; background:#000}
    .half{width:50%; float:left;}

    .wrap {
        margin:0 auto;
        max-width:994px;  /** Change to appropriate table width **/
    }

    #content{ padding:2em 0;}

    .divide{padding:0 0.5em}

/*==================================================

	HEADER
	
====================================================*/

    #header{
        background: rgba(8,78,34,1);
        background: -moz-linear-gradient(top, rgba(8,78,34,1) 0%, rgba(5,55,24,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,78,34,1)), color-stop(100%, rgba(5,55,24,1)));
        background: -webkit-linear-gradient(top, rgba(8,78,34,1) 0%, rgba(5,55,24,1) 100%);
        background: -o-linear-gradient(top, rgba(8,78,34,1) 0%, rgba(5,55,24,1) 100%);
        background: -ms-linear-gradient(top, rgba(8,78,34,1) 0%, rgba(5,55,24,1) 100%);
        background: linear-gradient(to bottom, rgba(8,78,34,1) 0%, rgba(5,55,24,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084e22', endColorstr='#053718', GradientType=0 );
        width:100%;
        color:#fff;
        padding:12px 0;
    }

    .head-third{float:left; width:60%; text-align:center}
        .head-third img{width:100%}
    .head-nd{float:left; width:20%;margin-top:20px;}

    .head-nd a:link,.head-nd a:visited, .head-nd a:hover,.head-nd a:active {color:#fff!important; text-decoration:none;}

    .slogan{text-align:center; margin:0 auto 1em auto;}
        .slogan img{width:100%;}

    a.ligar{ color: #fff!important; border: 1px solid #fff; padding: 8px 33px; font-weight: 600; display: inline-block; margin: 5px auto 0 auto}
    a.ligar:hover{ color: #fff; border: 1px solid #fff; background:#b85700; transition: all 300ms ease; }


/*==================================================

	NAVIGATION
	
====================================================*/

    #navicon {
        float: left;
        font-size: 30px;
        text-decoration: none;
        position: relative;
        z-index: 99999999999999999;
        color:#fff;
        background:#b85700;
        margin-top:10px;
        padding: 5px 10px 4px;
        border-radius: 5px;
    }

    #nav{ background:#b85700;  z-index:999; display: block; position: relative;}

    #nav ul{
        list-style:none;
        position:relative;
        z-index: 9999;
    }

    #nav ul li a{
        display:block;
        text-decoration:none;
        color:#fff;
        font-weight:bold;	
        background:#b85700;
        text-shadow:0px 1px 2px rgba(0,0,0,.8);
        padding:10px 30px;
        font-size:13px;
    }

    #nav ul a:hover{
        background:#67230a
    }

    #nav ul li{
        position:relative;
        float:left;
        zoom: 1;
        *display: inline;
    }

    #nav ul ul{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        padding:0;
        width:160px;
    }

    #nav ul ul li{
        float:none;
    }

    #nav ul ul a{
        padding:7px 10px;
        margin:0 ;
        font-size: 12px;
        color:#fff;
        text-shadow:none;
        background:#667523;
    }

    #nav ul ul a:hover{
        background: #fff;
        color:#667523;
        text-shadow:none;
    }

    #nav ul li:hover > ul{
        display:block
    }

    .contact{display:block; float:right}
    #nav li.contact{
        background:#667523;
        padding:5px 10px;
        width:175px;
        float:right;
        font-size:14px;
        color:#fff;
        -moz-box-shadow:3px 3px 3px -3px rgba(0,0,0,.9), -3px 0px 3px -3px rgba(0,0,0,.9);
        -webkit-box-shadow:3px 3px 3px -3px rgba(0,0,0,.9), -3px 0px 3px -3px rgba(0,0,0,.9);
        box-shadow:3px 3px 3px -3px rgba(0,0,0,.9), -3px 0px 3px -3px rgba(0,0,0,.9);
    }

    #nav li.contact a{
        background:#667523;
        font-style:italic;
        font-weight:bold;
        text-align:right;
        padding:2px 0px 0px;
    }

    #nav li.contact a:hover{
        background:none;
        text-decoration:underline;
    }

/*==================================================

	CONTENT
	
====================================================*/

    a.finbtn{
        display: block; 
        float: left; 
        width: 100%; 
        margin: 1.5%; 
        padding: 15px 0; 
        text-align: center; 
        border: 1px solid #ccc;
    }
    a.finbtn:hover{background: #000; color: #fff}

/*==================================================

	NEW - ZOOM CATEGORY BOXES
	
====================================================*/

    .grid {
        position: relative;
        clear: both;
        margin: 0 auto;
        width: 100%;
        list-style: none;
        text-align: center;
        text-transform: uppercase;
        padding: 30px 0;
    }

    /* Common style */
    .grid figure {
        position: relative;
        float: none;
        overflow: hidden !important;
        width: 100%;
        text-align: center;
        cursor: pointer;
        display:block;
        vertical-align: top;
        margin-inline-start: 0;
        margin-inline-end: 0;
        margin: 0;
    }

    .grid figure img {
        position: relative;
        display: block;
        min-height: 99.9%;
        max-width: 99.9%;
        opacity: 0.8;
    }
    
    .apertar{
            position: relative;
            float: left;
            width: 31.8%;
            text-align: center;
            cursor: pointer;
            display: block;
            margin: 5px;
            vertical-align: top;
    }
    a.aper {
        background: #F27124; 
        display: block; 
        padding: 10px 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
    }

    .grid figure figcaption {
        padding: 1px;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        font-weight: 700;
    }

    .grid figure figcaption::before,
    .grid figure figcaption::after {
        pointer-events: none;
    }

    .grid figure figcaption,
    .grid figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 99.9%;
        height: 99.9%;
    }

    figure.effect-julia img {
        max-width: 100%;
        height: auto;
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-julia:hover img {
        opacity:1;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1);
    }


    #texture-bg{
       /* background:#000 url('../siteart/texture-bg-new.jpg') center center no-repeat;*/
         background:#fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width:100%;
        height:auto;
    }

    #mid{padding:3em 0; /*margin-top:-10px*/}
    #texture-bg .grid{padding:  60px 0 30px 0!important}

/*==================================================

	OLD CATEGORY BOXES
	
====================================================*/
    
    /*#texture-bg{
        background:#63210b url('../siteart/texture-bg.jpg') top center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width:100%;
        height:auto
    }
    
    a.inv{
        display:block;
        width:100%;
        max-width:280px;
        height:176px;
        margin:0px auto;
        color:#fff;
        letter-spacing:0.05em;
        text-shadow: 0px 1px 1px #2E2E2E;
        font-size:18px;
        padding:10px 0 0 3%;
        font-style:italic;
        text-decoration:none;

        -webkit-filter: brightness(100%);
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
          transition: all 1s ease;
    }

    a.inv:hover{-webkit-filter: brightness(70%); text-decoration:none; opacity:0.6; box-shadow:none}

    a#trucks{background:url('../siteart/trucks.jpg') no-repeat;}
    a#tractors{background:url('../siteart/tractors.jpg') no-repeat;}
    a#machinery{background: url('../siteart/loaders.jpg') no-repeat;}

*/
    
/*==================================================

	SEARCH FORM
	
====================================================*/

    .fundoform{background:#EFEFEF}
    .search-wrap {padding:45px 0; margin: 0 auto 20px auto}
    .search-wrap img{width:100%;}

    .column4 {width:24.5%; *width: 25%; float:left; padding-right:1.5%; box-sizing: border-box; margin-top:5px;}
    .last{padding-right:0 !important;}

    .form-select select{ outline-color:#667523;}
    .inventory-search select:focus { outline-color:#667523;}
    .inventory-search input:focus{ outline-color:#667523;}

    .form-select {width:45%; margin:0 auto 30px auto;}
    .form-select h4 {color:#a9a9a9; text-indent:8px;}

    .form-select select {font-size:17px; line-height:17px; text-transform:uppercase; color:#7d7d7d !important; background-color: #e9e9e9 !important; border: 1px solid #696969 !important;}

    .inventory-search select {
        width: 100%;
        margin: 4px 0;
        padding: 10px 10px;
        color: #a6a6a6;
        font-size: 14px;
        line-height: 14px;
        vertical-align: middle;
        background-color: #f5f5f5;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        box-sizing: border-box;
        border: 1px solid #cfcfcf;
        border-radius: 8px;
    }
    .inventory-search .double-field:nth-of-type(2) {
        margin: 4px 0 !important;
    }
    .inventory-search input[type="text"] {
        -webkit-appearance: none;
        width: 100%;
        margin: 4px 0;
        padding: 10px 0;
        color: #a6a6a6;
        font-size: 15px;
        line-height: 15px;
        text-indent: 10px;
        vertical-align: middle;
        background-color: #f5f5f5;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        box-sizing: border-box;
        border: 1px solid #cfcfcf;
    }
    .inventory-search .double-field {
        width: 49% !important;
        float: left;
        margin: 4px 2% 4px 0 !important;
    }

    /*  SUBMIT ----------*/
    .inventory-search input[type="submit"] {
        -webkit-appearance: none;
        width: 100%; 
        font-size: 15px;
        font-weight: 500;
        background: rgba(8,78,34,1);
        margin:4px 0;
        padding:10px 0;
        color: #fff;
        outline: none;
        border: none;
        display: inline-block;
        text-transform:capitalize;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        cursor: pointer;
    }

    .inventory-search input[type="submit"]:hover, .inventory-search input[type="submit"]:focus, .inventory-search input[type="submit"]:active {
        color:#fff; background-color: #667523;
    }

/*==================================================

	SCROLLING INVENTORY
	
====================================================*/

    .scrolling-wrap {
        width:100%;
        height:90px;
        overflow:hidden;
        background:#511908;
        padding:1em 0;
    }

    .scrolling{
        width:100%;
        height:92px;
    }

/*====================================================

	ADV SEARCH HOME PAGE BOTTOM

====================================================*/

    .header-search{
        display:block;
        background: #000;
        padding: 5px 10px 10px 10px;
    }
    .search-select a, .searchTerm{font-size:12px;}
    .search{display:none; padding: 0 1%; position: relative;}
    .searchTerm{width:  calc(100% - 90px); padding:10px 0; font-size: 15px; line-height: 17px; text-indent: 15px; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none;}
    .searchButton{
        width:85px;
        color: #fff !important;
        background:#b85700 !important;
        padding:10px 0 !important;
        margin:0 !important;
        text-transform:none !important;
        letter-spacing:0 !important;
        float:none !important;
        -webkit-border-radius:0 !important;
        -webkit-appearance: none;
        box-sizing:border-box;
        border:0 !important;
        border-radius:0 !important;
        font-size: 13px !important; 
        line-height: 17px; 
    }
    .search-select{width:100%; margin:0 ; padding:0; font-size:12px;}
    .search-select a{
        float: left;
        width: 22.5%;
        cursor: pointer;
        margin: 1%;
        padding: 10px 0;
        font-weight: 900;
        text-transform: uppercase;
        display: block;
        background: #b85700;
        text-align: center;
        color: #fff;
        box-sizing: border-box;
        border: 1px solid #b85700;
        }
    .search-select a:hover{color: #b85700!important; background:#fff;}
    a.active{color: #fff!important; background:#b85700;}
    .search-active{display: block;}

    .searchbtn {
        display: inline-block;
        vertical-align: middle;
        margin-left:3%;
        cursor: pointer;
    }
    input {
        width: 240px;
        margin-top: 1%;
        border: #eee 2px solid;
        padding: 1%;
    }
    .searchButton {
        background: #000;
        color: #fff;
        font-weight: bold;
        font-family: sans serif;
        text-transform: uppercase;
        border: none;
    }
/*==================================================

	FORM CONTACT PAGE
	
====================================================*/

    .locsqr{float: left; width: 49%; margin: 0.5%; border:1px solid #ccc; padding: 1%}
    .locsqr h4{font-size: 20px}
    
    .formcont{ background:#f8f8f8; padding: 2%; margin: 1em auto}
    .formcont p{color: #fff; font-weight: 700; font-size: 14px}

    .order-form{display:block;}
    .order-form label{
        display:block;
        font-size:16px;
        padding-top: 4%;
        width:100%;
    }
    .order-form input{
        border: #ccc solid 1px;
        border-radius: 2px;
        padding: 12px;
        font-size:14px;
        box-sizing:border-box;
        margin:0 1% 10px 0  ;
        width: 99%;
        font-family: 'Source Sans Pro', sans-serif;
}
    .order-form input.half{width:49%;float:left;}

    .order-form input:focus{ outline: #667523 solid 1px!important;}

    .order-form input.button2{
        display:block;
        width:200px;
        padding: 10px 0;
        margin:10px 0 0 0;
        background-color:#000;
        color:#fff;
        border: 0;
        -webkit-transition:.3s ease-in;  
        -moz-transition:.3s ease-in;  
        -o-transition:.3s ease-in;  
        transition:.3s ease-in;
    }

    .order-form input.button2:hover{
        background-color:#787878;
        cursor:pointer;
    }

    .order-form select{
        border:#ccc solid 1px;
        border-radius: 2px;
        padding: 2%;
        font-size:14px;
        box-sizing:border-box;
        width:98%;
        margin:0 1% 10px;
        color:#969696;
    }
    .order-form select.half{width:48%;float:left;}

    .order-form textarea{
        font-family: 'Source Sans Pro', sans-serif;
        border: #ccc solid 1px;
        border-radius: 2px;
        padding: 10px;
        font-size:14px;
        width:99%;
        margin:0 0 10px 0  ;
        box-sizing:border-box;
    }
    .order-form textarea:focus{ outline: #667523 solid 1px!important;}

    .CaptchaPanel {
        margin: 0px 0px 0px 0px !important;
        text-align: center;
        padding: 0px !important;
    }

    .CaptchaWhatsThisPanel a{color: #000!important}
    .CaptchaImagePanel,
    .CaptchaMessagePanel,  
    .CaptchaAnswerPanel, 
    .CaptchaWhatsThisPanel {
        margin:0px 0px 0px !important;
        font-size: 12px;
        color: #000;
        text-align: left !important;
        font-weight:normal!important;
        padding:0px 0 0!important;
        box-sizing:border-box;
        }

    .CaptchaImagePanel{float:left;margin-right:10px !important;}
    .CaptchaMessagePanel{}
    #CaptchaAnswer{margin:0 0 10px 0!important; width:100%}
    fieldset{width:98%;box-sizing:border-box;margin:0 1% 15px;background:#fff;}




/*==================================================

	OLD FORM STYLES FOR request-info.htm
	
====================================================*/

    /*.myform label{
        width:19%;
        display:inline-block;
        margin-bottom:10px;
    }

    .myform input, .myform select, .myform textarea{
        padding:.4em 0;
        width:80%;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #ddd;
        margin-bottom:10px;
    }

    .myform textarea{
        width:100%;
        height:100px;
        margin-top:5px;
    }


    .myform input.button, .myform input.button:focus{width:200px; border:0px; margin:10px 20px;}
    .myform input.button:hover{background:#ccc;}

    .myform label.checkbox, .myform input.checkbox{width:auto; padding:0 .5em;}

    .myform input:focus, .myform textarea:focus{
        background:#667524;
        color:#FFF;
        text-shadow:0px 0px 2px rgba(0,0,0,.9);
    }

    .myform h4{
        border-bottom:1px solid #FFF;
        margin-bottom:10px;
    }

    #CaptchaPanel{
        float:right;
        text-align:center;
        margin:0px 0px 0px 20px;
        width:300px;
    }

    .CaptchaPanel{
        margin-top:0 !important;
        margin-bottom:0 !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    .CaptchaWhatsThisPanel, .CaptchaAnswerPanel{
        padding:0 !important;
    }

    #CaptchaAnswer{
        width:200px;
    }

    .CaptchaMessagePanel{font-size:13px;}*/

/*==================================================

	FOOTER
	
====================================================*/

    a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
    a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
    .footertext{font-family:Arial, Helvetica, sans-serif;font-size:10pt; color:#999999;}
    .smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:8pt; color:#999999;}
    .divfooter{ max-width:500px; text-align:center; margin:2em auto;}


/*==================================================

	RESPONSIVE STYLES
	
====================================================*/
.show-menu-for-mobile {display:none;} 


/* iPads (portrait and landscape) ----------- */
 
@media screen and (max-width: 1024px) {
	h2{font-size:22px}
	p {font-size:15px;line-height:22px;}
	.info-cont p{display:block}
	.head-nd p{font-size:13px;line-height:18px;}
	
	.onethirdmid{ width:100%; float:none; margin:2% auto; background:none}
	.onethird{ width:100%; float:none; margin:0 auto; background:none}
	
	.wrap{width:96%}
    .search-select a {width: 48%;}
    .form-select {width:75%;}
	.search-wrap .column4 {width:100%; margin:5px 0 20px 0; padding-right:0%;}
}

/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 736px){
	.show-menu-for-mobile {display: block;}
	#nav  {display:none;}

	.showmobile{display:block}
	.hidemobile{display:none}
	
	.head-nd{display:none}
    .head-third{float:none; width:100%;}
    .head-third img{width:80%; margin:0 auto}

	.divfooter{max-width:100%}
	a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:12px;line-height:18px;}
	a.footerlink:hover {font-size:12px;line-height:18px;}
	.footertext{font-size:12px;line-height:18px;}
	.smallfootertext{font-size:12px;line-height:18px;}
    
    .CaptchaPanel { width: 100%!important;}
    .order-form input.half {width: 99%;float: left;}
   
    #texture-bg .grid{padding: 25px 0 5px 0 !important}
    .apertar{
        float: none;
        width: 60%;
        display: block;
        margin: 5px auto;
    }
   
}

/* Galaxy (portrait and landscape) ----------- */

@media screen and (max-width:640px){
	h1{font-size:14px}
 	a #special{font-size:20px;}
	
	.half{width:100%; margin:0 auto; float:none}
	#CaptchaPanel{float:none; width:100%; margin:0 auto}
    
    .search-wrap .column4 {margin:0 auto}
    .inventory-search .double-field {
        width: 100% !important;
        float: none;
        margin: 2px auto!important;
    }
    .search-select a {width:100%; margin: 1% auto; float: none;}
}

/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 480px){
     h1{font-size:11px}
}
