body{
	margin:0px;
	padding:0px;
	height:100%;
	background: url(../imatges/index/bisuteria-fondo.jpg) white no-repeat fixed;
	background-position: bottom right;
}
div.logo{
	position:absolute;
	width:342px;
	height:72px;
	top:2%;
	left:5%;
}
div.tira_central_esquerra{
	width:49.99%;float:left;height:288px;
	opacity:.7;
	filter: alpha(opacity=70);
	background:url(../imatges/index/fons-centre-esquerra.gif) repeat-y right #a8a8a8;
}
div.tira_central_dreta{
	width:50%;float:right;height:288px;
	opacity:.7;
	filter: alpha(opacity=70);
	background:url(../imatges/index/fons-centre-dreta.gif) repeat-y left white;
}

div.tira_botons{
	position:absolute;
	height:50px;bottom:10%;margin-top:-40px;
	width:100%;
	padding:0;
	border-top:1px solid white;
	border-bottom:1px solid white;
}
div.tira_botons_esquerra{
	width:49.99%;float:left;height:50px;
	opacity:.7;
	filter: alpha(opacity=70);
	background:url(../imatges/index/fons-centre-esquerra.gif) repeat-y right #a8a8a8;
}
div.tira_botons_dreta{
	width:50%;float:right;height:50px;
	opacity:.7;
	filter: alpha(opacity=70);
	background:url(../imatges/index/fons-centre-dreta.gif) repeat-y left white;
}


/*****************************
*********Div enlla�os*********
******************************/
div.links_index{
	text-align:center;
}

div.links_index a img{
	border:none;
	padding-top:.2em;
}
a.menuEsquerra{
	float:left;
	padding-left:4em;
}

a.menuDreta{
	float:right;
	padding-right:4em;
}

/*****************************
*********Missatge Peu*********
******************************/
div.missatge_peu{

	text-align:center;
	width:700px;
	left:50%;
	margin-left:-350px;
	padding:1em;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 9pt; color: #626262; background-color: #EBEBEB; border: #626262; border-style: solid;
}

/*Estils quadre de login -------------------------------------- */
form.login_form{
	padding:0;margin:0;
}
div.login{
	position:absolute;
	top:2%;
	right:2%;
	border:1px solid #626262;
	padding:10px;
	color:#909090;
	background-color:#FFF;
}

div.login_top {
	position:relative;
	height:21px;
	background-image:url(Imagenes/login_arriba_fondo.gif);
	background-repeat:repeat-x;
	margin: 0px;
	width:9.5em;
	text-align:center;
	vertical-align:middle;
}

input.login_form{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 9pt; font-weight:bold; color: #626262; background-color: #EBEBEB; border: #626262; border-style: solid; 
	border-width:1px;
	margin-top:3px;
 }
span.formu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .6em; color: #626262;
	font-weight:bold;
	display: block;
	margin: 0px;
	padding-right:6px;
	text-align: right;
}

a.minilink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
	background-color:#fff;
	text-decoration:none;
	font-size: .6em;
	font-weight:normal;
	color: #626262;
	
}
a.minilink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
}
input.submit{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	border:0;
	background-color:#fff;
	text-decoration:none;
	font-size: .6em;
	font-weight:normal;
	color: #626262;
	cursor:pointer;
}
td.links_form{
	padding:0px 0;
	text-align:center;
}
/*Final estils quadre login -------------------------------------- */


/******************************
          Gresumen OES
*******************************/
#Gresumen
{
	position:absolute;
	border-style: solid;/*con un marquito*/
	border-width:1px;
	/*z-index:0;/* sin index de referencia pro defecto =0*/
	background-color:#ffffff;
	font-size:14pt; /* posicion del logotipo*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width:330px;
	height:60px;
	top:2%;
	left:5%;
	overflow: scroll; /* es lo mejor se pesaran que se ve un 90% pero con scroll.. jeje */
	/*clip:rect(0px 2px 2px 0px); /* clip:rect(0px 720px 530px 0px);esto recorta la zona no visible es bueno, */
}