body {
	margin: 0;
	padding: 0;
	font: 1em arial, helvetica, sans-serif; }
 
h1, h2 {
	font: bold 100% verdana, arial, helvetica, sans-serif;
	color: #f70;
	text-align: center;
	margin-top: 20px; }
 
hr { color: #bdf; }
 
p { font-size: 75%; }

img	{border: 0;}
 
/*	Algunos elementos que tendr?n las mismas caracter?sticas en toda la p?gina	*/
#pagina {
	width: 760px;
	margin: 0 auto;
}
 
.derecha {
	margin: 5px 5%;
	padding: 5px;
	border: solid 1px #eee; }
 
/*	Aqu? se establecen las propiedades de los componentes de la cabecera de la p?gina	*/
#imagencabecera img { border: 0; }
 
#imagencabecera {
	width: 100%;
	height: 120px;
	background: url("http://i1282.photobucket.com/albums/a522/ABB50/llantas/fondo1_zps4db672e8.jpg"); }
 
/* Propiedades del cuerpo central de la p?gina, donde aparecen los contenidos principales	*/
#contenedor {
	width: 100%;
	margin: 0 auto; }
 
#central {
	width: 80%;
	float: left;
	padding: 0;
	background: url(img/fondo1.jpg);
	height: 374px;
}


/* Componentes y sus propiedades de la columna izquierda	*/
#columna {
	width: 18%;
	padding: 10px 1%;
	float: left;
	background: white;
	display: block; }
 
	#columna h3 {
		font: bold 90% verdana, tahoma, sans-serif;
		color: #169;
		text-align: center;
		margin: 0;
		padding: 0 10px 5px 15px; }
 
	#columna ul {
		list-style: circle;
		padding: 0 0 0 25px;
		margin: 0; }
 
	#columna li a {
		color: #169;
		text-decoration: none;
		font-size: 80%; }
 
		#columna li a:hover {
			color: #f60;
			text-decoration: underline; }
 
.col {
	width: 100%;
	background: url(img/medcol.jpg) repeat-y; }
 
.topcol {
	width: 100%;
	height: 20px;
	background: url(img/col.jpg) top left no-repeat; }
 
.botcol {
	width: 100%;
	height: 20px;
	background: url(img/col.jpg) bottom left no-repeat;
	margin-bottom: 5px; }
 
.topcolr {
	width: 100%;
	height: 20px;
	background: url(img/colr.jpg) top right no-repeat; }
 
.botcolr {
	width: 100%;
	height: 20px;
	background: url(img/colr.jpg) bottom right no-repeat; }
 
.colr {
	width: 100%;
	background: url(img/medcolr.jpg) right repeat-y; }
 
/*	A continuaci?n, se colocan los elementos componentes del pie de p?gina	*/
#pie {
	width: 98%;
	height: 48px;
	margin-top: 1px;
	padding: 2px 1%;
	background: url(img/fondo2.png);
	float: left;
	text-align: center;
	
	 }
 
	#pie p {
		font: normal 70% arial, helvetica, sans-serif;
		padding: 0;
		margin: 5px 0 0 0;
		color: #fff; }
 
	#pie a {
		color: black;
		text-decoration: none;
		padding: 0;
		margin: 5px 0 0 0;
		font-size: 70%; }
 
		#pie a:hover { color: white; }
 
.icono {
	border: 0;
	width: 60px;
	height: 20px; }
 
#botonera {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	}
 
.boton {
	width: 19.88%;
	height: 30px;
	float: left;
	text-align: center;
	margin-left: 1px;
	font-weight: bold;
	font-size: 75%;
	line-height: 30px; }
 
	.boton:hover { background: url(img/boton-menu2.jpg) repeat-x; }
 
	.boton a {
		color: white;
		text-decoration: none;
		display: block; }
 
		.boton a:hover { color: black; }
 
	/*	Desarrollo de los men?s desplegables	*/
.boton div {
		position: relative;
		width: 94.5%;
		background: #D6D5D9;  /*url(img/desplegable3.png);  COLOR DEL FONDO DEL MENU DESPLEJABLE*/
		font-size: 100%;
		visibility: hidden;
		text-align: left;
		padding: 10px 2px 10px 10px;
		font: bold 100% arial; }
 
	.boton:hover div { visibility: visible; }
 
	.boton ul {
		margin: 0 10px;
		padding: 0; }
 
	.boton li a {
		color: black;
		text-decoration: none;
		padding: 3px; }
 
		.boton li a:hover { color: #fa6; }
		
		
/*	Desarrollo de la galeria de imagenes	*/

li .min	{
	width: 60px;
	height: 50px;
	padding: 1px 10px 10px 1px;
	}
	
#titulos	{
	padding: 10px;
	text-align: center;
	}
	
#borde	{
	width: 423px;
	height: 374px;
	position: absolute;
	top: 0px;	/* Provoca la separacion del borde superior */
	left: 181px;	/* Separa la imagen grande de la pequea */
	background: url("http://i1282.photobucket.com/albums/a522/ABB50/llantas/galeria_zps7e25487b.jpg");
	}

.cat	{
	list-style-type: none;
	margin: 25px 0 25px 10px; /* Eliminacion de vieta en IE6 */
	padding: 0px; /* Eliminacion de vieta en IE6 */
	float: left;
	}
	
.max{
	visibility: hidden;
	position: absolute;
	top: 0px;	/* Provoca la separacion del borde superior */
	left: 176px;	/* Separa la imagen grande de la pequea */
	margin-left: 5px;
	width: 423px;
	height: 375px;
	}
	
a:hover .max	{
	visibility: visible;
	}