
/* Basics */

body {
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  color: #666666;
  margin-top: 0em;
	margin-bottom: 0em;
	background: #FFFFFF url("../images/fondo.gif") repeat top left;
}

h1 {
  color: #AA462A;
  font-size: 9pt;
  text-align: left;
	margin: 0px 0px 25px 30px;
	text-transform: uppercase;
	margin-left: 2.5em;
}

h2 {
  color: #AA462A;
  font-size: 8pt;
  text-align: left;
	text-transform: uppercase;
	margin-top: 2.3em;
	margin-left: 3em;
	margin-bottom: 2px;
}

h3 {
  color: #AA462A;
  font-size: 8pt;
  text-align: left;
	margin: 0px 0px 5px 0px;
	margin-top: 2.3em;
	margin-left: 3em;
	margin-bottom: 2em;
}

p { 
	font-size: 8pt;
  text-align: justify;
  color: #666666;
  background: transparent none;
	margin-left: 3em;
	margin-right: 25em;
	margin-bottom: 1em;
}

ol, ul {
  margin-top: 8px;
}

ul {
  text-align: left;
	margin-left: 3em;
	padding-left: 3em;
}

hr {
  margin-right: 25em;
	width: 300px; 
}

/* Layout */

#page {
  margin: 0 auto;
  width: 780px;
  border-collapse: collapse;
	background: #FFFFFF none;
}

#top {
  margin: 0px auto;
	padding: 0px;
	width: 780px;
	height: 110px;
	margin-bottom: 5px;
	background: white url(../images/banner.gif) no-repeat top left;
}

#page-title {
  margin: 0px auto;
  width: 100%;
}

#page-title #text {
  display: none;
}

#main {
  display: block;
  margin: 30px auto;
	padding: 0px 0px 0px 0px;
	min-height: 430px;
  width: 100%;
}

#content {
  background: transparent;
  padding-top: 120px;
}

#bottom {
  display: block;
  margin: 0px auto;
	padding: 0px;
  width: 780px;
	height: 130px;
	font-size: 8pt;
	background: transparent url("../images/bottom.gif") no-repeat bottom right;
}

#author {
  display: block;
  color: #FFFFFF;
  text-align: right;
  padding-top: 70px;
	padding-right: 10px;
}

#corp {
	margin-top: 60px;
	margin-left: 10px;
  float: left;
}

#corp img {
  position: relative;
  left: 6px;
  top: 14px;
}

/* Top Navigation */

#top #topnavi {
  margin-top: 94px;
  width: 320px;
  text-align: center;
  float: right;
	display: inline;
}

#top #topnavi ul {
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#top #topnavi ul li {
  margin-top: 0px;
  display: inline;
  font-size: 8pt;
}

#top #topnavi ul li a:link, #top #topnavi ul li a:visited {
  padding: 0 15px;
	float: left;
	font-weight: bold;
}

#top #topnavi ul li a:active, #top #topnavi ul li a:hover {
  padding: 0 15px;
	float: left;
  text-decoration: underline;
	font-weight: bold;
}

#top select {
  float: right;
	margin-top: 90px;
	margin-left: 0px;
}

/* Main Navigation */

#nav {
	text-transform: uppercase;
  width: 780px;
  text-align: center;
  float: right;
	display: inline;
	clear: both;
	margin-top: 0px;
	margin-bottom: -5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#nav ul {
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#nav ul li {
  margin-top: 0px;
  display: inline;
  font-size: 8pt;
}

#nav #pointer {
  color: #FFFFFF;
	background-color: #AA462A;
  text-decoration: none;
}

#nav a:link, #nav a:visited {
  font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
  color: #666666;
  display: inline;
	float: left;
  text-decoration: none;
  background-color: transparent;
	border-right: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
}

#nav a:active, #nav a:hover {
  color: #FFFFFF;
	float: left;
	background-color: #AA462A;
  text-decoration: none;
}

/* Right Side */

#right {
  margin-top: 60px;
	margin-right: 10px;
  width: 227px;
	height: 200px;
  float: right;
}

#right #title {
  font-family: Arial, sans-serif;
	font-size: 14pt;
	text-decoration: underline;
	text-align: left;
	color: #999999;
	padding-top: 5px;
	padding-left: 64px;
	margin-bottom: 40px;
}

.rightside {
  float: right;
	margin-right: 30px;
}

