@import url("extra.css"); 
/* 
//CSS Core LA MASÍA 2010
================================================						
Created: 12/2009
Last update: 05/2010
Author: Pablo García @ generagroup.com		
Contact: pgarcia@generagroup.com
=================
Cometarios
=================


/* 	
	*************************
		General resets
	*************************
*/
html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li, form, legend, fieldset, input, textarea, select, form ul, form ol {margin: 0; padding: 0;  text-indent:0;}

abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;}

a img, a abbr, a acronym { border:none; }


/* 	
	*************************
		Basics & Commons
	*************************
*/

body {
    font-family:    Arial, sans-serif;
    font-size:      62.5%;
    font-style:     normal;
    font-weight:    normal;
    line-height:    1.4em;
	background:#fff url(../img/fondo.png) repeat-x top center;
	color:#333;
	}

ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0;}		

/* Headers */
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em; margin-bottom:.8em;}
h4 {font-size: 1.1em; margin-bottom:.5em;}

.tCenter {text-align:center;}
/* Con adorno de oliva */
.ico_oliva {background:#FFF url(../img/ico_olivas.gif) left no-repeat; padding-left:22px; line-height:48px; color:#666;}

/* Estructuras */
.left,.middle {float:left;}
.right {float:right;}

.hr {width:920px; margin:0 auto; background:#fff url(../img/hr.gif) 0 0 no-repeat; height:14px; border:none;}

/*
	ESTRUCTURAS COMUNES
*/
#wrapper {width:960px; margin:0 auto;}

	/* Top */
	#top {margin:2.5em auto 2em auto; width:940px; position:relative;}
		#logo {display:block; width:112px; height:62px; background:url(../img/logo.png) 0 0 no-repeat;}
		#logo span {display:none;}
		#btn_international {display:block; width:146px; position:absolute; right:0; top:3px;}
		#btn_topNewsletter {display:block; width:188px; position:absolute; right:160px; top:0;}
	/* Menú */
	#menu {width:940px; height:34px; margin:10px auto; position:relative; background:url(../img/menu.png) 0 0 no-repeat;}
	#mainNav { list-style:none; margin:0; padding:0;}
		#mainNav li { margin:0; padding:0; display:inline;}
			#mainNav a { display:block; position:absolute; top:0; text-align:center; line-height:32px; font-size:1.5em;  color:#fff; text-decoration:none; outline:none;  text-shadow:1px 1px #000; font-weight:700;}				
			#mainNav a:hover { color:#000; text-shadow:1px 1px #900;}
				#mainNav a#m_home {width:20px; height:20px; background:url(../img/ico_home.gif) 0 0 no-repeat; top:6px; left:6px;}
					#m_home span {display:none;}
				#m_laMasia {left:30px; width:80px;}
				#m_restaurante {left:135px; width:80px;}
				#m_prensa {left:236px; width:80px;}
				#m_ocio {left:320px; width:68px;}
				#m_plazaPublica {left:392px; width:118px;}
				#m_promo {left:515px; width:160px;}
			
		#buscar {width:165px; position:absolute; right:0; top:9px;}
		#s {border:none; width:120px;}
		.icoLupa {display:block; width:16px; height:16px; cursor:pointer; margin:0 10px 0 0; background: url(../img/ico_lupa.gif) 0 0 no-repeat; float:right;}
			.icoLupa span {display:none;}
	
	/* Content wrapper */
	#contentWrapper {
		width:940px;
		overflow:visible;
		margin:0 auto; 
		border:1px solid #ccc; 
		border-radius:3px; 
		-webkit-border-radius:3px; 
		-moz-border-radius:3px; 
		-moz-box-shadow: 1px 1px 3px #999;
		-webkit-box-shadow: 1px 1px 3px #999;
		box-shadow: 1px 1px 3px #999;
		}
		/* Migas de pan */
		.breadCrumbs {height:40px; margin:5px 0; background-position:0 0; background-repeat:no-repeat; margin-left:-7px; position:relative;}
			.breadCrumbs a {display:block; position:absolute; top:6px; text-decoration:none;}
			.breadCrumbs .first { margin-left:10px;}
			.breadCrumbs .second {font-size:1.3em;}
			.bc_ficha {background-image:url(../img/breadCrumb_ficha.gif);}
				.bc_ficha .second {left:180px; top:10px;}
				.bc_ficha .last {left:330px; top:10px;}
			.bc_padre {background-image:url(../img/bc_padre.gif);}
				.bc_padre .last {left:260px; top:10px; font-size:1.4em; font-weight:bold; color:#900;}
					
	#cuadroBg {width:920px; margin:10px auto; background:#FFF url(../img/cuadroBg.jpg) top repeat-x;
		border:1px solid #fff; 
		border-radius:3px; 
		-webkit-border-radius:3px; 
		-moz-border-radius:3px; 
	}
	
	#menuMicrosite {width:920px; height:50px; margin:10px; position:relative; background:#eee;}
	#mainNavMicrosite { list-style:none; margin:0; padding:0;}
		#mainNavMicrosite li { margin:0; padding:0; display:inline;}
			#mainNavMicrosite a { display:block; position:absolute; top:5px; text-align:center; line-height:39px; font-size:1.5em;  color:#333; text-decoration:none; outline:none; height:37px; text-shadow:1px 1px #fff; font-weight:700; }
			#mainNavMicrosite a:hover { text-shadow:1px 1px #eee; background:#FFF url(../img/mm_a_bg.jpg) 0 0 no-repeat;}
				#mm_inicio {width:126px; left:5px;}
				#mm_pildoras {left:135px; width:126px;}
				#mm_asiEramos {left:265px; width:126px;}
				#mm_asiSomos {left:400px; width:126px;}
				#mm_promociones {left:530px; width:126px;}
				#mm_descargas {left:680px; width:126px;}
				#inicio #mm_inicio, #asiEramos #mm_asiEramos, #pildoras #mm_pildoras, #promociones #mm_promociones, #descargas #mm_descargas, #asiSomos #mm_asiSomos { text-shadow:1px 1px #eee; background:#FFF url(../img/mm_a_bg.jpg) 0 0 no-repeat;}
				
	
	/* Opciones de volver */
	.volver { margin-left:5px;}
	
	/* Pie */
	#footer {width:940px; overflow:auto; margin:1em auto; border:1px solid #e5e5e5; font-size:1.1em;}
		#footer .left, #footer .middle, #footer .right {width:290px; margin:8px 0; border-right:1px solid #e5e5e5;}
			#footer .left {margin-left:5px;}
			#footer .middle {margin-left:25px; width:310px;}
			#footer .right {width:250px; margin-right:5px; border:0;}
		
		/* Listado de productos */
		#footer .lista {float:left; margin-right:25px;}
		.lista ul { list-style:none; line-height:1.6em;}
		.lista a {text-decoration:none; color:#333;}
			.lista a:hover {text-decoration:underline; color:#000;}
		
		#conoceGY img {float:left; margin:0 10px 10px 0;}
	
	#copy {width:940px; margin:10px auto;}	
		#legalNav {float:right;}
			#legalNav li {display:inline; margin-left:10px;}
		#legalNav a {color:#333; text-decoration:none;}
		#legalNav a:hover {text-decoration:underline;}

/*
	ESPECÍFICOS POR SECCIONES
*/

	/* > Portada | body#home */
	
	/* Fichas de producto */
	#ficha {width:900px; margin:0 auto; overflow:auto;}
		#ficha .foto {margin-right:70px;}
		#ficha .descripcion {width:500px; margin-top:20px; background:#FFF url(../img/productos/descripcion_bg.gif) 0 0 no-repeat; }
			.descripcion h2 {color:#b9122b;}
			.descripcion .interior {margin:16px 0 0 35px; font-size:1.2em;}
			.descripcion p {margin-left:10px;}
		
			.formatos {margin-left:10px;}
				.formatos h3 {font-size:1em;}
				.formatos a {margin-right:30px;}


/* Píldoras */
#pildoras #cuadroBg {background:#5caadd url(../img/cuadroBgCielo.png) bottom no-repeat; }
#pildoras .inner {position:relative; height:400px;}
#pildoras div#videoWrapper {position:absolute; bottom:0px;}
#pildoras #videoWrapper2 {width:480px; height:300px; position:absolute; right:5px; top:5px;}


/* Descargas */
#descargas .inner { margin:10px 0;}

/* Promociones */
#promociones .inner { margin:10px 0;}

/* Así somos */
#asiSomos #cuadroBg {background:#990033 url(../img/asiSomosBg.png) 0 0 no-repeat; height:404px;}
#asiSomos .inner {width:900px; overflow:auto; margin:10px; position:relative;}
#asiSomos #videoWrapper {width:390px; float:left; margin-top:40px; margin-left:30px;}
#makingOf {float:right; width:350px; margin:40px 20px 0 0;}

/* Así somos */
#asiEramos #cuadroBg {background:#990033 url(../img/asiEramosBg.png) 0 0 no-repeat; height:350px;}
#asiEramos .inner {width:900px; overflow:auto; margin:10px; position:relative;}
#asiEramos #videoWrapper {width:390px; float:left; margin-top:40px; margin-left:30px;}
#asiEramos #makingOf {float:right; width:450px; margin:20px 20px 0 0; font-size:1.2em; color:#fff;}