body {
	margin: 10px auto; padding: 0px;
	font: 10pt/14pt "Trebuchet MS",sans-serif;
}
a img {
	border: 0px;
}
#root {
	width: 768px;
	margin: 0 auto;
}




#header {
	background: url(header.jpg) no-repeat;
	height: 90px;
	position: relative;
}
#logo a {
	background: url(img/coexpa-logo.png) no-repeat;
	height: 108px;
	width: 149px;
	position: absolute;
	margin: 0px; padding: 0px;
	z-index: 2;
	text-indent: -1000em;
	overflow: none;
}
#menubar {
	background: #cf6;
	margin-bottom: 5px;
	min-height: 200px;
}
#body {
	margin-top: 15px;
}
#links {
	width: 149px;
	float: left;
	height: 200px;
}
#content {
	margin-left: 165px;
}
#footer {
	background: #666;
	height: 100px;
	color: #fff;
	font: 7pt/14pt "Trebuchet MS",sans-serif;
	text-align: center;
}

/*  Menubar ----------------------------------------------------------------- */
#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menubar ul a, #menubar ul span {
	display: block;
	height: 28px;
	text-indent: -1000em;
	overflow: none;
}
#menubar ul ul a {
	height: 20px;
	text-indent: 1.5em;
	text-decoration: none;
	color: #000;
	font-size: 80%;
	border-bottom: 1px dotted #99bf4c;
}
#menubar ul ul a:hover {
	color: #fff;
	background: #336699;
	border-bottom: 1px solid #a2eb58;
}
#menubar ul li {
	height: 1%;
	margin: 0px;
	padding: 0px;
}

#menubar #menu_quienes, #menubar #menu_productos, #menubar #menu_contacto {
	background: url(img/sidebar.png) 0px 0px no-repeat;
}
#menubar #menu_quienes { background-position: 0px 0px; }
#menubar #menu_productos { background-position: 0px -28px; }
#menubar #menu_contacto { background-position: 0px -56px; }
/* #menubar #menu_quienes:hover { background-position: -149px 0px; } */
#menubar #menu_productos:hover { background-position: -149px -28px; }
/* #menubar #menu_contacto:hover { background-position: -149px -56px; } */
/* /Menubar ----------------------------------------------------------------- */

.clear {
	clear: both;
}

/*  Internet Explorer Fixes ------------------------------------------------- */
* html body {
	text-align: center;
}
* html #root {
	text-align: left;
}
/* /Internet Explorer Fixes ------------------------------------------------- */

/*  Aqui van las personalizaciones para el contenido ------------------------ */


#marco{
border-color:#a2eb58 ;
border-width:small;
font-size:20px;

}

#encabezado{
font-size:24px;
font-style:italic;
color:#336699;
text-align:center;
margin-top:40px;
margin-bottom:15px;
}



#enca{
font-size:18px;
font-style:italic;
color:#336699;
text-align:left;
margin-top:20px;
margin-bottom:15px;
}




#titulo{
font:Arial, Helvetica, sans-serif;
color:#336699;
text-align:center;
text-decoration:underline;
margin-top:15px;
margin-bottom:15px;
position:relative;
}



#titulo2{
font:Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
position:relative;
}




#comentario{
position:relative;
width:100%;
}



#comen{
text-align:justify;
font-size:12px;
font-weight:bold;
color:#336699;
margin:10px;


}



#separador{
height:10px;
background-color:#cf6;
border:none;
margin-bottom:0px;
position:relative;

}



#seleccion {
	position:relative;	
	top:50px;
	width:436px;
	height:166px;
	z-index:1;
}



#actividad{
text-align:right;
position:relative;
font:xx-small;
color:#336699;
margin-left:60px;
}



#cultivo{
text-align:right;
padding:20px;
}



#tablaCultivo{
color:#336699;
font-size:14px;
font-weight:bold;
position:relative;
}


#info{
text-align:justify;
margin:40px;
}

#tabMostrar{
padding:10px;
font-size:12px;
border:0;
text-align:center;
position:relative;
}

#tabInfo{
padding:10px;
font-size:12px;
border:0;
text-align:justify;
position:relative;
}


#tituloTabla{
background-color:#336699;
color:#FFFFFF;
text-align:center;
}

#tiTabla{
background-color:#666;
color:#FFFFFF;
text-align:center;
}

.info {
	border: 1px solid #369;
}
.info .encabezado {
	background: #369;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px;
}
.info p {
	margin-left: 10px;
	margin-right: 10px;
}
.info p, .info ul, .info li {
	color: #000;
	font-weight: normal;
}

A:visited {text-decoration:underline;color:#207841} 
A:link {text-decoration:underline;color:#336699} 
A:hover {text-decoration:underline;color:#a2eb58} 
/* /Aqui van las personalizaciones para el contenido ------------------------ */
