@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(http://www.amical-mauthausen.org/imatges/fons2.jpg);
	background-repeat: repeat-x;
}
#tot{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 920px;
	top: 0px;
}
#barradalt{
	height:170px;
	background-repeat: no-repeat;
	width: 920px;
	top: 150px;
	background-color: #CACACA;
	background-image: url(http://www.amical-mauthausen.org/imatges/capsalera2.jpg);
	float: left;

}

#fonscos{
	background-image:url(http://www.amical-mauthausen.org/imatges/fonscos.jpg);
	background-repeat: repeat-y;
	width: 920px;
	padding-bottom: 10px;
	float: left;

}
#fonscoshome{
	background-image:url(http://www.amical-mauthausen.org/imatges/fonscos.jpg);
	background-repeat: repeat-y;
	width: 920px;
	height: 378px;
	float: left;

}
#fonspeu{
	height:40px;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonspeu.jpg);
	background-repeat: no-repeat;
	width: 920px;
	float: left;
	
	

}

#flashcontent{
	padding-left:10px;
	height: 160px;
	padding-top: 10px;
}
#movie2{
	padding-left:10px;
	height: 160px;
	padding-top: 10px;
}


#cos{
	width: 660px;
	float:left;
	background-color: #FFFFFF;
	margin-left: 10px!important;
	margin-left: 5px;
	margin-right: 9px;
	height: 380px;

}

#banners{
	height:auto;
	width: 230px;
	float:left;
	background-color: #FFFFFF;

}
#banners2{
	height:357px;
	background-image:url(../imatges/banner-eng.jpg);
	width: 219px;
	float:left;
	background-color: #FFFFFF;
	margin-top: 10px;

}
#banneragenda{
	height:80px;
	width: 220px;
	float:right;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 5px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsagenda.jpg);
	margin-top: 10px;

}

#bannernotis{
	height:80px;
	width: 220px;
	float:right;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 5px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotis.jpg);
	background-position:80px 70px;
	margin-top: 10px;
	background-repeat: no-repeat;
	color: #999999;
	font-size: 11px;
	background-position: 0px;

}

#bannernotis-cast{
	height:80px;
	width: 220px;
	float:right;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 5px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotis-cast.jpg);
	background-position:80px 70px;
	margin-top: 10px;
	background-repeat: no-repeat;
	color: #999999;
	font-size: 11px;
	background-position: 0px;

}

#bannernotes{
	height:30px;
	width: 220px;
	float:right;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 5px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotes.jpg);
			background-position:0px 30px;
	margin-top: 10px;

}
#bannernotes a{
	height:30px;
	width: 220px;
	display:block;
	float:right;
	background-color: #FFFFFF;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotes.jpg);
	background-position:0px 30px;

	
}

#bannernotes a:hover{
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotes.jpg);
		background-position:0px 0px;
		cursor: pointer;
}



#bannernotes-cast{
	height:30px;
	width: 220px;
	float:right;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 5px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotes-cast.jpg);
			background-position:0px 30px;
	margin-top: 10px;

}
#bannernotes-cast a{
	height:30px;
	width: 220px;
	display:block;
	float:right;
	background-color: #FFFFFF;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotes-cast.jpg);
	background-position:0px 30px;

	
}

#bannernotes-cast a:hover{
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsnotes-cast.jpg);
		background-position:0px 0px;
		cursor: pointer;
}


#bannerrevista{
	height:135px;
	width: 105px;
	float:left;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 10px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsrevista.jpg);
	background-position:0px 135px;
	margin-top: 12px;

}
#bannerrevista a{
	display:block;
	height:135px;
	width: 105px;
	float:left;
	background-color: #FFFFFF;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsrevista.jpg);
		background-position:0px 135px;

	
}

#bannerrevista a:hover{
	background-image: url(http://www.amical-mauthausen.org/imatges/fonsrevista.jpg);
		background-position:0px 0px;
		cursor: pointer;
}

#bannersoci{
	height:135px;
	width: 105px;
	float:left;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 5px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonssoci.jpg);
	background-position:0px 135px;
	margin-top: 12px;

}

