/* CSS Document */



body{margin: 10px 0px 0px 0px;background-color: #D9DDE0;text-align: center;font-family: Arial;color: #666666;}
img a:link{border:none;}
img a:visited{border:none;}
img a:hover{border:none;}
a img{border:none;}
body.contentpane{text-align: left;background-color: #ffffff;}

#container{top: 0;right: 0;bottom: 0;left: 0;width: 825px;margin: auto;text-align: center;background-image: url(../imgs/taustakuva.gif);

background-repeat: repeat-y;background-position: top center;padding-top: 9px;}



#header{width:825px;}


#headerl img{border:none;}


#headerr{position: relative;top: 58px;right: 24px;float: right;}



div#search{

	

}



#search_out{

	float: left;

	width: 169px;

}



#search_in{

	padding: 0px;

	height: 22px;

	height: 24px;

	overflow: hidden;	

}



#search_in form {

  padding: 0;

  margin: 0;

}



#search_in .inputbox {

	border: 0px;

	padding: 3px 3px 3px 11px;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	

	background-image: url(../imgs/ibackground.gif);

	background-repeat: no-repeat;

	background-position: top left;

	width: 169px;

	height: 22px;

}



/*#vali{

	width: 949px;

	text-align: left;

	clear: both;	

}*/



#layoutimage{

	height: 189px;	
	width:46em;
	float:left;

	

margin-bottom:1.5em;
margin-top:0.5em;


}



#top{float:left;width: 60em;margin-top:1em;margin-bottom:10em;}



#user6{

	width: 660px;

	float: left;

	text-align: left;

}



#navi{

	background-image: url(../imgs/navigointibg.gif);

	background-repeat: no-repeat;

	background-position: top center;

	height: 28px;

	margin-top: 2px;

	/*margin-left: 14px;*/

	padding-left: 14px;

	padding-right: 28px; /* for joomfish */

}



#contentshadow{

	background-image: url(../imgs/contentbg.gif);

	background-repeat: no-repeat;

	background-position: top center;

	height: 17px;

}



#content{

	text-align: left;

	padding: 0px 25px 0px 28px;
	
	width:60em;

}



#koko{

	width: 898px;

	border: 1px solid purple;

	margin-left: 24px;

	

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	line-height: 1.5em;

}



#vasen{float: left;width: 50em;margin-top:10em;}



#keski{

	float: right;

	width: 655px;	

}



#keski2{

	float: left;

	width: 420px;	

}



#keski3{

	float: left;

	width: 655px;	

}



#keski4{

	float: left;

	width: 898px;	

}



#oikea{

	width: 224px;

	float: right;

}



#jako{

	width: 420px;

}



#user1{float: left;width:20em;text-align: left;margin-left:1em;}



#user2{float: right;width:20em;;text-align: left;}

.llista {width:45em; float:left;}
.llista ul li {width:44em;}
.llista p {width:44em;}
.llista ul li{line-height:1.3em}

.infotext {width:45em; float:left; line-height:1.3em;}

.titols {color:#339900;font-size:16px; width:45em;}

.imatge_cub {width:45em;float:middle;}
.imatge_cub img {width:380px; margin-top:0.5em; margin-left:14em;}

#user5{

	float: left;

	width: 100%;

	text-align: left;

}



#keski2a{

	float: left;

	width: 100%;

}



#footer2{
float:left;
	color: #9EA0A2;

	font-family: Arial;

	font-size: 12px;

margin-top:6em;

	clear: both;

	text-align: left;

	

	width: 825px;

	background-image: url(../imgs/footerpalkki.gif);

	background-repeat: no-repeat;

	background-position: bottom center;

	font-weight: bold;

	

}



#copy{

	float: left;

	font-size: 10px;

	padding-top: 40px;

	padding-left: 28px;

	color: #666666;

}



div#copy div{

	float: left;

	margin-right: 5px;

}



#othermenu{

	float: right;

	padding-top: 40px;

	padding-right: 28px;

	font-size: 10px;

	color: #666666;

	font-weight: bold;

	font-family: Arial;

}



#footer{

	color: #9EA0A2;

	font-family: Arial;

	font-size: 10px;

	padding-top: 18px;

	position: relative;

	height: 40px; /* 30 */

	clear: both;

	

	background-image: url(../imgs/footer.gif);

	background-repeat: no-repeat;

	background-position: top center;

	background-color: #D9DDE0;

	font-weight: bold;

}



