body {
font-family: Verdana;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
background: #FFF9F2 url(img/bg_body.png) repeat-x;
}
	
						/* GLOBALES */					
a {
color: #666;
font-weight:bold;
text-decoration: none;
}

	a:visited{
	color: #666;
	font-weight:bold;
	}
	
	a:hover {
	color: #666;
	font-weight:bold;
	text-decoration: underline;
	}
	
	a img {
	border: none;
	}

								/*TOP */


	#top{
	width: 801px;
	height: 84px;
	margin: 0 auto;
	text-align: left;
	}
	
								/*LOGOS*/
#logo{
float: left;
}

#logo2{
float: right;
}

	div span.display{
	display: none;
	}


					 /*Botones de arriba*/
					 
#botones{  
width: 801px;
height: 33px;
margin: 0 auto;
text-align: left;
}

#botones ul{
padding: 0;
margin: 0;
list-style: none;
}

	#botones ul li{
	width: 240px;
	height: 30px;
	display: inline;
	}
	
	#botones ul li a{
	width: 267px;
	height: 31px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	display: block;		
	background: url(img/boton.png) no-repeat; 
	float: left;
	}		
								/*TOP 2*/											
#top2{
margin: 0 auto;
width: 800px;
height: 186px;
text-align: left;
}
									/*BOTONES 2*/	
									
div#botones2{  
width: 817px;
height: 33px;
margin: 0 auto;
text-align: left;
background: url(img/bg_boton2.png) no-repeat;
}

div#botones2 ul{
padding: 0;
margin: 0 0 0 8px;
list-style: none;
}

	div#botones2 ul li{
	width: 200px;
	height: 30px;
	display: inline;
	}
	
	div#botones2 ul li.larga a{
	width: 600px;
	height: 31px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	display: block;		
	background: url(img/bg_larga.png) repeat-x; 
	float: left;
	}
	
	div#botones2 ul li a{
	width: 200px;
	height: 31px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	display: block;		
	background: url(img/boton2.png) no-repeat; 
	float: left;
	}		
	
	div#botones2 ul li.nuevo a{
	height: 31px;
	background: url(img/boton_nuevo.png) no-repeat;
	} 
							/*PRINCIPAL*/
#principal{
margin: 0 auto;
padding: 0;
width: 817px;
height: 100%;
text-align: left;
background: url(img/bg_principal.png) repeat-y;
overflow: hidden;
}

	#principal p a {
	color: 	#D65C33;
	font-weight: bold;
	text-decoration: none;
	}
		#principal p a:hover {
		color: 	#D65C33;
		font-weight: bold;
		text-decoration: underline;
		}
		
		#principal p a:visited {
		color: 	#D65C33;
		font-weight: bold;
		text-decoration: none;
		}					
							/*MENU*/
							
#menu{
width: 204px;
height: 100%;
float: left;
}

	#menu p{
	margin-left: 20px;
	}

	#menu ul.categorias{
	margin: 0;
	padding: 10px 5px 0 20px; 
 	list-style: none;
		
	}
	
		#menu ul.categorias li{
		margin: 4px 0;
		text-indent: 4px;
		padding: 0;
		}
			
			#menu ul.categorias li.grupo{
			width: 140px;
			color: #d65c33;
			font-size: 13px;
			font-weight: bold;
			text-indent: -2px;
			text-transform: uppercase;
			margin: 8px 0;
			padding: 0;
			}
			
			#menu ul.categorias li a{
			color: #666;
			font-size: 11px;
			font-weight: bold;
			margin: 0;
			padding: 5px 0;
			}	

		
					/*CONTENIDO*/	
#contenido{
width: 603px;
float: left;
background: #FFF top;
margin: 0;
padding: 0;
}
	
	div.cuadritos{
	width: 603px;
	height: 148px;
	margin: 0;
	padding: 0;
	}
		div.cuadritos a img{
		width: 201px;
		height: 148px;
		border: 0;
		float: left;
		}

									/*BOTONES 3*/
								
#botones3{
padding: 0;
width: 603px;
height: 34px;
}

	#boton3{
	width: 603px;
	height: 34px;
	margin: 0 auto;
	text-align: left;
	background: url(img/bg_foot.png) repeat;
	}
	
	#boton3 ul{
	padding: 0;
	padding-left: 2px;
	margin: 0;
	}
	
		#boton3 ul li {
		width: 200px;
		display: inline;
		}
		
		#boton3 ul li a{
		width: 200px;
		height: 34px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 14px;
		line-height: 30px;
		text-decoration: none;
		display: block;		
		background: url(img/boton2.png) no-repeat; 
		float: left;
		}
		
		#boton3 ul li.nuevo a{
		height: 34px;
		background: url(img/boton_nuevo.png) no-repeat;
		} 
		
