body {
	background: url(/savinya/img/savinya_bg.jpg) repeat-x top left #FFF;
}

h1 {
	margin: 0 0 0 134px;
}
h1 img {
	position: relative;
	top: -9px;
}

#contenedorSelectorIdiomas {
	margin:0px 0px 28px !important;
	margin:0px;
}

#cabecera {
	position: relative;
	width:810px;
	z-index:3;
	
}

img#isotipo {
	top: 0;
	z-index:2;
	top:-20px;
	left:-7px !important;
	left:0px;
}
img.atencion {
	position: relative;
	left: -5px;
}

.infoLegal {
	padding-right:20px;
	text-align: justify;
}


/******************************
  SELECTOR DE COMUNIDADES
******************************/
div#comunidades {
	text-align: right;
	margin: 6px 0px 0px 0px;
	width: 810px;
}
div#comunidades h3 {
	padding: 0;
	margin: 0px 3px 0px 0px;
}
div#comunidades ul {
	/* necesita 1px de minimo para que en el IE no se descuadre */
	margin-left: 1px;
	padding-left: 1px;
}
div#comunidades h3, div#comunidades ul, div#comunidades ul li {
	display: inline;
}
div#comunidades h3, div#comunidades ul li a, div#comunidades ul li {
	font: bold 9px Verdana, Arial, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
}
div#comunidades ul li a {
	text-decoration: underline;
	text-transform: uppercase;
}
div#comunidades ul li a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}
div#comunidades ul li.sinPuntoSelectorComunidades {
	padding: 0px 6px 0px 0px;
}
div#comunidades ul li.puntoSelectorComunidades {
	background: transparent url(/bemsa/img/elements/punto_selector_comunidades.gif) no-repeat scroll 0px 6px;
	padding: 0px 6px 0px 8px;
}
/*SELECTOR DE IDIOMAS - genericos*/

#selectorIdiomas {
	bottom: 28px;
}
/*#selectorIdiomas p{
	margin:0px;
	padding:0px;
	float: right;
}*/
#cabecera table {
	top: -36;
}

/*SELECTOR DE IDIOMAS - Listados*/


/*Links*/

#selectorIdiomas  ul li span {
	vertical-align: top;
}

#selectorIdiomas ul li a {
	vertical-align: top;
	border-bottom: solid 1px #DF9703;
}

#selectorIdiomas  ul li a:hover,  #selectorIdiomas ul li span {
   background-color: #F8A803;
	border-bottom: solid 1px #F8A803;
}


#selectorIdiomas ul li.bemsa a {
	color: #568B9A;
	font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	vertical-align: top;
	margin-top: 10px;
	background-color: transparent;
	border: none;
}
#selectorIdiomas ul li.bemsa a:hover {
	background: transparent;
	border: none;
}
#selectorIdiomas ul li.bemsa img {
	position: relative;
	top: -6px;
}
/* Fin SELECTOR DE IDIOMAS */


/* *********************************** CONTENIDO PRINCIPAL ********************************** */

.cuerpoBG {
	position:relative;
	left:10px;
	margin-left:0px !important; /* FF */ 
	margin-left:20px;           /*IE */
}


.cajaContenido {
	/*left:117px;*/
	top:-1px;
	padding: 0px 0px 0px 117px;
	background: none;
	
}

.cajaContenidoPadding {
	padding-bottom:100px;
	margin:8px 8px 8px 8px;
	width: 750px;
	
}


/* *********************************************** PIE *********************************** */

#pie div {
	
	 left: 10px !important;
    left: 20px;
	 
	/* jb 29/02/08 */ 
	/*left:0px;
	position:absolute;
	width:1264px;*/
}

#pie div .vinculos {
	right: 10px;
}

#pie div p {
	left:10px;
}

/* ************************************** LOGIN ****************************** */
div#generico {
	padding:60px 0px 130px;
}

div#generico .cajaSuperior {
	background: url(/savinya/img/form_login/savinya_login_sup.png);
    background-image: expression(document.all ? 'none':'');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/savinya/img/form_login/savinya_login_sup.png", sizingMethod="scale");
	left: 3px;
	width: 362px;
}

div#generico div.cajaInterior div.contenido {
	background: url(/savinya/img/form_login/savinya_login_bg.png) repeat-x;
	background-image: expression(document.all ? 'none':'');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/savinya/img/form_login/savinya_login_bg.png", sizingMethod="scale");
}
div#generico .cajaInferior {
	background:transparent url(/savinya/img/form_login/savinya_login_inf.png);
	background-image: expression(document.all ? 'none':'');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/savinya/img/form_login/savinya_login_inf.png", sizingMethod="scale");
	left:3px;
	height: 34px;
	bottom:-34px;
	width: 362px;
}


/********************************************* SA VINYA - P-20 ***********************************/

/*

#contenedorBoton {
	background: url(/savinya/img/boton.png) no-repeat top left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/savinya/img/boton.png", sizingMethod="scale");
	padding-top:4px;
	margin-right:20px;
	float:right;
}

.botonesForm {
	padding-right: 15px;
}
*/
.comunidadDescrip {
	padding:10px;
	padding-bottom: 25px;
	
}

