/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


body
{
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #CFCFCA url('../img/fondoBody3.gif') repeat-x 50px -70px;
	color: #333333;
	text-align: center;
	behavior:url("csshover.htc");
}

div#contenedorTodo
{
	width: 790px;
	margin: 30px auto 50px 50px;
	border-top: 0;
	text-align: left;
}



a:hover
{
	color: orange;
}

a:visited
{
	color: #6495ED;
}

h1
{
	font-size: 2.1em;
	font-weight: 100;
}

h2
{
	font-size: 1.6em;
	font-weight: 800;
	color: Olive;
	border-bottom: 1px solid Olive;
	margin-bottom: .5em;
	clear: left;

}

h3
{
	font-size: 1.5em;
	font-weight: 100;
	letter-spacing: -1px;
	color: #9ACD32
}

h4
{
	font-size: 1.2em;
	font-weight: bold;	
}


img.izquierda
{
	float:left;
	margin: 0 1em 1em 0;
}

img.derecha
{
	float:right;
	margin: 0 0em 1em 1em;
}

form, table, ul, ol, dl
{
	margin-bottom: 1em;
}
div#wrapParaFondo
{
	background: transparent url('../img/fondoContenidoSombra.gif') repeat-y 0 0px ;	
	border: 0px solid red;
	float: left;
	width: 790px;
}

#contenido
{
	font-size: 1.3em;
	padding: 0 10px;
	border: 0px solid red;
	margin: 0 10px 0 11px;
	background: transparent url('../img/fondoVerdeBlancoDifuminado.gif') repeat-x 0px -0px ;
}


div#menuGlobal, div.textoEmpresas
{
	height: 40px;
	background: transparent url('../img/fondoMenuGlobal3.gif') left top no-repeat;
	width: 190px;
	margin-left: 30px;
}
div#menuGlobal ul li
{
	display: inline;
}

div#menuGlobal ul
{
	padding-top: 10px;
	float: left;
}

div#menuGlobal  ul li a
{
	display: block;
	float: left;
	padding: 0 5px;
	line-height: 20px;
	color: Olive;
	font-size: 1em;
}

div#menuGlobal ul li a:hover
{
	color: black;
}
div#menuGlobal ul li a#bordes
{
	border-right: 1px solid #CCCC00;	
	border-left: 1px solid #CCCC00;	
}




/* LOGO */
div#primerMenu
{
	float: left;
	width: 200px;	
}
div#logo 
{
	float: left;
	margin-top: 0px;
	margin-left: 30px;
	display: inline;
	width: 190px;
	height: 80px;
	background: transparent url('../img/fondoLogotipo.gif') left bottom no-repeat;
}

div#logo h1 a
{
	height: 80px;
	text-indent: -1000em;
	display: block;	
}

div#logo h1
{
		background: transparent  url('../img/logotipoAlbamexGrande.gif') center center no-repeat;
}

div#logo h1#albamex
{
			background-image: url('../img/logotipoAlbamexGrande.gif');
}

div#logo h1#altaConversion
{
			background-image: url('../img/logotipoAltaConversionGrande.gif');
}

div#logo h1#avicolaSacamecate
{
			background-image: url('../img/logotipoSacamecateGrande.gif');
}

div#logo h1#maquinariaEnVenta
{
			background-image: url('../img/logotipoMaquinariaEnVentaGrande.gif');
}

div#logo h1#terrenos
{
			background-image: url('../img/logotipoTerrenosGrande.gif');
}


div#logo h1#rioLerma
{
			background-image: url('../img/logotipoRioLermaGrande.gif');
}


div#encabezado
{
	background: transparent url('../img/fondoEncabezado2.gif') no-repeat 0 40px;
	height: 130px;
	border: 0px solid red;
}


/* NAVEGACION EMPRESAS */

div#segundoMenu
{
	float: right;
	margin-right: 30px;
	width: 500px;
	border: 0px solid red;
}

