/* 
    Document   : estilos
    Created on : 14/09/2013, 07:12:24 PM
    Author     : edramos
    Description:
        Purpose of the stylesheet follows.
*/

/*root { 
  display: block;
}*/

body{
  /* SVG as background image (IE9/Chrome/Safari/Opera) */ 
  /*Incio #676767 mitad #000000 final #000000*/
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NzY3NjciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzIwOCkiIC8+Cjwvc3ZnPg==);
  margin: 0px;
}

#barra_cabecera{
  width: auto;
  height: 97px;
  background-color: #CACACA;
  position: relative;
  z-index: 1;
  transform:translate(0px, 53px);
  -webkit-transform:translate(0px, 53px);
  -moz-transform:translate(0px, 53px);
  -o-transform:translate(0px, 53px);
  -ms-transform:translate(0px, 53px);
}

#barra_footer{
  width: auto;
  height: 37px;
  background-color: #CACACA;
  position: relative;
  z-index: 1;
  transform:translate(0px, -105px);
  -webkit-transform:translate(0px, -105px);
  -moz-transform:translate(0px, -105px);
  -o-transform:translate(0px, -105px);
  -ms-transform:translate(0px, -105px);
  margin-bottom: -1px;
}

#principal{
  width: 1024px;
  height: auto;
  margin: -282px auto 0 auto;
  position: relative;
  z-index: 100;
  /*border: 1px solid red;*/
}

#cabecera{
  width: 1024px;
  height: 140px;
  background-color: white;    
}

#cabecera_logo{
  width: 500px;
  height: 140px;
  /*border: 1px solid green;*/
  background-image: url('../images/logo.jpg');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

#cabecera_contacto{
  width: 200px;
  height: 140px;  
  display: inline-block;
  vertical-align: top;
  float: right;
  margin-right: 55px;
  /*border: 1px solid black;*/  
}

.cabecera_contacto_texto{
  font-family: arial;
  font-size: 17px;
  color: red;
  text-align: center;
  /*border: 1px solid black;*/  
}

#buscador{
  width: 200px;
  height: 30px;
  /*border: 1px solid black;*/
}

#buscador table tr td{
  width: 100px;
  height: 20px;
  border: 1px solid transparent;
}

#buscador_lupa{
  width: 24px;
  height: 24px;
  background-image:url('../images/lupa.jpg');
  background-repeat:no-repeat;
  /*background-position: center;*/
  float: right;
  border-radius: 5px;
  margin-top: 15px;
}

#buscar_input{
  margin: 13px 0px 0px 0px;  
}

#buscar_input input{
  width: 100px;
  height: 30px;
  border-radius: 5px;
  border: 2px solid red;
}

#buscador_correo{
  width: 24px;
  height: 24px;
  background-image:url('../images/correo.jpg');
  background-repeat:no-repeat;
  /*background-position: center;*/
  border-radius: 5px;
  margin-top: 15px;
}

#contenedor_principal{
  width: 1024px;
  height: 675px;
  border-radius: 20px;
  background-color: #CACACA;
  margin-top: 10px;
}

#contenedor_principal_productos{
  width: 1024px;
  height: auto;
  border-radius: 20px;
  background-color: #CACACA;
  margin-top: 10px;
}



#contenedor_menu{
  width: 1024px;
  height: 100px;
  border: 1px solid transparent;
}

/**
  SKITTER DE LA PAGINA INDEX
**/

#skitter_fondo{
  width:980px;
  height:320px;
  margin: 0 auto 0 22px;
  background-color: #808080; /*Color fondo del contenedor del skitter*/
  /*border:1px solid red;*/
  border-radius: 0 0 30px 30px; /*some css3*/
  -moz-border-radius: 0 0 30px 30px;
  -webkit-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
  border: 1px solid transparent;
  z-index: 2;
  position: relative;
}

#skitter_contenedor{
  width: 960px;
  height: 300px;
  margin: 10px 10px 10px 10px;
  border-radius: 0 0 30px 30px; /*some css3*/
  -moz-border-radius: 0 0 30px 30px;
  -webkit-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
  border: 1px solid transparent;
}

#contenedor_destacados_index{
  width: 980px;
  height: 200px;
  margin: 0 auto 0 auto;
  /*border: 1px solid black;*/
}

.destacados_index_titulo{
  font-family: arial;
  font-size: 14px;
  color: red;
  text-align: center;
}

