* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	
}

body {
	background: url(img/fondoGradiente2.jpg) repeat-x top left white;
	font-family: Trebuchet, Arial, Verdana, Sans-Serif;
	font-size: 75%;
	line-height: 1.6em;
	color: #333;
}	
	
#info {
	margin: auto;
	background-color: white;
	width: 1000px;
	min-height: 700px;
	padding-top: 10px;
}

li {
list-style-type: none; 
}

em {
font-style: normal; 
font-weight: bold;
}

a {
	color: #333;
}

p {
	font-size: 11px;
	line-height: 2.2em;
	margin-bottom: 10px;
}

img {
	border: none;
}

/* Cabezera ------------------------------------------------------------ */

h1 {
	background: url(img/cabecera3.jpg) no-repeat top right black;
	margin: auto;
	width: 1000px;
	height: 120px;
	text-indent: -9999px;
}

/* Idiomas ------------------------------------------------------------ */

#idiomas {
	margin-top: -220px;
	text-align: right;
	font-size: 9px;
	display: none;
	
}

/* Navegacion margin-top: 152px; con los idiomas activados------------------------------------------------------------ */

#navegacion{
	text-align: center;
	margin-top: -10px;
 	padding: 7px 0px;
 	background-color: #bfe0f7;
}
 
#navegacion li, #subnavegacionOn li {
	display: inline;
} 


#navegacion li a {
 text-decoration: none;
 text-transform: uppercase;
 width: 100px;
 height: 40px;
 padding: 10px 20px;
 color: #339;
 background: url(img/gradienteBoton.jpg) repeat-x top left #e4f2fc; 
}

li a.On{
 text-decoration: none;
 text-transform: uppercase;
 font-weight: bold; 
 width: 100px;
 height: 40px;
 padding: 10px 20px;
 color: #339;
}

#navegacion li a.On{
 background: url(img/gradienteBotonOn.jpg) repeat-x top left #fdf3a1; 
}

#subnavegacionHome {
	background: url(img/fondoSubnavegacionHome.jpg) no-repeat; 
	width: 1000px;
	height: 40px;
}

#subnavegacionOf, #subnavegacionOn {
	background: url(img/fondoSubnavegacion.jpg) no-repeat; 
	width: 1000px;
	height: 50px;
}

#subnavegacionOf, #subnavegacionHome {
	text-indent: -9999px;
	margin: 0px;
}

#subnavegacionOn, #subnavegacionHome, #subnavegacionOf {
	text-align: center;
	padding-top: 10px;
}

#subnavegacionOn li a {
	text-decoration: none;
	padding: 5px;
 	width: 100px;
 	height: 40px; 
}

#navegacionLonchas, #navegacionSurtidos, #navegacionImportacion, #navegacionManchego, 
#navegacionRallados, #navegacionHoreca {
	text-align: right;
	display: inline;
	width: 250px;
	min-height: 450px;
	line-height: 25px;
	float: left;
	margin-left: 0px;
}


#navegacionLonchas li a, #navegacionSurtidos li a, #navegacionImportacion li a, 
#navegacionManchego li a, #navegacionRallados li a, #navegacionHoreca li a {
	text-decoration: none;
}

#navegacionLonchas li, #navegacionSurtidos li, #navegacionImportacion li,
#navegacionManchego li, #navegacionRallados li, #navegacionHoreca li{
	border-right: 1px solid #bfe0f7;
	line-height: 27px;
	padding-right: 10px;	
}

#navegacionLonchas {
	background: url(img/ninaLoncha.jpg) no-repeat top left;
}

#navegacionRallados {
	background: url(img/menuRallados.jpg) no-repeat top left;
}


#navegacionSurtidos, #navegacionManchego {
	background: url(img/navegacionMujer1.jpg) no-repeat top left;
}

#navegacionImportacion {
	background: url(img/navegacionMujer2.jpg) no-repeat top left;
}

#navegacionHoreca {
	background: url(img/navegacionMujer3.jpg) no-repeat top left;
	
}

.Onh2 {
	margin-bottom: 10px;
}

/* Contenido ------------------------------------------------------------ */

#contenido {
	margin-top: -5px;
}

#slogan {
	text-indent: -9999px;
}

h2, .Onh2 {
	text-align: left;
	margin-left: 150px;
	color: #339;
	margin-bottom: 15px;
	font-family: Georgia, Times, serif;
	font-weight: normal; 
	font-size: 25px;
}

.Onh2 {
	text-align: right;
	margin-left: 0px;

	
}

/* En la portada habr‡ que ajustar el margin-top cuando se a–adan los idiomas ------------------------------------------------------------ */

#portada {
	 display: block;
	 text-decoration: none;
	 text-align: center;
	 margin-top: -30px;
}

#presentacionEmpresa {
	width: 1000px;
	text-align: justify;
	height: 550px;
}

#presentacionEmpresa {
	background: url(img/empresa.jpg) no-repeat bottom center;
}

#presentacionEmpresa h2 {
	color: #339;
}

#presentacionEmpresa p, .presentacion{
	line-height: 2.2em;
	width: 550px;
	margin: auto;
	margin-bottom: 10px;
	font-size: 11px;
	
}

#presentacionhacienda {
	background: url(img/hacienda.jpg) no-repeat bottom center;
	height: 682px;
}

.presentacion a {
text-decoration: underline;
color: blue;
}

#presentacionProducto, #presentacionContacto {
	width: 1000px;
	text-align: justify;
}

#presentacionProducto {
	background: url(img/bodegonProductos.jpg) no-repeat bottom center;
	height: 682px;
}

#contenidoProducto {
	width: 740px;
	margin-left: 250px;
	display: inline;q
}

#direccion {
	float: left;
	margin-left: 225px;
	width: 200px;
	margin-top: 25px;
}

#direccion p{
	margin-bottom: 0px;
}

#mapa {
 margin-top: 40px;
 width: 545px;
 margin-left: 455px;
}
#columna1 {
	display: inline;
	float: left;
	width: 220px;
	height: 425px;
	margin-left: 10px;
	background: url(img/fondoColumna1.jpg) no-repeat top left;
}

#columna1 p {
	margin-top: 15px;
	margin-left: 40px;
}

#columna2 {
	float: left;
}

a#catalogo{
	height: 35px;
	padding-left: 45px;
	padding-top: 0px;
	display: block;
	line-height: 17px;
	background: url(img/iconoPDF.jpg) no-repeat top left;
	color: blue;
}

/* Para encajar los logos que aparezcan en el texto ------------------------------------------------------------ */
#logos {
	margin-left: 40px;
}

address { 
	margin-top: 40px;
	text-align: center;
 	font-size: 75%;
 	font-style: normal;
 	line-height: 1.2em;
 	clear: both;
}