div#textoEmpresas
{
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	font-size: 14px;
	letter-spacing: -1px;
	color: Olive;
	font-weight: bold;
	background: transparent url('../img/fondoMenuDerecha.gif') left top no-repeat;
}

div#menuGlobalEmpresas
{
	height: 80px;
	background-color: #CEE5A5;
	width: 500px;
	background: transparent url('../img/fondoIconosMenuEmpresa2.gif') left bottom  no-repeat;
}

div#menuGlobalEmpresas ul
{
	padding-top: 10px;
	margin-left: 30px;
}

div#menuGlobalEmpresas ul li
{
	display: inline;
}

div#menuGlobalEmpresas ul li a
{
	display: block;
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 23px;
	border: 2px solid #99CC33;
	text-indent: -1000em;
	background-position: 0 -51px;
}


div#menuGlobalEmpresas ul li a:hover
{
	background-position: 0 0px;
}

div#menuGlobalEmpresas ul li a.empresaActual
{
	background-position: 0 0px;
	border-color: #669900;
}


a#logoAlbamex
{
	background-image: url('../img/iconoLogoAlbamex.gif');
}

a#logoAvicola
{
	background-image: url('../img/iconoLogoAvicola.gif');
}

a#logoAltaConversion
{
	background-image: url('../img/iconoLogoAltaConversion.gif');
}

a#logoMaquinaria
{
	background-image: url('../img/iconoLogoMaquinaria.gif');
}

a#logoRioLerma
{
	background-image: url('../img/iconoLogoRioLerma.gif');
}

a#logoTerrenos
{
	background-image: url('../img/iconoLogoTerrenos.gif');
}

/* TITULO DOCUMENTO */
h1#titulo
{
	height: 70px;
	margin: 0 0 0 0px;
	padding: 0;
	border: 0px solid red;
	background: transparent url('../img/fondoTitulos.gif') repeat-x left top;
	color: #E6FFCE;
	line-height: 60px;
	padding-left:30px;
	float: left;
	width: 489px;
}

/* NAVEGACION INTERNA EMPRESA */
div#menu

{	
	float: right;
	width: 210px;
	margin: 0 0px 20px 0px;
	padding-top:55px;
	padding-left: 20px;
	border: 0px solid red;
	position: relative;
	z-index: 100;
	background: transparent url('../img/fondoMenuArriba.gif') 0px 0 no-repeat;
}
* html div#menu
{
  width: 230px;
  w\idth: 210px;
}

  
div#menu ul
{
	padding-bottom: 40px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
		height: 1%;
	background: transparent url('../img/fondoMenuAbajo.gif')  left bottom no-repeat;
}

div#menu ul li
{
	margin: 0;
	padding: 0 0 1px 0;
	background: transparent url('../img/fondoPunteadoMenu.gif') repeat-x left bottom;
}

div#menu ul li a
{
	padding: 4px 15px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	background: transparent url('../img/iconoFlechitaMenu.gif') no-repeat 3px center;
	color: white;
	margin: 0;
}

div#menu ul li a:hover
{
	background-color: #FF9900;
}

div#menu ul.sub
{
	padding: 0 0 0px 10px;
	margin: 0;
	background-color: #669900;
	padding-left: 10px;
	background-image: none;
}

div#menu ul.sub a
{
	font-weight: normal;
}

div#menu ul.sub a:hover
{
	background-color: transparent;
	color: #FF9900;
}


div#menu li.aqui a
{
	background: transparent url('../img/iconoFlechitaMenuOn.gif') no-repeat 3px center;
	color: #FFD700;
}

div#menu li.aqui ul li a
{
	background: transparent url('../img/iconoFlechitaMenu.gif') no-repeat 3px center;
	color: white;
}



div#pie 
{
	background: transparent  url('../img/fondoPie.gif') no-repeat left top;
	height: 25px;
	padding: 10px 0 0 30px;
	color: silver;	
	border: 0px solid red;
	clear: both;
}

