/*
estils 
*/
#cabecera{width:100%;margin:0 auto 0 auto;background-image:url(images/bg.gif);
	background-repeat:repeat; 
	background-color: rgb(26,26,26);position:relative;}
#cabecera1{width:730px;margin:0 auto 0 auto; background:#FFFFFF;}
#cabecera2{
height:30px;
position:relative;
background-image:url(images/bg.gif);
	background-repeat:repeat; 
	background-color: rgb(26,26,26);
width:100%;
/*background:url(images/fons2.gif);*/
margin:0 auto 0 auto;
}
#cabecera3{
height:30px;
position:relative;
background-image:url(images/bg.gif);
	background-repeat:repeat; 
	background-color: rgb(26,26,26);
width:100%;
/*background:url(images/fons2.gif);*/
margin:0 auto 0 auto;
}
#content{
width:730px;
margin:0 auto 0 auto;
background:#ffffff;
border-right: 1px solid #000000; 
border-left:1px solid #000000;
border-bottom:1px solid #000000;
}
#continent{
width:100%;
background-image:url(images/bg.gif);
background-repeat:repeat; 
background-color: rgb(26,26,26);
}
body
{
	font-family	: verdana, arial, helvetica, serif;
	font-size	: 11px;
	background-image:url(images/bg.gif);
	background-repeat:repeat; 
	background-color: rgb(26,26,26);
	letter-spacing	:0px;
	margin:0px;	
}
.fons{
margin: auto auto auto 1px;
width:724px;
}
.menu_esquerra{
color:#FFFFFF; 
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.menu_cabecera{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size	: 11px;
color:rgb(0, 71, 49);
text-align:center;
vertical-align:bottom;
background: #ffffff;
}

.text{
text-decoration: none;
font-weight:bold;
color: rgb(0, 71, 49);
}
a.menu_sup
{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size	: 11px;
color:rgb(0, 71, 49);
text-decoration: none;
}
a.menu_sup2
{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size	: 11px;
color: #f4f4f4;
text-decoration: none;
}
a.menu_sup1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size	: 10px;
color:#000000;
text-decoration: none;
font-weight: normal;
}
a.menu_sup1:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size	: 10px;
color: rgb(0,71,49);
text-decoration: none;
font-weight: normal;
}

a.menu_sup:hover{
color:#660000;
text-decoration:none;

} 
a.menu_sup2:hover{
color:#f4f4f4;
text-decoration:none;

} 
.caixa_sup{
	/*background-color:rgb(0, 71, 49);*/
	background: url(images/fons_menu.jpg);
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-bottom-width:0px;
	border-style: double;
	border-color:#EEEEEE;
	padding: 2px 4px 0px 4px;
}
.cabecera
{
	font-family: Arial, Helvetica, sans-serif;
	font-size	: 14px;
	font-weight	: bold;
	color		: #000000;
	height		: 20px;
	background: url(images/fonst.gif) center repeat-x;
	}
.cabecera_borde{
 border-right:1px solid #CC6633;
}
.padding
{
	padding		: 3px 7px 3px 7px;
	color:rgb(0, 71, 49);
}

.imatges{

	padding-right: 7px;
	vertical-align:text-bottom;
}
.imatges1{
	padding-left: 4px;
	}