#bannersoci a{
	display:block;
	height:135px;
	width: 105px;
	float:left;
	background-color: #FFFFFF;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonssoci.jpg);
	background-position:0px 135px;

	
}

#bannersoci a:hover{
	background-image: url(http://www.amical-mauthausen.org/imatges/fonssoci.jpg);
		background-position:0px 0px;

		cursor: pointer;
}

#bannersoci-cast{
	height:135px;
	width: 105px;
	float:left;
	background-color: #FFFFFF;
	margin-right: 10px!important;
	margin-right: 5px;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonssoci-cast.jpg);
	background-position:0px 135px;
	margin-top: 12px;

}

#bannersoci-cast a{
	display:block;
	height:135px;
	width: 105px;
	float:left;
	background-color: #FFFFFF;
	background-image: url(http://www.amical-mauthausen.org/imatges/fonssoci-cast.jpg);
	background-position:0px 135px;

	
}

#bannersoci-cast a:hover{
	background-image: url(http://www.amical-mauthausen.org/imatges/fonssoci-cast.jpg);
		background-position:0px 0px;

		cursor: pointer;
}

 /*******************MENU***********************************/
 
#menu{
	padding-left:25px;
	height: 20px;
	width: 600px;
	top: 150px;
	position: absolute;
}

#navcontainer{
	width:880px;
	margin:0;
	height:20px;
	
}

#navcontainer ul{margin:0px; padding:0px; list-style-type:none; text-align:center; float:left;}

#navcontainer ul li{display:block; float:left; text-align:center;}

#navcontainer ul li a{
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	height:20px;
	font-size:12px;
	display:block;
	float:left;
	width:auto;
	padding-right:05px;
	padding-left:20px;
	margin:0px;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.gif);
	background-repeat:no-repeat;
}

#navcontainer ul li a strong{
	font-size:12px;
	color: #FFFFFF;
	display:block;
	line-height:16px;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.gif);
	background-repeat:no-repeat;
	height:20px;
	
}

#navcontainer ul li a:hover{
	cursor: pointer;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.gif);
	background-repeat:no-repeat;
	color:#CCCCCC;
}

#navcontainer a:active{
	outline:none;
	
}

#navcontainer li.active a{ outline:none;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.gif);
	background-repeat:no-repeat;
		color:#CCCCCC;
	}
	
	



#navcontainer-cast{
	width:880px;
	margin:0;
	height:20px;
	
}

#navcontainer-cast ul{margin:0px; padding:0px; list-style-type:none; text-align:center; float:left;}

#navcontainer-cast ul li{display:block; float:left; text-align:center;}

#navcontainer-cast ul li a{
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	height:20px;
	font-size:11px;
	display:block;
	float:left;
	width:auto;
	padding-right:5px;
	padding-left:20px;
	margin:0px;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.gif);
	background-repeat:no-repeat;
}

#navcontainer-cast ul li a strong{
	font-size:12px;
	color: #FFFFFF;
	display:block;
	line-height:16px;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto.gif);
	background-repeat:no-repeat;
	height:20px;
	
}

#navcontainer-cast ul li a:hover{
	cursor: pointer;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.gif);
	background-repeat:no-repeat;
	color:#CCCCCC;
}

#navcontainer-cast a:active{
	outline:none;
	
}

#navcontainer-cast li.active a{ outline:none;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.png)!important;
	background-image:url(http://www.amical-mauthausen.org/imatges/fonsboto1.gif);
	background-repeat:no-repeat;
		color:#CCCCCC;
	}



/*************************************************************************/

#submenu{
	float:left;
	width:100px;
	height:auto;
	background-color:#FFFFFF;
	margin-left: 17px !important;
	margin-left:9px;
	margin-top: 10px;
	padding-top:10px;
	padding-left:10px;
	background-image: url(http://www.amical-mauthausen.org/imatges/iconsub.jpg);
	background-repeat: no-repeat;
	;
	padding-right: 5px;
	line-height: 15px;
}

