
/*-----------------------Genericos--------------------------*/

*, html{
margin:0;
padding:0;
}
body{
font-family: Arial, Helvetica, sans-serif !important;
font-size:11px;
}
img{
border:none;
}
.rojo{
color: #cc0000;
}
a:link, a:visited{
color:red;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
input, textarea{
font-family: Arial, Helvetica, sans-serif;
text-indent:5px;
font-size:11px;
margin:0;
padding:0 0 3px 0
}
select{
text-indent:5px;
font-size:11px;
outline:0;
border:none !important;
background-color:white;
height:18px !important;
line-height:18px;
}
option{
height:16px !important;
line-height:16px;
background-color:white
}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#dhtmlgoogies_menu{
display:inline;
margin:0;
float:left
}

#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{

display:none;	/* Needed to display ok in Opera */
background-color:#ddd;
z-index:5;
/*
position:relative;
top:-40px;*/
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
/*#dhtmlgoodies_menu ul li ul{
background-color:#ddd 
}*/

	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{
font-weight:bold;
color:#333;
margin:0px;
padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		padding:0;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
text-transform:uppercase;
border:0;
height:34px;
line-height:34px;
overflow:visible;
}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
color:#999;
text-indent:5px;
width:119px;
padding: 5px;
line-height:190%;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color:white;
}

	
	/**************************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	**************************************************************************/
	/* General rules for all menu items */

	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
outline:0;
color: #555;
display:block;
float:left;
text-decoration: none;
z-index:999;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		/*padding-left:5px;
		padding-right:5px;	*/
	}
	#dhtmlgoodies_menu .currentDepth1 a{
height:34px;
float:left;
padding: 0 7px 0 7px;
display:block;
border-right:1px solid #ccc;
	}
#dhtmlgoodies_menu .currentDepth1over a{ /* Text rules */
outline:0;
background: url(../images/fdHover.gif) repeat-x;
border-right:1px solid #ccc;
height:34px;
color: #555;
display:block;
float:left;
text-decoration: none;
padding: 0 7px 0 7px;

}*----------------------------------------------------*/
	

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2 {
padding:2px 0px 2px 1px;
text-transform:none;
padding:2px 5px 2px 5px;
background-color:#ddd;	
font-size:11px;
z-index:999;
}
#dhtmlgoodies_menu .currentDepth2 a:link, #dhtmlgoodies_menu .currentDepth2 a:visited{
border-bottom:1px solid #ddd;
width:119px;
display:block;
}

#dhtmlgoodies_menu .currentDepth2over{
text-transform:none;

}	
#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
color:#666;
text-transform:none;
width:119px;
display:block;
background-color:#DDD;
border-bottom:1px solid white;	
text-decoration:none
}



	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
font-size:11px;
z-index:999;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
font-size:11px;
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth4over{
font-size:11px;
		padding-right:2px;
	}	



/*----------------------Menu principal---------------------*/

.menuPrincipalTxt {
font-size:11px;
font-weight:bold;
text-transform: uppercase;
line-height:34px;
}
.menuPrincipalTxt li{
display:inline;
}
.menuPrincipalTxt a:link, .menuPrincipalTxt a:visited{
outline:0;
border-right:1px solid #ccc;
height:34px;
color: #555;
display:block;
float:left;
text-decoration: none;
padding: 0 15px 0 15px;
}
.menuPrincipalTxt a:hover, .menuPrincipalTxt a:focus{
height:34px;
background: url(../images/fdHover.gif) repeat-x;
}
/*
.menuPrincipalTxt a:active{
outline:0
}
*/




a:link.activa, a:visited.activa{
height:43px; /*para anadir mas altura en fondo Item*/
color:white;
border-right:none;
background: url(../images/fd1Item.gif) no-repeat;
}

a:link#item1, a:visited#item1{
display:block;
float:left;
height:34px; /*para anadir mas altura en fondo Item*/
color:#333;
/*border-right:1px solid #ccc;*/
background:none;
}
a:hover#item1 {
border-right:1px solid #ccc;
height:34px;
color:#555;
background: url(../images/fdOverBlanco.gif) no-repeat;
}


a:link#item1.activa, a:visited#item1.activa, a:hover#item1.activa{
color:white !important;
background: url(../images/fd1Item.gif) 0 -1px no-repeat !important;
height:43px !important; /*para anadir mas altura en fondo Item*/
border-right:none !important;
padding-right:8px !important;
}


a:link.activa2, a:visited.activa2, a:hover.activa2{
padding-right:8px !important;
height:43px !important; /*para anadir mas altura en fondo Item*/
color:white !important;
border-right:none !important;
background: url(../images/fd2Item.gif) 0 -1px  no-repeat !important;
}

/**************************************************************/

