@font-face{
  font-family:'g_light';
  src:url('../fonts/g_light.eot');
  src:url('../fonts/g_light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/g_light.woff') format('woff'),
      url('../fonts/g_light.ttf') format('truetype'),
      url('../fonts/g_light.svg#g_light') format('svg');
  font-weight:normal;
  font-style:normal
}

@font-face{
  font-family:'g_regular';
  src:url('../fonts/g_regular.eot');
  src:url('../fonts/g_regular.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/g_regular.woff') format('woff'),
      url('../fonts/g_regular.ttf') format('truetype'), 
      url('../fonts/g_regular.svg#g_regular') format('svg');
  font-weight:normal;
  font-style:normal
}

@font-face{
  font-family:'g_bold';
  src:url('../fonts/g_bold.eot');
  src:url('../fonts/g_bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/g_bold.woff') format('woff'), 
      url('../fonts/g_bold.ttf') format('truetype'), 
      url('../fonts/g_bold.svg#g_bold') format('svg');
  font-weight:normal;
  font-style:normal
}

html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet,img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
  background: transparent;
}

html { 
  display: block;
}

body {
  display: block;
  font: 62.5% 'g_regular',verdana, arial, helvetica, sans-serif;
  font-size: 0.80em;
  color: #f2f2f2;
  background: #232323;
}

div {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

.margin {
  position: relative;
  margin: 0 auto;
  width: 900px;
}

/*
  template/20_header.php
*/

.header-top-menu {
  position: fixed;
  width: 100%;
  background-image: url('../images/header_top_menu.png');
  background-repeat: repeat-x;
  z-index: 9999;
}
.header-top-menu-options {
  position: relative;
  top: 9px;
  width: 700px;
  height: 25px;
  left: 50%;
  margin-left: -250px;
  background: #606060;
  z-index: 9999;
}
.header-top-menu-options > a {
  text-decoration: none;
  color: #75c801;
  float: left;
  height: 25px;
  line-height: 21px;
  text-align: center;
}
.header-top-menu-options > a:hover {
  text-decoration: underline;
}
.header-top-menu-separator {
  height: 9px;
}

.header-logo {
  position: relative;
  width: 100%;
  background-image: url('../images/header_background.png');
  background-repeat: repeat-x;
}
.header-logo-container {
  height: 141px;
}
.header-logo-img {
  position: absolute;
  top: 43px;
  width: 265px;
  height: 80px;
  left: 50%;
  margin-left: -430px;
  background-image: url('../images/header_logo.png');
  background-repeat: no-repeat;
}

#icon-spanish, #icon-english, #icon-portuguese {
  float: left;
  margin-top: 4px;
  margin-left: 10px;
  cursor: pointer;
}

/*
  template/70_footer.php
*/

.footer {
  position: relative;
  width: 100%;
  background-image: url('../images/footer_background.png');
  background-repeat: repeat-x;
}
.footer-container {
  height: 100px;
}
.footer-text {
  position: relative;
  width: 600px;
  top: 35px;
  left: 50%;
  margin-left: -300px;
  color: #989898;
  line-height: 1.777;
  font: 62.5% 'g_light',verdana, arial, helvetica, sans-serif;
  font-size: 0.9em;
  text-align: center;
}
.footer-fkweb-logo {
  position: absolute;
  top: 38px;
  left: 795px;
  width: 109px;
  height: 22px;
  background-image: url('../images/fkweb_logo.png');
  background-repeat: no-repeat;  
}

/*
  content/0000/content.php
*/

.section-title {
  position: relative;
  width: 100%;
  background-image: url('../images/company_background.png');
  background-repeat: repeat-x;
  background-color: #4f8700;
}
.section-title-container {
  height: 96px;
}
.section-title-background-light {
  position: absolute;
  top: 0px;
  width: 550px;
  height: 250px;
  left: 50%;
  margin-left: -450px;
  background-image: url('../images/company_background_light.png');
  background-repeat: no-repeat;
}
.section-title-content {
  position: absolute;
  width: 545px;
  top: 34px;
  left: 50%;
  margin-left: -430px;
  color: white;
}
.section-title-content > h1 {
  font: 62.5% 'g_regular',verdana, arial, helvetica, sans-serif;
  font-size: 1.80em;
  color: #f2f2f2;
}

