a{
	color: #FFFFFF;
	text-decoration: none;
}


fieldset{border:none;}
input{border:1px solid #666666;}
.boto{
	background:silver;
	border:1px solid #333333;
}

.petit{
	font-size:9px; 
	line-height:11px
}

pre,form,fieldset{
	margin:0; 
	padding:0
}


a img{
	border: 0;
}

a:hover{
	color: #FC7802!important;
}
.simple{
	margin-left:10px;
	margin-right:10px;
}
div[id=cos]{
	margin-right: 20px!important;
	margin-top: 40px!important;
}

div[id=extern]{
	width: 100%;
	background: url(http://www.latutela.org/css/imatges/fons_partit.gif) center;
	position: absolute;
	height: 100%;
}

h2{
	margin: 15px 0 -4px 160px;
	color: #0D777A;
	font-size: 24px;
	text-align: center;
	height: 25px;
}

h3, h4{
	margin-bottom: 0;
	font-size: 11px;
}

html, body{
	padding: 0;
	margin: 0;
	color: #280202;
	background: url(http://www.latutela.org/css/imatges/fons_partit.gif) center;
	font: 11px "Trebuchet MS", Helvetica, sans-serif;
}

p{
	margin: 5px 0;
}

#capcalera{
	margin-top: -25px;
	padding-top: 5px;
	background: #0097AC;
	text-align: right;
	height: 20px;
}

#capcalera a{
	color: #284D59;
}

#columna1 {
	float: left;
	width: 230px;
}

#columna2 {
	float: right;
	width: 230px;
}
#foto1 {
	
	width: 175px;
	margin-top: 20px;
	margin-left: 40px;
}
#foto2 {
	
	width; 175 px;
	margin-top: 10px;
	margin-left: 40px;
}
#fila1 {
	width: 480px;
	margin-top: 10px;
}

#fila2 {
	width: 480px;
	margin-top: 20px;
}
#foto1v {
	width: 160px;
	margin-top: 10px;
	
}

#contactar{
	float: left;
}

