﻿/* Inicio RESET de los TAGS por defecto --------------------------------------------------*/

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,form,fieldset,blockquote,td {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

table th {
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
} 

table td {
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
} 


hr { display:none;}


table{ border-collapse:collapse; }

ul {
    list-style: none;
}

/* Fin RESET de los TAGS por defecto --------------------------------------------------*/








/*  Inicio ELEMENTOS básicos de HTML --------------------------------------------------*/


body {
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	color:#666060;
	background-color: #FFFFFF;
}




input, select, textarea,  input.texto {
	border:1px solid #dcd8cf;
	padding:1px;
	margin-bottom:5px;
	margin-left:5px;
}


p {
    margin: 5px 0 10px 0;
}

ul {font-size:0.95em;}

a {
    text-decoration: none;
    padding-bottom: 1px;
    /*color: #999696;*/
	color: rgb(196, 0, 0);
}
a:hover {
   /* color: #d71134; */
   color: #999696;
}

h1, h2, h3, h4, h5, h6 { color: #d50026; }

h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 2px;
}

h2 { 
     font-size: 16px;
}

h3 {
    font-family:Tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 5px 0;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

h5 {
    font-size: 11px;
    font-weight: bold;
}

h6 {
    font-size: 10px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {color: #d50026;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #444;}

table {
/*    width:100%; */
    margin:10px 0;
    padding-bottom:10px;
}


/*  Fin ELEMENTOS básicos de HTML --------------------------------------------------*/





/*  Inicio clases GENERICAS para cualquier elemento --------------------------------------------------*/

.izquierda, .tipo2 {
	padding: 5px; 
	margin-right: 5px;
	float:left;
}

.derecha {
	padding: 5px; 
	margin-left: 5px;
	float:right;
}


.cerrado {
	display: none;
}

.justi{	text-align: justify; }

.justiizda{	text-align: left; }

.justidcha{	text-align: right; }

.justicentro{	text-align: center; }



.small {
    font-size: 9px;
    line-height: 13px;
}

.texto{
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	color:#666060;
}

.texto10{
	color: rgb(196, 0, 0);
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
	font-weight: bold;
}

.masgrande{
	font-size:120%;

}

.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
}

.hidden {display:none; visibility:hidden;}

div.hr {
  margin-top: 15px;
  height: 4px;
  border-top: 1px solid #EFEFEF;
  clear:left;
}


div.hr hr {
  display: none;
}


.no-link {
    background: none !important;
    text-decoration: none;
    padding-bottom: 0;
}


/*  Estilos para compatibilidad con estilos antiguos---------------------------------------*/
.rojo {
	color: #cc0000;
}

.rojo2 {
	color: #c40000;
}

.oldgris {
	color: #646464;
}

.oldgris2 {
	color: #999999;
}

.oldnegro {
	color: #000000;
}

.oldblanco {
	color: #ffffff;
}


.oldsize1 {
}

.oldsize2 {
}

.oldsize3 {
}

.oldsize4 {
}

.oldsize5 {
	font-size:14px;
}

.oldsize6 {
	font-size:15px;
}

.oldsize7 {
	font-size:16px;
}

.olduniversgriscinco {
	font-family:Univers;
	color:#999999;
	font-size:14px;
}

.olduniversgriscuatro {
	font-family:Univers;
	color:#999999;
	font-size:12px;
}

.olduniversgriscuatro {
	font-family:Univers;
	color:#999999;
	font-size:12px;
}

.oldarial {
	font-family: Arial;
}

.oldtexto2 {
}

.oldtext3 {
}


/*  Fin clases GENERICAS para cualquier elemento --------------------------------------------------*/










/*  Inicio FORMATO de pagina --------------------------------------------------*/

#container {
    width: 990px;
    margin: 0 auto;
    position: relative;
}




/*  Fin FORMATO de pagina --------------------------------------------------*/






/*  Inicio CABECERA de pagina --------------------------------------------------*/


#header {
    width: 990px;
    height: 75px;
	background:url(../../img/bg_header.jpg) no-repeat;
}


#header h1 strong { display:none; }


#men_idioma{
	background:url(../../img/bg_menuidiomas.jpg) no-repeat top left;
	position:absolute;
	top:0px;
	right:113px;
	height:25px;
	padding:6px 13px 0px 6px;
    font-family:Tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color:#999696;
}

#men_idioma .foot{
	background:url(../../img/bg_menuidiomasfin.jpg) no-repeat top left;
	width:7px;
	height:25px;
	position:absolute;
	right:0px;
	top:0px;
}

#men_idioma form{
	display:inline;
	margin-left:5px;
}

#men_idioma label{
	display:none;
}

#men_idioma select{
   margin:0px;
   font-family:Tahoma, verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color:#999696;
   border:none;
   height:13px;
   *height:18px; /* IE6 e IE7 */
}


#ajustam{
	position:absolute;
	right:15px;
	top:5px;
	background-color:#FFFFFF;
	padding:2px 4px 2px 4px;
	color:#fff;
}


#men_idioma a, #ajustam a {
    color: #999696;
}