/* for joomla */



ul#mainlevel-nav

{

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



ul#mainlevel-nav li

{

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 0;

	font-size: 11px;

	line-height: 21px;

	white-space: nowrap;

	

	background-image: url(../imgs/sepa.gif);

	background-repeat: no-repeat;

	background-position: top right;

}



ul#mainlevel-nav li a

{

	font-family: Arial;

	font-weight: bold;

	display: block;

	padding-left: 20px;

	padding-right: 20px;

	text-decoration: none;

	color: #5A5E68;

	background: transparent;

	margin-top: 4px;

}



#buttons>ul#mainlevel-nav li a { width: auto; }



	ul#mainlevel-nav li a:hover

{

	color: #4060AA;



}



div.moduletable{width: 60em;font-family: Arial;font-size: 11px;color: #666666;float:left;margin-left:10em;}



div.moduletable h3{background-image: url(../imgs/moduletitlebg_grey.gif);background-repeat: no-repeat;background-position: 0px 0px;padding: 4px 0px 0px 11px;
height: 35px;margin: 0;font-family: Arial;font-size: 12px;font-weight: bold;text-align: left;color: #ffffff;}






div.moduletable table{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	width: 204px;

	margin: 0px 10px 0px 10px;

}



div.moduletable table.contentpaneopen{

	margin: 0px 10px 0px 10px;

	text-align: left;

}



div.moduletable table.contentpaneopen td{

	text-align: left;

}





/* graphic grey module box */

div.moduletablegrey{

	margin: 0px 0px 10px 0px;

	width: 224px;



	font-family: Arial;

	font-size: 11px;

	color: #666666;

	background-image: url(../imgs/moduletitlebg_grey_big.gif);

	background-repeat: no-repeat;

	background-position: top left;

}



div.moduletablegrey h3{

	background-image: url(../imgs/moduletitlebg_grey.gif);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding: 4px 0px 0px 11px;

	height: 35px;

	margin: 0;

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	color: #ffffff;

}



div.moduletablegrey table{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	width: 204px;

	margin: 10px 20px 0px 10px;

}



div.moduletablegrey div{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	padding: 0px 10px 0px 10px;

}



/* user 1 & user 2 module styles */

div.moduletableuser{

	margin: 0px 0px 10px 0px;



	font-family: Arial;

	font-size: 11px;

	color: #666666;

}



div.moduletableuser h3{

	padding: 0px 0px 0px 0px;

	margin: 0;

	font-family: Arial;

	font-size: 16px;

	font-weight: bold;

	text-align: left;

	color: #4c9ac1;

}



div.moduletableuser table{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	margin: 10px 20px 0px 10px;

}



div.moduletableuser div{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	padding: 0px 10px 0px 10px;

}



/* user6 */

div.moduletableuser6{

	margin: 0px 0px 0px 0px;



	font-family: Arial;

	font-size: 11px;

	color: #666666;

	background-color: #ffffff;

	height: 172px;

}



div.moduletableuser6 h3{

	padding: 0px 0px 0px 0px;

	margin: 0;

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	color: #4c9ac1;

}



/* left footer user7 */

div.moduletableuser7{

	margin: 0px 0px 0px 0px;

	font-family: Arial;

	float: left;

	font-size: 10px;

	color: #666666;

}



/* right footer user8 */

div.moduletableuser8{

	margin: 0px 0px 0px 0px;

	font-family: Arial;

	float: right;

	font-size: 10px;

	color: #666666;

}



/* plain color grey box */



div.moduletablegreybox{

	margin: 0px 0px 10px 0px;

	width: 224px;



	font-family: Arial;

	font-size: 11px;

	color: #666666;

	background-color: #F6F6F6;

}



div.moduletablegreybox h3{

	background-color: #F6F6F6;

	padding: 13px 0px 0px 11px;

	margin: 0;

	font-family: Arial;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	color: #4c9ac1;

}



div.moduletablegreybox div{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	padding: 0px 10px 0px 10px;

}



div.syndicate{

	text-align: left;

}



div.moduletable table.poll{

	text-align: left;

	width: 100%;

	margin: 0;

	padding: 0;

}



table.pollstableborder{

	text-align: left;

	width: 100%;

	margin: 0;

	padding: 0;

}



.pollxtd1{

	margin: 0;

}



div.syndicate div{

	text-align: left;

	margin-left: 11px;

}



table.contentpaneopen{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

	

	padding: 0px 0px 0px 0px;

}



table.searchintro{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

}



table.searchintro td{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

}



table.contentpane{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

}



table.contentpane table{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

}



table.poll{

	font-family: Arial;

	font-size: 11px;

	color: #666666;

}



a.mainlevel:link, a.mainlevel:visited {

	display: block;

	background-image: url(../imgs/tick.gif);

	background-repeat: no-repeat;

	background-position: top left;

	/*vertical-align: middle;*/

	font-size: 11px;

	font-weight: bold;

	color: #4c9ac1;

	text-align: left;

	padding-top: 5px;

	padding-left: 17px;

	height: 15px !important;

	height: 20px;

	text-decoration: none;

}



a.mainlevel:hover {

	background-image: url(../imgs/tick_on.gif);

	background-repeat: no-repeat;

	background-position: top left;

	text-decoration: none;

	color: #4c9ac1;

	font-weight: bold;

}



a.mainlevel#active_menu {

	background-image: url(../imgs/tick_on.gif);

	background-repeat: no-repeat;

	background-position: top left;

	color:#4c9ac1;

	font-weight: bold;

}



a.mainlevel#active_menu:hover {

	background: url(../imgs/tick_on.gif) no-repeat;

	color: #4c9ac1;

	font-weight: bold;

}



.contentheading{

	margin: 0;

	font-family: Arial;

	font-size: 16px;

	color: #4c9ac1;

	font-weight: bold;

}



.componentheading{

	margin: 0;

	font-family: Arial;

	font-size: 16px;

	color: #4c9ac1;

	font-weight: bold;

}



h1{

	margin: 0;

	font-family: Arial;

	font-size: 20px;

	color:#666666;

	font-weight: normal;

}



h2{

	margin: 0;

	font-family: Arial;

	font-size: 14px;

	color: #4c9ac1;

	font-weight: bold;

}



h3{

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	color: #4c9ac1;

}



.contentdescription{

	font-family: Arial;

	font-size: 11px;

}



.blog_more{

	font-family: Arial;

	font-size: 11px;

}



.small{

	font-family: Arial;

	font-size: 10px;

	color: #999999;

}



.createdate{

	font-family: Arial;

	font-size: 10px;

	color: #999999;

}



.modifydate{

	font-family: Arial;

	font-size: 10px;

	color: #999999;

}



.back_button{

	font-family: Arial;

	font-size: 10px;

}



.pagenav_prev{

	font-family: Arial;

	font-size: 10px;

}



.pagenav_next{

	font-family: Arial;

	font-size: 10px;

}



.message{

	font-family: Arial;

	font-size: 10px;

}



a:link, a:visited {

	color: #4c9ac1; text-decoration: none;

	font-weight: normal;

}



a:hover {

	color: #4c9ac1;	text-decoration: underline;

	font-weight: normal;

}



a.footer:link		{color: #9EA0A2; font-size: 10px; font-weight: bold;}

a.footer:active		{color: #9EA0A2; font-size: 10px; font-weight: bold;}

a.footer:hover		{color: #9EA0A2; font-size: 10px; font-weight: bold;}

a.footer:visited	{color: #9EA0A2; font-size: 10px; font-weight: bold;}



.readon				{background-image: url('../imgs/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}



a.readon:link		{background-image: url('../imgs/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}

a.readon:active		{background-image: url('../imgs/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}

a.readon:hover		{background-image: url('../imgs/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}

a.readon:visited	{background-image: url('../imgs/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}



ul{

		margin: 0;

		padding: 0;

		list-style: none;

}



li{

		line-height: 15px;

		padding-left: 15px;

		padding-top: 0px;

		background-image: url(../imgs/bullet.gif);

		background-repeat: no-repeat;

		background-position: top left;

}



ol li{background: none;}



div.jflanguageselection

{

	float: right;

	vertical-align: middle;

	/*padding: 3px 2px 2px 2px;*/

	padding: 0px;

}

 

/* language lists with UL (names & imgss) */

ul.jflanguageselection{

	float: right;

	vertical-align: middle;

	list-style: none;

	padding: 7px 0px 0px 0px;

	margin: 0;

	font-size: 12px;

	height: 12px;

}



ul.jflanguageselection li{

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 1px 1px 1px 1px;

	white-space: nowrap;

	border: none;

}



ul.jflanguageselection li a{display: block;color: #4c9ac1;}



ul.jflanguageselection imgss{border: none;}



/** Styles for the drop down list */



#jflanguageselection{

	float: right;

	vertical-align: middle;

}



select.jflanguageselection{

	border: 1px solid #cccccc;

	margin: 5px 1px 1px 1px;

	padding: 0px 0px 1px 0px;

	font-family: Arial;

	font-size: 11px;

	color: #4c9ac1;}



label.jflanguageselection{position:absolute;left:-3000px;}

.flash{margin-left:0em;margin-top:1em;margin-bottom:1em;}
h3.titols-generals{margin-left:1em;color:#153359;}
.submenu{margin-left:5em}
.submenu{list-style: none;}
.submenu li{display:inline;list-style: none;}
.submenu li a{font-size:12px;list-style: none;}
.mccallans_fotos{margin-left:5em;margin-top:1em;margin-bottom:1em;float:left;}

.foto-texto-expandible img{margin-bottom:1em;float:left;width:auto;}
.foto-texto-expandible{float:left;overflow:hidden;}
.foto-texto-expandible p{width:23em;float:left;margin-top:1em;font-size:14px;line-height:1.3em;margin-right:0.3em;}
.foto-projecte{width:21em;float:left;margin-left:2em;}
h3.subtitols{margin-left:2.2em;color:#339900;font-size:14px;}

.idiomes ul{font-size:8px;list-style:none;display:inline;float:right;margin-right:3em;}
.idiomes ul li{display:inline;list-style:none;background:none;}

span{margin:0em;}

.foto-mont{width:20em;float:right;margin-top:-2em;}
.llista-projectes{margin-top:-1em;width:20em;float:left;}
.llista-projectes ul li{font-size:14px;margin-bottom:0.5em;}
.llista-projectes h2{color:#339900;font-size:16px;margin-bottom:1em;margin-left:1em;margin-top:1em;}
.foto-projectes{width:30em;float:left;}
.menu-projectes{float:left;width:70em;clear:both;list-style:none;margin-top:4em;margin-left:1em;}
.menu-projectes li{display:inline;text-decoration:none;float:left;font-size:10px;margin-right:1em;list-style:none;background:none;}
li.tit{color:#339900;}

/*formulario-general*/



.formulario-general{float:left;margin-left:0em;margin-top:2em;width:35em;font-size:12px;}

.formulario-general fieldset{display:block;border:none;}

.formulario-general legend {font-size:12px;text-decoration:none;color:#73899e;margin-bottom:2em; background:none;margin-left:2em;}


.formulario-general input{width:17em;height:15px;margin-left:1em;margin-bottom:0.8em;border:1px solid #73899e;color:#73899e;font-size:12px;font-family:'verdana';text-align:left;}



.formulario-general label{width:10em;margin-left:0em; float:left; text-align:right;  margin-bottom:0.8em;color:#009933;}

.formulario-general textarea{margin-left:1em;margin-bottom:1em;width:22em;height:10.5em;border:1px solid #73899e;color:#73899e;font-weight:bold;font-size:12px;font-family:'verdana';}


.formulario-general input#esborrar {width:6em;height:1.7em;margin-left:1em;color:#009933;background:url(../imgs/bk.gama-azul.gif) 0 0 repeat-x;border:1px solid #009933;font-size:0.9em;padding-bottom:0.2em;}

.formulario-general input#enviar{width:5em;height:1.7em;margin-left:12.5em;color:#009933;background:url(../imgs/bk.gama-azul.gif)0 0 repeat-x;border:1px solid #009933;font-size:0.9em;padding-bottom:0.2em;}

p.texto-form{color:#d7b173;margin-left:3em;}

form.formContacto select{border:1px solid #73899e;}

.dades-empresa{width:20em;float:left;margin-top:5em;margin-left:4em;font-size:12px;}