/* CSS Document */

/* llistat continguts */
#formSeu {display:block;}
*html #formSeu fieldset {position: relative; top:0;}
#formSeu fieldset {
	display: block;
    position: relative;
	padding-top:20px;
    margin: 20px 10px 10px 10px;
    border: 1px solid #999;
}
	
	
*html #formSeu  legend {position:absolute; top:0; left:0;}
#formSeu legend { 
	display: block;
	background-color:#666666;
    margin:0;
	color:#FFFFFF;
	float:left;
    padding: 3px 5px;
	position:absolute;
	top:-10px;
	left:6px;	
	font-size:0.9em;
	font-weight:bold;
 	font-family:Arial, Helvetica, sans-serif;}

#formSeu label {width:15em; margin-right:5px; text-align:right; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; float:left; display:inline;}
#formSeu label .cursiva { font-style:italic; font-weight:normal;}
#formSeu .labelEsquerraSalt {width:100%; clear:both !important; text-align:left; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#formSeu .labelDosColumnes {float:left;}
#formSeu .labelDosColumnes label{width:20em; float:left !important; text-align:left; padding-top:5px; font-family:Arial, Helvetica, sans-serif;}

#formSeu .labelEsquerraLinea {width:auto; float:left !important; text-align:left; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#formSeu .labelEsquerraLinea label {width:auto; float:left !important; text-align:left; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:1em;} 
#formSeu .info {float:right !important; clear:right; color:#3478BC; text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:0.7em; width:31.5em; font-weight:normal; font-style:italic;}

#formSeu label span {text-align:right; font-weight:bold;}
#formSeu img { vertical-align:middle; display:inline;}

#formSeu input[type="text"] {width:28em; padding:2px; margin-bottom:5px; margin-right:5px; border:1px solid #DEDEDE; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#formSeu select {padding:2px; width:28em; margin-bottom:5px; margin-right:5px; border:1px solid #DEDEDE; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#formSeu textarea {padding:2px; width:28em; margin-bottom:5px; margin-right:5px; border:1px solid #DEDEDE; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#formSeu input[type="checkbox"] {float:left; width:auto; text-align:left; width:20em; !important}

#formSeu .textareaSalt textarea {padding:2px; width:45em; margin-bottom:5px; margin-right:5px; border:1px solid #DEDEDE; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#formSeu .select2 select {padding:2px; width:15em; margin-bottom:5px; border:1px solid #DEDEDE; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#formSeu .input2 input[type="text"]{padding:2px; width:26em; margin-bottom:5px; border:1px solid #DEDEDE; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}


#formSeu .avis { font-weight:bold; color:#000; padding-right:5px; display:inline; text-align:left;}
#formSeu .nif {width:6em !important; float:left; display:inline;}
#formSeu .hores {width:6em !important; float:left; display:inline;}
#formSeu .idioma {width:6em !important; float:left; display:inline;}
#formSeu .telefon {width:6em !important;float:left; display:inline;}
#formSeu .data {width:6em !important;float:left; display:inline;}
#formSeu .dataNaix {width:3em !important;float:left; display:inline;}
#formSeu .tresxifres {width:3em !important;float:left; display:inline;}
#formSeu .any {width:4em !important;float:left; display:inline;}
#formSeu .sexe {width:10em !important;float:left; display:inline;}
#formSeu .cp {width:5em !important;float:left; display:inline;}
#formSeu .tribut {width:20em !important;float:left; display:inline;}
#formSeu .referencia {width:15em !important;float:left; display:inline;}
#formSeu .entitat {width:5em !important;float:left; display:inline;}
#formSeu .sucursal {width:4em !important;float:left; display:inline;}
#formSeu .dc {width:3em !important;float:left; display:inline;}
#formSeu .compte {width:10em !important;float:left; display:inline;}

#formSeu #ctrlRefCadastral { width:16em; float:left}
#formSeu #ctrlDataTransmissio { width:9em;}
#formSeu #ctrlDataPresentacio { width:9em;}
#formSeu #ctrlPerTransmissio{ width:9em;}

