@charset "utf-8";
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Base Styles
- Typography
- Blockquotes
- Links
- Images
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Fixation
- Clearing
*/
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
font-size: 62.5% } /* font-size: 62.5% */
body {
font-size: 15px;
font-size: 1.5rem; /* currently ems cause chrome bug misinterpreting rems on body element (modified by me to rem) */
line-height: 1.6;
font-weight: 400;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444 }
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 20px;
margin-bottom: 2rem;
font-weight: 300; }
/*h1 { font-size: 50px; font-size: 5.0rem; line-height: 1.2; letter-spacing: -1px; letter-spacing: -.1rem}*/
h1 { font-size: 35px; font-size: 3.5rem; line-height: 1.4; letter-spacing: -1px; letter-spacing: -.1rem}
h2 { font-size: 42px; font-size: 4.2rem; line-height: 1.25; letter-spacing: -1px; letter-spacing: -.1rem }
h3 { font-size: 36px; font-size: 3.6rem; line-height: 1.3; letter-spacing: -1px; letter-spacing: -.1rem }
h4 { font-size: 30px; font-size: 3.0rem; line-height: 1.35; letter-spacing: -.8px; letter-spacing: -.08rem }
h5 { font-size: 24px; font-size: 2.4rem; line-height: 1.5; letter-spacing: -.5px; letter-spacing: -.05rem }
h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.6; letter-spacing: 0 }
/* Smaller than tablet portrait */
@media (max-width: 767px) {
h1 { font-size: 40px; font-size: 4.0rem }
h2 { font-size: 36px; font-size: 3.6rem }
h3 { font-size: 30px; font-size: 3.0rem }
h4 { font-size: 24px; font-size: 2.4rem }
h5 { font-size: 18px; font-size: 1.8rem }
h6 { font-size: 15px; font-size: 1.5rem }
}
h2.custom { margin-bottom:2px; margin-bottom:.2rem }
p { margin-top: 0 }
p img { margin: 0 }
/* this is just defined in the user agent stylesheet */
em, i, cite, dfn, address { font-style: italic } /* cite: The title of a work, dfn: A definition term */
strong, b { font-weight: 700 }
small { font-size: 70%; }
u{ text-decoration:underline }
/* Blockquotes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
blockquote, q {
quotes: none }
blockquote:after,
blockquote:before,
q:before, q:after {
content: none }
blockquote.add-quotes,blockquote.add-superquotes,q.add-quotes {
quotes: "\201C" "\201D"; }
blockquote.add-quotes:before,blockquote.add-superquotes:before,q.add-quotes:before {
font-family: 'Lily Script One', cursive;
font-size:30px;
font-size:3rem;
font-weight:400;
line-height:1.5rem;
content: open-quote }
blockquote.add-quotes:after,blockquote.add-superquotes:after,q.add-quotes:after {
font-family: 'Lily Script One', cursive;
font-size:20px;
font-size:2rem;
font-weight:400;
line-height:1.5rem;
content: close-quote }
blockquote.add-superquotes:before{
position:relative;
top:30px;
top:3rem;
font-size:64px;
font-size:6.4rem }
blockquote.add-superquotes:after{
position:relative;
top:10px;
top:1rem;
font-size:30px;
font-size:3rem }
blockquote.add-border{ padding-left: 10px;padding-left: 1rem;border-left: 1px solid #bbb; }
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*a{ font-weight: 700; color:#e52e27 }
a:link { color: #e52e27;text-decoration:none }
a:visited { color: #e52e27;text-decoration:none }
a:hover { color: #777;text-decoration: underline;cursor:pointer }
a:active { color: #777;text-decoration: underline }*/
a{ color:#999;font-weight: 700 }
a:link { color: #999;text-decoration: none }
a:visited { color: #999;text-decoration: none }
a:hover { color: #007d40;text-decoration: underline;cursor:pointer }
a:active { color: #007d40;text-decoration: underline }
/* Images
–––––––––––––––––––––––––––––––––––––––––––––––––– */
img.scale-with-grid {
max-width: 100%;
height: auto }
img.scale-with-grid.reduced {
max-width: 50% }
.right-wrapped{ float:left; margin-right:20px;margin-right:2rem; }
.left-wrapped{ float:right; margin-left:20px;margin-left:2rem; }
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="file"], input[type="file"]::-webkit-file-upload-button{ cursor:pointer }
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*** clases para posicionamiento en formulario ***/
.input-line{ display:inline;margin:5px 0 5px 0;margin:.5rem 0 .5rem 0 }
.input-block{ display:block }
.form-float{ float:left;margin-right:5px; /*width:46%*/ }
.clear-form-float{ clear:both }
.input-right-wrapped{ float:left; margin-right:20px;margin-right:2rem }
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
list-style: none inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0 }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 15px 0 15px 30px;
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90% }
li {
margin-bottom: 10px;
margin-bottom: 1rem }
ul.square { list-style: square inside }
ul.circle { list-style: circle inside }
ul.disc { list-style: disc inside }
ol.low-roman { list-style: lower-roman inside }
ol.low-alpha { list-style: lower-alpha inside }
/* Customized list */
ul.customized-list{ list-style-position: inside;padding-left:20px;padding-right:20px }
ul.customized-list li:before { content:"_ "; color:#942825 }
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
padding: 2px 5px;
padding: .2rem .5rem;
margin: 0 2px;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px }
pre > code {
display: block;
padding: 10px 15px;
padding: 1rem 1.5rem;
white-space: pre }
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
margin-bottom: 10px;
margin-bottom: 1rem }
input,
textarea,
select,
fieldset {
margin-bottom: 15px;
margin-bottom: 1.5rem }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 20px;
margin-bottom: 2rem }
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
width: 100%;
box-sizing: border-box }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box }
.u-pull-right {
float: right }
.u-pull-left {
float: left }
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
margin-top: 30px;
margin-top: 3rem;
margin-bottom: 35px;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1 }
hr.noline {
margin-top: 30px;
margin-top: 3rem;
margin-bottom: 35px;
margin-bottom: 3.5rem;
border-width: 0 }
hr.custom {
margin:0;
padding:0;
border-width: 0;
margin-bottom: 35px;
margin-bottom: 3.5rem;
border-top: 1px solid #ccc }
hr.greenline {
margin:0;
padding:0;
border-width: 0;
margin-bottom: 35px;
margin-bottom: 3.5rem;
border-top: 1px solid #007d40 }
hr.greenline-margintop {
margin:0;
padding:0;
border-width: 0;
margin-top: 15px;
margin-top: 1.5rem;
border-top: 2px solid #007d40 }
/*hr { clear: both; margin: 0 }*/
/* Fixation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fixed { position: fixed;top:0px;left:0;z-index:100 }
.fixed.membret { top:0;z-index:99 }
.super { margin-top:14rem }
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.row:after,
.u-cf {
content: "";
display: table;
clear: both }
/* You can also use a
to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a */
.clearfix:before,
.clearfix:after,
.row:before{
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0 }
.clearfix:after {
clear: both }
.clearfix {
zoom: 1 }
/* Old row Clearing configuration */
/*.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0 }
.row:after {
clear: both }
.row{
zoom: 1 }*/