/* dCodes Framework:(c) TemplateAccess */
@font-face{
  font-family: 'SymbolSignsBasisset';
  font-style: normal;
  font-weight: normal;
  src: url('symbol-signs-webfont.eot');
  src: url('symbol-signs-webfont.eot?#iefix') format('embedded-opentype'), url('symbol-signs-webfont.woff') format('woff'), url('symbol-signs-webfont.ttf') format('truetype'), url('symbol-signs-webfont.svg#SymbolSignsBasisset') format('svg');
}

@font-face{
  font-family: 'WebSymbolsRegular';
  font-style: normal;
  font-weight: normal;
  src: url('websymbols-regular-webfont.eot');
  src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('websymbols-regular-webfont.woff') format('woff'), url('websymbols-regular-webfont.ttf') format('truetype'), url('websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

@font-face{
  font-family: 'ModernPictogramsNormal';
  font-style: normal;
  font-weight: normal;
  src: url('modernpics-webfont.eot');
  src: url('modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('modernpics-webfont.woff') format('woff'), url('modernpics-webfont.ttf') format('truetype'), url('modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
}

@font-face{
  font-family: 'RaphaelIcons';
  font-style: normal;
  font-weight: normal;
  src: url('raphaelicons-webfont.eot');
  src: url('raphaelicons-webfont.eot?#iefix') format('embedded-opentype'), url('raphaelicons-webfont.woff') format('woff'), url('raphaelicons-webfont.ttf') format('truetype'), url('raphaelicons-webfont.svg#RaphaelIcons') format('svg');
}

@font-face{
  font-family: 'WebfontRegular';
  font-style: normal;
  font-weight: normal;
  src: url('entypo-webfont.eot');
  src: url('entypo-webfont.eot?#iefix') format('embedded-opentype'), url('entypo-webfont.woff') format('woff'), url('entypo-webfont.ttf') format('truetype'), url('entypo-webfont.svg#WebfontRegular') format('svg');
}

.dc_pictogram_symbolsigns{
  color: #333;
  display: inline-block;
  font-family: 'SymbolSignsBasisset';
  font-size: 45px;
  margin: 5px;
  text-decoration: none;
  vertical-align: middle;
}

.dc_pictogram_symbolsigns:hover{
  opacity: 0.8;
}

.dc_pictogram_symbolsigns.round{
  background-color: #ccc;
  border-radius: 50%;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 11px;
  padding-right: 5px;
  padding-top: 6px;
}

.dc_pictogram_symbolsigns.metro{
  background-color: #ccc;
  border-radius: 2px;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 13px;
  padding-right: 2px;
  padding-top: 6px;
}

.dc_pictogram_symbolsigns.bevel{
  background-color: #ccc;
  border-radius: 5px;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 11px;
  padding-right: 5px;
  padding-top: 6px;
}

.dc_pictogram_websymbols{
  color: #333;
  display: inline-block;
  font-family: 'WebSymbolsRegular';
  font-size: 23px;
  margin: 7px;
  text-decoration: none;
  vertical-align: middle;
}

.dc_pictogram_websymbols:hover{
  opacity: 0.8;
}

.dc_pictogram_websymbols.round{
  background-color: #ccc;
  border-radius: 50%;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
}

.dc_pictogram_websymbols.metro{
  background-color: #ccc;
  border-radius: 2px;
  color: #fff;
  padding-bottom: 9px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 9px;
}

.dc_pictogram_websymbols.bevel{
  background-color: #ccc;
  border-radius: 5px;
  color: #fff;
  padding-bottom: 8px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 8px;
}

.dc_pictogram_modern{
  display: inline-block;
  font-family: 'ModernPictogramsNormal';
  font-size: 35px;
  text-decoration: none;
  vertical-align: middle;
}

.dc_pictogram_modern.round{
  background-color: #ccc;
  border-radius: 50%;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 6px;
}

.dc_pictogram_modern.metro{
  background-color: #ccc;
  border-radius: 2px;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
}

.dc_pictogram_modern.bevel{
  background-color: #ccc;
  border-radius: 5px;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 6px;
}

.dc_pictogram_raphael{
  color: #333;
  display: inline-block;
  font-family: 'RaphaelIcons';
  font-size: 35px;
  margin: 6px;
  text-decoration: none;
  vertical-align: middle;
}

.dc_pictogram_raphael:hover{
  opacity: 0.8;
}

.dc_pictogram_raphael.round{
  background-color: #ccc;
  border-radius: 50%;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 6px;
}

.dc_pictogram_raphael.metro{
  background-color: #ccc;
  border-radius: 2px;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
}

.dc_pictogram_raphael.bevel{
  background-color: #ccc;
  border-radius: 5px;
  color: #fff;
  padding-bottom: 6px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 6px;
}

.dc_pictogram_entypo{
  color: #333;
  display: inline-block;
  font-family: 'WebfontRegular';
  font-size: 54px;
  margin: 3px;
  text-decoration: none;
  vertical-align: middle;
}

.dc_pictogram_entypo:hover{
  opacity: 0.8;
}

@font-face{
  font-family: 'DreamSocialPictogramsRegular';
  font-style: normal;
  font-weight: normal;
  src: url('dream_social_pictograms-webfont.eot');
  src: url('dream_social_pictograms-webfont.eot?#iefix') format('embedded-opentype'), url('dream_social_pictograms-webfont.woff') format('woff'), url('dream_social_pictograms-webfont.ttf') format('truetype'), url('dream_social_pictograms-webfont.svg#DreamSocialPictogramsRegular') format('svg');
}

.dc_socialpictogram{
  color: #333;
  display: inline-block;
  font-family: 'DreamSocialPictogramsRegular';
  font-size: 24px;
  margin: 3px;
  text-decoration: none;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}

.dc_socialpictogram:hover{
  opacity: 0.8;
}

.dc_socialpictogram.round{
  background-color: #ccc;
  border-radius: 50%;
  color: #fff;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 7px;
}

.dc_socialpictogram.metro{
  background-color: #ccc;
  border-radius: 2px;
  color: #fff;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 7px;
}