@font-face {
    font-family: 'Conduit';
    src: url('font/Conduit/ConduitITCStd-Black.otf');
	src: url('font/Conduit/ConduitITCStd-Black.otf') format('truetype');
    font-weight: 800;
	font-style: normal;
}

@font-face {
    font-family: 'Conduit';
    src: url('font/Conduit/ConduitITCStd-ExtraBold.otf');
	src: url('font/Conduit/ConduitITCStd-ExtraBold.otf') format('truetype');
    font-weight: 700;
	font-style: normal;
}

@font-face {
    font-family: 'Conduit';
    src: url('font/Conduit/ConduitITCStd-Light.otf');
	src: url('font/Conduit/ConduitITCStd-Light.otf') format('truetype');
    font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: Raleway;
    src: url('font/Raleway/raleway-semibold-webfont.ttf');
	src: url('font/Raleway/raleway-semibold-webfont.ttf') format('truetype');
    font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('font/Raleway/Raleway-SemiBold-Italic.ttf');
	src: url('font/Raleway/Raleway-SemiBold-Italic.ttf') format('truetype');
    font-weight: 500;
	font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('font/Raleway/raleway-bold-webfont.ttf');
	src: url('font/Raleway/raleway-bold-webfont.ttf') format('truetype');
    font-weight: 600;
	font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('font/Raleway/raleway-medium-webfont.ttf');
	src: url('font/Raleway/raleway-medium-webfont.ttf') format('truetype');
    font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url("font/Raleway/raleway-light-webfont.ttf");
	src: url('font/Raleway/raleway-light-webfont.ttf') format('truetype');
    font-weight: 200;
	font-style: normal;
}



/*===================================================================================*/
/*  TYPOGRAFIA                                                                       */ 
/*===================================================================================*/

.CD-9
{
	font-family: 'Conduit', sans-serif;
	font-size: 9px;
	font-weight: 300;
}

.CD-11
{
	font-family: 'Conduit', sans-serif;
	font-size: 11px;
	font-weight: 300;
}

.CD-12
{
	font-family: 'Conduit', sans-serif;
	font-size: 12px;
	font-weight: 300;
}

.CD-13
{
	font-family: 'Conduit', sans-serif;
	font-size: 13px;
	font-weight: 300;
}

.CD-14
{
	font-family: 'Conduit', sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.CD-16
{
	font-family: 'Conduit', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

.CD-18
{
	font-family: 'Conduit', sans-serif;
	font-size: 18px;
	font-weight: 300;
}

.CD-22
{
	font-family: 'Conduit', sans-serif;
	font-size: 22px;
	font-weight: 300;
}

.CD-29
{
	font-family: 'Conduit', sans-serif;
	font-size: 29px;
	font-weight: 300;
}

.CD-44
{
	font-family: 'Conduit', sans-serif;
	font-size: 44px;
	font-weight: 300;
}

.CD-50
{
	font-family: 'Conduit', sans-serif;
	font-size: 50px;
	font-weight: 300;
}

.CD-64
{
	font-family: 'Conduit', sans-serif;
	font-size: 64px;
	font-weight: 300;
}

.CD-68
{
	font-family: 'Conduit', sans-serif;
	font-size: 68px;
	font-weight: 300;
}


.RW-9
{
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
	font-weight: 300;
}

.RW-12
{
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 300;
}

.RW-13
{
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: 300;
}

.RW-14
{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.RW-15
{
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 300;
}

.RW-16
{
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

.RW-17
{
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	font-weight: 300;
}

.RW-18
{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 300;
}

.RW-19
{
	font-family: 'Raleway', sans-serif;
	font-size: 19px;
	font-weight: 300;
}

.RW-20
{
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 300;
}

.RW-22
{
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	font-weight: 300;
}

.RW-23
{
	font-family: 'Raleway', sans-serif;
	font-size: 23px;
	font-weight: 300;
}

.RW-24
{
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: 300;
}

.RW-25
{
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	font-weight: 300;
}

.RW-30
{
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 300;
}

.RW-32
{
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	font-weight: 300;
}

.RW-39
{
	font-family: 'Raleway', sans-serif;
	font-size: 39px;
	font-weight: 300;
}

.RW-40
{
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	font-weight: 300;
}

.RW-72
{
	font-family: 'Raleway', sans-serif;
	font-size: 72px;
	font-weight: 300;
}

.RW-78
{
	font-family: 'Raleway', sans-serif;
	font-size: 78px;
	font-weight: 300;
}


.cBlanco { color: #fff; }
.cNaranja { color: #F8B12C; }
.cNaranjaClaro { color: #FAB22E; }
.cCyan { color: #00D2AE; }
.cGris333 { color: #333333; }
.cGris444 { color: #444444; }
.cGris666 { color: #666666; }
.cGris999 { color: #999999; }
.cGrisCCC{ color: #CCCCCC; }
.cGris9f { color: #9f9f9f; }
.cGris84 { color: #848484; }
.cGris48 { color: #484848; }
.cGrisBBB { color: #BBBBBB; }



.hcBlanco:hover { color: #fff; }
.hcNaranja:hover { color: #F8B12C; }
.hcNaranjaClaro:hover { color: #FAB22E; }
.hcCyan:hover { color: #00D2AE; }
.hcGris333:hover { color: #333333; }
.hcGris444:hover { color: #444444; }
.hcGris666:hover { color: #666666; }
.hcGris999:hover { color: #999999; }
.hcGrisCCC:hover { color: #CCCCCC; }
.hcGris9f:hover { color: #9f9f9f; }
.hcGris84:hover { color: #848484; }
.hcGris48:hover { color: #484848; }
.hcGrisBBB:hover { color: #BBBBBB; }

.light { font-weight: 200; }
.regular { font-weight: 300; }
.medium { font-weight: 400; }
.italic { font-style: italic; }
.semibold { font-weight: 500; }
.bold { font-weight: 600; }
.extrabold { font-weight: 700; }
.black { font-weight: 800; }

.lh14 { line-height: 14px; }
.lh15 { line-height: 15px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh19 { line-height: 19px; }
.lh20 { line-height: 20px; }
.lh21 { line-height: 21px; }
.lh23 { line-height: 23px; }
.lh26 { line-height: 26px; }
.lh27 { line-height: 27px; }
.lh32 { line-height: 32px; }
.lh35 { line-height: 35px; }
.lh53 { line-height: 53px; }
.lh58 { line-height: 58px; }


.alignL { text-align: left; }
.alignR { text-align: right; }
.alignC { text-align: center; }
.floatR { float: right; }

.inblock { display: block; }
.inline { display: inline-block; vertical-align: top;}