.perfil {
  background: transparent url("../images/cuad_perfil.gif") no-repeat top left;
}

.productos {
  background: transparent url("../images/cuad_productos.gif") no-repeat top left;
}

.comprar {
  background: transparent url("../images/cuad_comprar.gif") no-repeat top left;
}

.shopping {
  background: transparent url("../images/cuad_shopping.gif") no-repeat top left;
}

.divagro {
  background: transparent url("../images/cuad_div_agro.gif") no-repeat top left;
}

.enlaces {
  background: transparent url("../images/cuad_enlaces.gif") no-repeat top left;
}

.corpcvs {
  background: transparent url("../images/cuad_corp_cvs.gif") no-repeat top left;
}

.contactenos {
  background: transparent url("../images/cuad_contact.gif") no-repeat top left;
}

.mapa {
  background: transparent url("../images/cuad_mapa.gif") no-repeat top left;
}

/* Special */

#development {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  float: left;
	text-align: left;
	padding: 3px;
	color: black;
	background: white url(../images/development.jpg) no-repeat top left;
}

#errorbox {
  float: left;
  width: 300px;
	height: 40px;
	border: 1px solid black;
	color: red;
	text-align: left;
	margin: 1px;
	padding: 1px;
	background: #FFFFFF;
}

#printlogo {
  display: none;
}

select.left {
  float: left;
	margin-left: 3em;
	font-size: 8pt;
}

.strong {
  font-weight: bold;
}

.left {
  float: left;
	margin-right: 10px;
}

.right {
  float: right;
	margin-left: 10px;
}

.left2 {
	margin-top: 10px;
}

.imageline {
  display: none;
  float: left;
	margin-left: 2em;
	width: 490px;
}

.project td.org {
  font-weight: bold;
}

.cervesur {
  margin-bottom: 50px;
}

/* Right Side Navigation */

#right #subnav {
  width: 190px;
  margin-top: 2em;
	margin-left: 2em;
  border: 1px solid #999999;
}

#right #subnav #subpointer {
  color: #FFFFFF;
	background-color: #007050;
  text-decoration: none;
}

#right #subnav a:link, #right #subnav a:visited {
  font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 11px;
  color: #666666;
  display: block;
	text-align: left;
  text-decoration: none;
	text-transform: uppercase;
  background-color: #FFFFFF;
	border-right: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
}

#right #subnav a:active, #right #subnav a:hover {
  color: #FFFFFF;
	background-color: #007050;
  text-decoration: none;
}

#right #subsubnav #subsubpointer {
  color: #FFFFFF;
	background-color: #007050;
  text-decoration: none;
}

#right #subsubnav a:link, #right #subsubnav a:visited {
  font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 14px;
	padding-right: 2px;
  color: #666666;
  display: block;
	text-align: left;
	text-transform: none;
  text-decoration: none;
  background-color: #FFFFFF;
	border-right: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
}

#right #subsubnav a:active, #right #subsubnav a:hover {
  color: #FFFFFF;
	background-color: #007050;
  text-decoration: none;
}

#subsubnav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#subsubnav li {
  position: relative;
}

#subsubnav ul ul {
  position: absolute;
  top: 0;
  left: -101%;
  width: 100%;
  border: 1px solid #999999;
}

div#subsubnav ul ul, div#subsubnav ul li:hover ul {
  display: none;
}

div#subsubnav ul li:hover ul, div#subsubnav ul ul li:hover ul {
  display: block;
}

/* Right Side Selection */

#right #rselect {
  text-align: left;
	padding: 5px;
	width: 180px;
  margin-top: 2em;
	margin-left: 2em;	
	border: 1px solid #999999;
}

#right #rselect select {
  font-size: 7pt;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 180px;
	border: 1px solid #AA462A;
	background-color: #FFECD2;
}

#right #rselect br {
  margin-top: 2px;
	margin-bottom: 2px;
}

/* Markets */

ul.marketlink li#market1 {
  background: transparent url("../images/mercado_a2.gif") no-repeat top right;
}

ul.marketlink li#market2 {
  background: transparent url("../images/mercado_b2.gif") no-repeat top left;
}

ul.marketlink li#market3 {
  background: transparent url("../images/mercado_i.jpg") no-repeat top right;
}

ul.marketlink li#market4 {
  background: transparent url("../images/mercado_g.jpg") no-repeat top left;
}

