/*---------------------------------------------
//  estructura
//---------------------------------------------
*/

html {
	background		: url(../img/back_body.jpg) repeat-x top left #FFF;
}


body{
	background		: url(../img/back_cabecera.jpg) no-repeat scroll 50% 0;
}


#contenidor {
	width			: 970px;
	margin			: 0 auto 0 auto;
	overflow		: hidden;
	/* background		: url(../img/back_cuerpo_lateral2.gif) right top repeat-y; */
	background		: url(../img/back_cabe_lateral2.png) right top repeat-y; 
	position		: relative;
	behavior		: url(css/iepngfix.htc); 
}


#grupPag {
	width			: 630px;
	margin			: 0 326px 0 0;
}

/*---------------------------------------------
//  cabecera
//---------------------------------------------
*/

#menuSuperior{
	overflow		: hidden;
	color			: #646464;
	font-size		: 12px;
	padding			: 70px 0 0 0;
}


#menuSup{
	width			: 630px; 
	overflow 		: hidden;
}


#menuSup li {
	float			:left;
}


#menuSup a{
	display			: block;
	color 			: #45484a;
	text-decoration	: none;
	padding			: 10px 15px 8px 15px;
	border-left		: 1px solid #d6d6d6;
}


#menuSup a:link, #menuSup a:active, #menuSup a:visited{
	color 			: #45484a;
	text-decoration	: none;
}


#menuSup a:hover{
	text-decoration	: none;
	background		: #ba122b;
	color			: #FFF;
}


#menuSup strong{
 	font			: normal bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
	display			: block;
}

#menuSup .selected a, #menuSup .selected a:link, #menuSup .selected a:active, #menuSup .selected a:hover{
	background		: #810215;
	color			: #FFF;
}

#menuSup .selected a:hover{
	color 			: #FFF;
	cursor			: text;
}

/*---------------------------------------------
//  menu Lateral
//---------------------------------------------
*/

#menuLateral{
	font-size		: 13px;
	color			: #646464;
	width			: 326px;
	margin			: 0 0 0 0;
	float			: right;
	/* background		: url(../img/back_cabe_lateral2.png) left top no-repeat; */
}

#idiomes {
	position		: absolute;
	right			: 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#idiomes a {
	padding			: 0 10px 0 10px;
	color 			: #FFFFFF;
	text-decoration	: none;
	font-size: 16px;
	font-weight: bolder;
}


#idiomes a.selected {
	cursor			: text;
	/* color			: #ba122b; */
}

#logo {
	padding			: 106px 0 0 0;
	text-align 		: center;
}


#prePresentacion {
	background		: url(../img/back_presentacion.png) center top no-repeat;
	padding			: 10px 25px 25px 35px;
	text-align: center;
}


#prePresentacion a {
	display: inline-block;
	height: 1%;
	padding: 15px;
	background: #ba122b;
	font: normal bold 16px "Arial Narrow",Arial,Helvetica,sans-serif;
	text-transform	: uppercase;
	color			: #FFF;
	border: 2px solid #a50019;
	text-decoration: none;
}

#prePresentacion a:hover {
	background: #d0213b;
	text-decoration: none;
}

#menu {
	margin			: 0 25px 0 25px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ba122b;	/* background		: url(../img/back_cuerpo_lateral2.gif) right top repeat-y; */

}


#menu li {
 	font			: normal bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
	padding			: 15px 0 0 0;
}


#menu ul li{
	font			: normal normal 12px/14px Arial, Helvetica, sans-serif;
	text-transform	: none;
	border-left		: 1px solid #FFF;
	border-right	: 1px solid #FFF;	
	border-bottom	: 1px dotted #646464;
	background		: url(../img/back_servicios_of.png) top left no-repeat #fff;
	padding			: 13px 5px 10px 40px;
}


#menu ul li.selected{
	background		: url(../img/back_servicios_on.png) top left no-repeat #f0f0f0;
	border-left		: 1px solid #d5d5d5;
	border-right	: 1px solid #d5d5d5;
}


#menu ul li a{
	color			: #45484a;
}


#menu ul li a:hover {
	color			: #ba122b;
}


#menu ul li.selected a{
	color			: #ba122b;
}


#menu ul li.selected a:hover{
	text-decoration	: none;
	cursor			: text;
}


/*---------------------------------------------
//  pagina
//---------------------------------------------
*/

