/* CSS Document */

body {
	background-color:#DDDEDE;
} 

#contenedor {
	background-color:#FFFFFF;
	width: 855px;
	margin: auto;
}

#menu1{
	width: 855px;
	margin: auto;
	background-image: url(images/fons_menu1.jpg);
	height: 70px;
}

#cont_menu1{
	width: 665px;
	margin-top: 28px;
	margin-left: 180px;
}
html>body #cont_menu1{
	width: 665px;
	margin-left: 180px;
	height: 25px;
	float: left;
}

#menu1 ul {  	
	list-style:none;
	margin:0;
	padding:0;
}
		
#menu1 ul li {	
	padding:0;
	float:left;
}
	
#menu1 ul li a {	
	display:block;		
	height:25px;  //Quito el padding, pero le pongo altura.	
	text-decoration:none;
	background-position:center;
}

#menu1 ul li a:hover {	
	
}

#menu1 ul li a span {	
	display:none; //Oculto el texto.
}

#empresa {	
	width:85px;
	margin:0px 9px;
}
html>body #empresa {
	width:85px;
	margin:0px 11px;
}
#empresa a{	
	background-image:url(images/M1empresa.jpg);
	background-repeat:no-repeat;
}
#empresa a:hover{	
	background-image:url(images/M1empresa2.jpg);
	background-repeat:no-repeat;
}

#empresa_sel {	
	background-image:url(images/M1empresa2.jpg);
	background-repeat:no-repeat;
	width:85px;
	margin:0px 9px;
}
html>body #empresa_sel {	
	background-image:url(images/M1empresa2.jpg);
	background-repeat:no-repeat;
	width:85px;
	margin:0px 11px;
}

#productos {	
	width:112px;
	margin:0px 9px;
}
html>body #productos {	
	width:112px;
	margin:0px 11px;
}
#productos a{	
	background-image:url(images/M1productos.jpg);
	background-repeat:no-repeat;
}
#productos a:hover{	
	background-image:url(images/M1productos2.jpg);
	background-repeat:no-repeat;
}


#productos_sel {	
	background-image:url(images/M1productos2.jpg);
	background-repeat:no-repeat;
	width:112px;
	margin:0px 9px;
}
html>body #productos_sel {	
	background-image:url(images/M1productos2.jpg);
	background-repeat:no-repeat;
	width:112px;
	margin:0px 11px;
}

#promociones {	
	background-image:url(images/M1promociones.jpg);
	background-repeat:no-repeat;
	width:138px;
	margin:0px 11px;
}

#promociones a{	
	background-image:url(images/M1promociones.jpg);
	background-repeat:no-repeat;
}
#promociones a:hover{	
	background-image:url(images/M1promociones2.jpg);
	background-repeat:no-repeat;
}
#promociones_sel {	
	background-image:url(images/M1promociones2.jpg);
	background-repeat:no-repeat;
	width:138px;
	margin:0px 11px;
}

#promocionesP {	
	background-image:url(images/M1promocoesP.jpg);
	background-repeat:no-repeat;
	width:118px;
	margin:0px 11px;
}

#promocionesP_sel {	
	background-image:url(images/M1promocoes2P.jpg);
	background-repeat:no-repeat;
	width:118px;
	margin:0px 11px;
}

#promocionesP a:hover{	
	background-image:url(images/M1promocoes2P.jpg);
	background-repeat:no-repeat;
}


#actualidad {	
	background-image:url(images/M1actualidad.jpg);
	background-repeat:no-repeat;
	width:116px;
	margin:0px 11px;
}

#actualidad a{	
	background-image:url(images/M1actualidad.jpg);
	background-repeat:no-repeat;
}
#actualidad a:hover{	
	background-image:url(images/M1actualidad2.jpg);
	background-repeat:no-repeat;
}
#actualidad_sel {	
	background-image:url(images/M1actualidad2.jpg);
	background-repeat:no-repeat;
	width:116px;
	margin:0px 11px;
}

#actualidadP{	
	background-image:url(images/M1actualidadeP.jpg);
	background-repeat:no-repeat;
	width:125px;
	margin:0px 11px;
}

#actualidadP_sel{	
	background-image:url(images/M1actualidade2P.jpg);
	background-repeat:no-repeat;
	width:125px;
	margin:0px 11px;
}

#actualidadP a:hover{	
	background-image:url(images/M1actualidade2P.jpg);
	background-repeat:no-repeat;
}