#destacado1{
  width: 462px;
  height: 186px;
  border: 6px solid red;
  display: inline-block;
  vertical-align: top;
  background-image: url('../images/destacados1.jpg'); 
  background-repeat: no-repeat;
}

#destacado2{
  width: 462px;
  height: 186px;
  border: 6px solid red;
  display: inline-block;
  vertical-align: top;
  margin-left: 26px;
  background-image: url('../images/destacados2.jpg'); 
  background-repeat: no-repeat;
}

#etiqueta_destacados_der{
  width: 200px;
  height: 30px;
  background-color: red;
  border-radius: 0px 20px 0px 0px;
  -webkit-border-radius: 0px 20px 0px 0px;
  -moz-border-radius: 0px 20px 0px 0px;
  -ms-border-radius: 0px 20px 0px 0px;
  -o-border-radius: 0px 20px 0px 0px;
  margin-top: 150px;
}

.des_texto{
  font-family: arial;
  font-size: 14px;
  color: white;
  text-align: center;
  padding-top: 6px;
}

#etiqueta_destacados_izq{
  width: 200px;
  height: 30px;
  background-color: red;
  border-radius: 20px 0px 0px 0px;
  -webkit-border-radius: 20px 0px 0px 0px;
  -moz-border-radius: 20px 0px 0px 0px;
  -ms-border-radius: 20px 0px 0px 0px;
  -o-border-radius: 20px 0px 0px 0px;
  margin: 150px 265px;
}

#etiqueta_destacados_emp_izq{
  width: 200px;
  height: 30px;
  background-color: red;
  border-radius: 20px 0px 0px 0px;
  -webkit-border-radius: 20px 0px 0px 0px;
  -moz-border-radius: 20px 0px 0px 0px;
  -ms-border-radius: 20px 0px 0px 0px;
  -o-border-radius: 20px 0px 0px 0px;
  margin: 150px 267px;
}

#etiqueta_destacados_prod_izq{
  width: 180px;
  height: 30px;
  background-color: red;
  border-radius: 20px 0px 0px 0px;
  -webkit-border-radius: 20px 0px 0px 0px;
  -moz-border-radius: 20px 0px 0px 0px;
  -ms-border-radius: 20px 0px 0px 0px;
  -o-border-radius: 20px 0px 0px 0px;
  margin: 90px 130px;
}

.des_prod_texto{
  font-family: arial;
  font-size: 10px;
  color: white;
  text-align: center;
  padding-top: 10px;
}

#footer{
  width: 1024px;
  height: 54px;
  background-color: white;    
  margin-top: 10px;  
}

#footer_contacto{
  width: 600px;
  height: 54px;
  /*border: 1px solid green;*/
  display: inline-block;
}

.contacto_texto{
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  color: red;
  padding: 5px 0 0 20px;
}

#footer_enlaces{
  width: 320px;
  height: 54px;
  /*border: 1px solid green;*/
  display: inline-block;
  float: right;
  padding: 13px;
}

#politicas{
  width: 140px;
  height: 20px;
  background-color: red;
  display: inline-block;
  /*margin-top: 10px;*/
}

#mapa{
  width: 140px;
  height: 20px;
  background-color: red;
  display: inline-block;
}

.enlaces_texto{
  font-family: arial;
  font-size: 10px;
  color: white;
  text-align: center;
  margin-top: 3px;
}

.enlaces_texto a{
  color: white;
/*  text-align: right;*/
  text-decoration: none;
  /*padding-top: 2px;*/
}

#barra_footer_copy{
  width: 1024px;
  height: 77px;
  background-color: #CACACA;    
  margin-top: 10px;
  margin-bottom: -110px;
}

#footer_copy_texto{
  width: 950px;
  height: 40px;
}

.copy_texto{
  font-family: arial;
  font-size: 10px;
  text-align: center;
  line-height: 100%;
  padding: 35px 0px 0px 40px;
  /*margin-top: 40px;*/
}

.copy_texto a{
  color: black;
  text-decoration: none;
}

/*
*PRODUCTOS
*/

#contenedor_central_productos{
  width: 980px;
  height: auto;
  margin: 0px auto 0px auto;
  /*border: 1px solid black;*/
}

#producto_imagen{
  width: 465px;
  height: 348px;
  border: 6px solid red;
  border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -webkit-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
/*  background-image: url('../images/namometro.jpg');*/
  background-color: black;
  display: inline-block;
}

