/***************************/
/* CSS GENERAL DEL SISTEMA */
/***************************/

/****/
/* Bloques estructurales de la Página */
/****/

body {
  width : 100%;
  text-align : left;
  font-family : Trebuchet MS, sans-serif;
  font-size : 12pt;
}

/****/
/* Bloques de encabezado */
/****/

#headder {
  display : none;
}

#footer {
  display : none;
}

/****/
/* Bloques de contenido */
/****/

#content, #content-index {
  width : 100%;
  background : #FFF;
  text-align : justify;
}

#content-index {
  text-align : center;
}

#content-index #logo {
  display : block;
  width : 100%;
  height  : 82pt;
  background : transparent url(../imagenes/bg_ci_logo.gif) top center no-repeat;
}

#content-index a.info {
  display : block;
  width : 100%;
  height : 30pt;
  text-align : center;
  background : transparent url(../imagenes/info.gif) center center no-repeat;
}

#content-index #proveedores {
  width : 50%;
  margin : 20pt 0 0 0;
}

#content-popup {
  width : 100%;
  background : #FFF;
  text-align : justify;
}

#content-popup h1 {
  color : #000;
  font-size : 14pt;
  text-align : left;
  width : 90%;
  margin-left : 10%;
}

#content-popup #punto-venta {
  width : 100%;
  margin : 15pt 0 0 0;
  text-align : left;
}

#punto-venta strong {
  color : #000;
}

#punto-venta strong.atention {
  color : #AC0000;
}

#content-popup table {
  padding : 0;
  margin : 0;
  width : 100%;
  border-collapse : collapse;
  margin-bottom : 10pt;
  border-top : 1pt solid #000;
  border-bottom : 1pt solid #000;
}

#content-popup table th {
  text-align : center;
  background : #E2E2FF;
}

#content-popup table td {
  text-align : center;
}

#content-popup table td.par {
  text-align : center;
  background : #FFFFBB;
}

body[id="cuerpo"] #content-index #proveedores {
  float : left;
  margin-left : 25%;
}

#proveedores .proveedorl, #proveedores .proveedorr {
  display : block;
  float : left;
  width : 150pt;
  text-align : center;
  font-weight : bold;
  color : #6C6CFF;
  font-size : 15pt;
}

#proveedores .proveedorr {
  float : right;
}

#proveedores .proveedorc {
  display : block;
  width : 150pt;
  text-align : center;
  font-weight : bold;
  color : #6C6CFF;
  font-size : 15pt;
}

body[id="cuerpo"] #content-index #proveedores .proveedorc {
  margin-left : 30%;
}

#proveedores .proveedorl img, #proveedores .proveedorr img, #proveedores .proveedorc img {
  width : 120pt;
  height : 70pt;
  border : 1pt solid #6C6CFF;
  margin : 2pt 0 2pt 0;
}

#content #headder-content {
  display : none;
}

#content #menu-content {
  display : none;
}

#content #container-content {
  width : 100%;
}

#container-content #products-families {
  width : 100%;
}

#products-families p {
 text-align : justify;
}

#products-families img {
  width : 179pt;
  height : 180pt;
  border : 1px solid #000;
  margin : 10pt 0 10pt 0;
}

#products-families a.item, #products-families a.itemselected {
  display : none;
}

#container-content #products-content {
  width : 100%;
  margin-top : 20pt;
  background : #FFF;
}

#products-content img#mapa {
  width : 100%;
}

#container-content #products-list {
  width : 100%
  margin-top : 20pt;
  background : #FFF;
}

#products-list img {
  width : 100pt;
  height : 100pt;
  border : 1pt solid #000;
}

#products-list p.shortdesc {
  width : 100%;
}

#container-content #product-desc {
  width : 100%;
  margin-top : 20pt;
}

#product-desc img {
  width : 200pt;
  height : 200pt;
  border : 1pt solid #000;
}

#product-desc p.longdesc {
  width : 100%;
}

#product-desc #fabricacion {
  display : block;
  clear : both;
}

#fabricacion img {
  width : 100%;
  height : 200pt;
  border : 1pt dotted #6C6CFF;
  margin-bottom : 10pt;
}

#products-content #paginado {
  display : block;
  float : left;
  width : 100%;
  text-align : center;
  margin : 0 0 20pt 0;
  font-size : 12pt;
  color : #AC0000;
}

#products-content .leyenda {
  display : block;
  float : left;
  width : 100%;
  font-size : 12pt;
  color : #666666;
  text-align : right;
  margin : 10pt 0 0 0;
}

.leyenda .l1, .leyenda .l2 {
  display : block;
  float : right;
  height : 20pt;
  background : #FFF url(../imagenes/ico_p.gif) 0 5pt no-repeat;
  padding-left : 16pt;
  line-height : 2;
}

.leyenda .l2 {
  background : #FFF url(../imagenes/ico_np.gif) 0 5pt no-repeat;
  margin-right : 10pt;
}

.span25 {
  display : block;
  float : left;
  width : 25%;
}

.span50 {
  display : block;
  float : left;
  width : 50%;
}

.span75 {
  display : block;
  float : left;
  width : 75%;
}

.span100 {
  display : block;
  float : left;
  width : 100%;
}

.milegend {
  display : block;
  float : left;
  width : 100%;
  height : 25pt;
  line-height : 1.7;
  background : #E2E2FF;
  text-align : center;
  font-weight : bold;
  font-size : 13pt;
}

.mifieldset {
  display : block;
  float : left;
  width : 100%;
  background : #FFFFBB;
}

