/*
Framework fonts
Author: Lucks
2010
lucks17@gmail.com
------------------
Example how to use :
Family - size - style - weight - color line height (if apply)
(family - size - style - weight - color)
.f-fam1 .fs-28 .fst-n .fw-n .fc-1

*/

/* Font families */
/* Open Sans */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800&subset=latin-ext,latin);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

@font-face {
    font-family: 'TelegraficoRegular';
    src: url('fonts/telegrafico/telegrafico.eot');
    src: url('fonts/telegrafico/telegrafico.eot?#iefix') format('embedded-opentype'),
    url('fonts/telegrafico/telegrafico.woff') format('woff'),
    url('fonts/telegrafico/telegrafico.ttf') format('truetype'),
    url('fonts/telegrafico/telegrafico.svg#TelegraficoRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans/OpenSans-Bold/opensans-bold.eot');
    src: url('fonts/OpenSans/OpenSans-Bold/opensans-bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-Bold/opensans-bold.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-Bold/opensans-bold.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-Bold/opensans-bold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans/OpenSans-BoldItalic/opensans-bolditalic.eot');
    src: url('fonts/OpenSans/OpenSans-BoldItalic/opensans-bolditalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-BoldItalic/opensans-bolditalic.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-BoldItalic/opensans-bolditalic.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-BoldItalic/opensans-bolditalic.svg#OpenSansBoldItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans/OpenSans-ExtraBold/opensans-extrabold.eot');
    src: url('fonts/OpenSans/OpenSans-ExtraBold/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-ExtraBold/opensans-extrabold.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-ExtraBold/opensans-extrabold.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-ExtraBold/opensans-extrabold.svg#OpenSansExtrabold') format('svg');
}
@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/OpenSans/OpenSans-ExtraBoldItalic/opensans-extrabolditalic.eot');
    src: url('fonts/OpenSans/OpenSans-ExtraBoldItalic/opensans-extrabolditalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-ExtraBoldItalic/opensans-extrabolditalic.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-ExtraBoldItalic/opensans-extrabolditalic.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-ExtraBoldItalic/opensans-extrabolditalic.svg#OpenSansExtraboldItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans/OpenSans-Italic/opensans-italic.eot');
    src: url('fonts/OpenSans/OpenSans-Italic/opensans-italic.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-Italic/opensans-italic.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-Italic/opensans-italic.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-Italic/opensans-italic.svg#OpenSansItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans/OpenSans-Light/opensans-light.eot');
    src: url('fonts/OpenSans/OpenSans-Light/opensans-light.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-Light/opensans-light.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-Light/opensans-light.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-Light/opensans-light.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans/OpenSans-LightItalic/opensans-lightitalic.eot');
    src: url('fonts/OpenSans/OpenSans-LightItalic/opensans-lightitalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-LightItalic/opensans-lightitalic.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-LightItalic/opensans-lightitalic.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-LightItalic/opensans-lightitalic.svg#OpenSansLightItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans/OpenSans-Regular/opensans-regular.eot');
    src: url('fonts/OpenSans/OpenSans-Regular/opensans-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-Regular/opensans-regular.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-Regular/opensans-regular.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-Regular/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans/OpenSans-Semibold/opensans-semibold.eot');
    src: url('fonts/OpenSans/OpenSans-Semibold/opensans-semibold.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-Semibold/opensans-semibold.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-Semibold/opensans-semibold.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-Semibold/opensans-semibold.svg#OpenSansSemibold') format('svg');
}
@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans/OpenSans-SemiboldItalic/opensans-semibolditalic.eot');
    src: url('fonts/OpenSans/OpenSans-SemiboldItalic/opensans-semibolditalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans/OpenSans-SemiboldItalic/opensans-semibolditalic.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-SemiboldItalic/opensans-semibolditalic.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-SemiboldItalic/opensans-semibolditalic.svg#OpenSansSemiboldItalic') format('svg');
}