/* Empresa */

.company {
  position: relative;
  width: 100%;
  background-image: url('../images/company_background.png');
  background-repeat: repeat-x;
  background-color: #4f8700;
}
.company-container {
  height: 335px;
}
.company-background-light {
  position: absolute;
  top: 0px;
  width: 550px;
  height: 250px;
  left: 50%;
  margin-left: -450px;
  background-image: url('../images/company_background_light.png');
  background-repeat: no-repeat;
}
.company-picture {
  position: absolute;
  top: -20px;
  width: 318px;
  height: 200px;
  left: 50%;
  margin-left: 137px;
  background-image: url('../images/company_picture.png');
  background-repeat: no-repeat;
}
.company-text {
  position: absolute;
  top: 30px;
  width: 535px;
  left: 50%;
  margin-left: -430px;
  color: white;
  line-height: 1.977;
  text-align: justify;
}
.company-iso {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: 270px;
  width: 180px;
  color: #d8d8d8;
  line-height: 1.677;
  text-align: right;
}
.company-products {
  position: relative;
  width: 100%;
  background-image: url('../images/clients_background.png');
  background-repeat: repeat-x;
  background-color: #f2f2f2;
}
.company-products-container {
  height: 250px;
}
.company-products-icons {
  position: absolute;
  top: 57px;
  width: 620px;
  height: 135px;
  left: 50%;
  margin-left: -443px;
  background-image: url('../images/company_products_icons.png');
  background-repeat: no-repeat;
}
.company-products-text {
  position: absolute;
  top: 30px;
  width: 250px;
  left: 50%;
  margin-left: 200px;
  color: #444;
  line-height: 1.977;
  text-align: justify;
}

/* Productos */

.products {
  position: relative;
  width: 100%;
  background-image: url('../images/clients_background.png');
  background-repeat: repeat-x;
  background-color: #f2f2f2;
}
.products-container {
  height: 370px;
}
.products-content {
  position: absolute;
  top: 50px;
  width: 350px;
  left: 50%;
  margin-left: 100px;
  color: #555;
  line-height: 1.577;
  text-align: justify;
}
.products-icons {
  position: absolute;
  top: 239px;
  width: 436px;
  height: 95px;
  left: 50%;
  margin-left: -433px;
  /*background-image: url('../images/products_icons.png');
  background-repeat: no-repeat;*/
}
.products-text {
  position: absolute;
  top: 30px;
  width: 430px;
  left: 50%;
  margin-left: -430px;
  color: #444;
  line-height: 1.977;
  text-align: justify;
}
.products-bubble {
  position: absolute;
  top: 165px;
  width: 430px;
  height: 65px;
  left: 50%;
  margin-left: -430px;
  color: #333;
  background: #e0e0e0;
  line-height: 65px;
  vertical-align: middle;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;  
}
.products-bubble-arrow {
  position: absolute;
  top: 205px;
  width: 41px;
  height: 39px;
  left: 50%;
  margin-left: -423px;
  background-image: url('../images/products_bubble_arrow.png');
  background-repeat: no-repeat;
}
.products-shape {
  position: absolute;
  top: 22px;
  width: 446px;
  height: 316px;
  left: 50%;
  margin-left: 12px;
  background-image: url('../images/products_shape.png');
  background-repeat: no-repeat;
}
.products-picture {
  position: absolute;
  top: 30px;
  width: 430px;
  height: 300px;
  left: 50%;
  margin-left: 20px;
  /*background-image: url('../images/products_1.jpg');
  background-repeat: no-repeat;*/
  display: none;
}

/* Clientes */

.clients {
  position: relative;
  width: 100%;
  background-image: url('../images/clients_background.png');
  background-repeat: repeat-x;
  background-color: #f2f2f2;
}
.clients-container {
  height: 600px;
}
.clients-logos {
  position: absolute;
  top: 80px;
  width: 590px;
  height: 430px;
  left: 50%;
  margin-left: -140px;
  background-image: url('../images/clients_logos_bw.png');
  background-repeat: no-repeat;  
}
.clients-picture {
  position: absolute;
  top: 80px;
  width: 590px;
  height: 430px;
  left: 50%;
  margin-left: -140px;
  background-image: url('../images/assembly_line_bw.png');
  background-repeat: no-repeat;  
}
.clients-content {
  position: absolute;
  top: 20px;
  width: 860px;
  left: 50%;
  margin-left: -440px;
  color: #555;
  line-height: 1.577;
}
.clients-list {
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 20px;
  padding-bottom: 20px;
  color: #666;
  line-height: 25px;
}
ul {
  list-style: square outside;
  color: #89d600;
  line-height: 27px;
  font-size: 0.90em;
}
li > span {
  color: #444;
}