#contacto {	
	width:100px;
	margin:0px 11px;
}
html>body #contacto {	
	width:100px;
	margin:0px 11px;
}
#contacto a{	
	background-image:url(images/M1contacto.jpg);
	background-repeat:no-repeat;
}
#contacto a:hover{	
	background-image:url(images/M1contacto2.jpg);
	background-repeat:no-repeat;
}

#contacto_sel {	
	background-image:url(images/M1contacto2.jpg);
	background-repeat:no-repeat;
	width:100px;
	margin:0px 11px;
}
html>body #contacto_sel {	
	background-image:url(images/M1contacto2.jpg);
	background-repeat:no-repeat;
	width:100px;
	margin:0px 11px;
}



#productosP{	
	
	width:100px;
	margin:0px 9px;
}
html>body #productosP{	
	width:100px;
	margin:0px 11px;
}

#productosP a{	
	background-image:url(images/M1produtosP.jpg);
	background-repeat:no-repeat;
}
#productosP a:hover{	
	background-image:url(images/M1produtos2P.jpg);
	background-repeat:no-repeat;
}


#productosP_sel {	
	background-image:url(images/M1produtos2P.jpg);
	background-repeat:no-repeat;
	width:100px;
	margin:0px 9px;
}
html>body #productosP_sel {	
	background-image:url(images/M1produtos2P.jpg);
	background-repeat:no-repeat;
	width:100px;
	margin:0px 11px;
}



#menu2 {
	float: left;
	width: 148px;
	height: 420px;
}
#menu2 ul, li {
	list-style-type: none;
}
#menu2 ul {
	margin: 0;
	padding: 0;
}
#menu2 a {
	display: block;
	width: 148px;
	height: 138px;
}
#automovil {	
	background-image:url(images/M2auto.jpg);
	background-repeat:no-repeat;
	width:148px;
}

#automovilP {	
	background-image:url(images/M2autoP.jpg);
	background-repeat:no-repeat;
	width:148px;
}


#persona {	
	background-image:url(images/M2persona.jpg);
	background-repeat:no-repeat;
	width:148px;
	margin-top:2px;
}


#personaP {	
	background-image:url(images/M2personaP.jpg);
	background-repeat:no-repeat;
	width:148px;
	margin-top:2px;
}

#hogar {	
	background-image:url(images/M2hogar.jpg);
	background-repeat:no-repeat;
	width:148px;
	margin-top:2px;
}


#hogarP{	
	background-image:url(images/M2hogarP.jpg);
	background-repeat:no-repeat;
	width:148px;
	margin-top:2px;
}


#titol_menu2 {	
	background-image:url(images/M2titol_autoP.jpg);
	height:45px;
}

#menu3_fons {
	background-image:url(images/fons_menu3.jpg);
	height:369px;
	margin-top:3px;
}

#cont_menu3{
	width:130px;
	margin-left: 3px;
	float: left;
}

#menu3 {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#menu3 a{
	text-decoration:none;
	color:#064674;
}


#menu4{
	width:571px;
	height:85px;
	margin-left: 3px;
	float: left;
	background-image:url(images/barra_productes.jpg);
}

#menu4{
	width:571px;
	height:85px;
	margin-left: 3px;
	float: left;
	background-image:url(images/barra_productesP.jpg);
}


#menu_arbre{
	width:571px;
	height:85px;
	margin-left: 3px;
	float: left;
	background-image:url(images/barra_productes_arbre.jpg);
}

#submenu_arbre{
	width:571px;
	height:310px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#cont_productes{
	width:571px;
	height:329px;
	margin-left: 3px;
	float: left;
	background-image:url(images/cont_productes.jpg);
	margin-top: 3px;
}

#credits{
	width:855px;
	height:21px;
	float: left;
	background-image:url(images/credits.jpg);
}

#text_credits{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	width: 450px;
	margin-top: 5px;
	margin-left: 210px;
}

#text_creditsP{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	width: 520px;
	margin-top: 5px;
	margin-left: 165px;
}

#contenido{
	width: 855px;
	padding-top: 3px;
	height: 440px;
} 

#barra_vert {
	background-image:url(images/barra_vertical.jpg);
	width:11px;
	float: left;
	height: 417px;
	margin-left: 30px;
}



#fons_empresa{
	width:509px;
	height:417px;
	margin-left: 3px;
	float: left;
	background-image:url(images/fons_empresa.jpg);
}

#foto_empresa{
	width:192px;
	height:417px;
	float: left;
	background-image:url(images/foto_empresa.jpg);
	margin-left: 3px;
}