#producto_imagen img{
  border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -webkit-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
}

#producto_texto{
  width: 477px;
  height: auto;
  /*border: 1px solid black;*/
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}

.producto_titulo_der{
  font-family: arial;
  font-size: 17px;
  color: red;
  font-weight: bold;
  text-align: right;
  margin: 0;
}

.producto_parrafo{
  font-family: arial;
  font-size: 14px;
  text-align: justify;
  line-height: 100%;
  margin-left: 20px;
  white-space: normal;
}

#linea_separadora_prod{
  width: 90%;
  border: 1px solid #808080;
  margin: 30px auto 0px auto;
}

#destacados_prod{
  width: 980px;
  height: 160px;
  margin: 10px auto 0px auto;
  /*border: 1px solid black;*/
}

#destacados_prod1{
  width: 310px;
  height: 125px;
  border: 6px solid red;
  display: inline-block;
  margin: 15px 0px 0px 3px;
  background-image: url('../images/destacados_prod1.jpg');
}

#destacados_prod2{
  width: 310px;
  height: 125px;
  border: 6px solid red;
  display: inline-block;
  background-image: url('../images/destacados_prod2.jpg');
}

#destacados_prod3{
  width: 310px;
  height: 125px;
  border: 6px solid red;
  display: inline-block;
  background-image: url('../images/destacados_prod3.jpg');
}

/*
*CONTACTO
*/

#contacto_texto{
  width: 980px;
  height: 60px;
  margin: 0px auto 0px auto;
  /*border: 1px solid black;*/  
}

.contacto_texto_titulo{
  font-family: arial;
  font-size: 17px;
  color: red;
  text-align: center;
  font-weight: bold;
  margin: 0;
}

.contacto_texto_parrafo{
  font-family: arial;
  font-size: 15px;
  text-align: center;
}

#contenedor_contacto{
  width: 980px;
  height: 490px;
  background-color: white;
  margin: 10px auto 0px auto;
  border-radius: 0px 30px 0px 0px;
  -webkit-border-radius: 0px 30px 0px 0px;
  -moz-border-radius: 0px 30px 0px 0px;
  -ms-border-radius: 0px 30px 0px 0px;
  -o-border-radius: 0px 30px 0px 0px;
}

#contacto_central{
  width: 960px;
  height: 400px;
  /*margin: 10px 0px 0px 10px;*/
  /*border: 1px solid black;*/
}

#contacto_mapa{
  width: 410px;
  height: 340px;
  background-color: black;
  margin: 10px 10px 0px 20px;
  display: inline-block;
}

#linea_separadora_contacto{
  width: 0;
  height: 90%;
  border: 1px solid #808080;
  margin: 20px auto 0px 30px;
  display: inline-block;
  vertical-align: top;
}

#formulario_contacto{
  width: 400px;
  height: 340px;
  /*border: 1px solid black;*/
  display: inline-block;
  vertical-align: top;
  margin: 10px 0px 0px 20px;
  /*margin-top: 20px;*/
}

#formulario_contacto table{
  table-layout: fixed;
  /*height: 10;*/
  /*margin-left: 20px;*/
  /*border: 1px solid black;*/
}


#formulario_contacto textarea{
  width: 250px;
  height: 130px;
  /*margin-top: 17px;*/
}

#form_label_nombre{
  margin-top: 0;
  width: 100px;
  height: 30px;
  background-color: #E4E4E4;
  /*background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NzY3NjciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3ODIpIiAvPgo8L3N2Zz4=);*/
  border-radius:0px 5px 5px 0px; /*some css3*/
  -moz-border-radius:0px 5px 5px 0px;
  -webkit-border-radius:0px 5px 5px 0px;
  -ms-border-radius:0px 5px 5px 0px;
  -o-border-radius:0px 5px 5px 0px;
}

.inTexto{
  width: 350px;
  /*width: 30em;*/
  height: 22px;
  /*height: 2em;*/
  margin-top: 5px;
}

.form_label{
  font-family: arial;
  color: grey;
  text-align: center;
  padding-top: 7px;
  line-height: 100%;
}

.form_texto{
  font-family: arial;
  font-size: 10px;
  color: grey;
  text-align: left;
}

#formulario_contacto textarea{
  width: 350px;
  height: 130px;
}

.button{
  font-family: arial;
  color: grey;
  height: 30px;
  float: right;
}

