/** 
 * Cruz Verde Rusia
 *  
 * 02/03/2010
 * 
 * autor	runroom
 * copyright 2010 runroom
 *
 */ 

/* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354)
-----------------------------------------------------------------------------*/
:link, :visited { text-decoration: none; }
h1, h2, h3, h4, h5, h6, pre, code, p, li, td { font-size: 1em; }
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
a img, :link img, :visited img, :hover img { border: none; }
:focus { outline: none; }


/* Elementos HTML
-----------------------------------------------------------------------------*/
body { font: 100.01%/1.13em Verdana, Arial, sans-serif; color: #000; text-align: center; background: #ededed; }

p { font-size: 11px; }

a:link, a:visited { color: #002596; }
a:hover, a:active { color: #000; }


/* ESTRUCTURA
-----------------------------------------------------------------------------*/
#contenedor { width: 974px; margin: 0 auto; text-align: left; position: relative; }
	#cabecera { width: 974px; position: relative; }

		#fons_logo { height: 175px; background: url("css_imgs/fons_logo.png") no-repeat 0 37px; }
		
		#logo { height: 37px; background: url("css_imgs/barra_logo.png") repeat-x 0 0; } /* col */
			#logo img { margin-left: -21px; }

	#contenido { clear: both; width: 974px; background: url("css_imgs/contenido.gif") 0 0 repeat-y; }
		.cierre_contenido { clear: both; width: 974px; height: 10px; background: url("css_imgs/sombra.png") 0 0 repeat-x; }


#footer { position: relative; clear: both; padding-bottom: 20px; font-size: 11px; background: url("css_imgs/sombra.png") 0 bottom repeat-x; }
	
	#footer_0 { position: absolute; top: 10px; right: 25px; }
			#eficacia { width: 59px; height: 57px; background: url("css_imgs/eficacia.png") no-repeat 0 0; }
			#eficacia span { position: absolute; left: -9999px; }

	#footer_1 { height: 40px; background: #fff; margin-bottom: 3px; }
		#footer_1 .footer1_slide,
		#footer_1 .active.footer1_slide { width: 880px; height: 40px; background: #fff; }

			.hot_news { width: 52px; float: left; color: #00772f; padding: 5px 0 5px 40px; margin: 7px 5px 0 8px; background: url("css_imgs/hot_news.png") no-repeat 0 0; }
			.news { width: 765px; overflow: hidden; white-space: nowrap; float: left; color: #999; font-style: italic; margin: 12px 0 0 0; }

	#footer_2 { height: 30px; background: #fff; margin-bottom: 3px; }
		#footer_2 a { margin-top: 5px; }

	#footer_3 { height: 20px; background: #fff; }
		#footer_3 a { margin-top: 1px; }

		#footer_2 span, #footer_3 span, #footer_2 a, #footer_3 a { float: left; margin-left: 8px; } /* color: #80bb97; */
		#footer_2 span { margin-top: 5px; }
		#footer_3 span { margin-top: 1px; }

	#redes { float: left; margin-top: 27px; margin-bottom: 27px; list-style: none; }
		#redes li { float: left; }
		#redes a { display: block; height: 23px; }
		#redes li span { position: absolute; left: -9999px; }
		
			#redes li.facebook a { width: 90px;  height: 32px; background: url("css_imgs/sprite_footer.png") no-repeat 0 0; }
			#redes li.facebook a:hover { background: url("css_imgs/sprite_footer.png") 0 -33px no-repeat; }
			
			#redes li.youtube a { width: 70px; height: 32px; background: url("css_imgs/sprite_footer.png") no-repeat -90px 0; }
			#redes li.youtube a:hover { background: url("css_imgs/sprite_footer.png") no-repeat -90px -33px; }
			
			#redes li.myspace a { width: 100px;  height: 32px;	background: url("css_imgs/sprite_footer.png") no-repeat -160px 0; }
			#redes li.myspace a:hover { background: url("css_imgs/sprite_footer.png") no-repeat -160px -33px; }


		#credits { float: right; margin: 27px 0; list-style: none; color: #ccc; }
			#credits li { float: left; }
			#credits a { display: block; height: 23px; }
				#credits li span { position: absolute; left: -9999px; }
		
		#saralee { width: 78px; height: 37px; margin-left: 8px; margin-top: -10px; padding-bottom: 10px; background: url("css_imgs/saralee.png") no-repeat 0 0; }
			#saralee:hover { background: url("css_imgs/saralee_h.png") no-repeat 0 0; }


/*-------------------------------------------------------------------------------- 
	MENU BICHOS 
-------------------------------------------------------------------------------- */
#menu { list-style: none; height: 165px; position: absolute; top: 0; left: 160px; }
	#menu li { position: relative; float: left; height: 165px; font: bold 10px/1.2em Verdana, Arial, sans-serif; }
		#menu li span { display: block; position: absolute; top: 135px; left: 5px; right: 5px; text-align: center; z-index: 1; }
		#menu li a img { position: absolute; bottom: 20px; left: 50%; z-index: 5; }

			#menu li a img.peque { display: block; }
			#menu li a:hover img.peque { display: none; }
			#menu li a img.grande { display: none; }
			#menu li a:hover img.grande { display: block; }

		#menu li a:link,
		#menu li a:visited,
		#menu li a:hover,
		#menu li a:active,
		#menu li a.seleccionado { display: block; color: #000; }


/*-------------------------------------------------------------------------------- 
	MENU LATERAL
-------------------------------------------------------------------------------- */
	#menu_lateral { list-style: none; padding: 25px 0 30px 12px; float: left; width: 161px; /*background-color: #fff;*/ }

	/* Nivel 1 */
		#menu_lateral li { font-size: 11px; font-weight: bold; /*white-space: nowrap;*/ }
			#menu_lateral li a { display: block; padding-left: 15px; width: 135px; height: 40px; line-height: 40px;  /**/ height: 30px; line-height: 1em; padding-top: 10px; }
			
			.hitarea { display: block; padding-left: 15px; width: 135px; height: 40px; line-height: 40px; cursor: pointer; color: #0f2597;  /**/ height: 30px; line-height: 1em; padding-top: 10px; }
				.hitarea:hover, .hitarea.collapsable-hitarea { color: #fff; background: url("css_imgs/boto_producto.png") no-repeat 0 -2px; }

			#menu_lateral li a:link, #menu_lateral li a:visited { color: #0f2597; }
			#menu_lateral li a:hover, #menu_lateral li a:active, #menu_lateral li a.selected { color: #fff; background: url("css_imgs/boto.png") no-repeat 0 0; }

	/* Nivel 2 */
		#menu_lateral ul { list-style: none; width: 150px; }
			#menu_lateral ul li { font-size: 11px; font-weight: normal; border-bottom: 2px solid #e6e6e6; /*white-space: nowrap;*/ }
				#menu_lateral ul li a { height: 30px; line-height: 30px; /**/ height: auto; line-height: 1em; padding-bottom: 10px; }
				#menu_lateral ul li ul li a { padding-bottom: 0; }
					#menu_lateral ul li a:link, #menu_lateral ul li a:visited { color: #666; }
					#menu_lateral ul li a:hover, #menu_lateral ul li a:active, #menu_lateral ul li a.selected { color: #e2001a; background: none; }
	
				#menu_lateral ul .hitarea { display: block; padding-left: 15px; width: 135px; height: 30px; line-height: 30px; cursor: pointer; color: #666; background: none; /**/ height: auto; line-height: 1em; padding-bottom: 10px; }
				#menu_lateral ul .hitarea:hover, #menu_lateral ul .hitarea.collapsable-hitarea { color: #e2001a; background: none; }

	/* Nivel 3 */
			#menu_lateral ul ul { list-style: none; margin-top: 0; padding-bottom: 20px; background: #dcdcdc url("css_imgs/fons_submenu.gif") 0 -80px repeat-x; }
				#menu_lateral ul ul li { font-size: 11px; font-weight: normal; line-height: 1.6em;  /**/  /*height: 16px; white-space: nowrap;*/  line-height: 1.0em; border-bottom: none; }
					#menu_lateral ul ul li a:hover, #menu_lateral ul li a:active, #menu_lateral ul li a.selected { color: #e2001a; background: none; }


.migas {
	width: 616px;
	padding-left: 10px;
	height: 25px;
	line-height: 25px;
	color: #ccc;
	font-size: 10px; 
	border-bottom: 2px solid #eaeaea;
}
	.migas a:link, .migas a:visited { color: #ccc; }
	.migas a:hover, .migas a:active { color: #666; }

.dudas { padding-bottom: 10px; }

.titols_dudas, .dudas, .centre {
	margin-left: 3px;
	display: block;
	float: left;
	width: 626px;
/*	background: #eaeaea;
	border-right: 3px solid #eaeaea; */
}

/*.especialidades { display: block; float: left; width: 798px; margin-left: 3px; border-top: 3px solid #eaeaea; margin-top: -3px; }
	.especialidades div { width: 770px; background: #fff; padding: 15px 0 0 10px; }
	.especialidades div p { width: 770px; line-height: 14px; color: #808080; } */


/*.dudas, .titols_dudas { background: #fff; } */
.titols_dudas { border-bottom: 3px solid #eaeaea; }
.titols_dudas div { margin: 10px 0 10px 10px; width: 610px; }
.titols_dudas p { line-height: 15px; }
.titols_dudas p a:hover, .titols_dudas p a:active { color: #e2001a; }
.dudas .pregunta {
	margin: 25px 0 0 10px;
	font-weight: bold;
	color: #808080;
	width: 605px;
	border-bottom: 2px solid #808080;
	width: 615px;
	float:left;
}
.dudas .volver_arr { float: right; margin-top: -17px; margin-right: 5px; background: url("css_imgs/volver_arriba.png") no-repeat 0 0; padding: 20px 20px 0 0; }
.dudas .volver_arr span { position: absolute; left: -9999px; }

.dudas .respuesta { margin: 10px 0 0 10px; color: #808080; width: 605px; }
.dudas .respuesta ol, .dudas .respuesta ul { list-style: none; font-size: 11px; }

.estacions { float: left; width: 156px; height: 179px; /*background: #fff;*/ }
.estacions.mesample { width: 157px; }
.estacio { height: 150px; border-bottom: 3px solid #eaeaea; border-right: 3px solid #eaeaea; }
.estacio.mesample { border-right: none; }
.estacio img { margin: 50px 0 0 55px; }
.estacio span { display: block; margin: 10px 0 0 -5px; font-weight: bold; color: #000; text-align: center; }
.estacio:hover, .estacio.selected {
	cursor: pointer;
	background: url("css_imgs/rosa2.png") no-repeat 0 0;
	height: 179px;
	border: none;
	padding-bottom: 5px;
}
.estacio:hover span, .estacio.selected span {
	margin-left: -8px;
}
.estacio.mesample:hover, .estacio.mesample.selected { cursor: pointer; background: url("css_imgs/rosa3.png") no-repeat 0 0; }
.estacio.mesample:hover span, .estacio.mesample.selected span{ margin-left:-6px; } 

.asistente { width: 619px; padding: 15px 0 0 10px; margin-left: -3px; }
.asistente .pregunta_asistente { 
	text-align: center;
	font: normal 14px/1.58em Georgia, "Times New Roman", Times, serif;
	color: #666;
	padding-bottom: 10px;
}

fieldset.formulari { padding: 0 0 10px 300px; border: none; }

fieldset.formulari div { margin-bottom: 5px; }

	fieldset.formulari div.imagenes { margin-left: -150px; }
		fieldset.formulari .imagenes p { float: left; width: auto; margin-right: 20px; }

		fieldset.formulari p.imagen { position: relative; top: -6px; }
			fieldset.formulari p img { vertical-align: middle; }

	fieldset.formulari label { padding-bottom: 25px; font: normal 12px/1.58em Georgia, "Times New Roman", Times, serif; color: #999; }
	fieldset.formulari label input { margin-right: 3px; }

.linia_a {
	background: url("css_imgs/linia_a.gif") no-repeat 0 0;
	height: 17px;
	margin-left:-7px;
}

.nom_insecte_r { 
	background: #a6d0b6 url("css_imgs/flecha_resultat.gif") no-repeat 50% 0;
	height:92px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 92px;
	margin-top:-15px;
	padding:0;
}
.prod_rel_r { 	
	width:620px;
	background: #eaeaea url("css_imgs/tickbox.png") repeat-y 0 0;
	font-size: 14px;
	line-height: 16px;
	color: #002596;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:-20px;
	padding-left:6px;
}

.insectos_descripcio { width: 616px; background: #fff; padding: 15px 0 0 10px; }

#descripcio_calendari { width: 626px; border-right: 3px solid #eaeaea; border-bottom:3px solid #eaeaea; margin-left: -10px; margin-bottom:30px; }
#descripcio_calendari p { width: 616px; padding-bottom: 15px; margin-left:10px; }

#insectes_calendari { width: 626px; float:left; margin-left:-10px; border-right: 3px solid #eaeaea; padding-bottom:30px; }

.insectos_descripcio a img { max-height: 47px; padding-top: 25px; margin-left: 15px; }
.insectos_descripcio p { line-height: 14px; color: #808080; width: 600px; }
.insectos_descripcio a {
	display: block;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 94px;
	height: 103px;
}
.insectos_descripcio a:hover, .insectos_descripcio a:active, .insectos_descripcio a.selected {
	background: url("css_imgs/tatxat2.png") no-repeat -1px -1px;
}
.insectos_descripcio a.anchor{
background: none;
width: 0px;
height: 0px;
}
.noticias_text a:link, .noticias_text a:active, .noticias_text a:visited {
background: none;
width: auto;
height: auto;
display: inline;
	float: none;
	margin-left: 0px;
	margin-bottom: 0px;
	color:#80BB97;

}
.noticias_text a:hover {color:#000;}
.video_embed {width: 626px; margin-top: 10px; overflow: hidden; }
p.news a {color:#80BB97;}
.insectos_descripcio p#grafica_calendari {
	margin-left: -10px;
	/*border-top: 3px solid #eaeaea;*/
	border-right: 3px solid #eaeaea;
	width: 626px;
}



#titol_calendari {
	background: url("css_imgs/calendari_titol.png") no-repeat 0 0;
	width: 350px;
	height: 38px;
	text-align: center;
	padding-top: 7px;
	font-size: 10px;
	color: #9f0c16;
	margin-left: -12px;
	position: absolute;
}

#grafica_calendari img { max-width: 626px; margin-top:31px; }

#titol_nom_insecte { margin-top: 15px; text-decoration: underline; margin-bottom: 5px; }

 /* .insectos_descripcio.noti { width: 616px; border: 1px solid red; border-right: 3px solid #eaeaea;  }*/
.insectos_descripcio .noticias { border-top: 1px solid #4d4d4d; float: left; margin-bottom: 20px; width: 610px; }
.insectos_descripcio .noticias .fecha { font-weight: bold; color: #e2001a; margin-bottom: 10px; margin-top: 5px; }
.insectos_descripcio .noticias .titular { color: #333333; margin-bottom: 3px; }
.insectos_descripcio .noticias .noticias_text { float: left; width: 300px; margin-right: 20px; }
.insectos_descripcio .noticias .noticias_text p { width: 300px; }
.insectos_descripcio .noticias.noImatge .noticias_text p { width: 610px; }
.insectos_descripcio .noticias .img_noticia { float: left; width: 290px; margin-top: 30px; }
.insectos_descripcio .noticias .img_noticia img { max-width: 292px; }

.tratamientos { width: 616px; background: #fff; padding: 15px 0 0 10px; }
.tratamientos #rodona { background: #fff; padding: 35px 0 50px 130px; }
.tratamientos .insectos { text-align: center; background: url("css_imgs/rodona.png") center center no-repeat; }
.tratamientos .insectos:hover, .tratamientos .insectos.selected {
	background: url("css_imgs/rodona_v.png") no-repeat -1px -1px;
	height: 72px;
	width: 72px;
}
.tratamientos .insectos img { max-width: 60px; margin-top: 15px; }

#menu_tratamientos { list-style: none; position: relative; top: 10px; left: 100px; }
#menu_tratamientos li { display: block; width: 72px; height: 72px; position: absolute; }
#menu_tratamientos li a { width: 72px; height: 72px; display: block; text-decoration: none; }
#menu_tratamientos li a span { position: absolute; left: -9999px; }

#desc_tratamiento { width: 626px; background: #fff; border-top: 3px solid #eaeaea; }
#desc_tratamiento p { margin: 10px 0 0 10px; color: #808080; line-height: 14px; }
#desc_tratamiento p#nom_insecte { color: #e2001a; font-weight: bold; margin: 15px 0 20px 10px; }
#desc_tratamiento .nom_producto { width: 606px; margin: 0 10px 20px 10px; border-bottom: 1px solid #4d4d4d; }
#desc_tratamiento .nom_producto .nom { float: left; width: 400px; font-weight: bold; margin: 10px 0 5px 0; }

#desc_tratamiento .nom_producto .fletxa { float: right; margin-right: 5px; text-align: right; width: 126px; }
	#desc_tratamiento .nom_producto .fletxa a:hover { color: #e2001a; }

#desc_tratamiento .desc_producto { float: left; margin-bottom: 20px; }
#desc_tratamiento .desc_producto div { width: 375px; float: left; }
#desc_tratamiento .desc_producto div p { width: 350px; }
#desc_tratamiento .desc_producto p.laimatge { width: 225px; float: right; }
#desc_tratamiento .desc_producto p.laimatge img { float: right; max-width: 196px; padding-right: 20px; }

#img_marca { position: absolute; margin-top: 15px; margin-left: 245px; }

.producto_list { float: left; background: #fff; border-top: 2px solid #eaeaea; width: 626px; }
.producto_list_textos { float: left; width: 300px; margin: 12px 0 0 5px; }

#detalls_prod span, .detall_producto.desc p.nom, .detall_producto_textos p.nom, .producto_list_textos p.nom {
	color: #e2001a;
	font-weight: bold;
}
#detalls_prod { margin-bottom: 15px; } 
#detalls_prod p { margin-bottom: 5px; }

.detall_producto_textos p, .producto_list_textos p { color: #808080; line-height: 14px; }

.producto_list p img { float: right; padding-top: 20px; padding-bottom: 0; padding-right: 30px; max-width: 250px; }

.producto_list p a {
	clear: both;
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 10px;
	color: #003e7c;
/*	background: url("css_imgs/fletxa.png") no-repeat 55px 4px;
	padding-right: 40px;
	padding-bottom: 5px;*/
}
.producto_list p a:hover, .producto_list p a:active {
	color: #e2001a;
/*	background: url("css_imgs/fletxa_v.png") no-repeat 55px 4px;*/
}






.detall_producto { float: left; background: #fff; width: 626px; }
.detall_producto.altres { border-top: 2px solid #eaeaea; width: 311px; border-right: 2px solid #eaeaea; }
.detall_producto.altres.altres2 { width: 626px; }
.detall_producto.aparatos { border-top: 2px solid #eaeaea; width: 313px; }
.detall_producto.aparatos.aparatos2 { width: 626px; }
.detall_producto.aparatos #img_aparato { margin: 10px 0 0 40px; }

.detall_producto .text_aparatos { margin-bottom:8px; font-size: 9px; color: #666666; text-align:center; }

.detall_producto_textos { float: left; width: 250px; margin: 10px 0 0 10px; }
.detall_producto.altres.altres2 .detall_producto_textos { width: 626px; }
.detall_producto_textos p.nom_detall {
	margin-bottom: 50px;
	color: #e2001a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 24px;
}
.detall_producto_textos p img { margin-bottom: 8px; }

.detall_producto_textos .apara { float:left; margin-right: 10px; display:block; width: 100px; }
.detall_producto_textos .apara p img { margin-left:-15px; }

#img_detall img { float: left; margin: 10px 0 10px 30px; max-width: 325px; }

.detall_producto_textos div.altres_insectes { float: left; margin: 10px 15px 0 0; }
.desc_detall_producto {
	width: 392px;
	float: left;
	border-top: 2px solid #eaeaea;
	border-right: 2px solid #eaeaea;
}
.desc_detall_producto.nopasos { width: 626px; }
.desc_detall_producto p.nom { margin: 10px 0 0 10px; color: #e2001a; font-weight: bold; }
.desc_detall_producto p { margin: 10px 10px 10px 10px; color: #808080; line-height: 14px; }

#espai { height: 150px; }
#espai2 { height: 220px; }

#modo_empleo {
	margin-left: -2px;
	float: right;
	width: 231px;
	border-top: 2px solid #eaeaea;
	border-left: 2px solid #eaeaea;
/*	border: 1px solid red; */
/*	background: #fff; */
}

/* #modo_empleo_sub { display: none; border-left: 2px solid #eaeaea; margin-left: -3px; float: left; } */
#modo_empleo #titol {
	height: 35px;
	background: url("css_imgs/fons_modo.png") no-repeat 0 0;
	color: #fff;
	padding-left: 10px;
	margin-top: 20px;
}
#modo_empleo img { float: left; margin-left: 20px; max-width: 70px; margin-bottom: 10px; }
#modo_empleo div p {
	float: right;
	width: 125px;
	margin-right: 15px;
	color: #808080;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 10px;
}
#modo_empleo .noimatge p { width: 215px; margin: 0 10px 20px 10px; } 
#modo_empleo div p.titol_pas { font-weight: bold; font-size: 11px; margin-top: 10px; margin-bottom: 5px; }
#modo_empleo .linia2 {
	background: url("css_imgs/linia2.gif") no-repeat 0 0;
	height: 17px;
}

.tickbox { 
	float: left;
	padding-top: 2px;
	width: 626px;
	background: #eaeaea url("css_imgs/tickbox.png") repeat-y 0 2px;
}
.tickbox p {
	float: left;
	width: 110px;
	margin: 10px 10px 5px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #1c4685;
	background: url("css_imgs/tick.png") no-repeat 0 0;
	padding-left: 25px;
	padding-bottom: 10px;
	line-height: 12px;
}

.llista_insectes {
	float: left;
	width: 626px;
	height: 121px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 24px;
	color: #666;
	background: url("css_imgs/fons_groc2.png") no-repeat 0 0;
}
	.llista_insectes:hover { background: url("css_imgs/fons_groc2_h.png") no-repeat 0 0; }
		.llista_insectes a { display: block; width: 626px; height: 121px; }
			.llista_insectes a:link, .llista_insectes a:visited { color: #666; }
			.llista_insectes a:hover, .llista_insectes a:active { background: url("css_imgs/fons_groc2_h.png") no-repeat 0 0; }


.nom_insecte { float: left; margin-top: 25px; margin-left: 20px; }
.foto_insecte { float: right; margin-top: 20px; margin-right: 25px; }
.foto_insecte img { max-height: 90px; } 

.llista_insectes p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 24px; color: #666666; }

.detall_insecte { background: #fff; width: 626px; }
.detall_insecte p { font-size: 11px; line-height: 14px; color: #808080; }
.detall_insecte a { font-size: 10px; color: #999; }
.detall_insecte ul { list-style: none; margin-top: 10px; }
.detall_insecte ul li a {
	text-align: center;
	float: left;
	padding: 5px 0 5px 0;
	width: 113px;
	white-space: nowrap;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url("css_imgs/fons_boto.jpg") repeat-x 0 0;
}
.detall_insecte ul li:active a, .detall_insecte ul li.seleccionat a, .detall_insecte ul li:hover a {
	padding-top: 6px;
	width: 115px;
	height: 36px;
	border: none;
	color: #4d4d4d;
}
.detall_insecte ul li:active a, .detall_insecte ul li.seleccionat a { background: url("css_imgs/fons_actiu.png") no-repeat 0 0; }
.detall_insecte ul li:hover a { background: url("css_imgs/fons_hover.png") no-repeat 0 0; }

#parrafada { position: absolute; margin-left: 192px; margin-top: 3px; }
#text_parrafada {
	position: absolute;
	margin-left: 210px;
	margin-top: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 19px;
}
#img_parrafada { position: absolute; margin-left: 230px; margin-top: 95px; }
#img_parrafada img { max-height: 100px; } 

.linia { border-bottom: 1px solid #cccccc; width: 626px; margin-top: 25px; }

.class_explicacio { border-bottom: 2px solid #eaeaea; }
	.class_explicacio p { padding: 5px 8px 20px 8px; }

.calendari {
	background: #fff;
	width: 392px;
	float: left;
/*	border-top: 2px solid #eaeaea; */
	border-right: 2px solid #eaeaea;
}
.calendari ul li { margin-bottom: 30px; }

#calendario {
	position: absolute;
	background: url("css_imgs/calendario.png") no-repeat 0 0;
	width: 80px;
	height: 38px;
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
	color: #9f0c16;
	margin-top: -260px;
}
#fons_calendari { margin-top: 31px; margin-bottom: 20px; position: relative; }
#fons_calendari img { max-width: 392px; }

#productes_relacionats {
	background: #fff;
	float: left;
	width: auto !important;
}
#prod_rel {
	background: url("css_imgs/prod_rel.png") no-repeat 0 0;
	width: 132px;
	height: 38px;
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
	color: #9f0c16;
	margin-left: -1px;
	position: absolute;
}

.altres_productes { height: 31px; border-left: 2px solid #eaeaea; margin-left: -2px; }

.producte_rel {
	border-top: 2px solid #eaeaea;
	border-left: 2px solid #eaeaea;
	float: left;
	width: 231px;
	margin-left: -2px;
}
.producte_rel .im { float: left; width: 90px; }
.producte_rel .im img { margin: 20px 20px 10px 20px; max-width: 60px; }
.producte_rel .texto { width: 140px; margin-top: 20px; margin-left: 90px; }

	.producte_rel .fletxa,
	.producte_rel p.textProd { font-size: 10px; color: #4d4d4d; line-height: 12px; margin-right: 10px; }


.producte_rel p a:hover, .producte_rel p a:active {
	color: #e2001a;
	background: url("css_imgs/fletxa_v.png") no-repeat right center;
}

#home { width: 800px; float: right; }
	#home p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; line-height: 19px; }
		#home p a { font-family: Verdana, Arial, sans-serif; display: block; float: right; font-size: 10px; }
		#home p.texto2_banner_insec { line-height: 1.2em; font-size: 12px; }

#productos1, #productos2 { margin-left: 2px; float: left; }
#banner1, #banner2, #banner3, #banner4 { height: 271px; margin: 2px 0 0 2px; float: left; }
	#banner1 { padding: 10px; height: 251px; width: 210px; }
	#banner2 { padding: 10px; height: 251px; width: 138px; }

#productos1 { position: relative; width: 556px; height: 290px; }
	p.nom_p { position: absolute; top: 5px; left: 10px; width: 211px; height: 140px; padding-left: 15px; padding-top: 13px; text-align: left; background: url("css_imgs/fons_fletxa_home.png") 0 0 no-repeat; }
		p.nom_p span { width: 160px; display: block; }
	#productos1 .element { width: 556px; height: 290px; text-align: center; }
	#productos1 .element img { height: 250px; margin-top: 12px; }

	#productos1 .nav { position: absolute; bottom: 5px; left: 10px; }

#productos2 { width: 240px; height: 290px; float: right; }
#productos2 p { font-size: 16px; line-height: 1.2em; margin-left: 14px; width: 203px; }
#productos2 p#producte_nom { font-size: 24px; margin-top: 7px; }
#productos2 img { margin-top: 0px; max-height: 200px; margin-left: 14px; margin-bottom: 8px; }

	#productos2 p a { /*background: url("css_imgs/fletxa.png") no-repeat 137px 7px; padding-right: 25px;*/ margin-bottom: 3px; }
		#productos2 p a:hover, #productos2 p a:active { color: #e2001a; /*background: url("css_imgs/fletxa_v.png") no-repeat 137px 7px;*/ }

#banner2 p { font-size: 20px; line-height: 24px; }
#banner2 p.RrCalender { position: relative; text-align: center; padding: 15px 0; }
#banner2 #mes {
	display: block;
	width: 100%; 
	color: #fff;
	position: absolute;
	top: 27px;
	left: -3px;
	font: bold 12px "Helvetica Neue", Arial, sans-serif;
	text-align: center;
}
#banner2 #dia {
	color: #333;
	position: absolute;
	top: 43px;
	left: -3px;
	display: block;
	width: 100%;
	font: bold 55px "Helvetica Neue", Arial, sans-serif;
	text-align: center;
}
#banner2 p a { /*padding-right: 21px; margin-top: -4px; white-space: nowrap;*/ }
#banner2 p a:hover, #banner2 p a:active { color: #e2001a; }

#banner3 { width: 241px; height: 271px; background: url("css_imgs/fons_blau.png") no-repeat 0 0; }

	#banner3 p.nom_i { padding-top: 30px; padding-left: 35px; height: 102px; background: url("../imgs/parrafada_home.png") center 10px no-repeat; }
	#banner3 p#insecte_foto { text-align: center; }
	#banner3 p#insecte_foto img { max-height: 119px; }
/*	#banner3 p a:hover, #banner3 p a:active { color: #e2001a; } */

#banner4 .banner4_slide, #banner4 .active.banner4_slide {
	background: #eaeaea url("css_imgs/fons_linies2.png") repeat-y 0 0;
	width: 162px;
	height: 270px;
}
#banner4 p { z-index: 200; color: #002596; margin-left: 5px !important; }
#banner4 p img { margin-left: 13px; }
#banner4 p.titol_curiosidad { border-bottom: 1px solid #002596; margin-bottom: 5px; white-space: nowrap; width: 155px; }


#curiosidades_div .element p { margin: 0 10px; }


.scrollable { z-index: 21;position: relative; overflow: hidden;  width: 190px; height: 250px; }
.scrollable .items { list-style: none; width: 20000em; position: absolute; clear: both; z-index: 20;  }
.scrollable .items li {	 padding:0; margin:0; float: left; width:190px;   z-index: 19; }
.scrollable .items li a {display:block; width: 190px;  }
.scrollable .items li img { z-index: 23;}
.scrollable .items li.active {}

.participa { display: block; float: left; width: 626px; background: #eaeaea url("css_imgs/participa.png") 0 0 repeat-y; }
.participa p a { display: block; float: right; font-size: 10px; color: #003e7c; }
.participa div { width: 206px; }
.participa #experto { float: left; /*margin-left: 3px;*/ }
.participa #insectometro { float: left; margin-left: 2px; }
.participa #curiosi { position: relative; float: left; margin-left: 2px; }

/*.participa #experto_p, .participa #experto_r { background: #c7e1d1; }
.participa #insectometro_p, .participa #insectometro_r { background: #bee6f7; }*/
.participa .curiosi_p, .participa .active.curiosi_p { background: #fff url("css_imgs/fons_linies3.png") repeat-y 0 0; cursor: pointer; }
.participa #experto_r, .participa #insectometro_r, .participa .curiosi_r { margin: 2px 10px 200px 0; border-top: 2px solid #eaeaea; cursor: pointer; }
.participa .curiosi_p, .participa .active.curiosi_p { display: block; height: 300px; }
.participa #experto p#titol_exp, .participa #insectometro p#titol_ins, .participa #curiosi p.titol_curio { 
	height: 35px;
	color: #fff;
	padding-left: 10px;
}
.participa #experto_p p#enunciat, .participa #experto_p p#pagina, .participa #experto_p p#pregunta {
	font-size: 11px;
	line-height: 14px;
	width: 170px;
}
.participa #experto_p p#enunciat { color: #e2001a; margin: 5px 0 0 8px; }
.participa #experto_p p#pagina { color: #00772f; margin: 15px 0 0 8px; }
.participa #experto_p p#pregunta { color: #808080; margin: 5px 0 20px 8px; }
.participa #experto_p div.formulari div { padding: 0 0 10px 8px; width: 173px; } 

.participa #insectometro_p div.formulari { padding: 0 0 10px 8px; width: 173px; }
.participa #experto_p div.formulari span, .participa #insectometro_p div.formulari span {
	margin-left: 7px;
	color: #808080;
	font-size: 11px;
	line-height: 12px;
}
.participa #insectometro_p div.formulari p { color: #808080; }
.participa #insectometro_p p.resultados { font-family: Arial, Verdana, sans-serif; font-size: 18px; line-height: 19px; color: #003a80; padding: 10px 0 10px 8px; font-weight: bold; border-top: 2px solid #e6e6e6; }
.participa #insectometro_p div.formulari span { line-height: 21px; }

#div_titol_resultat { border-bottom: 3px solid #eaeaea; }
#titol_resultat { font-size: 18px; font-weight: bold; color: #00772f; margin: 10px 0 10px 15px; width: 180px; }
#resul p { color: #666; margin: 20px 0 25px 15px; width: 180px; line-height: 14px; }

.no_resposta { display: none; }

.participa #insectometro_p p img { margin: 20px 0 0 25px; max-width: 165px; }
.participa #insectometro_p p#enunciat2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 19px;
	color: #003a80;
	margin: 10px 0 25px 8px;
	width: 160px;
}

.participa #curiosi p img { margin: 15px 0 0 25px; max-width: 44px; }
.participa #curiosi .element { width: 160px; }
.participa #curiosi  p.titol_curiosi, .participa #curiosi  p.text_curiosi {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 19px;
	color: #002596;
	margin: 18px 0 0 20px;
	width: 160px;
	text-align:left;
}
.participa #curiosi p.titol_curiosi {
	border-bottom: 1px solid #002596;
	margin-bottom: 15px;
	width: 165px;
	margin-top: 15px;
}
.participa #experto p#titol_exp { background: url("css_imgs/fons_experto.png") 0 0 no-repeat; }
.participa #insectometro p#titol_ins { background: url("css_imgs/fons_insect.png") 0 0 no-repeat; }
.participa #curiosi p.titol_curio { background: url("css_imgs/fons_curio.png") 0 0 no-repeat; }

.participa #experto_r p a, .participa #insectometro_r p a { 
	background: url("css_imgs/fletxa.png") no-repeat right center;
	padding-right: 30px;
	margin: 5px 10px 0 0;
	}
.participa #experto_r p a:hover, .participa #experto_r p a:active, .participa #insectometro_r p a:hover, .participa #insectometro_r p a:active {
	color: #e2001a;
	background: url("css_imgs/fletxa.png") no-repeat right center;
}
.participa #experto_r p#siguiente_experto a, .participa .curiosi_r p a {
	background: url("css_imgs/fletxa.png") no-repeat right center;
	padding-right: 30px;
	margin: 5px 10px 0 0;
	}
/*
.participa #experto_r p#siguiente_experto a:hover, .participa #experto_r p#siguiente_experto a:active, .participa .curiosi_r p a:hover, .participa .curiosi_r p a:active {
	color: #e2001a;
	background: url("css_imgs/fletxa_v.png") no-repeat right center;
}
*/

.participa #experto_r p#siguiente_experto2 a {	
	padding-right: 90px;
	margin-top: 5px;
	background:none;
}
.participa #experto_r p#siguiente_experto2 a:hover, .participa #experto_r p#siguiente_experto2 a:active {
	color: #e2001a;	
	background: none;
}



#banner4 { float: right; width: 163px; height: 270px; background: #eaeaea url("css_imgs/fons_linies2.png") repeat-y 0 0;}
#banner4 .element {width: 160px; }



.banners { width: 167px; float: left; margin-left: 3px; cursor: pointer; }
	.banners a { display: block; overflow: hidden; }

	.banner { margin: 15px 0 0 5px; } 

		.banner.kalender { position: relative; }

		.banner.kalender:hover, .banners a:hover {
					opacity: .80; /* for all real browsers */
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* for IE8 */
					filter: alpha(opacity=80); /* for IE5-7 */
				}

	.fondo_insecto { cursor: pointer; width: 160px; height: 162px; background: url("../imgs/banner_insecte.jpg") 0 0 no-repeat; }
		.fondo_insecto:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }



#text_parrafada_banner {
	position: absolute;
	margin-left: 15px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 19px;
	color: #666;
	width:135px;
}
#img_parrafada_banner { position: absolute;  margin-top: 85px; margin-left: 30px; }
#img_parrafada_banner img { max-height: 70px; }


#diasetmana_parrafada_banner, #dia_parrafada_banner {
	display: block;
	position: absolute;
	font-family: "Helvetica Bold", Arial, sans-serif;
	text-align: center;
	width: 160px;
}

#diasetmana_parrafada_banner {
	color: #fff;
	font-size: 20px;
	margin-top: 15px;
	letter-spacing: 0.05em;
	}

#dia_parrafada_banner {
	color: #333;
	font-size: 85px;
	font-weight: bold;
	top: 85px;
	overflow: visible;
}

#bannercuriosidades {	height: 285px; overflow: hidden; }

#bannercuriosidades .bannercuriosidades_slide, 
#bannercuriosidades .active.bannercuriosidades_slide {
	width: 160px;
	height: 270px;
	padding-top: 15px;
	background: url("css_imgs/banner_curiosidades.jpg") repeat-y 0 0;
}
#bannercuriosidades .bannercuriosidades_slide { display: none; }
#bannercuriosidades .active.bannercuriosidades_slide { display: block; }

#bannercuriosidades p {
	color: #002596;
	margin: 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 19px;
}
#bannercuriosidades p img { margin-left: 0; margin-top: 0; }
#bannercuriosidades p.titol_curiosidad {
	width: 146px;
	margin-top: 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #002596;
}


/*#sobre_cruzverde, #contacto { background: #fff; } */
	#sobre_cruzverde p { 
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		line-height: 20px;
		color: #156624;
		padding: 10px 5px 20px 5px;
		/*width:615px;*/
	}
	#contacto p {		
		color: #878787;
		padding: 10px 5px 20px 5px;
		/*width:615px;*/
	}
	
	#contacto p.titol {
		font-weight: bold;
		border-bottom: 2px solid #878787;
		padding-bottom: 0;
		margin-bottom: 10px; 
		padding-left: 0px;
		margin-left: 5px;
	}

.clear { clear: both; height: 0; }
.oculto { display: none; }


/* ESPECIFICIDADES 
-----------------------------------------------------------------------------*/
#slideshow { position: relative; }
	#slideshow div { position: absolute; top: 0; left: 0; z-index: 8; }
		#slideshow div.active { z-index: 10; }
		#slideshow div.last-active { z-index: 9; }

#slideshow2 { position: relative; }
	#slideshow2 div { position: absolute; top: 0; left: 0; z-index: 8; }
		#slideshow2 div.active { z-index: 10; }
		#slideshow2 div.last-active { z-index: 9; }

#slideshow3 { position: relative; }
	#slideshow3 div { position: absolute; top: 0; left: 0; z-index: 8; }
		#slideshow3 div.active { z-index: 10; }
		#slideshow3 div.last-active { z-index: 9; }


/* ESPECIFICIDADES 
-----------------------------------------------------------------------------*/
	.centre.especificidades h1 { width: 616px; padding: 2px 0 2px 5px; clear: both; margin-top: -2px; border-top: 2px solid #ededed; }
	.especificidades .producto_list { padding-bottom: 10px; }
/*	.especificidades .producto_list_textos { float: left; width: 300px; margin: 12px 0 0 5px; } */


/* SLIDESHOW
-----------------------------------------------------------------------------*/
	.panes { position: relative; }
	.element { display: none; position: absolute; }
		.element.show { display: block; }


	.pause { display: none; }
	.paraslide_tabs li { float: left; display: block; margin-right: 1px; width: 15px; height: 15px; text-align: center; background: #ccc; }
	.paraslide_tabs a { display: block; width: 15px; height: 15px; line-height: 15px; font-weight: bold; font-size: 10px; color: #fff; cursor: pointer; }
		.paraslide_tabs a:link, .paraslide_tabs a:visited { background: #ccc; }
		.paraslide_tabs a:hover, .paraslide_tabs a:active, .paraslide_tabs a.current { background: #0f2597; }



/* adelgazar fonts en webkit (no valida) */
	body { -webkit-text-stroke: 1px transparent; }
	/* pero no en mobile safari */
		@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}