ul .subMenu{
position:relative;
top:20px;
z-index:99;
}
ul.submenu li{
display:block;
}
.submenu a:link, .subMenu a:visited{
display:block;
float:none;
}

.menuPrincipalTxt ul ul{
margin:auto;
}
.menuPrincipalTxt li li{
clear:both;
}
.menuPrincipalTxt li li a:link, .menuPrincipalTxt li li a:visited{
background-color:black;
clear:right;
}


/*-----------------------Noticias home-------------------------*/
.fechaNoticiaHome{
display:block;
color:#333;
font-size:11px;
font-weight:bold;
background-color:#e4e4e4;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid white;
border-bottom:1px solid white;
text-indent: 5px;
}

.noticia{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
padding: 7px;
}
.noticia h3{
font-family: Arial, Helvetica, sans-serif;
color:#333;
font-weight:normal;
font-size:11px;
text-transform: uppercase;
padding-bottom:3px;
margin-bottom:5px;
border-bottom:1px dotted #999;
}
.noticia img{
float:left;
margin-right:5px;
}
span.verNoticia{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:5px;
display:block;
height:12px;
line-height:12px;
}
span.verNoticia a{
color:red;
}
.verNoticia img{
margin-top:2px;
display:inline;
float:left;
}


.destacadosTxt{
padding-left:3px;
text-align:center;
}


.imgHome{
width:156px;
height:85px;
background: url(../images/imgHome.gif) no-repeat;
float:left;
text-align:left;
margin-right:1px;
}
.imgHome img{
float:left;
margin: 5px 0 0  5px;
}


.imgHomeFinal{
width:156px;
height:85px;
background: url(../images/imgHome.gif) no-repeat;
margin-right:0;
float:left;
text-align:left;
}
.imgHomeFinal img{
float:left;
margin: 5px 0 0  5px;
}

.txtImg{
color:red;
font-weight:bold;
display:block;
clear:both;
padding-top:5px;
padding-left:4px;
}

/*-----------------------Pie---------------------*/

.pieTxt{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
border-top:1px solid #999;
}
.pieTxt h4{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
margin-bottom:2px;
text-transform: uppercase;
}
.pieBloque1{
padding-right:15px;
margin-right:15px;
float:left;
}
.pieBloque2{
float:right;
padding-left:15px;
border-left:1px solid #999;
margin-left:15px;
text-align:right;
}

.pieBloque3{
float:right;
padding-left:15px;
margin-left:15px;
text-align:right;
}

/*------------------------subMenus desplegables-----------------------*/
div.subMenu{
width: 131px;
position: relative;
top:-10px !important;
top:10px;
margin:0 auto;
z-index:999;
text-align:left;
visibility: hidden;
}
.subMenu img{
float:left;
}
.subMenu ul{
/**/
clear:both;
list-style:none;
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
/*padding:0 7px 0 7px;*/
margin:0;
background-color:white;
}
.subMenu li:first-child a:link, .subMenu li:first-child a:visited{
border-top:none;
}
.subMenu li a:link, .subMenu li a:visited{
height:18px;
line-height:18px;
display:block;
width:119px;
color:#666;
font-weight:bold;
text-indent:5px;
border-top: 1px solid #d7d7d7;
border-right:0;/*hereda el borde del menu superior*/
background-color:white;
background-image:none;
margin:0;
padding: 3px 8px 3px 8px;
padding-left:0px;
}
.subMenu li a:hover{
text-decoration:none;
background-color: #eee;
}

/*-----------------------subMenu producto--------------------*/
#gama{
width:934px;
height:16px;
line-height:16px;
margin: 0 auto;
}
.producto{
float:left;
color:red;
font-size:16px;
font-weight:bold;
}
.materiales{
font-weight:bold;
margin-left:80px;
float:left;
}
.materiales a:link, .materiales a:visited{
color:#666;
}
.materiales a:focus, .materiales a:active{
outline:0;
}
.materiales li{
border-left:1px solid #CCC;
padding: 0 10px 0 11px;
display:inline;
}
.materiales li:first-child{
border-left:none;
}
a:link.activo , a:visited.activo {
color:red;
}


/*---------------------------------------------------------*/
.menuTabsTxt{
line-height:34px;
text-transform:uppercase;
}
.menuTabsTxt li {
display:inline;
list-style:none;
}
.menuTabsTxt ul{
padding-right:30px;
}
.menuTabsTxt a:link, .menuTabsTxt a:visited{
position:relative;
top:0px;
color:#666;
font-weight:bold;
display:block;
float:left;
height:34px;
padding: 0 15px;
background: url(../images/fdTabOff.gif) repeat-x;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
margin-right:5px;
list-style-type:none;
}
.menuTabsTxt a:hover, .menuTabsTxt a:focus{
outline:0;
background: url(../images/fdTabOn.gif) repeat-x;
text-decoration: none;
}