ul.marketlink li#market5 {
  background: transparent url("../images/mercado_h.jpg") no-repeat top right;
}

ul.marketlink {
  margin-top: 1.5em;
	margin-left: 1.2em;
	list-style: none;
	width: 470px;
}

ul.marketlink li {
	padding: 15px 25px 15px 25px;
	margin: 0px 0px 10px 0px;
  border: 1px solid #999999;
	width: 470px;
}

ul.marketlink li.l {
  text-align: left;
}

ul.marketlink li.r {
  text-align: right;
}

/*
ul.playlink {
  margin-left: 4em;
  list-style-image: url('../images/marker.gif');
}

ul.playlink li {
	margin-top: 1.5em;
}
*/

ul.marketlink a:link, ul.marketlink a:visited {
  font-size: 9pt;
	font-weight: bold;
  text-decoration: none;
  color: #007050;
	letter-spacing: 2px;	
}

ul.marketlink a:active, ul.marketlink a:hover {
  text-decoration: underline;
}

/* Products */

#productmain {
  padding-top: 140px;
}

#product {
  padding-top: 120px;
}

#product h1 {
  color: #AA462A;
  font-size: 9pt;
  text-align: left;
	margin: 0px 0px 25px 30px;
	text-transform: uppercase;
	margin-left: 2.5em;
}

#prod-header {
  padding-top: 0.2em;
  margin-left: 0em;
	margin-right: 50em;
	margin-bottom: 5px;
  background-color: transparent;
	width: 200px;
	display: block;
}

/*
#product p {
  clear: left;
}

#product p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}
*/

#product h1.prod-name {
  color: #AA462A;
  font-size: 12pt;
	margin-right: 3em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
	display: none;
}

#product #prod-desc {
  margin-top: 0.5em;
  font-size: 10pt;
	color: #AA462A;
  font-weight: bold;
	text-transform: none;
	text-align: right;
	letter-spacing: 1px;
	display: none;
}

#prod-header img {
	margin-top: 5px;
	margin-bottom: 10px;
}

#prod-tomasino {
  padding-top: 1.5em;
	padding-left: 19em;
  margin-left: 3em;
	margin-bottom: 0px;
	height: 75px;
	width: 480px;
  background: transparent url("../images/tomasino.gif") no-repeat top left;
}

#prod-supervit {
  padding-top: 1.5em;
	padding-left: 19em;
  margin-left: 3em;
	margin-bottom: 0px;
	height: 69px;
	width: 480px;
  background: transparent url("../images/supervit.gif") no-repeat top left;
}

#prod-dpeso {
  padding-top: 1.5em;
	padding-left: 16em;
  margin-left: 3em;
	margin-bottom: 0px;
	height: 69px;
	width: 480px;
  background: transparent url("../images/dpeso.gif") no-repeat top left;
}
/*
#product h1 {
  color: #AA462A;
  font-size: 12pt;
	margin-right: 3em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}*/

#product #desc {
  margin-top: 0.5em;
  font-size: 10pt;
	color: #AA462A;
  font-weight: bold;
	text-transform: none;
	text-align: right;
	letter-spacing: 1px;
}

#prod-chars {
  border: 1px solid #C7C7C7;
  display: block;
	margin-top: 1em;
	margin-left: 3em;
  margin-right: 24em;
}

#prod-chars h2 {
  margin: 0.5em 1.5em 0em 1.5em;
	padding-bottom: 0em;
}

#prod-chars h3 {
  margin: 0.5em 1.5em 1.5em 1.5em;
	text-decoration: underline;
}

#prod-chars p {
  margin: 0.5em 1.5em 1.5em 2.5em;
}

#product table {
  margin-top: 1em;
  margin-left: 4em;
	margin-right: 25em;
	width: 440px;
	border: 1px solid #C7C7C7;
}

#product table tr.color1 {
  background: transparent;
}

#product table tr.color2 {
	background: #EAF4FF;
}

#product ol {
  text-align: left;
	padding-left: 3em;
	margin-left: 3em;
  margin-right: 23em;
	width: 480px;
}

#product li {
  margin-bottom: 1.5em;
}

#product table.prod-use {
  margin: 1em 0em;
}

#product table.prod-use th {
  border-bottom: 1px solid #C7C7C7;
}