/* OpenSans */
.f-fam{font-family:"Open Sans" !important; }

/* TelegraficoRegular */
.f-fam1{font-family:'TelegraficoRegular'!important; }
/* OpenSansBold */
.f-fam2{font-family:"OpenSansBold"; }
/* OpenSansBoldItalic */
.f-fam3{font-family:"OpenSansBoldItalic"; }
/* OpenSansExtrabold */
.f-fam4{font-family:"OpenSansExtrabold";}
/* OpenSansExtraboldItalic */
.f-fam5{font-family:"OpenSansExtraboldItalic";}
/* OpenSansItalic */
.f-fam6{font-family:"OpenSansItalic";}
/* OpenSansLight */
.f-fam7{font-family:"OpenSansLight";}
/* OpenSansLightItalic */
.f-fam8{font-family:'OpenSansLightItalic'; }
/*OpenSansRegular*/
.f-fam9{font-family:'OpenSansRegular';}
/*OpenSansSemibold*/
.f-fam10{font-family:'OpenSansSemibold';}
/*OpenSansSemiboldItalic*/
.f-fam11{font-family:'OpenSansSemiboldItalic';}


/*Droid Serif Normal*/
.f-fam12{
    font-family:'Droid Serif';
    font-weight: 400;
}

/*Droid Serif Normal Italic*/
.f-fam13{
    font-family:'Droid Serif';
    font-weight: 400;
    font-style: italic;
}
/*Droid Serif Bold*/
.f-fam14{
    font-family:'Droid Serif';
    font-weight: 700;
}
/*Droid Serif Bold Italic*/
.f-fam13{
    font-family:'Droid Serif';
    font-weight: 700;
    font-style: italic;
}

/* Font styles */
.fst-n{font-style:normal;}
.fst-i{font-style:italic;}

/* Font weights */
.fw-l{font-weight: lighter;}
.fw-n{font-weight:normal;}
.fw-b{font-weight:bold;}