div#botones4{  
width: 603px;
height: 34px;
margin: 0 auto;
text-align: left;
background: url(img/bg_foot.png) no-repeat;
}

div#botones4 ul{
padding: 0;
margin: 0;
list-style: none;
}

	div#botones4 ul li{
	width: 201px;
	height: 34px;
	display: inline;
	}
	
	div#botones4 ul li a{
	width: 603px;
	height: 34px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	display: block;		
	background: url(img/bg_larga.png) repeat-x; 
	float: left;
	}

	
						/*QUIENES*/
								
#quienes{
width: 603px;
margin: 0 auto;
float: left;
}
	
	#quienes h3{
	text-align: left;
	padding: 20px 0 0 20px;
	font-weight: bold;
	}

	#quienes p{
	color: #666;
	width: 550px;
	text-align: justify;
	margin: 25px 0 20px 20px;
	float: left;
	}
	
	#quienes p.quienes{
	color: #555;
	width: 200px;
	margin: 0;
	padding: 10px 20px;
	text-align: justify;
	float: left;
	}	
		
div#obsequiar{
width: 603px;
height: 76px;
background: url(img/para_obsequiar.png) no-repeat;
clear: both;
}
								/* PRODUCTOS*/
								
#productos{
padding: 0;
margin: 0;
}

	#productos h3{
	color: 	#D65C33;
	padding-top: 10px;
	text-align: center;
	}
			
ul#productos{
padding: 0;
margin: 0;
list-style: none;
}

	ul#productos li{
	width: 300px;
	height: 150px;
	margin-top: 10px;
	list-style: none;
	display: inline;
	float: left;
	}

	ul#productos li img{
	width: 116px;
	height: 116px;
	border: 0;
	margin: 0 4px;
	float: left;
	}
	
	#paginacion{
	text-align: left;
	padding: 0 0 10px 20px;
	}
							/* DATOS */
div.datos{
width: 170px;
height: 150px;
float: right;
}

	div.datos a{
	color: 	#222;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	}

	div.datos a:visited{
	color: 	#222;
	font-weight:bold;
	}
	
	div.datos a:hover {
	color: 	#222;
	font-weight:bold;
	text-decoration: underline;
	}

#datos span.autor{
color: #333;
font-size: 10px;
}

	div.datos  p a {
	color: 	#D65C33;
	font-weight: bold;
	text-decoration: none;
	}
		div.datos  p a:hover {
		color: 	#D65C33;
		font-weight: bold;
		text-decoration: underline;
		}
		div.datos  p a:visited {
		color: 	#D65C33;
		font-weight: bold;
		text-decoration: none;
		}
								/* VER  */
							
#ver{
width: 540px;
margin: 0 auto;
font-weight: bold;
text-align: center;
}

	#ver h3{
	color: 	#D65C33;
	padding-top: 10px;
	text-align: center;
	}
		
		#ver h3 span{
		color: 	#D65C33;
		padding-top: 10px;
		text-align: center;
		font-style: italic;
		}
	
	#ver img{
	border: 0 ;
	width: 300px;
	margin: 20px 0;
	float: left;
	}
	
	#ver p{
	color: #555;
	width: 200px;
	margin: 30px 0 0 30px;
	text-align: justify;
	float: left;
	}
	
									/*Contactos Mensaje*/
#mensaje{
width: 800px;
text-align: center;
margin: 0 auto;
}								
	#mensaje table{
	text-align: left;
	width: 80%;
	margin: 10px auto;
	border-collapse: collapse;
	}
	
	#mensaje table thead th{
	width: 200px;
	background-color: #D65C33;
	}
	
	#mensaje table tbody td{
	width: 200px;
	}
	
input#asunto{
width: 500px;
}			

#box h3{
text-align: center;
color: #666;
padding: 10px 0;
}					
									/*FOOT*/
#foot{
height: 78px;
background: url(img/bg_foot.png) repeat;
}

	#foot p {
	color: white;
	margin: 0 auto;
	width: 817px;
	padding: 10px 0 0 15px;;
	}
	
		#foot p a {
		color: white;
		text-decoration: none;
		}
		
		#foot p a:hover {
		text-decoration: underline;
		}