body {
margin: 0;
padding: 0;
background: url(images/back.gif) repeat top left;
background-image: url(images/back.gif);
background-position: top left;
background-repeat: repeat;
background-attachment: scrolling;	
background-color: #ffffff; 
}
#wrap {
margin-left: 30px;
margin-right: 30px;
}
#header {
height: 146px;
}

#header #logo {
width: 220px;
float: left;
background: url(images/logo.jpg) no-repeat top left;
background-image: url(images/logo.jpg);
background-position: top left;
background-repeat: no-repeat;
background-attachment: scrolling;
margin: 10px 0px;
height: 138px;
position: absolute;
z-index: 100;
border: 2px solid #164677;
}

#heading .head {
height: 78px;
background: url(images/header.jpg) no-repeat top right;
background-image: url(images/header.jpg);
background-position: top right;
background-repeat: no-repeat;
background-attachment: scrolling;
border-right: 2px solid #287add;
border-bottom: 1px solid #287add;
position: relative;
margin-right: 0px;
}

* html #heading .head {
  margin-top: 0px; /* Extra 2px due to IE Box model */
  margin-right: 0px; /* Extra 2px due to IE Box model */
}
#top {
color: #FFF;
margin-top: 5px;
padding-right: 6px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 4px;
float: right;
width: 600px;
text-align: right;
height: 18px;
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: normal;
background-color: #164677;
border-bottom: 1px solid #287add;
}
#top a:link {
color:#c9d6a6;
text-decoration: none;
margin-left: 15px;
}
#top a:visited {
color:#c9d6a6;
text-decoration: none;
margin-left: 15px;
}
#top a:hover {
color:#c9d6a6;
border-bottom: 2px solid #c9d6a6;
margin-left: 15px;
}
#top a:active {
color:#c9d6a6;
text-decoration: none;
margin-left: 15px;
}
#sub {
color: #FFF;
margin-top: 11px;
padding-right: 6px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 4px;
float: right;
width: 600px;
text-align: right;
height: 18px;
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: normal;
background-color: #164677;
border-bottom: 1px solid #287add;
}
#sub a:link {
color:#c9d6a6;
text-decoration: none;
margin-left: 15px;
}
#sub a:visited {
color:#c9d6a6;
text-decoration: none;
margin-left: 15px;
}
#sub a:hover {
color:#c9d6a6;
border-bottom: 2px solid #c9d6a6;
margin-left: 15px;
}
#sub a:active {
color:#c9d6a6;
text-decoration: none;
margin-left: 15px;
}
#heading .sub {
clear: right;
}
#wrap2 {
margin-left: 30px;
margin-right: 30px;
}
#t1 {
margin-top: 10px;
}
#t2 {
margin-top: 0px;
}
#t3 {
margin-top: 10px;
margin-bottom: 20px;
}
#t4 {
margin-top: 10px;
}
td {
border: 1px solid #ffffff;
}
#titulos1 {
padding: 3px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #164677;
text-align: center;
background-color: #c9d6a6;
}
#titulos2 {
background-color: #cfe0e9;
padding: 4px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #164677;
text-align: center;
}
#titulos3 {
background-color: #164677;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #7eca1b;
text-align: left;
}
#texto1 {
background-color: #e6ede0;
padding-top: 3px;
padding-bottom: 6px;
padding-right: 3px;
padding-left: 3px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #164677;
text-align: center;
}
#texto1a {
background-color: #e6ede0;
padding-top: 3px;
padding-bottom: 6px;
padding-right: 3px;
padding-left: 3px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #164677;
text-align: center;
}
#texto2 {
background-color: #e5edf1;
padding-top: 3px;
padding-bottom: 6px;
padding-right: 3px;
padding-left: 3px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #164677;
text-align: center;
}
#texto3 {
background-color: #f0f3f2;
padding: 10px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #164677;
text-align: left;
}
#texto3 a:link {
color:#164677;
text-decoration: underline;
}
#texto3 a:visited {
color:#164677;
text-decoration: underline;
}
#texto3 a:hover {
color:#3865a8;
text-decoration: underline;
background-color: #c9d6a6;
}
#texto3 a:active {
color:#164677;
text-decoration: underline;
}
#texto4 {
background-color: #e6ede0;
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
color: #164677;
text-align: left;
}
#texto4 a:link {
padding: 3px 3px 3px 20px;
color:#164677;
text-decoration: none;
display: block;
}
#texto4 a:visited {
padding: 3px 3px 3px 20px;
color:#164677;
text-decoration: none;
display: block;
}
#texto4 a:hover {
padding: 3px 3px 3px 20px;
color:#3865a8;
text-decoration: none;
display: block;
background-color: #c9d6a6;
}
#texto4 a:active {
padding: 3px 3px 3px 20px;
color:#164677;
text-decoration: none;
display: block;
}
#texto5 {
background-color: #7eca1b;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #164677;
text-align: left;
}
#texto5 a:link {
color:#164677;
text-decoration: none;
}
#texto5 a:visited {
color:#164677;
text-decoration: none;
}
#texto5 a:hover {
color:#ffffff;
text-decoration: none;
}
#texto5 a:active {
color:#164677;
text-decoration: none;
}
#texto6 {
margin-top: 5px;
margin-bottom: 5px;
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #164677;
text-align: center;
text-transform: uppercase;
}
#texto7 {
background-color: #cfe0e9;
padding-top: 5px;
padding-bottom: 5px;
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: notmal;
color: #164677;
text-align: center;
}
#texto7 a:link {
color:#164677;
text-decoration: underline;
}
#texto7 a:visited {
color:#164677;
text-decoration: underline;
}
#texto7 a:hover {
color:#164677;
text-decoration: underline;
}
#texto7 a:active {
color:#164677;
text-decoration: underline;
}
#texto8 {
background-color: #e5edf1;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: notmal;
color: #164677;
text-align: left;
}
#texto8 a:link {
color:#164677;
text-decoration: underline;
}
#texto8 a:visited {
color:#164677;
text-decoration: underline;
}
#texto8 a:hover {
color:#164677;
text-decoration: underline;
}
#texto8 a:active {
color:#164677;
text-decoration: underline;
}
#dist {
margin-bottom: 30px;
margin-right: 35px;
margin-left: 35px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: notmal;
color: #164677;
text-align: center;
background-color: #e6ede0;
border-top: 1px solid #c9d6a6;
border-bottom: 1px solid #c9d6a6;
}
#dist a:link {
color:#164677;
text-decoration: underline;
}
#dist a:visited {
color:#164677;
text-decoration: underline;
}
#dist a:hover {
color:#164677;
text-decoration: underline;
}
#dist a:active {
color:#164677;
text-decoration: underline;
}
#disttitulo {
margin-top: 20px;
margin-right: 140px;
margin-left: 140px;
margin-bottom: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px;
padding-right: 15px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: center;
text-transform: uppercase;
background-color: #3865a8;
border-top: 1px solid #c9d6a6;
border-bottom: 1px solid #c9d6a6;
}
#sub1 {
background-color: #c9d6a6;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 15px;
padding-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #164677;
text-align: right;
}
#sub2 {
margin-top: 10px;
margin-bottom: 6px;
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #164677;
text-align: left;
}
#sub3 {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 10px;
padding-left: 10px;
margin-top: 26px;
margin-bottom: 25px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #164677;
text-align: center;
text-transform: uppercase;
border-top: 1px solid #3865a8;
border-bottom: 1px solid #3865a8;
}
#divisor {
margin-top: 10px;
margin-bottom: 10px;
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
color: #7eca1b;
text-align: center;
}
#menu2 {
margin-top: 15px;
margin-bottom: 15px;
background-color: #164677;
padding-top: 3px;
padding-bottom: 3px;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: notmal;
color: #ffffff;
text-align: center;
}
#menu2 a:link {
color:#ffffff;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #164677;
}
#menu2 a:visited {
color:#ffffff;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #164677;
}
#menu2 a:hover {
color:#7eca1b;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #164677;
}
#menu2 a:active {
color:#ffffff;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #164677;
}
#tabla1prod {
padding: 4px;
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #164677;
text-align: center;
text-transform: uppercase;
border: 1px solid #7eca1b;
}
#tablaprod td {
width: 125px;
height: 16px;
text-align: center;
}
#tablatest1 {
padding: 4px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: bold;
color: #164677;
text-align: center;
text-transform: uppercase;
background-color: #c9d6a6;
}
#tablatest1 td {
width: 135px;
height: 16px;
text-align: center;
}
#tablatest2 {
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: bold;
color: #164677;
background-color: #cfe0e9;
}
#tablatest2 td {
height: 16px;
text-align: left;
}
#tablatest3 {
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: bold;
color: #164677;
}
#tablatest3 td {
width: 20px;
height: 16px;
border: 1px solid #cfe0e9;
text-align: center;
}
#formulario {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #164677;
}
#formulario td {
width: 20px;
height: 22px;
text-align: left;
border: 1px solid #e5edf1;
}
#formulario input,textarea,submit,checkbox {
padding: 2px;
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
color: #164677;
text-align: left;
border: 1px solid #c9d6a6;
background-color: #e6ede0;
}
#pedidos {
margin-top: 40px;
margin-bottom: 20px;
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
color: #ffffff;
text-align: center;
text-transform: uppercase;
}
#pedidos a:link {
color:#ffffff;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #7eca1b;
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #164677;
}
#pedidos a:visited {
color:#ffffff;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #7eca1b;
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #164677;
}
#pedidos a:hover {
color:#7eca1b;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #164677;
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #7eca1b;
}
#pedidos a:active {
color:#ffffff;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
background-color: #7eca1b;
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #164677;
}
#chatbox {
margin: 20px;
}
#chatbox1 {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #164677;
}
#chatbox1 td {
width: 20px;
height: 22px;
text-align: left;
border: 0px solid #e5edf1;
}
#chatbox1 input,textarea {
padding: 2px;
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
color: #164677;
text-align: left;
border: 1px solid #c9d6a6;
background-color: #e6ede0;
}
/** Uncomment below for liquid width (expands and contracts with brwoser window width