/* Politica de Calidad */

.certificates {
  position: relative;
  width: 100%;
  background-image: url('../images/clients_background.png');
  background-repeat: repeat-x;
  background-color: #f2f2f2;
}
.certificates-container {
  height: 425px;
}
.certificates-picture {
  position: absolute;
  top: 25px;
  width: 504px;
  height: 377px;
  left: 50%;
  margin-left: -450px;
  background-image: url('../images/certificates_bw.png');
  background-repeat: no-repeat;  
}
.certificates-content {
  position: absolute;
  top: 50px;
  width: 350px;
  left: 50%;
  margin-left: 100px;
  color: #555;
  line-height: 1.577;
  text-align: justify;
}
.certificates-iso {
  position: absolute;
  top: 280px;
  left: 50%;
  margin-left: 170px;
  width: 280px;
  color: #555;
  line-height: 1.677;
  text-align: right;
}
a.certificates-download {
  text-decoration: none;
  color: #555;
  text-decoration: underline;
}
a.certificates-download:hover {
  text-decoration: underline;
}

/* Contactenos */

.contact-us {
  position: relative;
  width: 100%;
  background-image: url('../images/clients_background.png');
  background-repeat: repeat-x;
  background-color: #f2f2f2;
}
.contact-us-container {
  height: 575px;
}
.contact-us-container-submit {
  height: 160px;
}
.contact-us-content {
  position: absolute;
  top: 25px;
  width: 860px;
  left: 50%;
  margin-left: -430px;
  color: #555;
  line-height: 1.577;
}
.contact-us-form {
  width: 100%;
  text-align: justify;
}
.contact-us-form > * {
  font-size: 1.0em;
  color: #444;
}
.contact-us-form-data {
  width: 860px;
  margin-top: 30px;
}
.contact-us-form-data > tbody > tr > td {
  line-height: 27px;
}
.contact-us-form-data > tbody > tr > td > label {
  float: left;
  width: 140px;
  margin-right: 10px;
  text-align: right;
  margin-bottom: 10px;
  display: block;
  line-height: 27px;
}
.contact-us-form-data > tbody > tr > td > input[type="text"] {
  margin-top: 2px;
  width: 600px;
  height: 17px;
  padding: 5px 3px 5px 3px;
  color: #545454;
  font-size: 13px;
  overflow: hidden;
  border: none;
  display: block;
  line-height: 27px;
  background: #e0e0e0;
}
.contact-us-form-sections {
  width: 600px;
}
.contact-us-form-sections > tbody > tr > td {
  line-height: 25px;
  padding-right: 20px;
}
.contact-us-form-sections > tbody > tr > td > label {
  margin-left: 5px;
  text-align: right;
}
.contact-us-form-sections > tbody > tr > td > input[type="radio"] {
  margin: 0px;
  vertical-align: middle;
}
.contact-us-form-data > tbody > tr > td > textarea {
  margin-top: 2px;
  width: 600px;
  padding: 5px 3px 5px 3px;
  color: #545454;
  font-size: 13px;
  overflow: hidden;
  border: none;
  display: block;
  resize: none;
  background: #e0e0e0;
}
.contact-us-form-data > tbody > tr > td > input[type="submit"] {
  height: 27px;
  width: 130px;
  color: #f2f2f2;
  font-size: 13px;
  overflow: hidden;
  border: none;
  display: block;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  background: #444;
}
.contact-us-map {
  position: relative;
  width: 100%;
  background-image: url('../images/products_background.png');
  background-repeat: repeat-x;
  background-color: #5d5d5d;
}
.contact-us-map-container {
  height: 395px;
}
.contact-us-map-content {
  position: absolute;
  top: 25px;
  width: 860px;
  left: 50%;
  margin-left: -430px;
  color: #555;
  line-height: 1.577;
}
.contact-us-map-text {
  position: relative;
  top: 80px;
  color: #f2f2f2;
  line-height: 1.677;
  width: 250px;
}
.contact-us-map-text > a {
  text-decoration: none;
  color: #75c801;
}
.contact-us-map-text > a:hover {
  text-decoration: underline;
}
.contact-us-map-img {
  position: absolute;
  top: 25px;
  width: 600px;
  height: 295px;
  left: 50%;
  margin-left: -175px;
  background-image: url('../images/contact_us_map_new.png');
  background-repeat: no-repeat;  
}