a:link.tabActiva , a:visited.tabActiva {
background: url(../images/fdTabOn.gif) repeat-x;
text-decoration: none;
}

/*------AREA PRODUCTOS------*/

.imgDescripcion{
width:560px;
height:270px;
float:left;
}

.tabla{
width:582px;
height:295px;
margin-top:4px;
font-family:Arial, Helvetica, sans-serif;
float:left;
}

.descripcionTxt{
width:300px;
height:270px;
float:right;
margin-right:10px;
}

.descripcionTxt h1{
font-size:12px;
}

.especificacionesTabla{
width:910px;
height:270px;
overflow-y:auto;
}

.especificacionesGaleria{
width:910px;
height:270px;
overflow-y:hidden;
}

.celdaTxt{
margin-top:2px;
line-height:80%;
padding-bottom:5px;
}

.celdaTxt h1{
font-weight:normal;
font-size:10px;
}
.celdaTxt h2{
font-weight:normal;
font-size:10px;
}

.celdaImg{
margin-bottom:5px;
}

.contenidoProducto{
width:910px;
height:271px;
}
.contenidoProductoTxt{
width:905px;
height:271px;
overflow-y:auto;
padding-right:5px;
}

/*---Galeria---*/

.imgGaleria{
width:615px;
height:270px;
float:left;
}

.galeria{
width:285px;
height:285px;
float:right;
}

.miniaturasGaleria{
margin-left:12px;
margin-bottom:12px;
width:82px;
height:82px;
float:right;
}


/*---Imagenes---*/

#bloqueImagenes{
width:940px;
margin:20px auto 30px auto;
}

.bloqueImg{
width:940px;
height:230px;
margin-top:20px;
}

.bloqueImgTxt{
clear:both;
margin-left:3px;
font-weight:bold;
margin-bottom:5px;
}

.imagenesImg{
margin:3px;
width:150px;
height:100px;
background-color:#ccc;
float:left;
}

/*---Noticias---*/

#bloqueNoticias{
width:940px;
margin:20px auto 30px auto;
}

.not{
width:940px;
margin-top:20px;
font-family:Arial,Helvetica,sans-serif;
}

.not h1{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
}

.not h2{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
}

.notAmpli img{
float:left;
margin-right:11px;
}
.notAmpli li{
list-style-position:inside;
list-style-image:url(../images/icoVer.gif);
}

.fotoTxt{/*
width:100px;
height:100px;
float:left;
background-color:#ccc;
margin-right:10px;*/
}

.notTxt{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
overflow:hidden
/*width:830px;
float:right;*/
}

.not li{
list-style-position:inside;
list-style-image:url(../images/icoVer.gif);
}
.notTxt img{
float:left;
margin-right:11px;
width:100px;
height:100px;
}

.grupoNoticia{
width:940px;
/*height:100px;*/
}

.fotoNoticia{
background-color:#ccc;
width:100px;
height:100px;
float:left;
}

.titularNot{
clear:both;
font-weight:bold;
margin-bottom:5px;
font-size:11px;
}

.ampliar{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
float:left
}
.pdf{
margin-left:20px;
float:left;
}

.pdf img{
margin-right:5px;
float:left
}

.adicionalLista{
border-top:1px solid #ccc;
width:940px;
height:20px;
margin-top:8px;
}

/****************************************/
#bloqueGenerico{
width:940px;

margin:20px auto 30px auto;
}

.genericoTxt{
float:left;
width:600px;
padding-bottom:30px;
font-family:Arial,Helvetica,sans-serif;
}

.genericoTxt h1{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
}

.genericoTxt h2{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
}

.genericoTxt2{
float:left;
padding-bottom:30px;
font-family:Arial,Helvetica,sans-serif;
}
.genericoTxt2 h1{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
}

.genericoTxt2 h2{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:11px;
}

.titularGenerico{
clear:both;
font-weight:bold;
margin-bottom:5px;
font-size:11px;
}

.genericoImg{
float:right;
width:320px;
height:272px;
background-color:#ccc;}



/*---Login---*/

.campo{
border: 1px solid #ccc;
float:right;
margin-bottom:10px;
width:151px;
height:16px;
background: url(../images/fdUser.jpg)
}

.imgUsuarios{
width:610px;
height:116px;
float:left;}

.usuarios{
width:266px;
height:80px;
padding:20px 25px 15px 15px;
float:right;
background: url(../images/fdNoticiaHome.gif);
}

.login{
float:left;
width:90px;
height:16px;
text-align:right;
margin-bottom:12px;
font-weight:bold;
}

.boton{
float:right;
font-weight:bold;
margin: 5px 0px 0px 5px;
color:white;
border:none;
font-size:11px;
width:70px;
background-color:#E10D0D;
}

.busquedaBusc{
position:relative;
z-index:1;
width:740px;
height:18px;
margin:0px auto;
padding:10px 150px 10px 50px;
}

#textfield6, #textfield7{
float:left;
margin:0px 20px; 0px 10px;
width:180px}