#product table.prod-use td {
  border: none;
}

#product ol li, #product ul li {
  padding-right: 25px;
	margin-bottom: 6px;
}

#product ul a:link, #product ul a:visited {
  font-size: 10pt;
	font-weight: bold;
  text-decoration: none;
  color: #007050;
	letter-spacing: 1px;
}

#product ul a:active, #product ul a:hover {
  text-decoration: underline;
}

#product ol ul {
  margin-top: 2em;
  margin-left: 0em;
	list-style: disc;
  list-style-image: none;
}

#product #subsubsubnav {
  margin-top: 0.5em;
	margin-bottom: 2em;
	margin-left: 3em;
	margin-right: 20em;
	text-align: left;
	font-weight: bold;
	display: none;
}

#product #subsubsubnav a:link, #product #subsubsubnav a:visited {
  font-size: 8pt;
  text-decoration: none;
  color: #007050;
}

#product #subsubsubnav a:active, #product #subsubsubnav a:hover {
  text-decoration: underline;
}

/* Site Map */

ul#sitemap {
  border: 1px solid #CDCDCD;
	margin-right: 23.5em;
	padding-left: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	list-style: square;
	background: transparent url("../images/bg_mapa.gif") no-repeat top right;
}

ul#sitemap ul {
  list-style-image: url('../images/carpeta2.gif');
	padding-left: 1em;
}

ul#sitemap li {
  font-size: 10pt;
	color: black;
  vertical-align: middle;
	padding-left: 0px;
	margin-left: 0px;
}

ul#sitemap ul ul li {
  font-size: 8pt;
	color: black;
  vertical-align: top;
	padding-left: 0px;
	margin-left: 0px;	
}

ul#sitemap ul ul ul {
  list-style-image: none;
}

ul#sitemap a {
  color: black;
	font-weight: normal;
}

/* Video */

ul.video {
  font-size: 9pt;
}

ul.video li {
  margin-top: 5px;
}

ul.video ul {
  font-size: 9pt;
	padding-left: 0px;
}

ul.video ul li {
  list-style-type: square;
	margin-top: 5px;
}

/* Decorated Tables */

.tabletop {
  background: transparent url("../images/tabletop.gif") no-repeat top center;
	width: 470px;
	height: 29px;
}

.table {
  background: transparent url("../images/tableborder.gif") repeat-y top center;
	text-align: left;
	width: 470px;
	margin-left: 3.5em;
	margin-right: 25em;
	margin-top: 2em;
}

.table .tabletitle {
  color: #AA462A;
  font-size: 8pt;
	font-weight: bold;
  text-align: center;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-transform: uppercase;
	width: 400px;
}