.comunidadDescrip p {
	padding-left:160px;
	padding-right:20px;
	text-align:justify;
}
.comunidadDescrip img {
	float:left;
}
/*
#contenedorGMaps {
	padding:7px;
}

*/



/* ********************************************** CONTACTO ********************************** */

.contactoForm {
	background-image: none;
	padding: 0px;
	left:0px;
	/*border:1px solid red;*/ /* debug */
}

.cajaFormContacto {
	margin-top:0px;
}
.tituloContacto {
	padding-top:0px;
}

.tituloContacto h2 {
	font: 26px Arial,verdana,sans-serif;
	color:#568B9A;
	margin-bottom:0px;
	margin-top:10px;
	font-weight: bold;
	float:left;
	position:relative;

}

.tituloContacto span { /* icono que acompaña al titulo */
	display:block;
	position:absolute;
	width: 19px;
	height: 18px;
	background: transparent url('/bemsa/img/ico/contacto.png') no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/ico/contacto.png");
	right:-11px;
	top:15px;

	
}

.descripContacto {
	clear:both;
}

/********************************************* ANUNCIOS ***********************************/

/* Anuncios */

/* Contenedor de anuncios y documentos. Se usa solo para aplicar padding para que se vea igual en FF i IE*/
#contenedorAnuncios {
	margin:10px 0px 0px 10px;
}

#cajaAnunciosCOL {
	width:440px;
	float:left;
}

#cabeceraAnuncios {
	background: url('/bemsa/img/ico/ico_anuncios.png') no-repeat;
	color:#568B9A;
	font:15px Arial,verdana,sans-serif;
	font-weight: bolder;
	padding-left: 25px;
	padding-bottom:15px;
}

#contenedorCajaAnuncio {	
	position:relative;
	margin-top:20px;
}
#contenedorCajaAnuncio.confoto {	
	height:116px;
}
#contenedorCajaAnuncio.sinfoto {
	height:80px;
}

#cajaAnuncio {
	padding-left: 5px;
	padding-bottom:15px;
}

#cajaAnuncio .contenedorFotoAnuncio {
	margin: 5px;
}

#cajaAnuncio .fotoAnuncio {
	width: 96px;
	height: 114px;
	border: 1px solid #BCD2D8;
	float:left;
}


#contenedorCajaAnuncio.confoto cajaAnuncio .cuerpoAnuncio {
	display: table;
	position: absolute;
	width:618px;
	bottom:0;
	left:110px;
}


#cajaAnuncio .fechaAnuncio {
	color:#568B9A;
	font:12px Arial,verdana,sans-serif;
}


#cajaAnuncio .descripcionAnuncio {
	font:11px Arial,verdana,sans-serif;
	text-align:left;
}

#cajaAnuncio .descripcionAnuncio a {
	color:black;
	text-decoration: none;
}

#cajaAnuncio .descripcionAnuncio a:hover {
	text-decoration: underline;
}

#cajaAnuncio .nombre {
	color:#568B9A;
}

.fichaAnuncio {
	padding: 0px !important; /* mirar despres d'unificar els css de bemsa si encara és necessari l'important */
}

/* P-29 */

/* VistaCMS permet una mida de lletra màxim de 20px. Com que volem 26px activam fuente personalizada */
.tituloTablonAnuncios {
	font: 26px Arial,verdana,sans-serif;
}

/* Sobreescriptures sobre bemsa-uri.css per a la pagina SaVinya Anuncios (P-29)*/
h2.tituloAnuncios {

	padding:12px 0px 20px 12px;
}
h2.tituloAnuncios span {
	right:-15px;
	top:28px;
}

/* ********************************************* DOCUMENTOS ************************************* */

#contenedorDocumentos {
	margin-right:30px;
}


#cajaDocumentosCOL {
	width:250px;
	/*border: 1px solid green;*/     /*comprovaciones*/
	float:right;
}

#cabeceraDocumentos {
	background: url('/bemsa/img/ico/ico_documentos.png') no-repeat;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/ico/ico_documentos.png", sizingMethod="scale");*/
	color:#568B9A;
	font:15px Arial,verdana,sans-serif;
	font-weight: bolder;
	padding-left: 25px;
	line-height:25px;
}

#cajaDocumento {
	padding-top:5px;
	padding-left: 5px;
	padding-bottom:15px;

}

#cajaDocumentos img {
	border:0px;
}

#cajaDocumento .titulo, #cajaAnuncio .titulo {
	display: block;
	padding-bottom:5px;
	font:12px Arial,verdana,sans-serif;
	font-weight: bolder;
	
	
}

#cajaDocumento .descripcionDocumento {
	font:11px Arial,verdana,sans-serif;
	text-align:left;
}

#cajaDocumento .descripcionDocumento a {
	text-decoration: none;
	color:black;
}

#cajaDocumento .descripcionDocumento a:hover {
	color:black;
	text-decoration: underline;
}

#cajaDocumento .infoDocumento {
	color:#568B9A;
	font:11px Arial,verdana,sans-serif;
	padding-top:3px;
}