.img_prod{
	padding	: 10px 7px 3px 7px;
	height:150px;
	width:98%;
}
.marge{
	padding-top:50px;
}
.margeTaula
{
	padding	    	: 7px 0px 7px 0px;
	text-align		: justify;
	font-family		: Verdana, Arial, serif;
	font-size		: 11px;
	color			: rgb(0, 71, 49);
	border			: 0px;
	text-align: justify;
	text-decoration:none;
}
.margeTaula1
{
	font-family		: Verdana, Arial, serif;
	border-width 	: 0px 1px 1px 1px;
	border-color 	: #000000;
	font-size		: 11px;
	border-style 	: solid;
	background		: #FFFFFF;
}
.menu_inferior {
	position:relative;
	width:100%;
	background-image:url(images/bg.gif);
	background-repeat:repeat; 
	background-color: rgb(26,26,26);
	height:27px;
	margin:0 auto 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc6633;
}
.menu_inferior1 {
	width:730px;
	margin:0 auto 0 auto;
	height:27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc6633;
}
.imatges_sup {
	border:	1px solid #000000;
	width: 		140px;
	height: 	100px;
	padding:1px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
.imatges_ong {
	border:	1px solid #000000;
	width: 		140px;
	height: 	298px;
	padding:1px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
#imatge {
	position:relative;
	width:10px;
	height:10px;
	z-index:1;
	left: 0px;
	top: 100px;
	background-color: #FFFF00;
}
.menu_sup2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size	: 10px;
color:#CC6633;
line-height:120%;
}
.Estilo1 {color: rgb(0, 71, 49);}
.Estilo2 {
	color: #669966;
	font-weight: bold;
}.pie_foto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background: #FFFFCC;
	padding:7px;
	text-align:left;
}
.lateral {
	padding-top:10px; 
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid rgb(0,71,49);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background: #F6F3EF;
	text-align: left;
	
}
.producto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	text-align:left;
}
.productot{
	font-weight: bold;
	font-size:11px;
}
.titols{
color: #333333;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:7px;
}
.fons_esquerra{
	background: url(images/fons_menu.jpg) repeat-y;
	/*background: rgb(0,89,65) none repeat scroll 0%;*/
	clear: both;
	margin:auto;
	padding-bottom:10px;
	border-bottom: 5px solid #000000;
	color:#FFFFFF;
}
.capa_menuesquerra{
/*height:254px;*/
height:auto;
margin:5px auto auto auto;
}

a{
color:#336633;
}
a:hover{
color:#336633;
}
.fotos{
border:1px solid #336633;
}
#imatge_franja{
float:right;
clear:right;
padding-bottom:10px;
}
#imatge_franja_left{
float:left;
clear:left;
padding-bottom:10px;
}
#imatge_franja1{
float:left;
clear:left;
padding-bottom:10px;
}
#franja{
float:none;
clear:both;
display:inline-block;
padding-top:10px;
padding-bottom:10px;
width:100%;
text-align:justify;
}
#franja1{
float:none;
clear:both;
padding-top:10px;
padding-bottom:10px;
border-top-style:dashed;
border-top-color:#000000;
border-top-width:1px;
width:100%;
text-align:justify;
}
.artesania{
color:#ffffff;
background: rgb(0,71,49);
padding-left: 10px; 
padding-right: 20px; 
height:100px;
}
a.artesania1{
color:rgb(0,71,49);
}

/*
estils menu
*/

.click-menu {
    width: 100%;
	
}

.top{
	font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4F4F4;
	padding: 4px 0px;
}
a.top{
	font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4F4F4;
	padding: 4px 0px;
    cursor: default;
    position: relative;

}
a.top:hover{
	font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330000;
	padding: 4px 0px;
    cursor: default;
    position: relative;

}

.click-menu .box1 {
    background-color: #EEEEEE;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-hover {
    background-color: #EEEEEE;
    color: #330000;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    border-style: solid solid solid solid;
    cursor: pointer ;
    position: relative;
}
.click-menu .box1-open {
    background-color: #330000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open-hover {
    background-color: #330000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.click-menu .section {
    background: rgb(0, 89, 65);
/*	background: rgb(0, 71, 49);*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #448882;
    border-style: none solid solid solid;
	font-weight: normal;
	display:none;
}
.click-menu .section a {
    color: #F5F5F5;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .section a:hover {
    color: #999999;
    text-decoration: none;
    white-space: nowrap;
}

.click-menu .box3 {
    background-color: #EEEEEE;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.click-menu .box3-hover {
    background-color: #EEEEEE;
    color: #009240;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    border-style: solid solid solid solid;
    cursor: pointer;
    position: relative;
}
.click-menu .box3-open {
    background-color: #330000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box3-open-hover {
    background-color: #330000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
	}
	
#content2{width:400px;margin:0 auto 0 auto;}

.Estilo3 {color: #FFFFFF}
.Estilo4 {
	color: #000000;
	font-weight: bold;
	}
.Estiloarte{
color:#330000; 
font-weight:bold;
}

.tablaNoticia table tr th{
	font-weight:bold;
	color:#059442;
}

.colaboradors{
	font-size:10px;
}