table {
  color: black;
  font-size: 8pt;
  text-align: left;
  width: 450px;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

table th {
  font-weight: normal;
	padding-right: 0.5em;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

table td {
	border-left: 1px solid #D8D8D8;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

table tr.color1 {
  background: transparent;
}

table tr.color2 {
	background: #EAF4FF;
}

table.corp th { 
  vertical-align: top;
}

table.corp td {
 	border-left: none;
	border-bottom: 1px dashed black;
	padding-top: 1em;
}

table .separator td, table .separator th {
 	border-left: none;
	border-bottom: 1px solid black;
	padding-top: 1em;
}

table .separatorcolor1 td, table .separatorcolor1 th {
 	border-left: none;
	border-bottom: 1px solid black;
	padding-top: 1em;
	background: transparent;
}

table .separatorcolor2 td, table .separatorcolor2 th {
 	border-left: none;
	border-bottom: 1px solid black;
	padding-top: 1em;
	background: #EAF4FF;
}

.important {
  font-weight: bolder;
}

table.corp p {
	font-size: 8pt;
  text-align: left;
  color: #666666;
  background: transparent none;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-top: 0em;
}

.tablebottom {
  background: transparent url("../images/tablebottom.gif") no-repeat top center;
	width: 470px;
	height: 17px;
}

/* Forms */

form {
  text-align: left;
}

form table {
  margin-top: 1em;
	margin-bottom: 1em;
}

form table th {
  color: white;
  font-size: 8pt;
	font-weight: bold;
  text-align: left;
	text-transform: uppercase;
	background: transparent url("../images/gradient_form.gif") repeat-y top left;
	padding-top: 1px;
	padding-bottom: 1px;
}

form table td {
  border: none;
}

form label {
  margin-top: 0em;
	margin-bottom: 2px;
	font-weight: normal;
	display: block;
}

form label.inline {
  margin-top: 0em;
	margin-bottom: 2px;
	font-weight: normal;
	display: inline;
}

form select {
  width: 150px;
}

form select.long {
  width: auto;
}

form input {
  cursor: pointer;
}

form select, form input {
  font-size: 8pt;
	border: 1px solid #AA462A;
	margin-bottom: 0em;
	margin-left: 5px;
	background-color: #FFECD2;
}

form input.clean {
	border: none;
	margin-top: 2px;
	margin-bottom: 0em;
	margin-right: 10px;
	margin-left: 10px;
	background-color: white;
}

form option, form optgroup {
  font-size: 8pt;
}

form input.button {
  margin-top: 20px;
	margin-right: 5px;
	float: left;
	border: 2px solid #AA462A;
	font-weight: normal;
}

select#product {
  padding-top: 0px;
} 

form textarea {
  border: 1px solid #AA462A;
}

td.border {
  border: 1px solid #AA462A;
}

.alert {
  color: red;
	text-transform: uppercase;
	font-weight: bold;
}

/* Anchors */

a:link {
  background-color: transparent;
  color: #AA462A;
  text-decoration: none;
	font-weight: bolder;
}

a:visited {
  background-color: transparent;
  color: #AA462A;
  text-decoration: none;
	font-weight: bolder;
}

a:active {
  background-color: transparent;
  color: #AA462A;
  text-decoration: none;
	font-weight: bolder;
}

a:hover {
  background-color: transparent;
  color: #AA462A;
  text-decoration: underline;
	font-weight: bolder;
}

a:link img{ border: none; }
a:visited img{ border: none; }
a:active img{ border: none; }

/* Homepage */

#homepage {
  margin: 0 auto;
  width: 780px;
	height: 430px;
	text-align: center;
	margin-top: 5%;
}

#hometop {
  width: 780px;
	height: 100px;
	background: white url(../images/home_top.jpg) no-repeat top left;
}

#homemiddle {
  text-align: right;
  width: 780px;
	height: 252px;
	background: white url(../images/home_middle.jpg) no-repeat top left;
}

#homebottom {
  width: 780px;
	height: 78px;
	background: white url(../images/home_bottom.jpg) no-repeat top left;
}

#homepage #nav {
	text-transform: capitalize;
  width: 171px;
  text-align: left;
  float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 9px;		
	padding-top: 30px;
	padding-bottom: 0px;
}

#homepage #nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#homepage #nav ul li {
  margin-top: 0px;
  font-size: 8pt;
	width: 171px;
}

#homepage #nav a:link, #homepage #nav a:visited {
  font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 4px;
	margin-bottom: 1px;	
  color: #666666;
	float: left;
  text-decoration: none;
  background-color: transparent;
  border-bottom: 1px solid #999999;
	width: 145px;
}

#homepage #nav a:link, #homepage #nav a:visited {
	padding-left: 8px;
	padding-right: 8px;
}

#homepage #nav a:active, #homepage #nav a:hover {
  color: #FFFFFF;
	float: left;
	color: #666666;
	background-color: white;
  text-decoration: none;
  border-bottom: 1px solid #999999;
	width: 145px;
}

#homebottom #author {
  font-size: 7pt;
  display: block;
  text-align: right;
	padding-top: 28px;
	padding-right: 10px;
}

#homepage #topnavi {
  margin-top: 0px;
  width: 320px;
  text-align: center;
  float: right;
	display: inline;
}

#homepage #topnavi ul {
  float: right;
  display: inline;
  margin-top: 7px;
  padding: 0px;
  list-style: none;
}

#homepage #topnavi ul li {
  margin-top: 0px;
  display: inline;
  font-size: 8pt;
}

#homepage #topnavi ul li a:link, #homepage #topnavi ul li a:visited {
  padding: 0 15px;
	margin-right: 10px;
	float: left;
	font-weight: bold;
}

#homepage #topnavi ul li a:active, #homepage #topnavi ul li a:hover {
  padding: 0 15px;
	margin-right: 10px;
	float: left;
  text-decoration: underline;
	font-weight: bold;
}

#homepage select {
  float: right;
	margin-top: 3px;
	margin-left: 0px;
}