#botonVerTodos {
	text-align: center;
	font:10px Arial,verdana,sans-serif;
	width: 51px;
	height: 14px;
	
}

#botonVerTodos a{
	color:black;
	background-color: #FCB41F;
	font:10px Arial;
	
	
}
#botonVerTodos a:hover {
	color: white;
	background: Black;
}


/*  Cabecera listado Documentos  */

h2.tituloDocumentos {
	position: relative;
	float:left;
	font: bold 26px Arial, Verdana, sans-serif;
	color: #568B9A;
	padding:12px 0px 20px 12px;
	margin: 0px 0px 0px 0px;
}

h2.tituloDocumentos span {
	position: absolute;
	background: transparent url(/bemsa/img/ico/ico_documentos.png) no-repeat scroll 0px 0px !important;
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/ico/ico_documentos.png");
	width: 21px;
	height: 24px;
	display: block;
	top:25px;
	right:-16px;
}

/* P-24 Documentos Vista listado */

#capaCambioAVistaCarpetas {
	position:relative;
	float:right;
	padding:27px 10px 20px 25px;
}
#capaCambioAVistaCarpetas span{
	position: absolute;
	background: transparent url(/bemsa/img/ico/cambiar_a_vista_carpetas.png) no-repeat scroll 0px 0px !important;
	width: 21px;
	height: 16px;
	display: block;
	top:28px;
	left:0px
}
#capaCambioAVistaCarpetas a {
	font: 10px Arial,verdana,sans-serif;
	color:#0075B9;
	text-decoration: underline;
}
.imgCarpeta {
	border: 0px;
	
}


/* P-25 Documentos vista carpetas */

#capaCambioAVistaListado {
	position:relative;
	float:right;
	padding:27px 10px 20px 20px;
}
#capaCambioAVistaListado span{
	position: absolute;
	background: transparent url(/bemsa/img/ico/cambiar_a_vista_listado.png) no-repeat scroll 0px 0px !important;
	width: 21px;
	height: 20px;
	display: block;
	top:23px;
	left:0px
}
#capaCambioAVistaListado a {
	font: 10px Arial,verdana,sans-serif;
	color:#0075B9;
	text-decoration: underline;
	
}




/*------------------------------------- Módulo Desconectar ----------------------------*/

div#cajaModuloDesconectar {
	position:absolute;
	right:0px;
	top:52px;
}

/*  Desconectar - Caja de usuario*/

div#cajaModuloDesconectar div#cajaUsuario {
	float:left;
	height: 13px;
	margin-right: 5px;
	vertical-align: middle;
}

div#cajaModuloDesconectar div#cajaUsuario a.etiquetaUsuario {
	position:relative;
	left:4px;
	top: 0px !important;
	top: -1px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform: lowercase;
	font-weight: bold;
	margin-right:5px;
}

div#cajaModuloDesconectar div#cajaUsuario a.valorUsuario {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	position: relative;
	top: 0px !important;
	top: -1px;
}


div#cajaModuloDesconectar div#cajaUsuario .LeftPart {
	float: left;
	background: url('/bemsa/img/elements/cajaIzquierda_Desconectar.png') no-repeat;
	background-image: expression(document.all ? 'none':'');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/cajaIzquierda_Desconectar.png", sizingMethod="scale");
	
	width: 3px;
	height: 13px;
}
div#cajaModuloDesconectar div#cajaUsuario .CentralPart {
	float:left;
	background: url('/bemsa/img/elements/cajaCentral_Desconectar.png') repeat-x;
	background-image: expression(document.all ? 'none':'');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/cajaCentral_Desconectar.png", sizingMethod="scale");
	
	width:150px;
	height: 13px;	
}
div#cajaModuloDesconectar div#cajaUsuario .RightPart {
	float: left;
	background: url('/bemsa/img/elements/cajaDerecha_Desconectar.png') no-repeat;
	background-image: expression(document.all ? 'none':'');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bemsa/img/elements/cajaDerecha_Desconectar.png", sizingMethod="scale");
	
	width: 3px;
	height: 13px;
}



/* Desconectar - Caja del botón desconectar */

div#cajaModuloDesconectar div#cajaBoton {
	float:left;
}
div#cajaModuloDesconectar div#cajaBoton .LeftPart {
	float: left;
	background: url('/bemsa/img/elements/botonIzquierdo_Desconectar.png') no-repeat;
	width: 3px;
	height: 13px;
}
div#cajaModuloDesconectar div#cajaBoton .CentralPart {
	float:left;
	background: url('/bemsa/img/elements/botonCentral_Desconectar.png') repeat-x;
	height: 13px;
	padding-top:1px;
}
div#cajaModuloDesconectar div#cajaBoton .RightPart {
	float: left;
	background: url('/bemsa/img/elements/botonDerecho_Desconectar.png') no-repeat;
	width: 3px;
	height: 13px;
}

div#cajaModuloDesconectar div#cajaBoton a {
	color:white;
	font: 9px Arial, Helvetica, sans-serif;
}