@charset "utf-8";

@font-face {
    font-family: 'gandhi_serifregular';
    src: url('../fonts/GandhiSerif-Regular-webfont.eot');
    src: url('../fonts/GandhiSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSerif-Regular-webfont.woff') format('woff'),
         url('../fonts/GandhiSerif-Regular-webfont.ttf') format('truetype'),
         url('../fonts/GandhiSerif-Regular-webfont.svg#gandhi_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
	margin: 0;
	padding: 0;	
}
body {
	background: #ead9d2;
	font-family: 'gandhi_serifregular';	
}
#wrapper {
	width: 960px;
	margin: 0 auto;	
}
#headerLogo {
	display: block;
	margin: 10px 0;	
}
ul#mainMenu {
	border-top: 2px solid #6d4125;
	border-bottom: 2px solid #6d4125;
	overflow: hidden;	
	margin: 0 0 20px 0;	
}
ul#mainMenu li {
	list-style-type: none;
	width: 240px;
	text-align: center;
	float: left;	
}
ul#mainMenu li a {
	padding: 15px 0;
	display: block;
	font-size: 21px;
	color: #6d4125;
	text-decoration: none;		
}
ul#mainMenu li a:hover {
	background: #6d4125;
	color: #fff;	
}
#mainContent {
	border-bottom: 2px solid #6d4125;
	overflow: hidden;	
	margin: 0 0 20px 0;	
	position: relative;	
}
#colA {
	width: 600px;
	float: left;
	color: #6d4125;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	
}
#colA p {
	margin: 0 0 20px 0;	
	line-height: 1.8;
}
#colA h1 {
	margin: 0 0 10px 0;
	font-size: 21px;	
}
#colA h2 {
	margin: 20px 0;
	font-size: 18px;	
}
#colA.contacto {
	width: 500px;
	padding: 0 0 0 100px;
}
#colA.contacto a.facebook {
	color: #6d4125;	
	padding: 12px 0 3px 50px;	
}
#colA.contacto a.facebook:hover {
	color: #fff;	
}
.email {
	padding: 0 0 0 50px;
	background: url(../img/icon-mail.png) no-repeat left center;
	min-height: 42px;
	line-height: 42px;	
}
.phone {
	padding: 0 0 0 50px;
	background: url(../img/icon-phone.png) no-repeat left center;
	min-height: 42px;
	line-height: 42px;	
}
.trozos {
	margin: 60px 0;	
}
#colA .trozos p {
	font-style: italic;
	margin: 0 0 5px 0;	
}
#colB {
	width: 340px;
	float: right;
	text-align: center;	
}
#anterior {
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #6d4125;
	font-size: 21px;
	text-decoration: none;	
}
#anterior:hover {
	color: #fff;
}
#siguiente {
	position: absolute;
	left: 500px;
	bottom: 10px;
	color: #6d4125;
	font-size: 21px;
	text-decoration: none;					
}
#siguiente:hover {
	color: #fff;
}
footer {
	overflow: hidden;
 	background: #6d4125;
	margin: 20px 0 0 0;
	padding: 20px 0;		
}
footer div {
	width: 320px;
	float: left;
	text-align: center;
	color: #fff;
}
footer div h3 {
	margin: 0 0 10px 0;
	font-size: 21px;	
}
.facebook {
	display: inline-block;
	padding: 12px 0 3px 35px;
	background: url(../img/icon-facebook.png) no-repeat left bottom;
	text-decoration: none;
	color: #fff;
}
.facebook:hover {
	color: #ead9d2; 	
}
#recetario {
	text-align: center;	
}
#recetario img {
	# transform: scale(.9,.9);
	border: 1px solid #fff;	
}
#recetario img:hover {
	border: 1px solid #CDCC04;		
}
#nombreReceta {
	font-size: 14px;
	font-style: italic;	
}