/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, input, hr { 
	margin:0px; 
	padding:0px; 
	border:none;
}

body, input, select, textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:100%;
}
img { 
	border:0px; 
	text-decoration:none;
	display:block;
}
li { 
	list-style:none; 
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
	height:0px; overflow:hidden;
}
a { color:#454141;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
textarea {
	overflow:auto;
}



/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
body { padding-top:10px; 
	background:#f3f3f3;
}
.contenedor{
	margin:auto;
	width:778px;
	min-height:512px;
	height:auto !important;
	height:512px;
	font-size:0.75em; /* 16 x 0.875 = 14 */
	line-height:1.5em;
	color:#666;
	text-align:left;
	background:#fff; border:1px solid #ccc;
	padding:10px;	
}
h1, h2, h3, h4, h5, h6{
	font-size:1em;
	line-height:1.2em;
	font-weight:normal;
	margin: 0 0 0.25em 0;
}
h1 {position:absolute;
	top:20px;
	width:154px;
	height:60px; overflow:hidden;
	padding:0;
	text-indent:-2000px;
	background:url("../img/logoteistor.gif") left top no-repeat;
	z-index:10;
}
.contenedor a{color:#454141}

div.facebook{
	position:absolute;
	top:20px;
	width:146px;
	height:50px; overflow:hidden;
	padding:0;
	z-index:9;
	margin-left:633px;
}

img.subtit{position:absolute;
	top:20px; margin-left:154px;
	width:414px;
	height:60px; overflow:hidden;
	padding:0;
	z-index:9;
}
/*----------------------------------------------------------------------------------------------------
	Estils del cap
----------------------------------------------------------------------------------------------------*/
.cabecera {
	
}

/* links idiomes ************************************************************/
.linksId { display:block;
	padding-top:61px;
	text-align:right;
	font-size:0.8em;
	line-height:1.3em;
}
.linksId a {
	width:60px; 
	height:12px;
	padding:0 4px 0 15px;
	color:#999;
	background:#F3F3F3 url("../img/cantonada.gif") top left no-repeat;
}
.linksId a.on { }
.linksId a:hover{background:#E5E5E5 url("../img/cantonada.gif") top left no-repeat;} 


/* imgCap */
.imgCap{
	border-top:1px dotted #990134;
	padding:6px 0;
}



/*----------------------------------------------------------------------------------------------------
	Menu 
----------------------------------------------------------------------------------------------------*/
ul.menu { float: left;
   	width: 778px; 
	clear: both; 
	border-top:1px dotted #990134;
	border-bottom:1px dotted #990134;
	background:#fff;
	font-weight:bold;
	font-size:0.9em;
}
ul.menDesplegat{border-bottom:0px dotted #990134;}
ul.menu li{ display:block;	
	float: left;  
	border-left:1px dotted #990134;
	background:#fff;
}
ul.menu li a{display:block;	
	padding:3px 17px;
	text-align:center;
	color:#666;	
}
ul.menu li.inicio a{ border:none; padding-left:21px;}
ul.menu li.ultim a{padding-right:18px; border-right:1px dotted #990134;}

ul.menu li a:hover, ul.menu li.actiu a{ 
	text-decoration:none; 
	color:#fff;
	background:#990134;
}

/* pel men Catala */
ul.menCA li a{padding:3px 24px;}
ul.menCA li.inicio a{ padding-left:24px;}
ul.menCA li.ultim a{padding-right:20px; }
/* pel men English */
ul.menEN li a{padding:3px 25px;}
ul.menEN li.inicio a{ padding-left:25px;}
ul.menEN li.ultim a{padding-right:25px; }

/* submenu ***********************************************************************************/
ul.submenu{ float:none;
	display:block; display:none;
	width: 778px;
	text-align:center;
	background:#990134;
}
ul.submenu li{ 
	display:inline;
	border-right:0px solid #fff;
	font-size:0.9em;
	font-weight:bold;
	padding:2px 25px;
	background:#990134;
}
ul.submenu li a{
	color:#fff;	
}
ul.submenu li a:hover{ 
	text-decoration:underline;
}

/* sub-sub-menu *****************************************************************************/
ul.sub-sub{float:none;
	display:block; display:none;
	width: 778px;
	text-align:center;
	color:#333;
	background:#E5BFCC;
	border-bottom:1px dotted #990134;
}
ul.sub-sub li{ 
	display:inline;
	border:0;
	background:#E5BFCC;
	font-size:0.9em;
	font-weight:bold;
	padding:0 6px;
	text-align:center;
}


ul.actiu{display:block;}

/*----------------------------------*/ 
.partecentral{ 
	position:relative;
	padding:0;
	min-height:372px; min-height:310px;
	height:auto !important;
	height:372px; height:310px;
	clear:both;
	margin-top:6px;
	border-top:1px dotted #990134;
	margin-bottom:6px;
	border-bottom:1px dotted #990134;

}
.partecentral p{padding-bottom:10px;}

/*----------------------------------------------------------------------------------------------------
	Estils peu
----------------------------------------------------------------------------------------------------*/
.pie { 	
	font-size:0.85em;	
	line-height:1.4em;
	color:#333;
	text-align:center;
	padding:10px 0 5px;
	border-top:1px dotted #990134;
	border-bottom:6px solid #990134;
}
.pie .copy{display:inline; }
.pie img{ display:inline; }
.pie span.sep{
	padding:0 8px;
}
.pie strong{font-weight:bold;
	color:#990134;
}

/*** Accesibilitat ************************************************************************************/
#skip a, #skip a:hover, #skip a:visited{
	position:absolute;
	left:0px;
	top:-500px;
	font-size:0.8em;
	color:#000;
	z-index:20;
}
#skip a:active, #skip a:focus{
	top:0px;
}