body {margin: 0 20px; padding: 0; font: 10pt 'Trebuchet MS', Trebuchet, sans-serif; color: #555; background: #030 url(../images/fondo.png) top right fixed}
#contenedor {width: 773px; background: #ebf1dc url(../images/fondocontenedor.png) top right repeat-y; padding: 0 20px 0 20px}
#encabezado {margin-bottom: 5px; width: 748px; height: 60px; padding: 10px 20px 10px 10px; background: #edf3e0 url(../images/fondotextos.png) bottom left no-repeat}
#imagenes {width: 773px; margin-bottom: 20px}
#contenido {background: url(../images/fondotextos.png) bottom left no-repeat; min-height: 1%}
#pie {margin-top: 20px; clear: both; padding: 10px; background: url(../images/fondotextos.png) top left no-repeat; text-align: center}
#colIzq {float: left; width: 364px; padding: 0 10px 10px 10px}
#colDer {float: left; width: 359px; padding: 0 15px 10px 10px}

h1#logotipo a {margin: 0; width: 200px; height: 0; padding-top: 45px; overflow: hidden; background: url(../images/logocincotex.png); float: left; border: 0}
#contenido h2 {padding: 10px 10px 0 10px; font: 16pt Georgia, Palatino, serif; color: #050; background: #edf3e0 url(../images/fondotextos.png) top left no-repeat}
#contenido h3 {font-size: 12pt; color: #b21318; margin: 0; padding: 0}
#contenido p {margin-top: 5px}

a {color: #050; text-decoration: none; border-bottom: dotted 1px #050}
a:hover, a:active, a:hover {color: #b21318;  border-bottom: dotted 1px #b21318}

#encabezado ul {margin: 10px 0; padding: 0; list-style-type: none; float: right}
#encabezado li {display: inline; margin-left: 20px}
#encabezado li a {font-weight: bold; font-size: 10pt; letter-spacing: 1pt; text-transform: uppercase; font-variant: small-caps; color: #000; text-decoration: none; border: 0}
#encabezado li a.actual {color: #b21318}
a em {font-style: normal; text-decoration: underline}
#imagenes img {float: left; width: 190px; height: 160px; border: solid 1px #fff}
#imagenes img.presentacion {width: 766px; height: 322px}
img.icono {width: 12px; height: 12px; margin-left: 10px}
img.producto {float: left; width: 90px; margin-right: 10px}
#contenido ul {list-style-type: none; margin: 0 0 20px 0; padding: 0}
#contenido li {display: inline}

address {font-style: normal; font-size: 9pt; line-height: 12pt}
address:first-line {text-transform: uppercase; font-variant: small-caps}
p.validacion {font-size: 7pt; margin: 0}

form {margin: 0; padding: 0}
legend {font-size: 10pt; color: #b21318; font-weight: bold; margin-bottom: 10px}
fieldset {border: solid 1px #777; padding: 0 5px 5px 5px}
input, textarea {background: #e3eccc; border: solid 1px #888; font: 10pt 'Trebuchet MS', Trebuchet, sans-serif; color: #555}
textarea {width: 345px; height: 179px}
input.boton {border: solid 1px #030; background: url(../images/fondoboton.png); color: #fff}
span.iz {float: left}
span.de {float: right}

@media print {
  #contenedor, #encabezado {width: 740px}
  #imagenes, img {display: none}
  #colIzq, #colDer {float: none}
  h1#logotipo a {width: auto; height: auto; padding: 0; font: 20pt Georgia, Palatino, serif; color: #050}
  }