#contenidor{
	width: 700px;
	margin: -25px auto 0 -350px;
	padding-top: 25px;
	position: absolute;
	left: 50%;
}
.salacomic_es{background: url(http://www.latutela.org/css/imatges/comic_es.jpg) center!important}
.salacomic{background: url(http://www.latutela.org/css/imatges/comic.jpg) center!important}
.imatgehome{background: url(http://www.latutela.org/imatges/home/fonshome.jpg) center!important;}
.fundacio{background: url(http://www.latutela.org/css/imatges/fonsfundacio.jpg) center!important;}
.area{background: url(http://www.latutela.org/css/imatges/fonsfundacio.jpg) center!important;}
.organigrama{background: url(http://www.latutela.org/css/imatges/fonsorganigrama.jpg) center no-repeat!important;}
.salapremsa{background: url(http://www.latutela.org/css/imatges/fonssalapremsa.jpg) center!important}
.formapart{background: url(http://www.latutela.org/css/imatges/fonsformapart.jpg) center!important;}
.fonsrelacions{background: url(http://www.latutela.org/css/imatges/fonsrelacions.jpg) center no-repeat!important;}
.formapartformulari{background: url(http://www.latutela.org/css/imatges/formulari.jpg) center no-repeat!important;}
.avislegal{background: url(http://www.latutela.org/css/imatges/avislegal.jpg) center no-repeat!important;}
.h2avislegal{position:relative; top:30px}

#contingut>h2{
	margin-bottom: 0;
}
div.columna2fundacio{
	position:relative;
	margin-left:-240px;
}
#cos{
	float: right;
	width: 490px;
	margin-right: 5px;
	margin-top: 50px;
	padding: 5px 5px 0 5px;
}

#cos2{
	float: right;
	width: 500px;
	margin-right: 5px;
	margin-top: 50px;
	padding: 5px 5px 0 5px;
	//margin-top:-30px;
	
}

#cos ul, #cos li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#cos ul ul{
	margin-left:0;
	padding:0
}
#cos ul ul li{list-style: none;}

#credits{
	margin-top: 190px;
	margin-left: 70px;
	font-size: 11px;
	position: absolute;
	top: 50%;
}

#idiomes{float: right;}

#menu{
	width: 130px;
	float: left;
	margin-top: 100px;
	padding: 0;
	font-size: 14px;
	text-transform: lowercase;
	line-height: 1em;
	height: 272px;
}

#menu .amagat{display: none;}

#menu .clicat{color: #FC7F04;}

#menu .normal{color: #FFFFFF;}

#menu .visible{display: block;}

#menu a{color: #FFFFFF;}

#menu ul{
	margin: 0;
	padding: 0  0 0 20px;
	width: 100px;
	list-style: none;
}

#menu ul li{
	margin-bottom: 10px;
	margin-top: 10px;
}

#menu ul ul{padding: 0 0 0 10px;}

#menu ul ul a{color: #F9C58E;}

#menu ul ul li{
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 11px;
}



#pagina{
	width: 100%;
	margin-top: -206px;
	background: #BFE5EA;
	background-color: #BFE5EA;
	position: absolute;
	top: 50%;
	height: 412px;
}

#peu{
	width: 100%;
	float: left;
	background: #90DBE5;
        background-color:#90DBE5;
	color: #3A6777;
	text-align: center;
	height: 25px;
	font-size:10px;
	letter-spacing:0.05px;
}

	
.linksblaus{color: #0066CC;}
.linksblaufosc{color: #032a3d;}
.linksblaufosc .linkstaronges{color: #FC7802;}
.linksblaufosc:hover .linkstaronges{color: #032a3d;}
.linkstaronges {color: #FC7802;}
.linkstaronges:hover{color: #032a3d;}

#seguent{
	margin-top: 185px;
	margin-left: 170px;
	width: 60px;
	position: absolute;
	top: 50%;
	left: 461px;
}

#seguent a img{
	border: 0;
	margin-left: 10px;
}

.primera_fletxa{padding-left:30px;}

.frasehome{
	color:#ffffff;
	float:right;
	width:250px;
	margin-top:-90px;
	margin-right:-55px;
	font-style: italic;
}
.frasehome_es{
	color:#ffffff;
	float:right;
	width:250px;
	margin-top:-90px;
	margin-right:-70px;
	font-style: italic;
}
.frasehome_enconstruccio{
	color:white; 
	float:right; 
	width:250px; 
	margin-top:-80px;
	margin-right:-20px;
}
.idiomahome{ 
	font-weight:bold; 
	color:#0097AC;
}
#seguent .postal a{
	float:left;
	margin-right:10px;
}
#postal{
	margin-top:40px;
	font-weight:bold; 
	color:#0097AC
}
#seguent .postal a{
	float:left;
	margin-right:10px;
}
#postal .idiomahome{
	float:right;
	font-weight:bold; 
	color:#0097AC;
}
#seguent .postal a{
	float:left;
	margin-right:10px;
}

#postal .envia{float:left;}

table{
	border-left:1px solid black;
	margin-top:10px;
	margin-left:20px;
	font-size:11px;
}
table td{
	margin:0;
	padding:4px;
	border-right:1px solid black;
	border-bottom:1px solid black;
}
table th{
	margin:0;
	padding:0;
	color:white;
	background:black;
	border-bottom:1px solid black;
}

.taulafrau,  .taulafraurelacions, .taulafraurelacions a {
	border:none;
	color:#0D777A;
	font-weight:bold;
}
.taulafrau td, .taulafraurelacions td, .taulafrau h4{ 
	color:black;
	position:top;
	border:none;
}


.taulafraurelacions{margin-top:30px;}
.dreta{
	text-align:right;
	float:right;
}
.esquerra{
	text-align:left;
	float:left;
}

#cos2 .comic{
	float: right;
	width: 500px;
	margin-right: 10px;
	margin-top: -50px;
	padding: 5px 5px 0 5px;
}


#anterior_comic{
	float:left;
	width:17px;
	margin-right:5px;
	margin-top:290px;
}
#seguent_comic{
	float:right;
	width:17px;
	margin-top:-10px;
	margin-right:6px;
}
.titol_comic{
	margin-top:-20px;
	display:none;
}

#postal_idioma  { 
	font-weight:bold; 
	color:#0097AC;
	margin-right:0px;
	margin-top: 185px;
	margin-left:160px;
	width: 250px;
	text-align:right;
	position: absolute;
	top: 50%;
	left: 261px;
	float:left;
}
/* Postal de Nadal */
#envia_postal{
	color:#fff;
	font-weight:bold; 
	margin-right:0px;
	margin-top: 160px;
	margin-left:0px;
	width: 250px;
	text-align:right;
	position: absolute;
	top: 50%;
	left: 275px;
	float:left;
}

#envia_postal a, #envia_postal_es a{
	color: #FC7802;
}
#envia_postal a:hover, #envia_postal_es a:hover {
	color: #ffffff;
}

#envia_postal_es{
	color:#fff;
	font-weight:bold; 
	margin-right:0px;
	margin-top: 160px;
	margin-left:0px;
	width: 300px;
	text-align:right;
	position: absolute;
	top: 50%;
	left: 255px;
	float:left;
}

#columna1.llista ul li{
	list-style-type: disc;
	margin-left:20px;
}

/* Home-links Tinc un amic */
#tinc_un_amic_dreta, #tinc_un_amic_esquerra, #tinc_un_amic_titol{position:absolute;}
#tinc_un_amic_dreta{
	margin-top:-143px;
	margin-left:555px;
}
#tinc_un_amic_esquerra{
	margin-top:270px;
	margin-left:-126px;  
}
#tinc_un_amic_titol{
	margin-top:-92px;
	margin-left:200px;
}
/* Home castella */
#tinc_un_amic_dreta_es, #tinc_un_amic_esquerra_es, #tinc_un_amic_titol_es{position:absolute;}
#tinc_un_amic_dreta_es{
	margin-top:-143px;
	margin-left:555px;
}
#tinc_un_amic_esquerra_es{
	margin-top:270px;
	margin-left:-126px;
}
#tinc_un_amic_titol_es{
	margin-top:0px;
	margin-left:130px;
}

