/* HTML5 RESET */
* {margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block;}
ol, ul { list-style: none; }
input, select {vertical-align:middle;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor: pointer; }

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

/* BASIC COLORS AND FONTS */
body, select, input, textarea {color: #444;}
body {font: 13px 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
a {color: #03f;}
a:hover {color: #69f;}
a:link {-webkit-tap-highlight-color: #40413d;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.ascuns {position: relative; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; border:0 none !important; overflow:hidden;}

/* IMAGES */
img.auto-scale {max-width: 100%; height: auto; }
img.full-width {width:100%; height:auto;}
a.main-logo {width:100%;}


/* BUTTONS */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #eee; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    color: #444;display: inline-block;
    font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover,input[type="button"]:hover {
    color: #222;
    background: #ddd; /* Old browsers */
    background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
    background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
    background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
    background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
    background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
    border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa;
}

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    border: 1px solid #666;
    background: #ccc; /* Old browsers */
    background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
    background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
    background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
    background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
    background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
    background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
    width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center;
}

/* CLEAR */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/* GRID */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.column, .columns, .col, .cols { float: left; display: inline; margin-left: 1%; margin-right: 1%; }
.row { margin-bottom: 20px; }

.one.column, .one.columns, .one.col, .one.cols { width: 3%; }
.two.columns, .two.cols { width: 8%; }
.three.columns, .three.cols { width: 13%; }
.four.columns, .four.cols { width: 18%; }
.five.columns, .five.cols { width: 23%; }
.six.columns, .six.cols { width: 28%; }
.seven.columns, .seven.cols { width: 33%; }
.eight.columns, .eight.cols { width: 38%; }
.nine.columns, .nine.cols { width: 43%; }
.ten.columns, .ten.cols { width: 48%; }
.eleven.columns, .eleven.cols { width: 53%; }
.twelve.columns, .twelve.cols { width: 58%; }
.thirteen.columns, .thirteen.cols { width: 63%; }
.fourteen.columns, .fourteen.cols { width: 68%; }
.fifteen.columns, .fifteen.cols { width: 73%; }
.sixteen.columns, .sixteen.cols { width: 78%; }
.seventeen.columns, .seventeen.cols { width: 83%; }
.eighteen.columns, .eighteen.cols { width: 88%; }
.nineteen.columns, .nineteen.cols { width: 93%; }
.twenty.columns, .twenty.cols { width: 98%; }

.half.column, .half.col {width: 48%}
.one-third.column, .one-third.col {width: 31.3333333333%}
.two-thirds.column, .two-thirds.col {width: 64.6666666667%}

.offset-by-one { padding-left: 5%;  }
.offset-by-two { padding-left: 10%; }
.offset-by-three { padding-left: 15%; }
.offset-by-four { padding-left: 20%; }
.offset-by-five { padding-left: 25%; }
.offset-by-six { padding-left: 30%; }
.offset-by-seven { padding-left: 35%; }
.offset-by-eight { padding-left: 40%; }
.offset-by-nine { padding-left: 45%; }
.offset-by-ten { padding-left: 50%; }
.offset-by-eleven { padding-left: 55%; }
.offset-by-twelve { padding-left: 60%; }
.offset-by-thirteen { padding-left: 65%; }
.offset-by-fourteen { padding-left: 70%; }
.offset-by-fifteen { padding-left: 75%; }
.offset-by-sixteen { padding-left: 80%; }
.offset-by-seventeen { padding-left: 85%; }
.offset-by-eighteen { padding-left: 90%; }
.offset-by-nineteen { padding-left: 95%; }


@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px; }
}
@media only screen and (max-width: 767px) {
.container { position: relative; width: 100%; margin: 0 auto; padding: 0; }
.column, .columns, .col, .cols { margin: 5px 3%;}
.one.column, .one.columns, .one-third.column, .two-thirds.column, .two.columns, .three.columns, .four.columns, .five.columns, .six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eleven.columns, .twelve.columns, .thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns, .seventeen.columns, .eighteen.columns, .nineteen.columns, .twenty.columns{ width: 94%; }

.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .offset-by-twelve, .offset-by-thirteen, .offset-by-fourteen, .offset-by-fifteen, .offset-by-sixteen, .offset-by-seventeen, .offset-by-eighteen, .offset-by-nineteen{ padding-left: 0; }
}