#direccion_contacto{
  margin-top: 30px;
}

.dir_contacto_texto{
  font-family: Arial;
  size: 15px;
  font-weight: bold;
  color: red;	
  text-align: center;
}

/*
*EMPRESA
*/

#contenedor_principal_empresa{
  width: 1024px;
  height: 493px;
  border-radius: 20px;
  background-color: #CACACA;
  margin-top: 10px;
}

#contenedor_central_empresa{
  width: 980px;
  height: 360px;
  margin: 0px auto 0px auto;
  /*border: 1px solid black;*/
}

#empresa_imagen{
  width: 465px;
  height: 348px;
  border: 6px solid red;
  border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -webkit-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
/*  background-image: url('../images/namometro.jpg');*/
  display: inline-block;
  margin-left: 20px;
  background-color: black;
}

#info_empresa{
  width: 477px;
  height: 358px;
  /*border: 1px solid red;*/
  display: inline-block;
  vertical-align: top;
}

#info_empresa a{
  list-style:none;
  text-decoration:none;
}

#empresa_texto{
  width: 477px;
  height: 150px;
  /*border: 1px solid black;*/
}

.empresa_titulo_izq{
  font-family: arial;
  font-size: 17px;
  color: red;
  text-align: left;
  font-weight: bold;
  margin: 0;
}

.empresa_parrafo{
  font-family: Arial;
  font-size: 15px;
  text-align: justify;
  line-height: 100%;
}

#empresa_destacado{
  width: 468px;
  height: 186px;
  border: 6px solid white;
  margin-top: 12px;
  background-image: url('../images/empresa_destacado.jpg');
  background-repeat: no-repeat;
  list-style:none;
  text-decoration:none;
}

/*
*CLIENTE
*/

#cliente_texto{
  width: 980px;
  height: 60px;
  margin: 0px auto 0px auto;
  /*border: 1px solid black;*/  
}

.cliente_texto_titulo{
  font-family: arial;
  font-size: 17px;
  color: red;
  text-align: center;
  font-weight: bold;
  margin: 0;
}

.cliente_texto_parrafo{
  font-family: arial;
  font-size: 15px;
  text-align: center;
}

#contenedor_cliente{
  width: 980px;
  height: 178px;
  background-color: white;
  margin: 10px auto 0px auto;
  border-radius: 0px 30px 0px 0px;
  -webkit-border-radius: 0px 30px 0px 0px;
  -moz-border-radius: 0px 30px 0px 0px;
  -ms-border-radius: 0px 30px 0px 0px;
  -o-border-radius: 0px 30px 0px 0px;
}

/*#cliente_central{
  width: 980px;
  height: 178px;
  margin: 10px 0px 0px 10px;
  border: 1px solid black;
}*/

#contenedor_principal_clientes{
  width: 1024px;
  height: 370px;
  border-radius: 20px;
  background-color: #CACACA;
  margin-top: 10px;
}

/*
* POLITICAS
*/

#politica_texto{
  width: 980px;
  height: 20px;
  margin: 0px auto 0px auto;
  /*border: 1px solid black;*/  
}

.politica_texto_titulo{
  font-family: arial;
  font-size: 17px;
  color: red;
  text-align: center;
  font-weight: bold;
  margin: 0;
}

#contenedor_politica{
  width: 980px;
  height: 520px;
  background-color: white;
  margin: 0px auto 0px auto;
  border-radius: 0px 30px 0px 0px;
  -webkit-border-radius: 0px 30px 0px 0px;
  -moz-border-radius: 0px 30px 0px 0px;
  -ms-border-radius: 0px 30px 0px 0px;
  -o-border-radius: 0px 30px 0px 0px;
}

#contenedor_politica p{
  font-family: arial;
  font-size: 15px;
  text-align: justify;
  line-height: 100%;
  padding: 10px;
}

#contenedor_buscador{
  width: 980px;
  height: 540px;
  background-color: white;
  margin: 10px auto 0px auto;
  border-radius: 0px 30px 0px 0px;
  -webkit-border-radius: 0px 30px 0px 0px;
  -moz-border-radius: 0px 30px 0px 0px;
  -ms-border-radius: 0px 30px 0px 0px;
  -o-border-radius: 0px 30px 0px 0px;
}

#resultados_busqueda{
  width: 980px;
  margin: 20px auto 0px auto;
  border: 1px solid transparent;
  position: absolute;
}