#contingut{
	overflow: auto;
	scrollbar-arrow-color: #666666;
	scrollbar-dark-shadow-color: #666666;
	scrollbar-track-color: #EEEEEE;
	scrollbar-face-color: #C2C3C5;
	scrollbar-shadow-color: #EEEEEE;
	scrollbar-highlight-color: #666666;
	float:left;
	width:505px;
	height:360px;
	background-color:#FFFFFF;
	margin-top: 10px;
	padding-top:10px;
	background-repeat: no-repeat;
	color: #333333;
	font-size:11px;
	padding-left: 10px;
	text-align: justify;
	padding-right: 12px;
}

#contingutauto{
	overflow: auto;
	scrollbar-arrow-color: #666666;
	scrollbar-dark-shadow-color: #666666;
	scrollbar-track-color: #EEEEEE;
	scrollbar-face-color: #C2C3C5;
	scrollbar-shadow-color: #EEEEEE;
	scrollbar-highlight-color: #666666;
	float:left;
	width:628px;
	height:360px;
	background-color:#FFFFFF;
	margin-top: 10px;
	padding-top:10px;
	background-repeat: no-repeat;
	color: #333333;
	font-size:11px;
	padding-left: 25px;
	text-align: justify;
	padding-right: 12px;
}
#contingut2{
	float:left;
	width:495px;
	height:380px;
	background-color:#FFFFFF;
	margin-top: 10px;
	padding-top:10px;
	background-repeat: no-repeat;
	color: #333333;
	font-size:11px;
	padding-left: 10px;
	text-align: justify;
	padding-right: 20px;
}



.lletracap{
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	line-height: 18px;
	width: 400px;
	position: absolute;
	top: 15px;
	left: 25px;

}

.idiomes{
	color: #CCCCCC;
	font-size:10px;
	text-align:right;
	line-height: 18px;
	text-align: right;
	width: 200px;
	line-height: 18px;
	position: absolute;
	left: 685px;
	top: 15px;
}
.inici{
	color: #CCCCCC;
	font-size:10px;
	text-align:right;
	line-height: 18px;
	text-align: right;
	width: 120px;
	line-height: 18px;
	position: absolute;
	left: 10px;
	top: 15px;
}
.inici2{
	color: #CCCCCC;
	font-size:10px;
	text-align:right;
	line-height: 18px;
	text-align: left;
	width: 120px;
	line-height: 18px;
	position: absolute;
	left: 10px;
	top: 15px;
	padding-left: 20px;
}

.adreca{
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	line-height: 18px;
	padding-left: 25px;
	width: 600px;
	float: left;

}

.propla{
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	line-height: 18px;
	padding-right: 25px;
	text-align: right;
	width: 200px;
	float: right;
	line-height: 18px;
}

.textsub{
color: #E22523;
line-height:25px;
font-size:12px;
}