form .cajaform {
  display : block;
  float : left;
  width : 96%;
  margin : 5pt 0 5pt 0;
  padding : 0 5pt 0 5pt;
  line-height : 1.5;
}

#obligatorio {
  display : block;
  text-indent : 10pt;
  background : transparent url(../imagenes/obligatorio.gif) top left no-repeat;
  margin : 0 0 15pt 0;
}

.input_optativo, .input_obligatorio {
  display : block;
  float : left;
  width : 75%;
}

.input_obligatorio {
  background : transparent url(../imagenes/obligatorio.gif) top left no-repeat;
}

input {
  font-family : Trebuchet MS, sans-serif;
  font-size : 1em;
  height : 25pt;
}

.buttonprinc, .buttonsec {
  display : none;
}

.inputtextp, .inputtextn {
  width : 25%;
  height : 15pt;
  padding : 1pt 2pt 1pt 2pt;
  font-size : 12pt;
  line-height : 1.2;
  background : transparent url(../imagenes/bg_input.gif) top left repeat-x;
  border : 1pt solid #000;
  margin-left : 10pt;
}

.inputtextn {
  width : 50%;
}

.inputcheckbox {
  height : 18pt;
  width : 18pt;
  margin : 0 5pt 0 10pt;
  background : transparent;
  border : 1pt solid #000;
}

.miselect {
  width : 50%;
  height : 20pt;
  font-family : Trebuchet MS, sans-serif;
  font-size : 12pt;
  background : #FFF;
  border : 1pt solid #000;
  margin-left : 10pt;
}

.inputtextareab {
  width : 95%;
  height : 100pt;
  padding : 1pt 2pt 1pt 2pt;
  margin-left : 10pt;
  font-family : Trebuchet MS, sans-serif;
  font-size : 12pt;
  line-height : 1.2;
  border : 1pt solid #000;
  background : #FFF url(../imagenes/bg_input.gif) bottom left repeat-x;
}

.inputfile {
  width : 95%;
  height : 19pt;
  margin-left : 10pt;
  font-size : 12pt;
  font-family : Trebuchet MS, sans-serif;
  line-height : 1.2;
  background : #FFF url(../imagenes/bg_input.gif) bottom left repeat-x;
  border : 1pt solid #000;
}

body[id="cuerpo"] .inputfile {
  background : #FFF;
  height : 20pt;
  width : 0;
}

/****/
/* Clases para tablas */
/****/

#products-content table.listado {
  float : left;
  padding : 0;
  margin : 0;
  width : 100%;
  background : #FFF;
  border-collapse : collapse;
  text-align : left;
  margin : 10pt 0 10pt 0;
}

table.listado th {
  color : #AC0000;
  text-align : center;
  font-weight : bold;
  border-bottom : 2pt solid #AC0000;
  line-height : 0.9;
  font-size : 11pt;
  background : #FFF;
  vertical-align : bottom;
  padding : 0 5pt 5pt 5pt;
}

table.listado th.linea {
  background : #FFF url(../imagenes/bg_th_listado.gif) bottom left no-repeat;
}

table.listado th a.orderby {
  display : block;
  color : #AC0000;
  text-decoration : none;
}

table.listado tr.selected {
  background : #FCFBF2;
}

table.listado td {
  color : #666666;
  line-height : 1;
  font-size : 11pt;
  height : 20pt;
  padding : 5pt;
  background : url(../imagenes/bg_px01.gif) bottom left repeat-x;
  background-color : none;
}

table.listado td img.muestra {
  width : 100pt;
}

table.listado td#foot {
  background : none;
  background-color : none;
  border-bottom : 1pt solid #AC0000;
}

table.listado td.center {
  text-align : center;
}

/****/
/* Clases genericas */
/****/

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  clear : both;
}

h1 {
  margin-bottom : 10pt;
  width : 100%;
  border-bottom : 2pt solid #6C6CFF;
  color : #6C6CFF;
  font-size : 16pt;
  text-indent : 20pt;
  background : #FFF;
}

h2 {
  margin-bottom : 10pt;
  width : 100%;
  border-bottom : 1pt solid #000;
  color : #000;
  font-size : 14pt;
}

hr {
  display : block;
  width : 100%;
  height : 2pt;
  border : none;
  border-bottom : 2pt solid #000;
  color : #000;
}

#content-index hr {
  width : 75%;
  text-align : center;
}

#products-list hr {
  float : left;
  clear : both;
  height : 1pt;
  border-bottom : 1pt dotted #000;
  margin : 10pt 0 0 0;
}

body[id="cuerpo"] #products-list hr {
  margin-bottom : 10pt;
}

form {
  padding : 0;
  margin : 0;
}

p {
  margin : 0 0 15pt 0;
  padding : 0;
}

strong {
  color : #AC0000;
}

strong.pvp {
  margin-top : -10pt;
}

img {
 border : 0;
}

.left {
  display : block;
  float : left;
}

.right {
  display : block;
  float : right;
}

.inline {
  display : inline;
}

.block {
  display : block;
}

.hidden {
  display : none;
}

/****/
/* Clases de enlaces */
/****/

a {
  font-weight : bold;
}

a:link, a:visited, a:active {
  color : #6C6CFF;
}

a:hover {
  color : #AC0000;
}

a.masinfo, a.masinfo_c, a.masinfo_t, a.masinfo_f, a.masinfo_v {
  display : none;
}

#paginado a {
  font-weight : normal;
}