@charset "utf-8";
/* CSS Document */

body {
	 background-image:url(../images/texturas/back3.jpg);
	 text-decoration:none;
}

div#caja1 {
	position:absolute;
	left:0px;
	top: 10px;
	width: 170px;
	height:116px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
   }

div#menues {

   z-index: 100;
   margin: 0 auto;
   }



div#lateral {
   position:absolute;
   left: 354px;
   top: 35px;

   width: 800px;
   height:100px;}

div#caja2 {
   position:absolute;
   left: 200px;
   top: 800px;
   background-color: #FFCC33;
	width: 700px;;}


div#caja3 {
	position:absolute;
	left:162px;
	top: 85px;
	/*background-image:url(images/texturas/fondo2.png);*/
   width: 954px;
   }
   
  

* { margin:0;
    padding:0;
}
body { }
div#menu {
	position:absolute;
	left:160px;
	width: 89%;

	z-index: 100;
	top: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#copyright {
    font:11px 'Trebuchet MS';
    color:#fff;
    text-indent:30px;
    padding:40px 0 0 0;
}
div#copyright a { color:#00bfff; }
div#copyright a:hover { color:#fff; }


/** 
 * Style rules for Demo page
 */

a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}





body{
	font-family:arial
}

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:290px;
	left:172px;
  top:0px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	
	}
	


		
			a{ color:#C8DCE5;
			text-decoration:none;}
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 350px; 
				height: 200px; 
				margin:10px; 
				float:left; 
				background:#03596F; 
				border: solid 2px #1A528D; 
				overflow: hidden; 
				position: relative; 
				text-decoration:none;
			}
			
			
				.boxgrid2{
	width: 350px;
	height: 200px;
	margin:auto;
	float:left;
	background:#03596F;
	border: solid 2px #1A528D;
	overflow: hidden;
	position: relative;
			}
			
				.boxgrid2 img{ 
					position: absolute; 
					top: 0; 
					left: 1px; 
					border: 0; 
				}
				
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
				.boxgrid2 p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{
	float: left;
	position: absolute;
	background: #3B3B3B;
	height: 200px;
	width: 100%;
	opacity: .8;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	top: auto;
	padding: 0px;
 			}
			
 				.captionfull .boxcaption {
	top: 400px;
	left: 0;
 				}
				
 				.caption .boxcaption {
 					top: 200;
 					left: 0;
 				}
	
	.recetas{
	position:absolute;
	left:500px;
	top:75px;
	border:0;
				}
   
    .tienda{
	position:absolute;
	left:162px;
	top:285px;
	border:0;
}
   
   .nutricion{
	position:absolute;
	left:500px;
	top:275px;
	border:0;
}
	
	
				
			h3 a{}
		
	#pie{
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Sans-Serif";
	font-size:12px;
	text-align:left;
	border-collapse:collapse;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 15px;	
	background: #CCC49F;
	top:580px;
	height:60px;
	
	}
	
#pie th{
	font-weight:normal;
	font-size:14px;
	color:#039;
	padding:8px 2px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
		
}

#pie td{
	border-right:30px #CCC49F solid;
	border-left:30px #CCC49F solid;
	color:#669;
	padding:12px 2px 0;}

#pie a:hover{ 
	text-decoration: underline;
	color: #003399;
	}


/* ~~ El pie de página ~~ */
footer {
	padding: 10px 0;
	background: #CCC49F;
	position: absolute;
	top:580px;
	left:200px;

	/* esto da a IE6 el parámetro hasLayout para borrar correctamente */
	clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
}		
	

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:199px;
	width: 348px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	background-color:#ffffff;
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	/*background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
/*	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}
.paging a:hover {font-weight: bold;}



.social{
	position: absolute;
	top:525px;
	overflow: hidden;
	left:670px;
			}
			


.musica{
	position: absolute;
	top:480px;
	overflow: hidden;
	left:100px;
			}