#text_empresa{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:2px 13px;
}

html>body #text_empresa{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:13px;
}



#cont_promociones{
	width: 250px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:22px;
	color: #0E886F;
	float: left;
	margin-left: 125px;
	margin-top: 180px;
}

html>body #cont_promociones{
	width: 250px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:22px;
	color: #0E886F;
	float: left;
	margin-left: 250px;
	margin-top: 180px;
}


#fons_actualidad{
	width:704px;
	height:417px;
	margin-left: 3px;
	float: left;
	background-image:url(images/fons_actualidad.jpg);
}

#cont_actualidad{
	width: 450px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float: left;
}

#foto_actualidad{
	width:211px;
	height:360px;
	background-image:url(images/foto_actualidad.jpg);
	margin-left: 16px;
	float: left;
	margin-top: 22px;
}

html>body #foto_actualidad{
	width:211px;
	height:360px;
	background-image:url(images/foto_actualidad.jpg);
	margin-left: 25px;
	float: left;
	margin-top: 22px;
}

div.scrollbox {
overflow: auto; 
width: 445px; 
height: 356px;
text-decoration: none;
overflow-x:hidden;
overflow-y:scroll;
margin-left:15px;
margin-top:25px;
scrollbar-face-color:#CCCCCC;  
scrollbar-3dlight-color:#999999; 
scrollbar-arrow-color:#0B876D; 
scrollbar-track-color:#0B876D; 
}

div.scrollbox a {
	text-decoration: none;
	padding: 0 0 0 2px;
}

div.scrollbox a:hover {
text-decoration: none
}

#masinfo {
	width:150px;
	color:#00FF33;
	float:right;
	margin-right:21px;
	text-align:right;
}
html>body #masinfo {
	width:150px;
	color:#00FF33;
	float:right;
	margin-right:41px;
	text-align:right;
}
#masinfo a{
	color:#0B876D;
	text-decoration:underline;

}



div.scrollbox_promos {
overflow: auto; 
width: 620px; 
height: 356px;
text-decoration: none;
overflow-x:hidden;
overflow-y:scroll;
margin-left:25px;
margin-top:28px;
padding-right:33px;
scrollbar-face-color:#CCCCCC;  
scrollbar-3dlight-color:#999999; 
scrollbar-arrow-color:#0B876D; 
scrollbar-track-color:#0B876D; 
}



#foto_contacto{
	width:243px;
	height:417px;
	float: left;
	background-image:url(images/foto_contacto.jpg);
	margin-left: 3px;
}

#foto_contactoP{
	width:243px;
	height:417px;
	float: left;
	background-image:url(images/foto_contactoP.jpg);
	margin-left: 3px;
}


#fons_contacto{
	width:458px;
	height:417px;
	margin-left: 3px;
	float: left;
	background-image:url(images/fons_contacto.jpg);
}

#volver{
	width:70px;
	height:20px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	float: right;
	margin-top: 300px;
}

#volver a{
	text-decoration:none;
	color: #3B7A69;
}

#volver a:hover{
	text-decoration:underline;
}


#registro {width:400px; padding:10px; margin:15px;}
#registro fieldset {border:0;background-color: #D0E6E3; padding:10px 20px; font: bold 12px Arial, Helvetica, sans-serif;color:#000000;}
#registro fieldset a{
	background-color: #D0E6E3;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
}
#registro legend{font: bold 16px Arial, Helvetica, sans-serif;color:#000000; padding:0 5px;}
#registro p label {font:bold 12px Arial, Helvetica, sans-serif; float: left;width: 22%; text-align:right;padding:5px; color: #000000;}
#registro p br {clear: left;}
.enviar{margin:3px 0 0 83px;}



#idioma{
	width:885px;
	margin: 7px 5px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 11px;
	color:#000000;
	text-align: right;
}

#idioma a{
	color: #0B876D;
	text-decoration:none;
}

#idioma a:hover{
	text-decoration:underline;
}



#credits2 {
	font-size: 9px;
	text-align:left;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#credits2 a {
	font-size: 9px;
	text-align:left;
	color:#000000;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

#credits2 a:hover {
	text-decoration:underline;
	color: #0B876D;
}

#bottomlinks {
	text-align:right;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bottomlinks a {
	padding:0px 5px 0px 5px;
	text-decoration:none;
	text-align:right;
	font-size:8px;
	color:#000000
}

#bottomlinks a:hover {
	text-decoration:underline;
	color:#0B876D;
	
}