*{
    font-family: 'Helvetica', sans-serif;
}

@font-face {
  font-family: Helvetica;
  src: url(../font/helvetica-neue-light.ttf) format("opentype");
}


@font-face {
  font-family: HelveticaLight;
  src: url(../font/HelveticaNeue-UltraLight.ttf) format("opentype");
}

@font-face {
  font-family: Helvetica;
  src: url(../font/helvetica-neue-light.ttf) format("opentype");
}


@font-face {
  font-family: Raleway-Light;
  src: url(../font/Raleway-Light.ttf) format("opentype");
}

@font-face {
  font-family: Raleway-Thin;
  src: url(../font/Raleway-Thin.ttf) format("opentype");
}





.form {font-family: "Raleway-Light";color:#303030;font-size:12px}

.home {font-family:  "Raleway-Light"; color:#FFFFFF;font-size:100px}

.home2 {font-family:  "Raleway-Light"; color:#000000;font-size:36px}

.footer3 {font-family:  "Raleway-Light"; color:#FFFFFF;font-size:14px}


.headerinfo {font-family:  "Raleway-Light"; color:#000000;font-size:18px}
.titles {font-family:  "Raleway-Light"; color:#000000;font-size:36px}


.dettittle {font-family: "Raleway-Light";color:#FFFFFF;font-size:18px}

.report_title {font-family: "Raleway-Light";color:#000000;font-size:24px}
.report_subtitle {font-family: "Raleway-Light";color:#000000;font-size:18px}


.dettext {font-family: "Helvetica";color:#000000;font-size:14px}
.dettext2 {font-family: "Raleway-Light";color:#000000;font-size:14px}
.dettext3 {font-family: "Raleway-Light";color:#FFFFFF;font-size:14px}
.dettext4 {font-family: "Raleway-Light";color:#000000;font-size:24px}

.dettext5 {font-family: "Raleway-Light";color:#646564;font-size:12px}

.dettext-red {font-family: "Raleway-Light";color:#d60003;font-size:14px}
.dettext-orange {font-family: "Raleway-Light";color:#cdc600;font-size:14px}



.detred {font-family: "Raleway-Light";color:#d60003;font-size:18px}
.detgreen {font-family: "Raleway-Light";color:#6db94c;font-size:18px}
.detorange {font-family: "Raleway-Light";color:#e6792b;font-size:18px}
.detblue {font-family: "Raleway-Light";color:#00a5c0;font-size:18px}



.detsmall {font-family: "Raleway-Light";color:#1f4271;font-size:10px}

.small {font-family: "Raleway-Light";color:#333333;font-size:12px}

.sectitle {font-family: "Raleway-Light";color:#000000;font-size:36px}
.sectitle2 {font-family: "Raleway-Light";color:#000000;font-size:24px}
.sectitle3 {font-family: "Raleway-Light";color:#000000;font-size:18px}

.proddetail {font-family: "Raleway-Light";color:#000000;font-size:12px}
.proddetail2 {font-family: "Raleway-Light";color:#ffffff;font-size:12px}



.prodsmall {font-family: "Raleway-Light";color:#000000;font-size:10px}
.prodsmall2 {font-family: "Raleway-Light";color:#ffffff;font-size:10px}


.prodprice{font-family: "Raleway-Light";color:#000000;font-size:14px}

.statuson{font-family: "Raleway-Light";color:#b3010d;font-size:10px}
.statusoff{font-family: "Raleway-Light";color:#b57241;font-size:10px}

.pagetitle {font-family: "Raleway-Light";color:#939597;font-size:20px}

.pagetitle2 {font-family: "Raleway-Light";color:#f57e20;font-size:20px}

.pagesub {font-family: "Raleway-Light";color:#f79728;font-size:16px}

.payinfo {font-family: "Raleway-Light";color:#16427f;font-size:14px}

.resnote{font-family: "Raleway-Light";color:#ff0000;font-size:10px}
.print{font-family: "Raleway-Light";color:#ff0000;font-size:12px}

.resname {font-family: "Raleway-Light";color:#505050;font-size:24px}
.resnamew {font-family: "Raleway-Light";color:#ffffff;font-size:24px}

.resnumber {font-family: "Raleway-Light";color:#000000;font-size:14px}



.prodtext {font-family: "Raleway-Light";color:#000000;font-size:12px}
.prodtext2 {font-family: "Raleway-Light";color:#ffffff;font-size:14px}


.sidenav {font-family: "Raleway-Light";color:#e4dcd0;font-size:12px}

.q_titulo {font-family: "Raleway-Light";color:#000000;font-size:12px}
.q_texto {font-family: "Raleway-Light";color:#000000;font-size:10px}

a.catalogo:link {font-family: "Raleway-Light";color:#223274;font-size:32px; text-decoration: none}
a.catalogo:active {font-family: "Raleway-Light";color:#223274;font-size:32px; text-decoration: none}
a.catalogo:visited {font-family: "Raleway-Light";color:#223274;font-size:32px; text-decoration: none}
a.catalogo:hover {font-family: "Raleway-Light";color:#223274;font-size:32px; text-decoration: none}

a.prodtext:link {font-family: "Raleway-Light";color:#009ab5;font-size:14px; text-decoration: none}
a.prodtext:active {font-family: "Raleway-Light";color:#009ab5;font-size:14px; text-decoration: none}
a.prodtext:visited {font-family: "Raleway-Light";color:#009ab5;font-size:14px; text-decoration: none}
a.prodtext:hover {font-family: "Raleway-Light";color:#b2d2d1;font-size:14px; text-decoration: none}

a.prodtext3:link {font-family: "Raleway-Light";color:#006f7f;font-size:16px; text-decoration: none}
a.prodtext3:active {font-family: "Raleway-Light";color:#006f7f;font-size:16px; text-decoration: none}
a.prodtext3:visited {font-family: "Raleway-Light";color:#006f7f;font-size:16px; text-decoration: none}
a.prodtext3:hover {font-family: "Raleway-Light";color:#b2d2d1;font-size:16px; text-decoration: none}

a.topnav:link {font-family: "Helvetica";color:#000000;font-size:14px; text-decoration: none}
a.topnav:active {font-family: "Helvetica";color:#000000;font-size:14px; text-decoration: none}
a.topnav:visited {font-family: "Helvetica";color:#000000;font-size:14px; text-decoration: none}
a.topnav:hover {font-family: "Helvetica";color:#5f67c5;font-size:14px; text-decoration: none}

a.anntext:link {font-family: "Raleway-Light";color:#FF0000;font-size:14px; text-decoration: none}
a.anntext:active {font-family: "Raleway-Light";color:#222222;font-size:14px; text-decoration: none}
a.anntext:visited {font-family: "Raleway-Light";color:#222222;font-size:14px; text-decoration: none}
a.anntext:hover {font-family: "Raleway-Light";color:#a67944;font-size:14px; text-decoration: none}



a.small:link {font-family: "Raleway-Light";color:#939597;font-size:10px; text-decoration: none}
a.small:active {font-family: "Raleway-Light";color:#939597;font-size:10px; text-decoration: none}
a.small:visited {font-family: "Raleway-Light";color:#939597;font-size:10px; text-decoration: none}
a.small:hover {font-family: "Raleway-Light";color:#f79728;font-size:10px; text-decoration: none}

a.stdtop:link {font-family: "Raleway-Light";color:#1f4271;font-size:10px; text-decoration: none}
a.stdtop:active {font-family: "Raleway-Light";color:#1f4271;font-size:10px; text-decoration: none}
a.stdtop:visited {font-family: "Raleway-Light";color:#1f4271;font-size:10px; text-decoration: none}
a.stdtop:hover {font-family: "Raleway-Light";color:#f39146;font-size:10px; text-decoration: none}

a.stdtop2:link {font-family: "Helvetica";color:#000000;font-size:14px; text-decoration: none}
a.stdtop2:active {font-family: "Helvetica";color:#000000;font-size:14px; text-decoration: none}
a.stdtop2:visited {font-family: "Helvetica";color:#000000;font-size:14px; text-decoration: none}
a.stdtop2:hover {font-family: "Helvetica";color:#023d86;font-size:14px; text-decoration: none}

a.stdtop3:link {font-family: "Raleway-Light";color:#ffffff;font-size:12px; text-decoration: none}
a.stdtop3:active {font-family: "Raleway-Light";color:#ffffff;font-size:12px; text-decoration: none}
a.stdtop3:visited {font-family: "Raleway-Light";color:#ffffff;font-size:12px; text-decoration: none}
a.stdtop3:hover {font-family: "Raleway-Light";color:#023d86;font-size:12px; text-decoration: none}

a.green:link {font-family: "Raleway-Light";color:#0077c2;font-size:12px; text-decoration: none}
a.green:active {font-family: "Raleway-Light";color:#0077c2;font-size:12px; text-decoration: none}
a.green:visited {font-family: "Raleway-Light";color:#0077c2;font-size:12px; text-decoration: none}
a.green:hover {font-family: "Raleway-Light";color:#f39146;font-size:12px; text-decoration: none}

a.delete:link {font-family: "Raleway-Light";color:#d50707;font-size:12px; text-decoration: none}
a.delete:active {font-family: "Raleway-Light";color:#d50707;font-size:12px; text-decoration: none}
a.delete:visited {font-family: "Raleway-Light";color:#d50707;font-size:12px; text-decoration: none}
a.delete:hover {font-family: "Raleway-Light";color:#d50707;font-size:12px; text-decoration: none}


a.proptitle:link {font-family: "Raleway-Light";color:#FFFFFF;font-size:16px; text-decoration: none}
a.proptitle:active {font-family: "Raleway-Light";color:#FFFFFF;font-size:16px; text-decoration: none}
a.proptitle:visited {font-family: "Raleway-Light";color:#FFFFFF;font-size:16px; text-decoration: none}
a.proptitle:hover {font-family: "Raleway-Light";color:#addce2;font-size:16px; text-decoration: none}

a.pagenav:link {font-family: "Raleway-Light";color:#303a3e;font-size:12px; text-decoration: none}
a.pagenav:active {font-family: "Raleway-Light";color:#303a3e;font-size:12px; text-decoration: none}
a.pagenav:visited {font-family: "Raleway-Light";color:#303a3e;font-size:12px; text-decoration: none}
a.pagenav:hover {font-family: "Raleway-Light";color:#008ba4;font-size:12px; text-decoration: none}

a.footer2:link {font-family: "Raleway-Light";color:#ffffff;font-size:14px; text-decoration: none}
a.footer2:active {font-family: "Raleway-Light";color:#ffffff;font-size:14px; text-decoration: none}
a.footer2:visited {font-family: "Raleway-Light";color:#ffffff;font-size:14px; text-decoration: none}
a.footer2:hover {font-family: "Raleway-Light";color:#313a3f;font-size:14px; text-decoration: none}

a.aprobar:link {font-family: "Raleway-Light";color:#ffffff;font-size:18px; text-decoration: none}
a.aprobar:active {font-family: "Raleway-Light";color:#ffffff;font-size:18px; text-decoration: none}
a.aprobar:visited {font-family: "Raleway-Light";color:#ffffff;font-size:18px; text-decoration: none}
a.aprobar:hover {font-family: "Raleway-Light";color:#008e27;font-size:18px; text-decoration: none}

a.noaprobar:link {font-family: "Raleway-Light";color:#9b0e18;font-size:12px; text-decoration: none}
a.noaprobar:active {font-family: "Raleway-Light";color:#9b0e18;font-size:12px; text-decoration: none}
a.noaprobar:visited {font-family: "Raleway-Light";color:#9b0e18;font-size:12px; text-decoration: none}
a.noaprobar:hover {font-family: "Raleway-Light";color:#9b0e18;font-size:12px; text-decoration: none}


.listtitle {font-family:   "Raleway-Light"; color:#f0f0f0;font-size:12px}
.listheader {font-family:   "Raleway-Light"; color:#f0f0f0;font-size:12px}
.listitem {font-family:   "Raleway-Light"; color:#000000;font-size:12px}
.itemtitle {font-family:   "Raleway-Light"; color:#000000;font-size:14px}
.listitem-red {border-right: 1px solid black;border-bottom: 1px solid black;background-color:#ffffff;font-family:   "Raleway-Light"; color:#FF0000;font-size:12px}

.listitem2 {border-right: 1px solid black;border-bottom: 1px solid black;background-color:#ffffff;font-family:   "Raleway-Light"; color:#000000;font-size:12px}


.textfield {font-family:"Raleway-Light";font-size: 16px; background-color:#f1efee;border-color:#303a3e; padding:5px;width:250px;border:1px solid;}
.textfield2 {font-family:"Raleway-Light";font-size: 16px; background-color:#f1efee;border-color:#303a3e;padding:5px;width:100px;border:1px solid;}
.textfield3 {font-family:"Raleway-Light";font-size: 16px; background-color:#f1efee;border-color:#303a3e;padding:5px;width:500px;border:1px solid;}

.textfield_form {font-family:"Raleway-Light";font-size: 14px; background-color:#f1efee;border-color:#303a3e;padding:2px;width:500px;border:1px solid;}

.selectfield {background-color:#f1efee;border-color:#303a3e;padding:5px;width:250px;border:1px solid;}

.button {
    padding:6px;
    height:40px;
    font-family: 'Raleway-Light';
    font-size: 16px; 
    color:#FFFFFF;
    border-color:#5c7fc8; 
    background-color:#5c7fc8; 
    border-width:0px; 
    border-style: solid;
}

.button_form_blue {
    padding:2px;
    width:60px;
    font-family: 'Raleway-Light';
    font-size: 12px; 
    color:#FFFFFF;
    border-color:#1248ac; 
    background-color:#1248ac; 
    border-width:0px; 
    border-style: solid;
}

.button2 {
    padding:5px;
    height:30px;
    width:60px;
    font-family: 'Raleway-Light';
    font-size: 12px; 
    color:#FFFFFF;
    border-color:#1248ac; 
    background-color:#1248ac; 
    border-width:0px; 
    border-style: solid;
}

.button3 {
    padding:5px;
    height:30px;
    font-family: 'Raleway-Light';
    font-size: 12px; 
    color:#FFFFFF;
    border-color:#1248ac; 
    background-color:#1248ac; 
    border-width:0px; 
    border-style: solid;
}

.greenbutton {
    padding:2px;
    font-family: 'Raleway-Light';
    font-size: 14px; 
    color:#FFFFFF;
    border-color:#1248ac; 
    background-color:#008e1f; 
    border-width:0px; 
    border-style: solid;
}

.greenbutton2 {
    padding:2px;
    width:60px;
    font-family: 'Raleway-Light';
    font-size: 14px; 
    color:#FFFFFF;
    border-color:#1248ac; 
    background-color:#008e1f; 
    border-width:0px; 
    border-style: solid;
}


.picklist {
    font-family:"Raleway-Light";
    font-size: 16px; 
    background-color:#f1efee;
    border-color:#303a3e;
    padding:5px;
    border:1px solid;}

.button_red {
    padding:2px;
    font-family: 'Raleway-Light';
    font-size: 12px; 
    color:#FFFFFF;
    border-color:#d60a2b; 
    background-color:#d60a2b; 
    border-width:0px; 
    border-style: solid;
}

.button_red2 {
    padding:5px;
    height:30px;
    font-family: 'Raleway-Light';
    font-size: 12px; 
    color:#FFFFFF;
    border-color:#d60a2b; 
    background-color:#d60a2b; 
    border-width:0px; 
    border-style: solid;
}


.button_orange2 {
    padding:5px;
    height:30px;
    width: 120px;
    font-family: 'Raleway-Light';
    font-size: 14px; 
    color:#FFFFFF;
    border-color:#d60a2b; 
    background-color:#e36d26; 
    border-width:0px; 
    border-style: solid;
}

.greenbutton_form_2 {
    padding:2px;
    height:30px;
    width:100px;
    
    font-family: 'Raleway-Light';
    font-size: 12px; 
    color:#000000;
    border-color:#1248ac; 
    background-color:#aacd74; 
    border-width:0px; 
    border-style: solid;
}