/* Tinc un amic plantilla catala */
#div_tinc_un_amic_dreta_cat, #div_tinc_un_amic_esquerra_cat, #div_tinc_un_amic_titol_cat{
	position:absolute;
}
#div_tinc_un_amic_dreta_cat{
	margin-top:-143px;
	margin-left:655px;
}
#div_tinc_un_amic_esquerra_cat{
	margin-top:270px;
	margin-left:-126px;  
	margin-left:-255px;
}
#div_tinc_un_amic_titol_cat{
	margin-top:-92px;
	margin-left:300px;
}

/* Tinc un amic plantilla castella */
#div_tinc_un_amic_dreta_esp, #div_tinc_un_amic_esquerra_esp, #div_tinc_un_amic_titol_esp{
	position:absolute;
}
#div_tinc_un_amic_dreta_esp{
	margin-top:-143px;
	margin-left:655px;
}
#div_tinc_un_amic_esquerra_esp{
	margin-top:270px;
	margin-left:-126px;
}
#div_tinc_un_amic_titol_esp{
	margin-top:-92px;
	margin-left:300px;
}


/* Link Home en el logotip */
#link_logo{
	position:absolute; 
	margin-top:-40px;
	margin-left:16px;
	}
#link_logo img{
	width:108px;
}

/* Idiomes */

#idiomes2{
	position:absolute;
	margin-top:350px;
	margin-left:710px;
}
#idiomes2 a{color: #032a3d;}