#formSeu #ctrlDataTransmissio4 { width:8em; float:left; margin-right:10px;}
#formSeu #ctrlDataTransmissio3 { width:8em; float:left; margin-right:10px;}
#formSeu #ctrlDataTransmissio2 { width:8em; float:left; margin-right:10px;}
#formSeu #ctrlDataTransmissio1 { width:8em; float:left; margin-right:10px;}
#formSeu .lblPercentatge1{ width:6em; float:left}
#formSeu .lblPercentatge2{ width:6em; float:left}
#formSeu .lblPercentatge3{ width:6em; float:left}
#formSeu .lblPercentatge4{ width:6em; float:left}
#formSeu #ctrlPercentatge1 {width:2em; float:left}
#formSeu #ctrlPercentatge2 {width:2em; float:left}
#formSeu #ctrlPercentatge3 {width:2em; float:left}
#formSeu #ctrlPercentatge4 {width:2em; float:left}
#formSeu #ctrlBonificaciones {width:2em; float:left}
#formSeu h4 { width:10em; padding-left:125px; clear:both}

   

/* modul gris */
.modulGris {position:relative; float:left; width:100%; background-image:url(http://www.l-h.cat/img/fons_formulari.jpg); background-repeat:repeat-x; background-position:top; background-color:#E2E2E2; border:0; margin-bottom:20px;}
.esqSupIzq {background: url(http://www.l-h.cat/img/esq_sup_izq.gif) left top no-repeat; left: 0; top: 0;}
.esqSupDer {background: url(http://www.l-h.cat/img/esq_sup_der.gif) right top no-repeat; right: 0; top: 0;}
.esqInfIzq {background: url(http://www.l-h.cat/img/esq_inf_izq.gif) left bottom no-repeat; left: 0; bottom: 0;}
.esqInfDer {background: url(http://www.l-h.cat/img/esq_inf_der.gif) right bottom no-repeat; right: 0; bottom: 0;}
/* fi modul gris */

.llistatContinguts{
	width: 100%;
	float: left;
	padding:0;
	}
.llistatContinguts ul{
	margin: 0;
	padding: 0 0 0 0;
}
.llistatContinguts ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistatContinguts ul li{
	padding:0;
	clear:both;
}
.llistatContinguts ul li{display: inline-block;}
* html .llistatContinguts ul li{height: 1%;}
.llistatContinguts ul li {display: block;}
/* fi llistat continguts */

/*seu electronica */
.fonsSelectronica {background-image:url(http://seuelectronica.l-h.cat/img/fons_selectronica.jpg); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center top;}
.fonsTramits { background-image:url(http://seuelectronica.l-h.cat/img/fons_tramits.jpg); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center top;}
.fonsFletxaGrana { background: url(http://seuelectronica.l-h.cat/img/fletxa_grana.gif) no-repeat left 5px;}
.fonsFletxaGrana a{ text-decoration:none;}

.fonsFletxaBlanca{ background: url(http://seuelectronica.l-h.cat/img/fletxa_blanca.gif) no-repeat right 5px; background-color:#b30f2d; border:0; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding:4px 20px 4px 10px; font-size:0.7em;}
.fonsFletxaBlanca a {text-decoration:none;}

.fonsBordeCap {background-image:url(http://seuelectronica.l-h.cat/img/fons_borde_cap.png); background-repeat: repeat-y; background-position:center top;}
.barraSeu {background-image:url(http://seuelectronica.l-h.cat/img/fons_barra_cap.gif); background-repeat: repeat-y; background-position:center top; position:absolute; width:100%; float:left; text-align:center; top:2px; left:0; height:42px; z-index:-10000;}

.searchGris {font-size:0.7em; background:url(http://seuelectronica.l-h.cat/img/input_cercargris.gif) no-repeat scroll left top transparent; margin:0; padding:0; width:26em; float:left}
.searchGris .buscaText {
background:none repeat scroll 0 0 transparent;
border:0 none;
color:#000;
padding-right:0.2em;
padding-left:0.6em;
padding-top:0.3em;
padding-bottom:0.3em;
font-size:1em;
width:23em;
}
.searchGris .Cercar {border:0 none; margin-top:0.05em; float:right; margin-right:0.1em; background-image:url(http://seuelectronica.l-h.cat/img/lupa.gif); width:18px; height:16px;}

.search {font-size:0.7em; background:url(http://seuelectronica.l-h.cat/img/input_cercar.png) no-repeat scroll left top transparent; margin:0; padding:0; width:14em;}
.search .buscaText {
background:none repeat scroll 0 0 transparent;
border:0 none;
color:#000;
font-size:0.7em;
padding-right:0.2em;
padding-left:0.6em;
padding-top:0.15em;
padding-bottom:0.3em;
font-size:1em;
width:11em;
}
.search input {float:left;}
.searchGris input {float:left;}


.search .Cercar {border:0 none; margin-top:0.05em; float:right; margin-right:0.1em; }



.llistaMenuSeu{
	float:left;	
	margin:0;
	padding:0;
}
.llistaMenuSeu ul{
	margin:0;
	padding: 0;
	list-style: none;
	text-align:center;

}

.llistaMenuSeu ul li input{
 	float:left
}



.llistaMenuSeu ul li {
	display: inline;
	margin: 0; 
	padding: 0 3px 0 7px;
	background: url(http://www.l-h.cat/img/separador.gif) center left no-repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;

}
.llistaMenuSeu ul a {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.llistaMenuSeu ul li.primer {
	background: transparent;
}



.llistaMenuSeuNegre { }
.llistaMenuSeuNegre ul{
	margin:0;
	padding: 0;
	list-style: none;
	text-align:center;

}
.llistaMenuSeuNegre ul li {
	display: inline;
	margin: 0; 
	padding: 0 3px 0 7px;
	background: url(http://www.l-h.cat/img/separador_negre.gif) center left no-repeat;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;

}
.llistaMenuSeuNegre ul a {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;	
}
.llistaMenuSeuNegre ul a:hover {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;	
}
.llistaMenuSeuNegre ul li.primer {
	background: transparent;
}


.borderBottomDashedAA122B {border-bottom:1px dashed #AA122B;}
.borderBottomDashedNegre {border-bottom:1px dashed #000000;}
.borderBottomDashedGris {border-bottom:1px dashed #BDBDBD;}




.llistaMenuSeccioSeu{
	margin:0 0 5px 0;
	width:100%;
	float:left;
	padding:13px 0 10px 0;
	background-color:#E4E4E4;
	}
.llistaMenuSeccioSeu .imatgeMenu{
	margin:0;
	padding:0 13px 13px 13px;
}
	
.llistaMenuSeccioSeu ul{
	width:100%;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.llistaMenuSeccioSeu ul li a{text-decoration:none;}

.llistaMenuSeccioSeu ul li{

	width:28.3%;
	margin:0 2px 5px 13px;
	padding:3px 3px 3px 15px;
	background: url(http://seuelectronica.l-h.cat/img/punt_grana.gif) no-repeat 5px 7px;
	font-size:0.7em; 
	font-family:Arial, Helvetica, sans-serif;
	float:left; 
	background-color:#ffffff;
}

.llistaMenuSeccioSeu ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistaMenuSeccioSeu ul li{display: inline-block;}
* html .llistaMenuSeccioSeu ul li{height: 1%;}





/*.llistaMenuSeccioSeu { 	padding-bottom:10px; padding-top:10px; border-bottom: 1px dashed #858585; background-color:#F9F5D5;}
.llistaMenuSeccioSeu ul{
	margin:0;
	padding:0;
	list-style: none;
	text-align:center;
}
.llistaMenuSeccioSeu ul li {
	display: inline;
	margin: 0; 
	padding: 0 3px 0 7px;
	background: url(http://www.l-h.cat/img/separador_negre.gif) center left no-repeat;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000000;

}

.llistaMenuSeccioSeu ul li.primer {
	background: transparent;
}
*/

.border1dashedGrispaddingTopBottom5 {border-bottom:1px dashed #a6a6a6; padding-bottom:10px; padding-top:10px;}

.llistaSenseFletxaSeu{
	width:100%; 
}
.llistaSenseFletxaSeu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.llistaSenseFletxaSeu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.llistaSenseFletxaSeu ul li { border-bottom:1px dashed #a6a6a6; padding: 3px 3px 3px 0px;}
.llistaSenseFletxaSeu ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistaSenseFletxaSeu ul a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.llistaSenseFletxaSeu ul li.ultim {
	border:0;
}

.llistaSenseFletxaSeu ul li{display: inline-block;}
* html .llistaSenseFletxaSeu ul li{height: 1%;}
.llistaSenseFletxaSeu ul li {display: block;}




.llistaFletxaDirectoriSeu{
	width:100%;
	float:left;
	padding:0;

}
.llistaFletxaDirectoriSeu ul{
	margin: 0;
	padding: 0 0 0 0;
}

.llistaFletxaDirectoriSeu ul li{
	background: url(http://seuelectronica.l-h.cat/img/fletxa_grana.gif) no-repeat left 7px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #d2d2d2; padding:5px 5px 5px 20px;
}

.llistaFletxaDirectoriSeu ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistaFletxaDirectoriSeu ul li a {
	color:#AA122B;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.llistaFletxaDirectoriSeu ul li{display: inline-block;}
* html .llistaFletxaDirectoriSeu ul li{height: 1%;}
.llistaFletxaDirectoriSeu ul li {display: block;}







.llistaFletxaGrana2010{
	width:100%;
	margin:0;
	padding:0; 
}
.llistaFletxaGrana2010 ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.llistaFletxaGrana2010 ul li {
	background: url(http://seuelectronica.l-h.cat/img/fletxa_grana.gif) no-repeat left 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.llistaFletxaGrana2010 ul li { border-bottom:1px dashed #d2d2d2; padding: 5px 5px 5px 20px;}
.llistaFletxaGrana2010 ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistaFletxaGrana2010 ul a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.llistaFletxaGrana2010 ul li.titol {
	background: transparent; border:0; padding:5px 0 5px 0;
}
.llistaFletxaGrana2010 ul li.subtitol {
	margin:0; background:transparent; padding:0; font-size:0.55em; border-bottom:0px;
}
.llistaFletxaGrana2010 ul li h3 { font-size:1.4em;}
.llistaFletxaGrana2010 ul li h4 { font-size:1.2em;}

.llistaFletxaGrana2010 ul li.ultim {
	border:0;
}

.llistaFletxaGrana2010 ul li.sensefons { background:transparent;}

.llistaFletxaGrana2010 ul li{display: inline-block;}
* html .llistaFletxaGrana2010 ul li{height: 1%;}
.llistaFletxaGrana2010 ul li {display: block;}

.llistaFletxaGrana2010 ul li.documents {
background: url(http://seuelectronica.l-h.cat/img/ico_pdf.gif) no-repeat left 7px;
}



.llistaSeleccioPersonal{
	width:100%; 
	font-size:0.7em;
}
.llistaSeleccioPersonal ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.llistaSeleccioPersonal ul li {
	background: url(http://seuelectronica.l-h.cat/img/fletxa_grana.gif) no-repeat left 20px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 20px;

}
.llistaSeleccioPersonal ul li ul li {
	background: url(http://seuelectronica.l-h.cat/img/punt_grana.gif) no-repeat left 8px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #a6a6a6;
	padding: 2px 2px 2px 5px;
}


.llistaSeleccioPersonal ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistaSeleccioPersonal ul a {
	color:#000;
	text-decoration:none;
}

.llistaSeleccioPersonal ul li{display: inline-block;}
* html .llistaSeleccioPersonal ul li{height: 1%;}
.llistaSeleccioPersonal ul li {display: block;}




.puntGranaSeu{
	width:100%; 
}
.puntGranaSeu ul{
	margin: 0;
	padding: 0;
	list-style: none;

}
.puntGranaSeu ul li {
	background: url(http://seuelectronica.l-h.cat/img/punt_grana.gif) no-repeat left 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.puntGranaSeu ul li {padding: 2px 2px 2px 10px;}
.puntGranaSeu ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.puntGranaSeu ul a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.puntGranaSeu ul li.titol {
	background: transparent; font-size:1em; border:0; margin-top:0; padding:0 0 5px 0;
}
.puntGranaSeu ul li.ultim {
	border:0;
}

.puntGranaSeu ul li.sensefons { background:transparent;}

.puntGranaSeu ul li{display: inline-block;}
* html .puntGranaSeu ul li{height: 1%;}
.puntGranaSeu ul li {display: block;}



.llistaPuntGranaSeu{
	width:100%; 
}
.llistaPuntGranaSeu ul{
	margin: 0;
	padding: 0;
	list-style: none;

}
.llistaPuntGranaSeu ul li {
	background: url(http://seuelectronica.l-h.cat/img/punt_grana.gif) no-repeat left 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.llistaPuntGranaSeu ul li { border-bottom:1px dashed #a6a6a6; padding: 3px 3px 3px 10px;}
.llistaPuntGranaSeu ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistaPuntGranaSeu ul a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.llistaPuntGranaSeu ul li.titol {
	background: transparent; font-size:1em; border:0; margin-top:0; padding:0 0 5px 0;
}
.llistaPuntGranaSeu ul li.ultim {
	border:0;
}

.llistaPuntGranaSeu ul li.sensefons { background:transparent;}

.llistaPuntGranaSeu ul li{display: inline-block;}
* html .llistaPuntGranaSeu ul li{height: 1%;}
.llistaPuntGranaSeu ul li {display: block;}





.llistaCarpetaGranaSeu {
	width: 100%;
	padding:0;
	margin:0;
	}
.llistaCarpetaGranaSeu ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.llistaCarpetaGranaSeu ul li {
	background: url(http://seuelectronica.l-h.cat/img/carpeta_grana.gif) no-repeat left 3px;
	
}

.llistaCarpetaGranaSeu ul a{
	color:#000;
	text-decoration:none;
}
	
.llistaCarpetaGranaSeu ul li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.llistaCarpetaGranaSeu ul li{
	padding: 6px 0 0 25px;
	clear:both;
}
.llistaCarpetaGranaSeu ul li{display: inline-block;}
* html .llistaCarpetaGranaSeu ul li{height: 1%;}
.llistaCarpetaGranaSeu ul li{display: block;}




/* llista molles pa */
#llistaMollespaSeu{
	clear:both;
	font-size:0.7em;
	color:#858585;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #858585;
	width:100%;
	text-align:left;
}

#llistaMollespaSeu ul{
	margin: 10px 0 4px 0;
	padding: 0;
	list-style: none;
}
#llistaMollespaSeu ul li {
	display: inline;
	margin: 0; 
	padding: 2px 0 2px 0;
}

.granaa70927 { color:#a70927;}


/* generic modul*/
.esqSupIzq,
.esqSupDer,
.esqInfIzq,
.esqInfDer{ /* Aqui pondras todos los estilos comunes, para no repetir */
   width: 10px; height: 11px; position: absolute;
}




#llistaMollespaSeu ul li.bold{ color:#a70927}
#llistaMollespaSeu ul li.actiu{	font-size:1.3em;}
#llistaMollespaSeu ul li a {
	display: inline;
	margin: 0; 
	padding: 2px 0 2px 0;
	color:#858585;
	font-family: Arial, Helvetica, sans-serif;

}

#llistaMollespaSeu ul li.primer {
	background: transparent;
}
/*fi llista molles pa */



/* Este es el contenedor al que le pondremos bordes redondos */
div.titolPerfil{
   width:100%;
   height:auto;
   background:url(http://seuelectronica.l-h.cat/img/fons_perfil_seu.jpg) top left repeat-x; 
   background-color: #494949;   
}

div.titolBustia{
   width:100%;
   height:auto;
   background:url(http://seuelectronica.l-h.cat/img/fons_bustia_seu.jpg) top left repeat-x; 
   background-color: #958638;   
}

div.titolCarpeta{
   width:100%;
   height:auto;
   background:url(http://seuelectronica.l-h.cat/img/fons_carpeta_seu.jpg) top left repeat-x; 
   background-color: #BF7038;   
}

div.titolTramits{
   width:100%;
   height:auto;
   background:url(http://seuelectronica.l-h.cat/img/fons_tramits_seu.jpg) top left repeat-x; 
   background-color: #5D6C71;   
}


div.degradatGris{
   float:left;
   width:100%;
   height:auto;
   background:url(http://seuelectronica.l-h.cat/img/fons_degradat.gif) top left repeat-x;
   background-color:#ebebeb;   
   margin-top:10px;
   
}
div.rGris{
   float:left;
   width:100%;
   height:auto;
   background-color:#ebebeb;    
}

div.rVermellRosat{
   float:left;
   width:100%;
   height:auto;
   background-color:#97112A;    
}


div.rGrisMig{
   float:left;
   width:100%;
   height:auto;
   background-color:#616161;    
}

div.rGrisFort{
   float:left;
   width:100%;
   height:auto;
   background-color:#D4D4D4;    
}

div.rBlanc{
   float:left;
   width:100%;
   height:auto;
   background-color:#ffffff;    
}

div.rRosat{
   float:left;
   width:100%;
   height:auto;
   background-color:#97112A;    
}

div.rNegre{
   float:left;
   width:100%;
   height:auto;
   background-color:#000;    
}

div.rGrisNegre{
   float:left;
   width:100%;
   height:auto;
   background-color:#454545;    
}



/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.topP, span.bottomP{
   width:100%;
   height:3px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
   background-color:#000000;
   float:left;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.topP {
   background:url(http://seuelectronica.l-h.cat/img/LCp.png) top left no-repeat; 
}
span.bottomP{
   background:url(http://seuelectronica.l-h.cat/img/LCp.png) bottom left no-repeat;  
}
span.topP span, span.bottomP span{
   width:3px; /* De acuerdo al tamano de la imagen GIF */
   height:3px; /*De acuerdo al tamano de la imagen GIF */
   float:right;
   font-size:5px; /* Esto es para IE6, que no respeta el height del span si el tamano de letra es mayor a este  */
}
span.topP span{
   background:url(http://seuelectronica.l-h.cat/img/RCp.png) top right no-repeat;   
}
span.bottomP span{
   background:url(http://seuelectronica.l-h.cat/img/RCp.png) bottom right no-repeat;
}







/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.rLlargCont{ 
   margin:4px 10px 3px 10px;
}
div.rPestanyes{ 
   margin:0 5px;
}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top, span.bottom{
   width:100%;
   height:8px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
   background-color:#000000;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top {
   background:url(http://seuelectronica.l-h.cat/img/LC.png) top left no-repeat; 
}
span.bottom{
   background:url(http://seuelectronica.l-h.cat/img/LC.png) bottom left no-repeat;  
}
span.top span, span.bottom span{
   width:8px; /* De acuerdo al tamano de la imagen GIF */
   height:8px; /*De acuerdo al tamano de la imagen GIF */
   float:right;
   font-size:5px; /* Esto es para IE6, que no respeta el height del span si el tamano de letra es mayor a este  */
}
span.top span{
   background:url(http://seuelectronica.l-h.cat/img/RC.png) top right no-repeat;   
}
span.bottom span{
   background:url(http://seuelectronica.l-h.cat/img/RC.png) bottom right no-repeat;
}


span.topGris, span.bottomGris{
   width:100%;
   height:4px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
   background-color:#000000;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.topGris {
   background:url(http://seuelectronica.l-h.cat/img/LCGris.gif) top left no-repeat; 
}
span.bottomGris{
   background:url(http://seuelectronica.l-h.cat/img/LCGris.gif) bottom left no-repeat;  
}
span.topGris span, span.bottomGris span{
   width:4px; /* De acuerdo al tamano de la imagen GIF */
   height:4px; /*De acuerdo al tamano de la imagen GIF */
   float:right;
   font-size:2px; /* Esto es para IE6, que no respeta el height del span si el tamano de letra es mayor a este  */
}
span.topGris span{
   background:url(http://seuelectronica.l-h.cat/img/RCGris.gif) top right no-repeat;   
}
span.bottomGris span{
   background:url(http://seuelectronica.l-h.cat/img/RCGris.gif) bottom right no-repeat;
}