/* CONTENIDO */
div#textoContenido
{
	padding-top: 1px;
	padding-left: 20px;
	padding-bottom: 20px;
	position: relative;
}

div#textoContenido a
{
	font-weight: bold;
	color: #336600;
}
div#textoContenido a:visited
{
	color: #99CC33;
}

div#textoContenido a:hover
{
	text-decoration: underline;
}

div#textoContenido ol
{
	margin: 0 0 1em 1em;
}


#textoContenido p
{
	margin-bottom: 1em;
	text-align: justify;
}

#textoContenido ul, 
{
	margin-bottom: 1em;
	margin-left: 1em;
}

#textoContenido ul li 
{
	padding-left: 20px;
	list-style-type: none;
	background: transparent url('../img/iconoVinetaFlecha.gif') no-repeat left center;
}

#textoContenido ol
{
	padding-left: 20px;
	margin-bottom: 1em;
}
#textoContenido ol li 
{
	padding-left: 0em;
}
a.regresar
{
	display: block;
	background: transparent url('../img/regresar.png') no-repeat left center;
	height: 20px;
	width: 100px;
	padding-left: 20px;
}

/* productos */
div.producto
{
	margin: 1em 0 3em 0;
}


div#textoContenido a.ligaAnalisis
{
	display: block;
	float: right;
	position: relative;
	width: 50px;
	height: 60px;
	border: 1px solid reD;
	margin: 0 0 0 1em;
	border: 0px solid silver;
	text-decoration: none;
	font-size: 9px;
	background: white url('../img/iconoVerAnalisis.gif') left top no-repeat;
		background-color: red;
}

div#textoContenido a.ligaAnalisis:hover
{
	background-color: white;
}
div#textoContenido a.ligaAnalisis div.analisis
{
	text-indent: 0;
	font-size: 13px;
	height: 0px;
	width: 0px;
	overflow: hidden;
	float: left;
	z-index: 0;
}


div#textoContenido  a.ligaAnalisis:hover div.analisis 
{
	display: block;
	position: absolute;
	height: auto;
	overflow: auto;
	top: 40px;
	left: -160px;
	width: 160px;
	height: 160px;
	margin: 0 1em 1em 0;
	padding: .3em 10px;
	border: 1px solid #E6E6FA;
	border-bottom-color: silver;
	border-right-color: silver;
	background: white url('../img/fondoGrisDegradado.gif') repeat-x left bottom;
	text-decoration: none;
	z-index: 100;
}

div.analisis ul
{
	color: #666666;
	bordeR: 0px solid red;
	width: 140px;
	margin-top: 10px;
}

div.producto div.analisis
{

	float: right;
	margin: 0 0em 1em 1em;
	padding: .3em 10px;
	border: 1px solid #E6E6FA;
	border-bottom-color: silver;
	border-right-color: silver;
	background: white url('../img/fondoGrisDegradado.gif') repeat-x left bottom;
	text-decoration: none;
}


a.fotoProducto
{
	float: left;
	height: 130px;
	width: 150px;
	padding: 2px;
	border: 1px solid yellowgreen;
	margin: 0 1em 1em 0;
	background: white no-repeat 0 0;
}

a.fotoProducto:hover
{
	background-position: 0 -135px;
}


table
{
	border-collapse: collapse;

}

table th
{
	background: transparent url('../img/fondoGrisDegradadoChico.gif') repeat-x left bottom;
	border-bottom: 1px solid silver;
}

table td
{
	padding: 3px;
	border: 1px solid #DCDCDC;
}


span.nombreCompania
{
	font-weight: bold;
	color: #2F4F4F;
	font-size: 1.2em;
	font-style: italic;
}

#textoContenido div#mapa ul, #textoContenido div#mapa ul ul, #textoContenido ul li
{
	background-image: none;
}