#men_idioma a:hover, #ajustam a:hover {
	color: rgb(196, 0, 0);
}





#fecha{
	position:absolute;
	top:55px;
	right:15px;
	text-align:right;
	font-size:10px;
	color:#b5afa4;
}
/*  Fin CABECERA de pagina --------------------------------------------------*/





/*  Inicio MENU PERFIL DE CLIENTE --------------------------------------------------*/


#nav{
	position:absolute;
    overflow:hidden;
    height: 30px;
    width: 230px;
    list-style: none;
	left:210px;
	top:45px;
}

#nav li{
    float: left;
    height: 30px;
}

#nav li a{
    background: url(../../img/links_perfil.gif) no-repeat 0 0;
    display: block;
    overflow:hidden;
    text-indent:-10000px;
    height:30px;
}

#nav.esp li a{
    background: url(../../img/links_perfil_es.gif) no-repeat 0 0;
}

#nav li #nav-particulars {
    background-position:0 0;
	width:88px;
}
#nav li #nav-particulars:hover {
    background-position:0 -62px;
}

#nav li.selected #nav-particulars, #nav li.selected #nav-particulars:hover  {
    background-position:0 -31px;
}


#nav li #nav-empreses {
    background-position:-88px 0;
	width:81px;
}
#nav li #nav-empreses:hover {
    background-position:-88px -62px;
}
#nav li.selected #nav-empreses, #nav li.selected #nav-empreses:hover {
    background-position:-88px -31px;
}


#nav li #nav-joves {
    background-position:-169px 0;
	width:56px;
}
#nav li #nav-joves:hover {
    background-position:-169px -62px;
}
#nav li.selected #nav-joves, #nav li.selected #nav-joves:hover {
    background-position:-169px -31px;
}

/*  Fin MENU PERFIL DE CLIENTE --------------------------------------------------*/









/*  Inicio CONTENIDO de pagina --------------------------------------------------*/


#body{
	margin-top:15px;
	margin-bottom:15px;
}


#sidebar {
    float: left;
    width: 190px;
}


#main{
	/*margin-left:205px;*/
	margin-left:210px;
}


#content{
    float: left;
    /*width: 605px;*/
		width: 600px;
}

#content ol{
	list-style:decimal;
	margin:15px 5px 25px 25px;
}
	
#content ul {
	list-style:disc;
	margin:15px 5px 25px 25px;

}

#content ul li{
	margin:5px;
}


#content ul ul{
	margin:5px 5px 10px 25px;
	list-style:circle;
}




#sidecontent{
	float:right;
}



/* Linea de ariadna */

#ariadna{
	float:left;
}

#ariadna  ul{
	padding:0px;
    margin:0px 0px 15px 2px;
    list-style: none;	
}

#ariadna  li { 
	float: left;
	margin-right:5px;
	background:transparent url(../../img/liariadna.gif) no-repeat; 
	padding-left:15px;
}

#ariadna  li.first{
	background-image:none;	
	padding-left:0px;
}


#ariadna  li a {
    color: #999696;
	text-decoration:underline;
}

#ariadna  li a:hover {
   /* color: #d71134; */
	color: rgb(196, 0, 0);
}


/*  Fin CONTENIDO de pagina --------------------------------------------------*/








/* Inicio BOXES  */

.boxa {
	position:relative;
    background: url(../../img/box_a_head.jpg) no-repeat left top;
    width: 190px;
    padding: 15px 0px 10px 15px;
	margin-bottom:10px;
}

.boxa .foot {
	position:absolute;
	left:0px;
	bottom:0px;
    background: url(../../img/box_a_foot.jpg) no-repeat left bottom;
    width: 190px;
    height: 7px;
}

.boxb, .boxc {
	position:relative;
    background: url(../../img/box_b_head.jpg) no-repeat left top;
    width: 145px;
    padding: 15px 0px 10px 15px;
	margin-bottom:10px;
}

.boxc {
		width: 155px;
	    padding: 15px 0px 10px 5px;
}

.boxb .foot{
	position:absolute;
	left:0px;
	bottom:0px;
    background: url(../../img/box_b_foot.jpg) no-repeat left bottom;	
    /* width: 145px; */
    width: 160px;
    height: 9px;
	
}



#box_of24, #box_borsa24{
	position:relative;
    background: url(../../img/box_oficina24.jpg) no-repeat left top;
    width: 145px;
    padding: 15px 0px 10px 15px;
	margin-bottom:10px;
}

#box_codigoacceso{
	position:relative;
    background: url(../../img/box_codigoacceso.jpg) no-repeat left top;
    width: 165px;
    padding: 5px 0px 5px 0px;
	margin-bottom:10px;
}

.foot_codigoacceso{
	position:absolute;
	left:0px;
	bottom:0px;
    background: url(../../img/box_foot_codigoacceso.jpg) no-repeat left bottom;
    width: 165px;
    height: 7px;
}



#box_borsa24{
    background: url(../../img/box_borsa24.jpg) no-repeat left top;
}

