@font-face {
	font-family: 'shape';
	src: url('/bibliotecatelco/static/css/fonts/shape.eot?2384586');
	src: url('/bibliotecatelco/static/css/fonts/shape.eot?2384586#iefix') format('embedded-opentype'),  url('/bibliotecatelco/static/css/fonts/shape.woff?2384586') format('woff'),  url('/bibliotecatelco/static/css/fonts/shape.ttf?2384586') format('truetype'),  url('/bibliotecatelco/static/fonts/shape.svg?2384586#shapes_prueba') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*CODES*/
/*frames*/
.shapeCare:before { content: '\e800'; } /* '' */
.shapeFamily:before { content: '\e801'; } /* '' */
.shapeFun:before { content: '\e802'; } /* '' */
.shapeHome:before { content: '\e803'; } /* '' */
.shapeMoney:before { content: '\e804'; } /* '' */
.shapeMove:before { content: '\e805'; } /* '' */
.shapeTariff:before { content: '\e806'; } /* '' */
.shapeTech:before { content: '\e807'; } /* '' */
.shapeWellbeing:before { content: '\e808'; } /* '' */
.shapeWork:before { content: '\e809'; } /* '' */
.shapeMyCustomers:before {content: "\e900";}
.shapeConnectivity:before {content: "\e901";}
.shapePerformance:before {content: "\e902";}
.shapeSecurity:before {content: "\e903";}
.shapeTeamwork:before {content: "\e904";}

/*popouts*/
.shapeCarePopout:before { content: '\e80a'; } /* '' */
.shapefamilyPopout:before { content: '\e80b'; } /* '' */
.shapeFunPopout:before { content: '\e80c'; } /* '' */
.shapeHomePopout:before { content: '\e80d'; } /* '' */
.shapeMoneyPopout:before { content: '\e80e'; } /* '' */
.shapeMovePopout:before { content: '\e80f'; } /* '' */
.shapeTariffPopout:before { content: '\e810'; } /* '' */
.shapeTechPopout:before { content: '\e811'; } /* '' */
.shapeWellbeingPopout:before { content: '\e812'; } /* '' */
.shapeWorkPopout:before { content: '\e813'; } /* '' */
.shapeMyCustomersPopout:before {content: "\e905";}
.shapeConnectivityPopout:before {content: "\e906";}
.shapePerformancePopout:before {content: "\e907";}
.shapeSecurityPopout:before {content: "\e908";}
.shapeTeamworkPopout:before {content: "\e909";}
/*-------------------------------*/
/*SHAPES*/
.shape {
    color: #000;
    display: table;
    float: left;
    font-family: "HelvNeue75";
    font-size: 1em;
    position: relative;
    text-align: left;
}
.shape span {
    display: table-cell;
    padding: 0 20%;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.shape:before {
    color: #ff7900;
    font-family: "shape";
    font-style: normal;
    font-weight: normal;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
}
.msie .shape:before {
}
/*-------------------------------*/