A.submenu:link {	text-decoration:none;color: #666666;} 
A.submenu:visited {text-decoration:none;	color: #666666;} 
A.submenu:hover {text-decoration:none;color: #E22523;}

.titol{
	color: #666666;
	font-size:15px;
	text-transform: uppercase;
}

A.peu:link {	text-decoration:none;color: #ffffff;} 
A.peu:visited {text-decoration:none;	color: #ffffff;} 
A.peu:hover {text-decoration:none;color: #666666;}


A.noti:link {	text-decoration:none;color: #999999;} 
A.noti:visited {text-decoration:none;	color: #999999;} 
A.noti:hover {text-decoration:none;color:#0078B4;}

.bann{
	color: #999999;
	font-size:11px;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 145px;
	padding-top: 10px;
}


A.bannlink:link {	text-decoration:none;color: #ffffff;} 
A.bannlink:visited {text-decoration:none;	color: #ffffff;} 
A.bannlink:hover {text-decoration:none;color:#0577B5;}

A.link:link {	text-decoration:none; text-decoration:underline;color: #333333;} 
A.link:visited {text-decoration:none; text-decoration:underline; color: #333333;} 
A.link:hover {text-decoration:none; text-decoration:underline; color: #FF0000;}

A.link2:link {	text-decoration:none; color: #333333;} 
A.link2:visited {text-decoration:none; color: #333333;} 
A.link2:hover {text-decoration:none; color: #63A7D8;}


.columna{
	float:left;
	width:150px;
	height:auto;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	color: #666666;
	font-size:11px;
	padding-left: 10px;
	text-align: justify;
	padding-right: 10px;
	margin-top: 5px;
}

.fototxt{
	width:auto;
	height:100%;
	float:right;
	font-size: 10px;
	color: #333333;
	line-height: 10px;
	text-align: right;
	background-color: #FFFFFF;
	margin-left: 10px;

}
#opcion_seleccionada{
color:#E42421;
}



/*NOTICIES*/

.noticies{
	float:left;

}

.titolnotis{
	float:left;
	width:532px;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;

}
.datanotis{
	float:left;
	padding-top: 10px;
	font-size: 12px;
	text-align: right;
	padding-bottom: 1px;
	font-weight: bolder;
	width: 78px;

}
.notis{
	float:left;
	font-size: 11px;
	padding-top: 10px;
	width: 610px;
	border-bottom: 1px solid #666666;
	padding-bottom: 10px;
}

.tornar{
	text-align:right;
	float: left;
	width: 610px;
	font-size: 12px;
	padding-top: 10px;
}

A.linktornar:link {	text-decoration:none; color: #666666;} 
A.linktornar:visited {text-decoration:none; color: #666666;} 
A.linktornar:hover {text-decoration:none; color: #333333;}



A.linkinici:link {	text-decoration:none; font-weight:bold; color: #FFFFFF;} 
A.linkinici:visited {text-decoration:none; font-weight:bold; color: #ffffff;} 
A.linkinici:hover {text-decoration:none; font-weight:bold; color: #63A7D8;}

A.linklle:link {	text-decoration:none; font-weight:bold; color: #ffffff;} 
A.linklle:visited {text-decoration:none; font-weight:bold; color: #ffffff;} 
A.linklle:hover {text-decoration: underline; font-weight:bold; color: #cccccc;}


A.linknotis:link {	text-decoration:none; color: #333333;} 
A.linknotis:visited {text-decoration:none; color: #333333;} 
A.linknotis:hover {text-decoration:none; text-decoration:underline; color: #333333;}

#destacats{
	width:630px;
	position: absolute;
	top: 510px;
	left: 20px;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
	padding-left: 10px;

}


/*ENLLAÇOS*/

.enllacostitol{
	font-size: 11px;
	padding-top: 10px;

}

.enllacos{
	padding-top: 5px;

}
A.linkenllac:link {
	text-decoration:underline;
	color: #333333;
} 
A.linkenllac:visited {text-decoration:none; color: #333333;} 
A.linkenllac:hover {text-decoration:none; text-decoration:underline; color: #333333;}


/*MONUMENTS*/
.monuments{
	font-size: 11px;
	padding-top: 5px;
	float: left;
	padding-bottom: 3px;
	width: 500px;
	padding-left: 40px;
}

.monumentsciutat{
	font-size: 11px;
	float: left;
	padding-left: 15px;
	width: 210px;
	font-weight: bold;
	text-align: left;
}
.monumentsdireccio{
	font-size: 11px;
	float: left;
	width: 260px;
	padding-left: 10px;
}
.monumentsfoto{
	font-size: 11px;
	padding-top: 10px;
	float: right;
}
.lloc{
	float:left;
	font-size: 12px;
	padding-left: 55px;
	padding-top: 10px;
	width: 210px;
	text-transform: uppercase;
	color: #333333;
	text-decoration: underline;
}
.situacio{
	float:left;
	font-size: 12px;
	padding-top: 10px;
	width: 250px;
	text-transform: uppercase;
	color: #333333;
	text-decoration: underline;
	padding-left: 10px;
}


ul{
line-height:15px;
border:0px;

}

li{
	list-style-type: disc;
	border:0px;
	line-height:15px;
	list-style-position:inside;


}

.for{
	height:10px;
	font-size:11px;
	width: 250px;
	border: 1px solid #cccccc;
}

.for2{
	height:50px;
	width: 250px;
	border: 1px solid #cccccc;



}
.marge{
border-bottom:1px dashed #666666;
}



.fb-like{
	float:left;
	padding-left:25px;
}