/* Proveedores */

.supplier { 
  position: relative;
  width: 100%;
  background-image: url('../images/clients_background.png');
  background-repeat: repeat-x;
  background-color: #f2f2f2;
}
.supplier-container {
  height: 375px;
}
.supplier-content {
  position: absolute;
  top: 25px;
  width: 860px;
  left: 50%;
  margin-left: -430px;
  color: #555;
  line-height: 1.577;
}
.supplier-form {
  width: 100%;
  text-align: justify;
}
.supplier-form > * {
  font-size: 1.0em;
  color: #444;
}
.supplier-form-data {
  width: 460px;
  margin-left: 140px;
  margin-top: 30px;
}
.supplier-form-data > tbody > tr > td {
  line-height: 27px;
}
.supplier-form-data > tbody > tr > td > label {
  float: left;
  width: 140px;
  margin-right: 10px;
  text-align: right;
  margin-bottom: 10px;
  display: block;
  line-height: 27px;
}
.supplier-form-data > tbody > tr > td > input[type="text"] {
  margin-top: 2px;
  width: 300px;
  height: 17px;
  padding: 5px 3px 5px 3px;
  color: #545454;
  font-size: 13px;
  overflow: hidden;
  border: none;
  display: block;
  line-height: 27px;
  background: #e0e0e0;
}
.supplier-form-data > tbody > tr > td > input[type="password"] {
  margin-top: 2px;
  width: 300px;
  height: 17px;
  padding: 5px 3px 5px 3px;
  color: #545454;
  font-size: 13px;
  overflow: hidden;
  border: none;
  display: block;
  line-height: 27px;
  background: #e0e0e0;
}
.supplier-form-data > tbody > tr > td > input[type="file"] {
  width: 400px;
  height: 23px;
  color: #545454;
  font-size: 13px;
  overflow: hidden;
  border: none;
/*  display: block;*/
  line-height: 27px;
  background: #e0e0e0;
}
div.supplier-form form table tbody tr td textarea {
  width: 450px;
  height: 180px;
  line-height: 20px;
  color: #545454;
  background: #e0e0e0;
  border-style: solid; 
  border-color: #e0e0e0; 
  border-width: 1px;
  text-align: left;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  resize: none;
  margin-top: 10px;
}
.supplier-form-data > tbody > tr > td > input[type="submit"] {
  height: 27px;
  width: 130px;
  color: #f2f2f2;
  font-size: 13px;
  overflow: hidden;
  border: none;
  display: block;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  background: #444;
}
.supplier-form-data > tbody > tr > td > table > tbody > tr > td > input[type="submit"] {
  margin-right: 10px;
  height: 27px;
  width: 120px;
  color: #f2f2f2;
  font-size: 13px;
  overflow: hidden;
  border: none;
  display: block;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  background: #444;
}
.supplier-container-list {
/*  height: 100px;*/
}
.supplier-content-list {
  position: relative;
  top: 25px;
  width: 860px;
  left: 50%;
  margin-left: -430px;
  color: #555;
  line-height: 1.577;
}
.supplier-list {
  width: 100%;
  text-align: justify;
}
.supplier-list > * {
  font-size: 1.0em;
  color: #444;
}
.supplier-register {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.supplier-register > table > tbody > tr > td {
  height: 22px;
  text-align: left;
  vertical-align: middle;
  background: #e0e0e0;
  border-left: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
  padding-left: 5px;
  padding-right: 5px;
}
a {
  text-decoration: none;
  color: #75c801;
}
a:hover {
  text-decoration: underline;
}
.logout_link {
  text-decoration: none;
  color: #f2f2f2;
}
.logout_link:hover {
  text-decoration: underline;
}