.busc{
width:266px;
height:80px;
padding:20px 25px 15px 15px;
float:left;
}


/*---Contacto---*/
div.formularioContacto{
width:544px;
height:200px;
padding:10px 10px 10px 10px;
float:left;
background-image: url(../images/formularioBg.jpg);
}
.imgContacto{
width:351px;
height:220px;
float:right;
}
.contacto{
width:130px;
height:16px;
text-align:left;
float:left;
}
.campoCto1{
border: 1px solid #ccc;
margin-bottom:10px;
width:158px;
background: url(../images/fdUser.jpg);
}

.campoCto2{
border: 1px solid #ccc;
margin-bottom:10px;
width:532px;
/*height:100px;*/
background: url(../images/fdUser.jpg);
}

.direccionesComerciales{
width:914px;
background-color:#ccc;
margin:15px auto;
padding:10px;
}

/*********************buscador Home*************************/
.buscador{
width:300px;
text-align:right !important;
float:right !important;
padding-right:12px !important;
height: 25px;
padding-top:6px
}

input.buscadorGeneral{
margin-right:10px;
border:none;
width: 163px;
padding-top:2px;
height:16px;
background: url(../images/fdForm.gif) no-repeat;
}

input.botBusca{
padding:0;
margin:0;
color:white;
font-weight:bold;
font-size:10px !important;
text-align:center;
border:none;
width: 66px !important;
height:18px;
background: url(../images/fdInput.gif) no-repeat;
}

#busquedaLogin{
float:right;}

#busquedaContacto{
float:right;}

/**********************listados*************************/
.paginacion{
padding-bottom:20px;
border-bottom: 1px solid #CCC;
}
.paginacionIzq{
display:inline;
width:200px;
float:left !important
}
.paginacionDcha{
width:200px;
text-align:right;
float:right !important;
}
.paginacionInf{
margin-top:20px;
padding-top:5px;
border-top: 1px solid #CCC;
display:block;
width:100%;
}


/*****/
.infoSobre{
height:60px;
background-color:red;
display:block;
width:100%
}
.contactoTop{
clear:both;
width:100%;
background-color:red
}
.contactoBajo{
background-color:green
}



/*---MAPA---*/

.mapaWeb{
width:940px;
margin:0px auto 30px auto;}

.mapaWeb li, .mapaWeb li a{
color:#444;
background-color: #DDD;
list-style-position:inside;
list-style-image:url(../images/icoRojo.gif);
margin-bottom:3px;
text-indent:10px;
font-weight:bold;
font-size:14px;
line-height:170%;
text-transform: uppercase
}

.mapaWeb li li, .mapaWeb li li a{
background-color:white;
list-style-image:url(../images/icoVer.gif);
text-indent:20px;
font-weight:bold;
font-size:12px;
text-transform: none
}

.mapaWeb li li li, .mapaWeb li li li a{
text-indent:30px;
font-weight:bold;
list-style-image:url(../images/icoGrey.gif);
background-color: #DDD;
font-size:11px;
}

.mapaWeb li li li li, .mapaWeb li li li li a{
text-indent:40px;
font-weight:normal;
background-color: white;
}

.mapaWeb li li li li li, .mapaWeb li li li li li a{
text-indent:50px;
background-color: #EEE;
}


/*---NOTICIA AMPLIADA---*/

.titularNoticia{
font-size:20px;
font-weight:bold;
margin-bottom:20px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
}

.not li{
list-style-position:inside;
list-style-image:url(../images/icoVer.gif);
}


/*----------------------*/

.contenedorGenerico {
padding-bottom:20px
}

.contenedorGenerico img{
width:300px;
height:200px;
float:right;
margin-left:15px;
border: 1px solid black;
}

.contenedorGenerico ul{
margin-top:10px
}

.contenedorGenerico li {
list-style-position:inside;
margin-left:2px;
padding-left:15px;
text-indent: -15px
}

.contenedorGenerico h1{
font-size:12px;
margin-bottom:5px
}

#resultados{
width:932px;
height:80px;
margin:0px auto 20px auto;
line-height:280%;
}

#resultados li{
line-height:180%;
list-style:none;
margin-left:10px;
}

#resultadosProd{
width:932px;
margin:10px auto 0px auto;
line-height:200%;
}

#resultadosProd li{
list-style:none;
margin-left:10px;
border-bottom:1px solid #ccc;
margin-top:10px;
}







