/*empezamos por esto, para evitar resultados extra_os en distintos navegadores, y algo de estilo al texto*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16	px;
	color:#421D01;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
	background-image: url(./imagenes/wood091.gif);
	/*background-color:#6A8040;*/
}

#contenedor {
	width:750px; /*ancho total de la pagina*/ 
	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	background-color:#BFE673;
}

#encabezado {
	width:746px; /*este ancho es para que cuadre con el texto*/ 
	height:200px; /*idem*/ 
	background-color:#BFE673; /*more*/
	background-image: url(./imagenes/fcabecera.jpg); 
	/*float:left; /*lo flotamos a la izquierda*/ 
	clear:both;
	/* display:inline; /*(*)*/ 
	border: 2px solid #000000;

}

#encabezado H1 { /*encadenamos el identificador del div, con la etiqueta par areferirnos solo al h1 dentro del div encabezado, asi no afectara otros h1 en el resto del documento.*/ 
	font-size:18px;
	font-weight:bold;
	width:717px;
	border-bottom:16px solid #000000;
	color:#421D01;
	margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
	text-transform:uppercase; /*convierte todas en mayusculas*/ 
	padding-bottom:10px;
	text-align:center;
}

#menu {
	clear:both;
	/* display:table; */
	width:750px;
	height:40px;
} 

#mIzq {
  height:40px;
  width:37px;
  background-image: url(./imagenes/mIzq.jpg);
  float:left;
}    
#inicio {
  height:40px;
  width:136px;
  background-image: url(./imagenes/mInd.jpg);
  float:left;
}

#inicio:hover {
	background-image: url(./imagenes/mIndE.jpg);
}

#catalogo {
  height:40px;
  width:135px;
  background-image: url(./imagenes/mC.gif);
  float:left;
}
#catalogo:hover {
	background-image: url(./imagenes/mCE.gif);
}

#info {
  height:40px;
  width:135px;
  background-image: url(./imagenes/mInf.gif);
  float:left;
}
#info:hover {
	background-image: url(./imagenes/mInfE.gif);
}

#noticias {
  height:40px;
  width:135px;
  background-image: url(./imagenes/mNot.gif);
  float:left;
}
#noticias:hover {
	background-image: url(./imagenes/mNotE.gif);
}

#eventos {
  height:40px;
  width:135px;
  background-image: url(./imagenes/mEve.jpg);
  float:left;
}

#eventos:hover {
	background-image: url(./imagenes/mEveE.jpg);
}

#mDer {
  height:40px;
  width:37px;
  background-image: url(./imagenes/mDer.jpg);
  float:left;
}    

#contenido {
	border:5px ridge #80AA00; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	width:730px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding: 10px 5px;
	background-color:#BFE673;
	border-bottom:none;
	color:#421D01;
	min-height:450px;
} 

#texto {
  
}

#texto h3 {
  font-size:18px;
  color:#441E01;
  border-bottom:1px dotted #666666;
}

#texto p{
  white-space: normal;
}

#contenido h2 {
	font-size:24px;
	color:#441E01;
	text-transform:uppercase;
	border-bottom:1px dotted #666666;
}

#contenido h3 {
	font-size:18px;
	color:#441E01;
}

#contenido p {
	color:#421D01;
	text-align:justify;
  padding:5px;
	/*float:right;*/
}

#contenido ul {
  display:table;
	list-style-type:disc;
	margin:auto; /*le quitamos el margen a la lista*/ 
	padding-left:30px; /*y el relleno*/
	padding-right:30px;
}

#contenido li {
	margin:auto; /*le quito el margen al elemento de la lista*/
	padding-top:5px;
}

#contenido a:link {
	color:#000000;
	font-weight: bold;
}

#contenido a:visited {
	color:#000000;
	font-weight: bold;
}

#contenido a:active {
	color:#000000;
	font-weight: bold;
}
#texto_inicio {
  color:#421D01;
	text-align:justify;
  padding-left:5px;
  padding-right:300px;
  padding-bottom:20px;
}

#relleno_indice {
  padding-top:90px;
}

#relleno_info {
  padding-top:200px;
}

#relleno_premios {
  padding-top:200px;
}


#imagen_inicio{
  float:right;
	/*display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	padding-right:5px;
}


#footer {
	width:730px; /*menos porque debemos sumar el padding del div contenido*/ 
	text-align:right;
	padding:5px;
	font-size:80%; /*mas peque_o el texto*/ 
	font-style:italic;
	color:#999999;
	background-color:#BFE673;
	border:5px ridge #80AA00;
	border-top:none;
}

#footer p{
  padding-top: 15px;
	border-top:1px dotted #666666;
}

#footer a{
  color:#999999;  
}

#tabla_catalogo {
  margin:auto;

}

#tabla_catalogo table {
  table-layout:fixed;
  border-spacing:0;
  margin:auto;
  width:600px;
  border:2px solid #000000;
  text-align:center;

}

#tabla_catalogo table td {
  margin:0;
  padding:10px;
  border:1px solid #000000;
}

#imagen_coche {
	width:640px;
	height:480px;
}

#imagen_coche img{
  max-width:640px;
  max-height:480px;
  margin:0px 50px;
  border:1px solid #000000;
}


#tabla1 {
  margin:0px 32px; 
}

#tabla1 td{
  padding:5px;
}

#imagen_info{
  border: 1px solid #000000;
  float:right;
	/*display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
}

#fotos{
  text-align:center;
}
#fotos img{
  border: 2px solid #000000;
  padding:0px;
  margin:2px;
}

#fotos p{
  border: 2px solid #000000;
  padding:10px;
  margin:2px;
}

#tabla2 td{
  padding-top:10px;
  padding-left:10px;
}