@charset "UTF-8";

* { margin: 0; padding: 0; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; user-select:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block;}
audio, canvas, video { display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display:none;height:0;}
[hidden] { display:none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a { text-decoration: none; }
a:focus { outline:none;}
a:active, a:hover { outline:0;}
h1, h3, h4, h6 { font-weight: 400; font-style: normal;}
h5, h6 {color: #0FF;}
h2, h5, p { font-weight: 300; font-style: normal; color:#DDD;}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, address { font-size: 100%;}
b, strong { font-weight: 500;}
i, em { font-style: italic;}
address { font-style: normal;}
abbr[title] { border-bottom: 1px dotted;}
blockquote { margin: 1rem;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 100%;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q { quotes: none;}
q:before, q:after { content:''; content:none;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
dl, menu, ol, ul, li { margin: 0;}
dd { margin: 0 0 0 1em;}
menu, ol, ul, li { padding: 0;}
nav ul, nav ol, li { list-style: none; list-style-image: none;}
img { border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) { overflow: hidden;}
figure { margin: 0;}
form { margin: 0;}
form, textarea, input, select { outline: none; text-indent: 0; margin: 0; padding: 0; border: 0; white-space: normal;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em;}
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea { font-size: 100%; margin: 0; appearance: none; -webkit-appearance: none; border-radius: 0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; *overflow: visible;}
button[disabled], input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] { display: inline-block; padding: 0; border: 1px solid #000; height: 1.6rem; width: 1.6rem; cursor: pointer;}
input[type="radio"] { border-radius: 50%;}
input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: #000;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { /* -webkit-appearance: none;  EDITAR ICONO, PONER ASPA */}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; -moz-resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}


/* Txt  */

.txt-align-l { text-align: left;}
.txt-align-c { text-align: center;}
.txt-align-r { text-align: right;}
.txt-up {text-transform: uppercase;}
.txt-line { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* Flex */

.row-flex, .col-flex { position: relative; display: flex; display: -webkit-flex;}
.row-flex { flex-direction: row; -webkit-flex-direction: row;}
.col-flex { flex-direction: column; -webkit-flex-direction: column;}

.flex-wrap { flex-wrap: wrap; -webkit-flex-wrap: wrap;}

.flex-just-start { justify-content: flex-start; -webkit-justify-content: flex-start;}
.flex-just-end { justify-content: flex-end; -webkit-justify-content: flex-end;}
.flex-just-center { justify-content: center; -webkit-justify-content: center;}
.flex-just-between { justify-content: space-between; -webkit-justify-content: space-between;}
.flex-just-around { justify-content: space-around; -webkit-justify-content: space-around;}

.flex-align-start { align-items: flex-start; -webkit-align-items: flex-start;}
.flex-align-end { align-items: flex-end; -webkit-align-items: flex-end;}
.flex-align-center { align-items: center; -webkit-align-items: center;}
.flex-align-baseline { align-items: baseline; -webkit-align-items: baseline;}
.flex-align-stretch { align-items: stretch; -webkit-align-items: stretch;}

.item-flex-grow-0 { flex-grow: 0;}
.item-flex-grow-1 { flex-grow: 1;}
.item-flex-grow-2 { flex-grow: 2;}
.item-flex-grow-3 { flex-grow: 3;}
.item-flex-grow-4 { flex-grow: 4;}
.item-flex-shrink-0 { flex-shrink: 0;}
.item-flex-shrink-1 { flex-shrink: 1;}
.item-flex-shrink-2 { flex-shrink: 2;}
.item-flex-shrink-3 { flex-shrink: 3;}
.item-flex-shrink-4 { flex-shrink: 4;}
.item-flex-shrink-8 { flex-shrink: 8;}


/* In line */

.row-inline { font-size: 0px;}
.col-inline { position: relative; display: inline-block; letter-spacing: normal;}
.col-inline.top { vertical-align: top;}
.col-inline.middle { vertical-align: middle;}
.col-inline.bottom { vertical-align: bottom;}


/* Float elemtens / Row / Center */

.row { width: 100%;}
.center { margin: auto;}
.center:before, .center:after, .row:after, .row:before { display: block; content: ''; clear: both;}

.col { position: relative; float: left;}

.l { float: left;}
.r { float: right;}


/* Img */

.col img, 
.row img, 
div[class*="col"] img, 
a[class*="col"] img { display: inline-block; max-width: 100%;}
button img { display: block;}


/* Grids */

.col1-12  { width: 8.333%; }
.col2-12  { width: 16.666%;}
.col3-12  { width: 25%;    }
.col4-12  { width: 33.333%;}
.col5-12  { width: 41.666%;}
.col6-12  { width: 50%;    }
.col7-12  { width: 58.333%;}
.col8-12  { width: 66.666%;}
.col9-12  { width: 75%;    }
.col10-12 { width: 83.333%;}
.col11-12 { width: 91.333%;}
.col12-12 { width: 100%;} 

.col-10  { width: 10%;}
.col-20  { width: 20%;}
.col-30  { width: 30%;}
.col-40  { width: 40%;}
.col-50  { width: 50%;}
.col-60  { width: 60%;}
.col-70  { width: 70%;}
.col-80  { width: 80%;}
.col-90  { width: 90%;}
.col-100 { width: 100%;}