@import url("extra.css"); 
/*
Theme Name: La Masía
Theme URI: http://www.lamasia.es
Description: Tema exclusivo para La Masía
Version: 1.5
Author: Pablo García
Tags: two columns, clean

*/

/* 	
	*************************
		General resets
	*************************
*/
html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li, form, legend, fieldset, 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; }

a {color:#c03;}
a:hover {color:#000;}

/* 	
	*************************
		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(images/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;}
/* Con adorno de oliva */
.ico_oliva {background:#FFF url(images/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(images/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(images/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(images/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(images/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:132px; 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:110px; padding:0;}
		.icoLupa {display:block; width:16px; height:16px; cursor:pointer; margin:0 10px 0 0; background: url(images/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;
		}
		#banner {margin:0 5px 0 10px;}
		.innerWrapper {margin:10px;}

		/* 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(images/breadCrumb_ficha.gif);}
				.bc_ficha .second {left:180px; top:10px;}
				.bc_ficha .last {left:330px; top:10px;}
			.bc_padre {background-image:url(images/bc_padre.gif);}
				.bc_padre .last {left:180px; top:10px;}
	
	/* 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;}
		#footer h3 a {color:#333; text-decoration:none;}
		#footer h3 a:hover {color:#900;}
		
		/* 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;}
		#footer .nota {clear:both; float:left; font-style:italic;}
		
		#footer #conoceGY {width:270px;}
		#conoceGY img {float:left; margin:0 10px 10px 0;}

	#copy {width:940px; margin:0 auto 2em auto;}	
		#legalNav {float:right;}
			#legalNav li {display:inline; margin-left:10px;}
		#legalNav a {color:#333; text-decoration:none; font-size:1.1em;	}
		#legalNav a:hover {text-decoration:underline;}
	#btn_contacto {font-weight:bold;}

/*
	ESPECÍFICOS POR SECCIONES
*/

	/* Estructura de blog */
	#sidebar {float:right; width:300px; margin:30px 15px 0 0; font-size:1.1em; line-height:1.4em;}
		.sidebar-item {margin-bottom:3em; background:#FFF url(images/sidebar-gradient-top.jpg) top center no-repeat; border-top:1px solid #ccc; padding:5px 10px;}
		#sidebar h3 {font-family:Georgia, serif; color:#333; margin-bottom:6px; line-height:20px;}
		/* Cuadros personalizados */
		#bienvenidos {background:#FFF url(images/sidebar-gradient.jpg) top repeat-x; border:1px solid #ccc; margin-bottom:10px;}
		
		#newsletterSuscribete {background:none;	}
		
		/* Heads con iconos */
		#archives h3, #categorias h3, #tagCloud h3 {background-position:left; background-repeat:no-repeat; padding-left:22px;	}
			#archives h3 {background-image: url(images/calendar.png); }
			#tagCloud h3 {background-image: url(images/tag.png)}
			#categorias h3 {background-image: url(images/clipboard-list.png);}
	/*Posts */
	#post-wrapper {width:550px;}
		#post-wrapper h1 {margin:1.5em 0 1em 10px;}
		/* Listado de posts */
		.post {margin:10px 0 2.5em 15px; width:545px; overflow:auto; border-bottom:1px solid #ccc; padding-bottom:10px; font-size:1.2em; line-height:1.4em;}
			.post h2 {margin-bottom:3px;}
				.post h2 a {text-decoration:none;}
				.post h2 a:hover {text-decoration:underline; color:#000;}
			.post img {float:left; margin-right:10px;}
			/* Social bookmarks - plugin */
			.social_bookmark {border:1px dotted #ccc; padding:3px;}
				.social_bookmark .d {height:30px;}
			
		/* Destacado */
		.sticky {margin:0 0 1.5em 5px; background:#FFF url(images/sticky-bg.png) 0 0 no-repeat; padding:25px 0 0 15px; border-bottom:0; }
			.sticky h2 a {color:#c03;}
			.sticky img {border:1px solid #ccc;}
			.sticky .bottom {background: url(images/sticky-bottom-bg.png) bottom no-repeat; height:20px;}
			
		/* Comentarios */
		#commentsWrapper {margin:5px 0 5px 10px;}
		#commentlist {list-style:none;}
		#commentlist li {background:#FFF url(images/sidebar-gradient.jpg) top repeat-x; border-top:1px solid #ccc; padding:5px; margin-bottom:5px;}
			#commentlist li img {float:left; margin-right:5px; border:1px solid #999;}
			h2#comments {background:#FFF url(images/balloons.gif) left no-repeat; padding-left:22px; line-height:20px; margin-bottom:10px;}
			/* Publicar comentarios */
			#publicarComentario {margin:5px 0 5px 10px; background:#eee; padding:8px;}
			 #publicarComentario h2 {background:url(images/balloon--plus.gif) left no-repeat; padding-left:22px;}
	
		/* Enlaces de antrás-delante */
		#palantePatras {margin:0 10px 2em 10px; width:400px; overflow:auto; }
			#palantePatras a {display:block; float:left; margin-right:2px; border:1px solid #ccc; padding:3px; text-decoration:none; font-weight:bold; background:#fcfcfc;}			
		
	/* Páginas */
	div.page {margin:10px 0 0 10px; font-size:1.2em; line-height:1.4em;}
		div.page h1 {margin-bottom:5px;}
		div.page .meta {margin-bottom:2em;}
		
		/* Footer de páginas */
		.footer-paginas h3 {margin:8px 0 10px 8px; color:#000;}
			.footer-paginas h4 a {color:#933;}
			.footer-paginas h3 strong {color:#900;}
		.footer-thumb {display:block; width:96px; height:78px; float:left; }
			.footer-thumb span {display:none;}
			#thumb-blog {background:#FFF url(images/thumb-laRedSeParte.jpg) 0 0 no-repeat; margin-right:10px;}
			#thumb-ofertas {background:#FFF url(images/thumb-ofertas.jpg) 0 0 no-repeat;}
			#thumb-descargas {background:#FFF url(images/thumb-melodias.jpg) 0 0 no-repeat;}
			#thumb-profesionales {background:#FFF url(images/thumb-profesionales.jpg) 0 0 no-repeat;}
		

/* > Portada | body#home */
#home {background:#fff url(images/fondoPortada.png) repeat-x top center;}
#home #contentWrapper {
	border:0; 
	border-radius:none; 
	-webkit-border-radius:none; 
	-moz-border-radius:none; 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#home #footer {border:0;}
	#home #footer h3 a {text-decoration:none;}
	
	#muchoMas p {margin-right:15px;}
	#footer #portadaPromo {width:290px;}
		#portadaPromo img {border:1px solid #ccc;}
			#portadaPromo a:hover img {border:1px solid #900;}
	
/* 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(images/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; border:1px solid #fff}
			.formatos h3 {font-size:1em;}
			.formatos a {margin-right:30px;outline:none;}
		.relacionados {width:900px; overflow:auto; margin-bottom:2em;}

/* La Masía */
#infoCorporativa h1, #porQues h2 { color:#900; font-size:1.3em;}
#infoCorporativa {width:460px; min-height:200px; background:#FFF url(images/productos/descripcion_bg.gif) 0 0 no-repeat; padding-bottom:2em;}
	#infoCorporativa .interior {margin:16px 0 0 45px; font-size:1.2em;  line-height:1.3em; text-align:justify;}

#porQues {width:400px; margin-top:20px; font-size:1.2em;}
	#listaPorQues {list-style:none; margin:1em 1em 2em 0;}
		#listaPorQues li {background:#FFF url(images/tip.gif) left no-repeat; padding-left:25px; margin-bottom:10px;}

/* Restaurante */
.indiceWrapper {
		width:920px;
		overflow:auto;
		margin:5px auto;
		border:1px solid #ddd; 
		border-radius:5px; 
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
		-moz-box-shadow: 1px 1px 3px #eee;
		-webkit-box-shadow: 1px 1px 3px #eee;
		box-shadow: 1px 1px 3px #eee;
	}
	.overflow920 {width:920px; overflow:auto;}
	.indiceWrapper h2 {background:#FFF url(images/ico_olivas.gif) 0 0 no-repeat; padding-left:30px; line-height:35px; color:#c03;}

.noShadow {-moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; border:0;}
.cajaSombraRadius {border:1px solid #ccc; 
		border-radius:2px; 
		-webkit-border-radius:2px; 
		-moz-border-radius:2px; 
		-moz-box-shadow: 0px 0px 3px #999;
		-webkit-box-shadow: 0px 0px 3px #999;
		box-shadow: 0px 0px 3px #999;}


#accesoProductos {width:912px;}
#btnLineaConsumo, #btnLineaHoreca {width:420px; margin:5px;}

#accesoYbarraAlimentacion, #accesoRedDistribucion {width:440px; margin:7px 3px;}
	#accesoYbarraAlimentacion .inner, #accesoRedDistribucion .inner {margin:10px 8px;}
	#accesoYbarraAlimentacion .thumb, #accesoRedDistribucion .thumb {display:block; float:left; margin-right:15px;}
	
	/* Índice general de categorías */
	.catalogo {}
		.radius {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
		.catalogo .item {width:180px; float:left; margin:5px 10px; text-align:center;}

/* Prensa */
#prensaWrapper {width:920px; overflow:auto; margin-bottom:3em;}
.categoriaPrensa {width:450px; min-height:200px; background:#FFF url(images/productos/descripcion_bg.gif) 0 0 no-repeat; border-bottom:1px solid #eee; padding-bottom:2em;}
	.categoriaPrensa .interior {margin:16px 0 0 35px; font-size:1.2em;}
	.listado {margin:1em 2em 0 1.8em;}
		.listado li {margin-bottom:5px;}
	.verTodas {margin:2em 0 0 1.5em;}

/* Red de distribución */
#redIntro h1 { color:#900; font-size:1.3em;}
#redIntro {width:460px; min-height:200px; background:#FFF url(images/productos/descripcion_bg.gif) 0 0 no-repeat; padding-bottom:2em;}
	#redIntro .interior {margin:16px 0 0 45px; font-size:1.2em;  line-height:1.3em; text-align:justify;}
#listadoEmpresas {width:400px; margin-top:20px;}
	#listadoEmpresas .item { margin-bottom:1.5em; padding:3px; background:#FFF url(images/sidebar-gradient-top.jpg) top no-repeat; border-top:1px solid #ccc; padding:10px 8px 3px 8px;}
		#listadoEmpresas .item h3 {margin-bottom:5px;}
		#listadoEmpresas .item p {margin:2px 0;}

/* Ocio */
div.video {width:125px; float:left; margin:10px 5px 10px 0; text-align:center;}

/* Contacto */
#contactoFormWrapper {border-top:1px solid #ccc; width:420px; padding:1em 0 5px 10px; background:#fff url(images/sidebar-gradient-top.jpg) top center no-repeat; }
	#contactoFormWrapper h1 {margin-bottom:1.1em; color:#333;text-shadow:1px 1px 0 #ccc;}
	#formContacto {font-size:1.1em;}
		#formContacto label { margin-right:5px;}
		#formContacto textarea {width:420px;}
	
#datosContacto {width:320px; font-size:1.1em;}
.datos {background:#fff url(images/sidebar-gradient-top.jpg) top center no-repeat; border-top:1px solid #ccc; padding:5px 20px; margin-bottom:15px;}


/* Newsletter */
#formNewsletter {font-size:1.1em;}
	#formNewsletter label { margin-right:5px; width:100px; display:block; float:left; font-size:1.2em;	}
	#formNewsletter textarea {width:420px;}

/* Mapa del sitio */
#sitemap-tree a:hover {text-decoration:underline;}
#sitemap-tree, ul#sitemap-tree ul {padding:0; margin:0; list-style:none;}
	#sitemap-tree li {line-height:1.4em;background:#fcfcfc; font-weight:bold; padding:5px; border-bottom:1px solid #ccc; margin-bottom:2px;}
		#sitemap-tree li ul {margin:3px 0 0 25px; border-left:1px solid #999;}
		#sitemap-tree li ul li {background:#fcfcfc; font-weight:normal;}
		#sitemap-tree li ul li ul li {border:0;}



/*
	=========================================================================================================================
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(_scripts/colorbox/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(_scripts/colorbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(_scripts/colorbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(_scripts/colorbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(_scripts/colorbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(_scripts/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(_scripts/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(_scripts/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(_scripts/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(_scripts/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(_scripts/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(_scripts/colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(_scripts/colorbox/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(_scripts/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}