#pagina{
	padding			: 0 0 0 10px;
	width			: 600px;
	overflow		: hidden;
}


#titPagina {
	padding			: 30px 0 0 0;
	border-bottom	: 5px solid #eeeeee;
}


#titPagina h1{
	color			: #2a2a2a;
	font			: normal normal 30px "Arial Narrow", Arial, Helvetica, sans-serif;
	padding			: 0 0  15px 0;
	border-bottom	: 1px solid #cccccc;
}


#titPagina h3{
	color			: #ba122b;
	font			: normal normal 12px Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
}


.imgTop, .imgBottom {
	background		: url(../img/back_img_top.png) center bottom no-repeat #FFF;
	width			: 600px;
	overflow		: hidden;
	text-align		: center;
	padding			: 0 0 32px 0;
}


.imgTop img, .imgBottom img{
	border-bottom	: 1px solid #eeeeee;
}


#textePagina{
	width			: 600px;
	overflow		: hidden;
	padding			: 16px 0 0 0;
}


#textePagina h2	{
	color			: #ba122b;
	color			: #000;
	text-transform	: uppercase;
	font-weight		: bold;
}


#textePagina ul{
	margin			: 10px 10px 20px 18px;
}


#textePagina li{
	padding			: 2px 0 5px 18px;
	background		: url(../img/ico_texto_li.png) no-repeat left 2px;
}


#textePagina p{
	margin			: 10px 0 20px 0;
}


#textePagina h1{}

#textePagina h3{
	font-weight		: bold;
	text-transform	: uppercase;
	color			: #46508b;
}

#textePagina cite{
	background		: url(../img/back_cite.png) 0 0 no-repeat;
	padding			: 15px 15px 0 15px;
	margin			: 0 50px;
	font-size		: 11px;
	text-transform	: uppercase;
	display			: block;
	text-align		: right;
}

#textePagina cite em {
	font			: italic normal 16px Arial, Helvetica, sans-serif;
	display			: block;
	text-transform	: none;
	text-align		: left;
}


.direccio{
	background		: url(../img/back_img_top.png) center bottom no-repeat #FFF;
	text-align		: center;
	padding			: 10px 0 42px 0;
}


/*---------------------------------------------
//  formulari
//---------------------------------------------
*/


#contacte {
	background		: url(../img/back_form.png) 0 bottom no-repeat;
	padding			: 0 0 0 128px;
}


#contacte td, #contacte th {
	padding			: 10px;
	vertical-align	: top;
}



#contacte label{
	font			: normal normal 16px "Arial Narrow", Arial, Helvetica, sans-serif;
	color			: #ba122b;
}


#contacte input, #contacte textarea{
	font			: normal normal 13px Arial, Helvetica, sans-serif;
	width			: 250px;
	
}


#contacte .tdButtons input{
	width			: auto;
	font-weight		: bold;
}



/*---------------------------------------------
//  ofertes i enllacos
//---------------------------------------------
*/


.grupEnllac {
	padding			: 0 0 80px 128px;
	background		: url(../img/back_enlaces.png) 0 bottom no-repeat;
}

a.enllac {
	border			: 1px solid #d5d5d5;
	display			: block;
	padding			: 10px;
	background		: #f1f1f2;
	color 			: #45484a;
}

a.enllac strong{
	display			: block;
	font-size		: 14px;
	color 			: #ba122b;
}

a.enllac:hover {
	background		: #ba122b;
	color			: #FFF;
	text-decoration	: none;
}

a.enllac:hover strong{
	color 			: #FFF;
	text-decoration	: none;
}


/*---------------------------------------------
//  embeds
//---------------------------------------------
*/


iframe{
	margin			: 0 0 20px 0;
	overflow		: hidden;
	text-align		: center;
}

embed{
	text-align		:center;
}

/*---------------------------------------------
//  peu
//---------------------------------------------
*/


#peu{
	background		: url(../img/back_pie.png) right 0 no-repeat #FFF;
	font-size		: 11px;
	clear			: both;
	padding			: 10px 0 10px 10px;
	color			: #949494;
}


#peu a{
	color			: #949494;
	text-decoration	: underline;
}

.textPeu{
	background		: url(../img/back_logo_petit.png) 0 0 no-repeat;
	padding			: 5px 0 0 110px;
	position		: relative;

}