@charset "utf-8";
/* RESET ---------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }

/* HTML ---------------------------------------------------------------------------------------------------- */
body	{ background-color:#fff; font-family:Tahoma,sans-serif; font-size:70% }
h1		{ font-size:1.5em }
h2		{ font-size:1.3em }
h3		{ font-size:1.1em }
a		{ color:#000; text-decoration:none }
strong, a:hover { color:#9daa05 }
input.text { font-family:Tahoma, sans-serif }
.clear { clear:both }

/* CONTENIDORS PRINCIPALS ---------------------------------------------------------------------------------------------------- */
#web { width:960px; margin:0 auto; border:#CCC solid 1px; }
#cap { position:relative; }
#cos { padding:20px }
#peu { clear:both; height:50px; background-color:#404714; color:#fff }

/* BARRA SOBRE MENU ---------------------------------------------------------------------------------------------------- */
#sobremenu { background:#1a171b; height:30px; margin:0 0 2px 0; color:#fff; text-align:right; }
#sobremenu .data { float:left; padding-left:20px; line-height:28px; color:#9daa05 }
#sobremenu input.text { border:1px solid #9c9e9f; padding:2px; font-size:1em; margin:5px 20px; width:160px; background:#fff url(../img/cerca_fletxa.gif) right center no-repeat }
#sobremenu form {  float:right }
#sobremenu .idiomes{ list-style:none; float:right; padding-top:9px; }
#sobremenu .idiomes li { float:left; margin-right:5px; padding-top:1px }

/* MENU PRINCIPAL ---------------------------------------------------------------------------------------------------- */
.menu 				{ background:#9daa05 url(../img/menu_pestana.gif) 20px 26px no-repeat }
.menu ul			{ list-style:none; height:30px; line-height:28px; text-transform:uppercase; font-weight:bold; margin-left:75px  }
.menu ul li			{ float:left; border-right:2px solid #fff; height:30px }
.menu ul li:last-child			{ float:left; border:0; height:30px }
.menu ul a			{ color:#000; padding:4px 9px }
.menu a:hover		{ color:#fff }
.menu li.actiu a	{ color:#fff }
.menu .usuari_links { float:right; font-size:.9em; text-align:right; padding:2px 20px }

.menu_peu 			{ background:#9daa05 url(../img/menu_pestana.gif) 20px -4px no-repeat }
.menu_peu ul		{ height:26px; line-height:25px }
.menu_peu ul li		{ border-right-color:#FFF; height:26px }

/* COS ---------------------------------------------------------------------------------------------------- */
#cos h1					{ font-size:1.6em; font-weight:bold }
#cos h2 a				{ color:#000 } 
#cos h2 a:hover			{ color:#000 } 
#cos p					{ line-height:1.6em; padding-bottom:10px }
#cos p img				{ float:right; margin:0 0 20px 20px }
#cos strong				{ color:#9daa05 }
#cos .submenu 			{ background:#1a171b; list-style:none; font-size:0.9em; height:28px; line-height:26px; text-transform:uppercase; font-weight:bold; margin-bottom:20px; padding-left:0px }
#cos .submenu li		{ float:left; border-right:2px solid #9daa05; height:28px }
#cos .submenu li.u		{ border-right:0 }
#cos .submenu a			{ color:#9daa05; padding:4px 8px }
#cos .submenu a:hover, #cos .submenu li.actiu a { color:#fff }

/* -- Contingut ---------------------------------------------------------------------------------------------------- */
#contingut	{ width:620px; margin-right:20px }
#columna	{ width:280px; float:right }
.col1, .col2, #contingut { float:left } /* Col1 i Col2 son les columnes de la portada */
.col1 { width:300px; clear:left; }
.col2 { width:300px; margin:0 20px; }
.principal { width:618px; min-height:536px; float:left } /* .principal es la noticia gran de la portada*/

#cap .agromilloralink	{ position:absolute; right:21px; font-size:1.1em; top:73px; }
#cap .agromilloralink a	{ color:#fff; text-shadow:#111 0 1px 0; }

.col1 img { max-width:300px; } 

#cos .img_planta { text-align:right; margin-bottom:40px }
#cos .separador { height:10px; background:#9daa05 url(../img/menu_pestana.gif) 20px 6px no-repeat; clear:both; margin-top:10px }
#cos .separador2 { height:10px; background:transparent url(../img/linia4.gif) bottom left no-repeat; clear:both }
#cos .separador3 { height:10px; border-bottom:2px solid #9daa05; background:url(../img/menu_pestana6.gif) 20px 6px no-repeat; clear:both; margin-top:10px }
#cos .sep_noticies { width:618px; height:10px; border-bottom:2px solid #9daa05; background:url(../img/menu_pestana6.gif) 20px 6px no-repeat; margin-top:10px; margin-bottom:20px }

#contingut h2, #columna h2	{ background:#9daa05 url(../img/menu_pestana.gif) 20px 25px no-repeat; clear:both; margin-bottom:15px; font-weight:bold; padding:6px 12px 6px 70px; text-transform:uppercase }
#contingut h2.justificat	{ padding-left:270px; }

#columna h3	{ background:url(../img/menu_pestana_new.gif) top left no-repeat; clear:both; font-weight:bold; padding:10px 5px 14px 10px; text-transform:uppercase }

#contingut p				{ color:#555 }
#contingut h1.tipus1		{ background:#dddd0d url(../img/menu_pestana4.gif) 20px 60px no-repeat; padding:10px; margin-bottom:20px }

#columna h1.tipus1 		{ min-height:24px; bottom:0; position:relative; background:url(../img/ico_mes.gif) bottom right no-repeat; padding:10px 30px 10px 0px; margin-bottom:15px; border-bottom:3px solid #dddd0d }
#columna h1.tipus2		{ background:#dddd0d url(../img/menu_pestana4.gif) 20px 38px no-repeat; padding:10px; margin-bottom:20px }

#columna .selecciona 			{ background:#000 url(../img/menu_pestana7.gif) 20px 38px no-repeat; height:22px; padding:10px; }
#columna .selecciona h4			{ float:left; width:120px; color:#dddd0d; font-size:.85em; }
#columna .selecciona select		{ float:right; text-transform:capitalize; width:125px; }
.majuscules		{ text-transform:uppercase}
#columna.contacto h3			{ text-align:left; min-height:20px; padding-left:30px; background:url(../img/ico_contacto.gif) 5px 0px no-repeat; font-weight:bold; margin-top:9px; }
#columna.contacto p				{ color:#999999; padding-left:30px; line-height:1.4em; padding-bottom:0; margin-top:5px; }
#columna.contacto p	a			{ color:#000; font-weight:bold; }
#columna.contacto div.gps			{ margin-left:30px; margin-top:10px; padding-left:85px; color:#888e39; font-weight:bold; font-size:.8em; background:url(../img/ico_gps.gif) top left no-repeat; }
#columna.contacto img.gmaps			{ margin-left:30px; margin-top:10px; }

/* -- Llistat de productes ---------------------------------------------------------------------------------------------------- */
#cos .productes_llista			{ display:block; padding:12px 12px 0 12px; }
#cos .productes_llista li		{ display:block; clear:both; padding-bottom:12px }
#cos .productes_llista h3		{ font-weight:bold; margin-bottom:2px }
#cos .productes_llista p		{ padding:0 }

#cos .bloc_producte					{ float:left; margin-right:12px; width:135px; }
#cos .bloc_producte .dret			{ float:right;}
#cos .bloc_producte a				{ display:block; font-size:1.4em; border-bottom:#b5c727 solid 1px; padding:2px 7px 7px; }
#cos .bloc_producte .actiu			{ color:#fff; font-weight:bold }
#cos .bloc_producte a:hover { color:#b5c727 }
#cos .bloc_producte.noborder a 		{ border:0; }

#cos .bloc_producte_olint					{ float:left; margin-right:12px; background-color:#C5CC69 }
#cos .bloc_producte_olint .dret			{ float:right;}
#cos .bloc_producte_olint a				{ display:block; font-size:.9em; padding:4px 7px 7px; border-top:3px solid #e9efc6; background:#c5cc69 url(../img/producto_pestana.gif) 7px 19px no-repeat }
#cos .bloc_producte_olint a strong		{ float:right; color:#000; line-height:1em; font-size:1.6em } 
#cos .bloc_producte_olint .actiu			{ background:#9daa05 url(../img/menu_pestana.gif) 5px 19px no-repeat; color:#fff; font-weight:bold }
#cos .bloc_producte_olint .actiu strong	{ color:#fff }
#cos .bloc_producte_olint a:hover, #cos .bloc_producte_olint a:hover strong { color:#fff }

/* -- Fitxa de producte ---------------------------------------------------------------------------------------------------- */
#cos .producte_foto			{ width:255px; float:left; margin-right:15px }
#cos .producte_foto	h2, #columna h2		{ font-size:.8em; background-position:10px 20px; text-align:right; padding-left:0; margin:10px 0 5px 0 }

#cos .producte_foto_olint			{ width:255px; float:left; margin-right:15px }
#cos .producte_foto_olint	h2 		{ font-size:.8em; background-position:10px 20px; text-align:right; padding-left:0; margin:10px 0 5px 0 }


#cos .producte_ficha		{ width:350px; float:left }
#cos .producte_ficha h3		{ font-weight:bold; color:#888e39; padding-bottom:6px }
.pdf						{ background:url(../img/bg_pdf.gif) no-repeat; height:30px; display:block; padding:22px 0 0 55px; margin-top:2px }
.pdf_revista				{ background:url(../img/bg_pdf2.gif) no-repeat; height:30px; display:block; padding:22px 0 0 55px; margin-top:10px }

#cos .index_productes	{  padding:5px 0 0 0px; border-bottom:#b5c727 solid 2px; }
#cos .index_productes .bloc_producte		{ margin:0; }

#cos .index_productes_olint	{  padding:5px 0 0 0px }
#cos .index_productes_olint .bloc_producte_olint		{ margin:0 0px 20px 0 }

#cos .baners 		{ padding:10px 0 0 0px}
#cos .baners img		{ margin-bottom:20px}

/* -- Noticia ---------------------------------------------------------------------------------------------------- */
#cos .noticia 		{   }

#cos .noticia.ample{ min-height:340px; }
#cos .noticia.estreta{ min-height:340px; }

#cos .noticia p 	{ color:#888; line-height:1.4em; margin-top:5px; padding:0 0 10px 0;}
#cos .noticia img.noticia_ampliada { max-width:600px; float:right; clear:both; margin:0 15px 15px 15px }
#cos .noticia h1	{ min-height:44px; bottom:0; position:relative; background:url(../img/ico_mes.gif) bottom right no-repeat; padding:10px 30px 10px 0px; margin-bottom:15px; border-bottom:3px solid #dddd0d }
#cos .youtube		{ margin-bottom:10px; margin-top:15px; margin-right:14px; float:left; width:302px; height:190px; }
#cos .tags			{ clear:left; background-color:#b9d305; padding:20px; text-align:center; font-size:1.2em; margin-bottom:20px; width:580px; height:60px; }
#columna .noticia 	{ margin:0; padding:0;  }

#cos .noticia h1	{ min-height:44px; bottom:0; position:relative; background:url(../img/ico_mes.gif) bottom right no-repeat; padding:10px 30px 10px 0px; border-bottom:3px solid #dddd0d }

#cos .principal h1.noticies	{ width:335px }

/* -- Noticia ---------------------------------------------------------------------------------------------------- */
#cos .llistat		{ list-style:none }
#cos .llistat a		{ color:#404714 }
#cos .llistat a:hover { color:#9daa05 }
#cos .llistat li,#cos .llistat h3 { background:url(../img/linia2.gif) left bottom no-repeat; display:block; font-size:1.3em; text-transform:uppercase; font-weight:bold; padding:0 0 15px 20px; margin:15px 0; cursor:pointer; outline:none }
#cos .llistat a.mes { float:right }
#llista_sistema { }
#llista_sistema div { background-color:#e9efc6; padding:16px 20px }
#llista_sistema h4 { font-weight:bold; font-size:1.2em; margin-bottom:4px }

/* -- Menu revista o lateral ---------------------------------------------------------------------------------------------------- */
#revista_columna	{ float:left; width:230px; margin:0 20px 20px 0; }
#revista_contingut	{ width:670px; float:left }

#revista_columna.revista_portada ul { border-top:0 }
#revista_columna.revista_portada h2 { margin-bottom:0 }

#cos .revista h1 		{ font-size:1.2em; background:#dddd0d url(../img/menu_pestana3.gif) 20px 56px no-repeat; padding:14px 16px; margin-bottom:20px }

#cos .revista h1.aviso	{ text-align:center; font-size:1.2em; background:#FFF; color:#000; border:#dddd0d solid 1px; padding:14px 16px; margin-bottom:20px }

#cos .revista h1 strong { font-size:2em; color:#000 }

.menu_revista h2 { background:#dddd0d url(../img/menu_pestana3.gif) 20px -4px no-repeat; font-size:1em; font-weight:bold; text-align:right; padding:7px 10px 6px 10px; text-transform:uppercase; border-bottom:1px solid #fff; }
.menu_revista h2 span.titol { float:left; }
.menu_revista h2 span.numero { float:right; }
.menu_revista span.numero { float:right; font-weight:bold; }
.menu_revista ul { border-top:1px solid #dddd0d; }
.menu_revista li { display:block; border-bottom:1px solid #dddd0d; padding:6px 1px }
.menu_revista li.actiu a		{ color:#999 }
.menu_revista .suscripcion		{ display:block; background:url(../img/ico_mes.gif) right center no-repeat; height:30px; margin-top:20px; line-height:30px; font-size:1.2em; border-bottom:1px solid #E8E859 }

#revista_columna .menu_revista .enllasos		{ background-color:#1A171B; padding-left:0; border:0; height:30px; margin-top:10px; }
#revista_columna .menu_revista .enllasos li		{ float:left; border-right:2px solid #fff; padding:0 16px; border-bottom:0; height:30px; line-height:30px }
#revista_columna .menu_revista .enllasos li a	{ color:#fff }
#revista_columna .menu_revista .enllasos li a.actiu	{ color:#dddd0d }
#revista_columna .menu_revista .enllasos li.u	{ border-right:0; padding-left:18px }

#revista_columna .numero ul			{ border-color:#9daa05 }
#revista_columna .numero h2			{ background:#9daa05 url(../img/menu_pestana.gif) 20px -4px no-repeat; text-align:left; padding-left:6px }
#revista_columna .numero h2 strong	{ float:right; color:#000 }
#revista_columna .numero li			{ border-color:#9daa05 }

#revista_columna .busqueda ul		{ border-color:#404714 }
#revista_columna .busqueda li		{ border-color:#404714 }
#revista_columna h2.busqueda a		{ color:#fff; }
#revista_columna h2.busqueda		{ color:#fff; background:#404714 url(../img/menu_pestana5.gif) 20px -4px no-repeat; text-align:left; padding-left:10px }
#revista_columna h2.anteriores		{ color:#fff; background:#292e09 url(../img/menu_pestana5.gif) 20px -4px no-repeat; text-align:left; padding-left:10px }
#revista_columna img 				{ margin:20px 0 }

#revista_contingut.noticia_ampliada					{ background:url(../img/linia.gif) top left no-repeat; padding-top:30px; padding-bottom:10px; }
#revista_contingut.noticia_ampliada img.miniatura	{ float:right; padding:20px 0 10px 10px; }
#revista_contingut.noticia_ampliada h1				{ background:none; font-size:2em; color:#404714; padding:0; margin:0 0 5px 0 }
#revista_contingut.noticia_ampliada h1 strong		{ color:#dddd0d; font-size:1em; margin:0 0 5px 0 }
#revista_contingut.noticia_ampliada h2				{ font-size:1.4em; color:#777; margin:0 0 5px 0 }
#revista_contingut.noticia_ampliada h3				{ font-size:2em; color:#000 }
#revista_contingut.noticia_ampliada p				{ color:#555; margin:3px 0; line-height:1.3; }
#revista_contingut.noticia_ampliada ul li			{ list-style:disc; color:#555; margin:5px 0 0 15px; line-height:1.3em; }
#revista_contingut.noticia_ampliada ol li			{ list-style:disc; color:#555; margin:5px 0 0 15px; line-height:1.3em; }

.sota_noticia { background:url(../img/linia3.gif) bottom left no-repeat; padding:0 0 5px 30px; margin-bottom:20px }

.index_revista li { float:left; width:140px; margin:0 20px 20px 0; height:230px; overflow:hidden; }
.index_revista li img { margin-bottom:5px }
.index_revista li.u { margin-right:0 }

.boton						{ padding:5px; color:#FF00FF }
.boton:hover						{ padding:5px; color:#00FF00; }
.boton:active						{ padding:5px; color:#FF0000 }

ul.revista_portada li { margin-right:12px }
ul.revista_portada li img { margin:0 }

#contingut ul.revista_portada span { text-align:right; text-transform:uppercase; float:right;  color:#000; padding-top:5px; font-size:.9em; width:95px; margin-top:-2px }
#contingut ul.revista_portada strong { float:left; color:#000; padding-top:5px; font-size:.9em; width:45px; margin-top:-2px }

#contingut ul.revista_portada strong.rev_es { }
#contingut ul.revista_portada strong.rev_en { }
#contingut ul.revista_portada strong.rev_fr { }
#contingut ul.revista_portada strong.rev_ch { }

#contingut ul.proyeccion { padding-left:30px; line-height:1.4em; margin-top:15px; margin-bottom:15px; list-style:disc; }

#contingut ul.revista_portada a:hover strong { background-position:left top }
#revista_contingut .index_revista li a strong { background-color:#000; color:#fff; padding:2px 3px 2px 6px }
#revista_contingut .index_revista li a:hover strong { background-color:#9daa05 }
/* -- Tributo ---------------------------------------------------------------------------------------------------- */
#contingut .tributo_descripcion { padding:12px 15px }
#contingut .tributo_descripcion h2 { background:0; padding:0; color:#404714; display:inline-block }
#contingut .tributo_descripcion img { float:right; margin:0 0 15px 15px }

#contingut img.tributo { margin-top:15px; margin-left:13px; margin-bottom:20px; }

#contingut .tributo_tiempo		{ display:block; background:url(../img/linia2.gif) bottom left no-repeat; height:50px; font-weight:bold; padding-left:10px; margin-top:20px; margin-bottom:40px }
#contingut .tributo_tiempo li	{ float:left; text-align:center; padding:10px }
#contingut .tributo_tiempo li a { color:#404714 }
#contingut .tributo_tiempo li a:hover { color:#9daa05 }
#contingut .tributo_tiempo li.actiu a { color:#999 }

/* -- Aceite OLINT ---------------------------------------------------------------------------------------------------- */
.ficha_aceite { background:url(../img/bg_ficha_aceite.gif) repeat-y; margin-bottom:20px  }
.ficha_aceite img { padding:15px; float:left }
.ficha_aceite div.premios { float:left; padding:16px 20px 20px 20px; font-size:.9em; width:110px; margin-right:20px }
.ficha_aceite div.premios strong { font-size:1.1em }
.ficha_aceite .descripcion { float:left; width:250px; padding:10px; }
.ficha_aceite .descripcion h3 { font-weight:bold; margin-bottom:10px }
#contingut .ficha_aceite .descripcion strong { color:#555 }

#columna .contacto { padding:10px 0 0 40px; background:url(../img/ico_contacto.gif) 10px 10px no-repeat }
#columna .contacto h3 { font-weight:bold }
#columna .contacto p { color:#777; padding:0 }


/* -- Comentaris ---------------------------------------------------------------------------------------------------- */
#comentaris h5 { background:#1a171b url(../img/tit_comentaris.gif) 20px center no-repeat; font-size:1.1em; color:#b9d305; height:30px; line-height:30px; padding-left:90px; font-weight:bold }
#comentaris dt { color:#404714; background:#fdfce7 url(../img/ico_comentari.gif) 5px center no-repeat; padding:5px 10px 5px 30px }
#comentaris dd { padding:10px 10px; margin:0; line-height:1.6em; color:#706d70 }
#comentaris dd a.notificar { display:block; text-align:right; margin-top:10px; font-weight:bold; color:#404714 }

#comentaris form h5 { background:#dddd0d url(../img/tit_noucomentari.gif) 20px center no-repeat; color:#404714; padding-left:70px; margin:20px 0; border-bottom:5px solid #fff }
#comentaris form { background:#ecede7; margin-bottom:20px; color:#404714 }
#comentaris form input.text { width:250px; font-size:1em; padding:2px; margin:2px 0 6px 0 }
#comentaris form span { padding:0 20px; display:block }
#comentaris form label.textearea { float:right; padding-right:20px }
#comentaris form .textearea textarea { width:260px; height:230px; margin-top:2px }
#comentaris form .submit { display:block; text-align:right; clear:both; padding:10px 0 }
#comentaris form .submit input {font-size:1em; padding:2px; }

#contacte input { width:600px; font-size:1em; padding:2px; margin:2px 0 6px 0 }
#contacte label { padding-right:20px }
#contacte textarea { width:604px; height:150px; margin-top:2px }

#contacte .submit input {font-size:1em; padding:2px; }

#ClientValidationSummary 			{ background-color:#fff; border:2px solid #ccc; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin-top:0px; margin-bottom:10px }
#ClientValidationSummary a 			{ font-weight:normal }



.minitabsNav ul {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #dddd0d;
}

.minitabsNav li {
	float: left;
	padding: 4px 8px;
	margin: 0 5px 0 0;
	color: #404714;
	font-size: 1.2em;
	cursor: pointer;
	font-weight: bold;
}

.minitabsNav li.active {
	background: #e9efc6;
	color: #404714;
}

.minitabsContent {
	clear: both;
	padding: 5px;
}



/* PEU ---------------------------------------------------------------------------------------------------- */
#sobrepeu 			{ clear:both; padding:12px 85px; background:url(../img/linia.gif) top left no-repeat }
#sobrepeu h3		{ float:left; margin-right:20px }
#sobrepeu a 		{ color:#777; padding-right:22px }
#sobrepeu a:hover 	{ color:#000 }

#pagination { clear:both; width:100%; float: left; padding: 3px; margin: 0 auto; text-align:center;	font-size:.85em; }

#pagination a {	background-color:#f5f585; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #000; }
#pagination a:hover, div.pagination a:active {  background-image:none;	background-color:#92B5C9; color: #fff;}
#pagination span.current {margin-right:3px;	padding:2px 6px; font-weight: bold; background-color:#dddd0d; color: #000;}
#pagination span.disabled {	display:none;}
#pagination a.next{	border:2px solid #D6EEF5; margin:0 0 0 10px;}
#pagination a.next:hover{ border:2px solid #2b55af;}
#pagination a.prev{	border:2px solid #ccdbe4; margin:0 10px 0 0; }
#pagination a.prev:hover{ border:2px solid #2b55af; }

#peu a { text-decoration:underline; color:#000 }
#peu p { float:right; text-align:right; padding-top:8px; line-height:1.5em; margin-right:20px }
#peu span { padding:6px 10px; display:block }