/* Font sizes in px */
.fs-150{font-size:150px;}
.fs-100{font-size:100px;}
.fs-60{font-size:60px;}
.fs-52{font-size:52px;}
.fs-49{font-size:49px;}
.fs-48{font-size:48px;}
.fs-46{font-size:46px;}
.fs-42{font-size:42px;}
.fs-40{font-size:40px;}
.fs-38{font-size:38px;}
.fs-36{font-size:36px}
.fs-35{font-size:35px;}
.fs-32{font-size:34px;}
.fs-32{font-size:32px;}
.fs-30{font-size:30px;}
.fs-28{font-size:28px;}
.fs-27{font-size:27px;}
.fs-26{font-size:26px;}
.fs-25{font-size:25px;}
.fs-24{font-size:24px;}
.fs-23{font-size:23px;}
.fs-22{font-size:22px;}
.fs-21{font-size:21px;}
.fs-20{font-size:20px !important;}
.fs-19{font-size:19px;}
.fs-18{font-size:18px}
.fs-16{font-size:16px;}
.fs-15{font-size:15px;}
.fs-14{font-size:14px}
.fs-13{font-size:13px;}
.fs-12{font-size:12px;}
.fs-11{font-size:11px;}
.fs-10{font-size:10px;}
.fs-9{font-size:9px;}
/* Font sizes in pts */
.fs-74-pt{font-size:74pt;}
.fs-52-pt{font-size:52pt;}
.fs-42-pt{font-size:42pt;}
.fs-36-pt{font-size:36pt;}
.fs-30-pt{font-size:30pt;}
.fs-28-pt{font-size:28pt;}
.fs-27-pt{font-size:27pt;}
.fs-26-pt{font-size:26pt;}
.fs-24-pt{font-size:24pt;}
.fs-22-pt{font-size:22pt;}
.fs-21-pt{font-size:21pt;}
.fs-20-pt{font-size:20pt;}
.fs-18-pt{font-size:18pt;}
.fs-16-pt{font-size:16pt;}
.fs-15-pt{font-size:15pt;}
.fs-14-pt{font-size:14pt;}
.fs-13-pt{font-size:13pt;}
.fs-12-pt{font-size:12pt;}
.fs-11-pt{font-size:11pt;}
.fs-10-pt{font-size:10pt;}
.fs-9-pt{font-size:9pt;}
/* Font styles */ 
.fst-n{font-style:normal;}
.fst-i{font-style:italic;}
/* Font weights */
.fw-n{font-weight:normal;}
.fw-b{font-weight:bold;}
/* Font colors you can modify or add new colors*/
/* white */
.fc-0{color:#FFFFFF;}
/* black */
.fc-1{color:#000 !important;}
/* orange */
.fc-2{color:#ee8f1d;}
/* yellow */
.fc-3{color:#fcb040;}

.fc-4{color: #7f7f7f;}
/* grey */
.fc-5{color:#4a4f52;}
/* orange 2 */
.fc-6{color:#f7941e;}
/* pink */
.fc-7{color: #ec008c;}
/* blue */
.fc-8{color:#21b9f1;}
/* green */
.fc-9{color:#000;}
/* purple */
.fc-10{color:#632e6c;}
/* green strong */
.fc-11{color:#000000;}
/* variant of green */
.fc-12{color:#a7ce8e !important}
/* grey strong */
.fc-13{color:#4a4a4a;}
.fc-14{color:#1e5632;}
.fc-15{color: #4cb96c;}
.fc-16{color: #999999;}
.fc-18{color: #aad9d6;}
.fc-19{color: #ffcf40; !important}
.fc-20{color: #F5CA19;}




/* Line heights in px */
.flh-51{line-height:51px;}
.flh-30{line-height:30px;}
.flh-28{line-height:28px;}
.flh-27{line-height:27px;}
.flh-26{line-height:26px;}
.flh-25{line-height:25px;}
.flh-24{line-height:24px;}
.flh-23{line-height:23px;}
.flh-22{line-height:22px;}
.flh-21{line-height:21px;}
.flh-20{line-height:20px;}
.flh-19{line-height:19px;}
.flh-18{line-height:18px;}
.flh-17{line-height:17px;}
.flh-16{line-height:16px;}
.flh-15{line-height:15px;}
.flh-14{line-height:14px;}
.flh-13{line-height:13px;}
.flh-12{line-height:12px;}
.flh-11{line-height:11px;}
.flh-10{line-height:10px;}
.flh-9{line-height:9px;}

/* Line heights in pts */
.flh-70-pt{line-height:70pt;}
.flh-51-pt{line-height:51pt;}
.flh-30-pt{line-height:30pt;}
.flh-28-pt{line-height:28pt;}
.flh-27-pt{line-height:27pt;}
.flh-26-pt{line-height:26pt;}
.flh-25-pt{line-height:25pt;}
.flh-24-pt{line-height:24pt;}
.flh-23-pt{line-height:23pt;}
.flh-22-pt{line-height:22pt;}
.flh-21-pt{line-height:21pt;}
.flh-20-pt{line-height:20pt;}
.flh-19-pt{line-height:19pt;}
.flh-18-pt{line-height:18pt;}
.flh-17-pt{line-height:17pt;}
.flh-16-pt{line-height:16pt;}
.flh-15-pt{line-height:15pt;}
.flh-14-pt{line-height:14pt;}
.flh-13-pt{line-height:13pt;}
.flh-12-pt{line-height:12pt;}
.flh-11-pt{line-height:11pt;}
.flh-10-pt{line-height:10pt;}
.flh-9-pt{line-height:10pt;}
/* separation */
.fsp-1{
    letter-spacing: 1px;
}
.fsp-10{
    letter-spacing: 10px;
}
.fsp-8{
    letter-spacing: 8px;
}