@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}

@font-face{
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xC3jdGpUUWWw3ZkjEiH7VGY.woff) format('woff');
}

@font-face{
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xH8GQ1-f77-_DMylrAuQUHQ.woff) format('woff');
}

.fres{font-weight: normal; font-family: Tahoma; text-transform: none}
.ffos{ font-family: "Open Sans"; }
.ffosc{ font-family: "Open Sans Condensed"; }
.fw300{ font-weight: 300; }

.f11{font-size: 11px !important}
.f12{font-size: 12px !important}
.f13{font-size: 13px !important}
.f14{font-size: 14px !important}
.f15{font-size: 15px !important}
.f16{font-size: 16px !important}
.f17{font-size: 17px !important}
.f18{font-size: 18px !important}
.f19{font-size: 19px !important}
.f20{font-size: 20px !important}
.f22{font-size: 22px !important}

.f1e{font-size: 1em; line-height: 1em;}
.f2e{font-size: 2em; line-height: 1em;}
.f3e{font-size: 3em; line-height: 1em;}
.f4e{font-size: 4em; line-height: 1em;}
.f5e{font-size: 5em; line-height: 1em;}
.f6e{font-size: 6em; line-height: 1em;}
.f7e{font-size: 7em; line-height: 1em;}
.f8e{font-size: 8em; line-height: 1em;}

.lh1-2{line-height: 1.2em;}
.lh1-3{line-height: 1.3em;}
.lh1-4{line-height: 1.4em;}
.lh1-6{line-height: 1.6em;}
.lh1-8{line-height: 1.8em;}
.lh2-0{line-height: 2em;}
.lh2-2{line-height: 2.2em;}
.lh2-4{line-height: 2.4em;}
.lh2-6{line-height: 2.6em;}
.lh2-8{line-height: 2.8em;}
.lh3-0{line-height: 3em;}

.precent5{width:5%}
.precent10{width:10%}
.precent15{width:15%}
.precent20{width:20%}
.precent25{width:25%}
.precent30{width:30%}
.precent35{width:35%}
.precent40{width:40%}
.precent45{width:45%}
.precent50{width:50%}
.precent55{width:55%}
.precent60{width:60%}
.precent65{width:65%}
.precent70{width:70%}
.precent75{width:75%}
.precent80{width:80%}
.precent85{width:85%}
.precent90{width:90%}
.precent95{width:95%}
.precent100{width:100%}

.p0{padding:0 !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p20{padding:20px !important}
.pt5{padding-top:5px !important}    .pt10{padding-top:10px !important}    .pt20{padding-top:20px !important}
.pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb20{padding-bottom:20px !important}
.pl5{padding-left:5px !important}   .pl10{padding-left:10px !important}   .pl20{padding-left:20px !important}
.pr5{padding-right:5px !important}  .pr10{padding-right:10px !important}  .pr20{padding-right:20px !important}

.m0{margin:0 !important}
.m5{margin:5px !important}
.m10{margin:10px !important}
.m20{margin:20px !important}
.mt5{margin-top:5px !important}    .mt10{margin-top:10px !important}    .mt20{margin-top:20px !important}         .mt40{margin-top:40px !important}
.mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important}      .mb40{margin-bottom:40px !important} 
.ml5{margin-left:5px !important}   .ml10{margin-left:10px !important}   .ml20{margin-left:20px !important}        .ml40{margin-left:40px !important} 
.mr5{margin-right:5px !important}  .mr10{margin-right:10px !important}  .mr20{margin-right:20px !important}       .mr40{margin-right:40px !important}

.text-left{text-align: left !important}
.text-right{text-align: right !important}
.text-center{text-align: center !important}
.text-justify{text-align: justify !important}

.none-radius{border-radius: 0 !important}

.ucase{text-transform: uppercase}
.c-white{color:#fff}
.border{border:1px solid red}
.border1{border:1px solid lime}

.indent-1{ padding-left:15px !important}
.indent-2{ padding-left:30px !important}
.indent-3{ padding-left:45px !important}
.indent-4{ padding-left:60px !important}
.indent-5{ padding-left:75px !important}

.indent-1:before,
.indent-2:before,
.indent-3:before,
.indent-4:before,
.indent-5:before{
  content: '';
  height: 10px;
  width: 15px;
  margin-right: 5px;
  margin-bottom: 3px;
  display: inline-block;
  border-bottom: 1px dotted #999;
  border-left: 1px dotted #999;
}
.no-border{ border: 0; }

.striped{ background-color: #fff;}
.striped:nth-child(odd){ background-color: #F5f5f5;}