/* Organigrama */

.organigrama-item01,
.organigrama-item02,
.organigrama-item03,
.organigrama-item04,
.organigrama-item05,
.organigrama-item06,
.organigrama-item07,
.organigrama-item08,
.organigrama-item09,
.organigrama-item10,
.organigrama-item11,
.organigrama-item12{
	position:absolute !important; 
	text-align:center; 
	font-size:8px !important; 
	letter-spacing:-0.4px;
}


.organigrama-item01 a,
.organigrama-item02 a,
.organigrama-item03 a,
.organigrama-item04 a,
.organigrama-item05 a,
.organigrama-item06 a,
.organigrama-item07 a{color:#000;}

.organigrama-item08 a,
.organigrama-item08,
.organigrama-item09 a,
.organigrama-item10 a,
.organigrama-item11 a,
.organigrama-item12{color:#fff;}

.organigrama-item01{
	margin-left:218px; 
	margin-top:14px;
}
.organigrama-item02{
	margin-left:332px; 
	margin-top:12px;
}
.organigrama-item03{
	margin-left:218px; 
	margin-top:50px;
}
.organigrama-item04{
	margin-left:67px; 
	margin-top:95px;
}
.organigrama-item05{
	margin-left:163px; 
	margin-top:95px;
}
.organigrama-item06{
	margin-left:267px; 
	margin-top:95px;
}
.organigrama-item07{
	margin-left:350px; 
	margin-top:95px;
}
.organigrama-item08{
	margin-left:80px; 
	margin-top:143px;
}
.organigrama-item09{
	margin-left:215px; 
	margin-top:174px;
}
.organigrama-item10{
	margin-left:217px; 
	margin-top:209px;
}
.organigrama-item11{
	margin-left:225px; 
	margin-top:242px;
}
.organigrama-item12{
	margin-left:208px; 
	margin-top:274px;
}



/* Fletxa Fundacio - area */
.area #endarrera{
	position:absolute; 
	left:495px; 
	top:410px;
}
.fundacio{margin-left:10px;}
.logos img{
	width:auto; 
	height:auto; 
	max-width:100px; 
	max-height:100px;
}
.logotips img{
	max-height:70px !important; 
	max-width:200px;
}
.fotos table{
	margin-top:30px; 
	margin-left:15px;
}
.fotos #seguent{top:255px;}

#foto1 {
  max-width:175px;
  margin-top: 20px;
  margin-left:40px;
}
#foto2 {
  width:175px;
  margin-top:10px;
  margin-left:40px;
} 

.origens .item11,
.origens2 .item12,
.organigrama .item13,
.onsom .item14,
.projectes .item15{
/*	color: #FC7802!important; */
}

.butlleti .item21,
.memoria .item22,
.fotos .item23,
.recull .item24{
/*	color: #FC7802!important; */
}

.voluntari .item31,
.donatiu .item32,
.treballa .item33{
/*	color: #FC7802!important; */
}

.associats .item41,
.indexassociats .item41,
.colaboradors .item42{/*	color: #FC7802!important; */}
.indexassociats .item42{/*	color: #FC7802!important; */}

.salapremsa .taulafrau{margin-top:-30px !important;}
.salapremsa #seguent{margin-top:180px !important;}

.indexassociats table{width:100%;}
.indexrelacions table{
	margin-top:95px !important; 
	margin-left:30px !important;
}

.butlleti .taulafrau{margin-top:20px !important;}
.fotosindex .taulafrau{margin-left:40px;}
.fotosindex .espai{height:0px !important;}
.fotos #cos{padding-top:60px !important;}
.fotos #seguent{margin-top:155px !important;}

#retorn-home{position:absolute; width:112px; height:140px; margin-left:15px; margin-top:-40px;}
#retorn-home a{position:absolute; width:112px; height:140px;}
.franja{position:absolute; margin-top:-95px; margin-left:214px;}