#box_of24 .foot, #box_borsa24 .foot {
	position:absolute;
	left:0px;
	bottom:0px;
    background: url(../../img/box_oficina24_foot.jpg) no-repeat left bottom;
    width: 160px;
    height: 8px;
}


#box_of24 h3, #box_borsa24 h3 { display:none }

#box_of24 img, #box_borsa24 img {padding: 20px 0px 5px 0px;}


#box_cercador h3{
	color:#999090;
}

#box_cercador label{
	display:none
}





#box_cercador input{
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	color:#999090;
	width:110px;
	height:15px;
	vertical-align:top;
}


#box_cercador #bot_cercar{
	width:auto;
	height:auto;
	border:none;
}



#box_productes{
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight:bold;	
}


#box_productes ul{
	margin-left:-15px;
    width: 190px;
	line-height:21px;
}

#box_productes li{
	/*height:24px;*/
}



#box_productes li a{
    padding: 0 0 0 15px;
	color:#665b44;
    display: block;
    height: 24px;
}

#box_productes li a:hover, #box_productes li.selected a{
	color:#fff;
	background:url(../../img/bg_menuprod_a.gif) repeat-x;
}



/* Segundo nivel */


#box_productes ul ul{
	margin-left:0px;
}


#box_productes li.selected li {
    background: url(../../img/bg_menuprod_b.gif) repeat-x; 
	height:24px;
}

#box_productes li.selected  li a{
   background: url(../../img/std_bullet_off.gif) no-repeat 20px 8px; 
   padding: 0 0 0 30px;
   font-weight:normal;
   color:#666060;
}

#box_productes  li.selected li a:hover{
   background: url(../../img/std_bullet_on.gif) no-repeat 20px 8px; 
   color:#d71134;
   text-decoration:underline;
}


#box_men2{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


#box_serveis, #box_corpo, #box_of24, #box_borsa24, #box_men2 {
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	color:#999090;
}


#box_serveis h3{
	color:#ff9000;
}




#box_men2 ul{
	list-style:none;
	margin:0px;
	padding:0px;
}


#box_serveis li, #box_corpo li, #box_of24 li, #box_borsa24 li{
	height:16px;
}



#box_serveis li a, #box_corpo li a, #box_of24 li a, #box_borsa24 li a{
	padding:0 0 0 10px;
    background: url(../../img/std_bullet_off.gif) no-repeat 0px 4px; 
	color:#666060;
}

#box_men2 li a{
	padding:0 0 5px 10px;
	display:block;
    background: url(../../img/std_bullet_off.gif) no-repeat 0px 4px;
	color:#666060;
	font-weight:bold;
}

#box_serveis li a:hover, #box_corpo li a:hover, #box_of24 li a:hover, #box_borsa24 li a:hover {
    background: url(../../img/std_bullet_orange_on.gif) no-repeat 0px 4px; 
	color:#ff9000;
}


#box_men2 li a:hover, #box_men2 li.selected a{
    background: url(../../img/std_bullet_orange_on.gif) no-repeat 0px 4px; 
	color:#d50026;
}


#box_corpo, #box_of24, #box_borsa24{
    font-size:10px;
}

#box_corpo h3{
	color:#999090;
}

/* Fin de BOXES */









/*  Inicio PIE DE PAGINA --------------------------------------------------*/


#footer {
    width: 990px;
    height: 75px;
	background:url(../../img/bg_footer.jpg) no-repeat;
	text-align:center;
}


#footer .linkfoot{
	padding-top:15px;
	padding-bottom:10px;
	color:#999090;
}

#footer .linkfoot a{
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	color:#666060;
}

#footer .linkfoot a:hover{
	color:#d71134;
}

#footer .copyright{
    font-family:tahoma, verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	line-height:14px;
	color:#999090;
}

#footer .copyright a {
        color:#999090;
}

#footer .copyright a:hover {
        color:#d71134;
}


/*  Fin PIE DE PAGINA --------------------------------------------------*/




































/*  Inicio distribucion de BANNERS --------------------------------------------------*/

#content.distri1 .ban1{
	margin-bottom:10px;
}


#content.distri1 .ban2, #content.distri1 .ban3, #content.distri1 .ban4, #content.distri1 .ban5{
	width:295px;
}

#content.distri1 .ban2{
	float:left;
	margin-bottom:10px;
}

#content.distri1 .ban3{  
	float:right;
	margin-bottom:10px;
}

#content.distri1 .ban4{
	float:left;
	background-color:#f0efeb;
}

#content.distri1 .ban5{
	float:right;
	background-color:#f0efeb;
}

#content.distri1 .ban4 img, #content.distri1 .ban5 img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;	
}



/*  Fin distribucion de BANNERS --------------------------------------------------*/



/* Inicio tablas para maquetar contenidos  --------------------------------------------------*/

table.maqueta td{
	padding:5px;
	vertical-align:top;
}


/* Fin tablas para maquetar contenidos  --------------------------------------------------*/




/* Inicio Estilos paginas de ayuda  --------------------------------------------------*/





/* Fin Estilos paginas de ayuda  --------------------------------------------------*/


.info_print_only {
	display: none;
}

.info_screen_only {
	display: inline;
}

