/******************************/
/*Maquetacion*/
/******************************/

/*Pantalla completa*/
#pantalla{
	width:100%;
	
}

/*Pagina centrada*/
#pagina{
	width:1002px;
	margin:auto;
}

/*Cabecera de la pagina*/
#cabecera{
	background-image: url(../imagenes/cabecera.jpg);
	height:136px;
	width:1002px;
}

/*Contiene a las 3 columnas*/
#cuerpo{
	width:1002px;
}

.logoImg{
	margin-top:15px;
	margin-left:8px;
	float:left;
	border: none;
}


.logoPrint{
   display: none; 
}


/*contiene la lista de idiomas*/
#menuIdiomas{
	float:right;
}

/*Lista con los enlaces de idiomas*/
#listaIdiomas {
 margin-top: 40px;
}

#listaIdiomas li{
 display:inline;
 margin-right: 8px;
 float:left;
}
/*cada uno de los enlaces idioma*/
.itemIdioma{	
	border-style:none;	
	border: none;
}
/*Parte izquierda de la pagina*/
#columnaIzquierda{
	float:left;
	width: 175px;
	border-right: solid 1px #EEEEEE;
	border-bottom: solid 1px #EEEEEE;
}
/*menu de la izquierda*/
#menuColumnaIzquierda{
	float:left;
	border-bottom: solid 2px #EEEEEE;
}
/*lista de elementos del menu de la izquierda*/
#listaMenu{
	margin:0px;
	padding:0px;
	font-weight:bold;
	text-align: right;
}

/*Elementos principales li de la lista*/
li.elementoListaNivel1{	
	list-style: none;	
	padding-top:20px;	
	border-top: solid 2px #EEEEEE;
	border-bottom: solid 2px #EEEEEE;
	height:40px;	
	width: 175px;
	float:left;
}

/*sombreado menu*/
li.elementoListaNivel1:hover{	
	background-image: url(../imagenes/degradadoIzquierdo.jpg);
}
li.elementoListaNivel1SinLinea{	
	list-style: none;	
	padding-top:20px;	
	border-top: solid 2px #EEEEEE;
	height:40px;	
	width: 175px;
	float:left;
}
li.elementoListaNivel1SinLinea:hover{	
	background-image: url(../imagenes/degradadoIzquierdo.jpg);
}
/*Elementos li de nivel 2  de la lista*/
li.elementoListaNivel2{	
	list-style: none;	
	padding-top:8px;	
	padding-bottom:8px;	
	float:left;
	height:20px;	
	width: 175px;	
}
li.elementoListaNivel2:hover{	
	background-image: url(../imagenes/degradadoIzquierdo.jpg);
}
/*Elementos li de nivel 3  de la lista*/
li.elementoListaNivel3{	
	list-style: none;	
	padding-top:8px;	
	padding-bottom:8px;	
	float:left;
	height:20px;	
	width: 175px;	
	border-bottom: solid 1px #EEEEEE;
}
li.elementoListaNivel3:hover{	
	background-image: url(../imagenes/degradadoIzquierdo.jpg);
}
/*Elementos li de nivel 4  de la lista*/
li.elementoListaNivel4{	
	list-style: none;	
	padding-top:8px;	
	padding-bottom:8px;	
	float:left;
	height:20px;	
	width: 175px;	
	border-bottom: solid 1px #EEEEEE;
}
li.elementoListaNivel4:hover{	
	background-image: url(../imagenes/degradadoIzquierdo.jpg);
}


.divEnlaceMenuNivel{
	float:right;
	width:140px;
}

.divPuntoNivel1{
	float:right;
	width:4px;
	margin: 6px 0px 8px 0px;
}
.divPuntoNivel2{
	float:right;
	width:4px;
	margin: 6px 5px 8px 4px;
}
.divPuntoNivel3{
	float:right;
	width:4px;
	margin-top:5px;
	margin: 6px 20px 8px 4px;
}
.divPuntoNivel4{
	float:right;
	width:4px;
	margin: 6px 35px 8px 4px;
}

#Noticias{
	float:left;
	margin-top:5px;
}
.noticia{
	font-weight:bold;
	float: left;
	padding-bottom:30px;
	padding-top:10px;
	padding-left:6px;
}
.fechaNoticia{
	margin-bottom:5px;
}
/*Parte central de la pagina*/
#columnaCentral{
	float:left;
	width: 592px;/*1002-(columnas*2) - padding*/
	padding-left:18px;
	padding-right:18px;
	padding-top:5px;
}

#seccionCentralSuperior{
	float:left;
	background-image: url(../imagenes/panel.jpg);
   background-repeat: no-repeat;
	width:581px;
	height:426px;	
	padding-left:20px;
}

/*div central con la imagen grande*/
#boxPanel{
	width:550px;
}

/*Boton del panel*/
#boton{
	float:right;
	width:115px;
	height:25px;
	background-image: url(../imagenes/botonMasInfo.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left:15px;
}

/*Clase principal de la seccion inferior*/
.seccionCentralInferior{
	float: left;
	width: 275px;
	padding-left:3px;
	margin-bottom:10px;
	text-align:justify;
}
/*especializacion de la seccion inferior izq*/
.seccionCentralInferiorIzq{
	padding-right:15px;
	border-right: solid 1px #EEEEEE;
}
/*especializacion de la seccion inferior der*/
.seccionCentralInferiorDer{
	margin-left:15px;
}

/*Seccion de la pagina de ficha*/
.seccionContenido{
	width: 610px;
	margin-bottom:10px;
}

/*Parte derecha de la pagina*/
#columnaDerecha{
	float:left;
	width: 185px;		
	/*padding-top:10px;*/
	border-left: solid 1px #EEEEEE;
	border-bottom: solid 1px #EEEEEE;
}
/*seccion palabras clave*/
#palabrasClave{	
	margin-left:10px;
	margin-bottom:10px;
}


/* ----------------------------- */
/*          NUBE DE TAGS         */
/* ----------------------------- */

div.nube{
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	text-align: center;
	font-size:100%;
}

div.nube ul{
   margin: 0em;
   padding: 0em;
}

div.nube li{
   list-style: none;
   display: inline;
}


/* Tipos de letra */
div.nube {
	color: #4E4E4E;
}

.nube1{
	font-size: 1.7em;
}

.nube2{
	font-size: 1.5em;
}

.nube3{
	font-size: 1em;
	font-weight: bold;
}

.nube4{
	font-size: 0.9em;
}

.nube5{
	font-size: 0.8em;
}


/*menu de la columna de la derecha*/
#listaMenuDer{
   border-top: solid 1px #EEEEEE;
}


#listaMenuDer ul{	
	width:185px;
	margin:0px;
	padding:0px;
}
/*elementos del menu de la columna de la derecha*/
#listaMenuDer li{	
	list-style: none;	
	border-bottom: solid 1px #EEEEEE;
	/*height:40px;*/
	/*padding-top:20px;*/
   padding-top: 10px;
   padding-bottom: 10px;
	/*width:185px;	*/
}
/*sombreamos al pasar el raton*/
#listaMenuDer li:hover {	
	background-image: url(/imagenes/degradadoIzquierdo.jpg);
}

#listaMenuDer li.nivel1{
   padding-left: 10px;
}

#listaMenuDer li.nivel1 a{
	font-size:12px;
	color:#4d81ba;
	font-weight:bold;
}

#listaMenuDer li.nivel2{
   padding-left: 20px;
}


#listaMenuDer li.nivel2 a{
	font-size:12px;
	color:#4d81ba;
}

#listaMenuDer li.nivel3{
   padding-left: 30px;
}

#listaMenuDer li.nivel3 a{
	font-size:11px;
	color:#4d81ba;
}

#listaMenuDer li.nivel4{
   padding-left: 40px;
}

#listaMenuDer li.nivel4 a{
	font-size:10px;
	color:#4d81ba;
}

#listaMenuDer li.nivel1 a:hover, #listaMenuDer li.nivel2 a:hover, #listaMenuDer li.nivel3 a:hover, #listaMenuDer li.nivel4 a:hover{	
	color: #666666;
}



/*Pie de pagina*/
#piePagina{
	background-image: url(../imagenes/pie.jpg);
	width:1002px;
	height: 100px;
	clear:both;
}
/*div que contiene la lista del menu*/
#menuPie{	
	overflow:auto;	
	text-align: center;
	height: 20px;
	padding-top:15px;
}
/*lista con el menu del pie*/
#listaPie{
	color: #555555;
	margin:0px;
	padding:0px;
}

#listaPie li{
	display: inline;
	list-style: none;
	margin-right:5px;
	padding-right:5px;
}

/*Parte de abajo del pie*/
#pieTexto{	
	padding-top:20px;
	width:1002px;
	color:#FFFFFF;
	height: 20px;
	text-align:center;
}


/****************************************/
/***********Presentacion*****************/
/****************************************/



/*Elementos comunes*/
h1{
	font-size:18px;
	color:#4d81ba;
}

h2{
	font-size:14px;
	color:#4d81ba;
}

h2.pagPral{
  color:#FFFFFF;
  font-size:18px; 
  padding: 15px 0px 0px 0px;
  margin: 0px;
} 

.h2SinMargen, .h2MargenPd{
	font-size:14px;
	color:#4d81ba;
}

.h2SinMargen{
	margin: 0px;
}

.h2MargenPd{
	margin:15px 0px 0px 0px;
}


h3{
	font-size:12px;
	color:#4d81ba;
}


.enlaceTitulo{
	color:#4d81ba;
}
p{
	margin:5px 0px 0px 0px;
	padding: 0px;
}
body{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	margin: 0px;
	padding:0px;
}
a{
	text-decoration:none;
	color: #666666;
}
/*texto del panel central*/
.textoPanel{
	float:left;
	width:550px;
   height: 260px;
	color:white;
	line-height:15px;
	text-align:justify;
	margin-top:10px;
	margin-bottom:0px;
}

#textoSGC{
	text-align: justify;
}
/*Enlace del menu*/
a.enlaceMenuNivel1{	
	font-size:14px;	
}
a.enlaceMenuNivel1Desplegado{	
	font-size:14px;	
	color:#4D81BA;
}
/*Enlace del menu al pasar el ratón*/
a.enlaceMenuNivel1:hover{
	color:#4d81ba;	
}
/*Subcategoría*/
a.enlaceMenuNivel2{
	font-size:12px;	
	font-weight: normal;
}
a.enlaceMenuNivel2Desplegado{
	font-size:12px;	
	font-weight: normal;
	color:#4D81BA;
}
a.enlaceMenuNivel2:hover{
	color:#4d81ba;	
}
a.enlaceMenuNivel3{
	font-size:11px;	
	font-weight: normal;
	color:#AAAAAA;
}
a.enlaceMenuNivel3Desplegado{
	font-size:11px;	
	font-weight: normal;
	color:#555555;
}
a.enlaceMenuNivel4{
	font-size:9px;	
	font-weight: normal;
	color:#AAAAAA;
}
a.enlaceMenuNivel4Desplegado{
	font-size:10px;	
	font-weight: normal;
	color:#777777;
}

/* ----------------------------- */
/*        CAMINO                 */
/* ----------------------------- */

#camino {
	padding:0px;
   margin-bottom: 10px;
}

#camino .volver{
   float: right;
}

#camino span{
   padding: 0px 5px 0px 0px;
	color: #B1B1B1;
	text-decoration: none;
}


.parteCamino{
	color: #888888; 
	padding-left:3px;	
	margin-bottom:10px;
}

.parteCaminoFin{
	color:#4d81ba;
	padding-left:3px;	
}

#camino a.parteCamino:hover, #camino a.parteCaminoFin:hover {
	text-decoration: underline;
}


/*bordes de la pagina*/
.borde{
	text-align:center;
	border-right:  solid 1px;
	border-right-style: solid;
}

/* ------------------------------ */
/*        Pagina de productos    */
/* ----------------------------- */
.parteSuperiorProducto{
	/*overflow:auto;*/
   height: 320px;
}

.textoSeccionProducto{
	text-align: justify;
	overflow:auto;
	margin:0px;
}
.imagenProducto{
	float:left;	
}

.descripcionProducto{
	float:right;
   padding:15px 15px;
	text-align: justify;
	color: white;
	width:315px;
	height: 290px;
	background-image: url(../imagenes/cajaFichaProducto2.jpg);
   background-repeat: no-repeat;
}

.descripcionProducto a{
  color: #ffffff;
  text-decoration: none;
}

.descripcionProducto a:hover{
  text-decoration: underline;
}


/* ----------------------------- */
/*        BLOQUES                */
/* ----------------------------- */


.bloques {
   margin-top: 15px;
   margin-bottom: 10px;
   float: right;
   clear: both;
   height: 9px;
   line-height: 9px;
}


.flechaBloque {
	float: left;
}

img.flecha {
	width: 15;
	height: 9px;
   border: none;
   margin-right: 5px;
}


.interiorBloques {
	padding-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}


.bloqueActual {
	font-size: 12px;
	font-weight: bold;
	color: #4D81BA;
}

a.enlaceBloques {
	font-size: 12px;
	color: #676767;
	text-decoration: none;
}

a.enlaceBloques:hover {
	color: #666666;
	text-decoration: underline;
}


/* ----------------------------- */
/*        FIN BLOQUES            */
/* ----------------------------- */


/* ----------------------------- */
/*        PARA LAS FOTOS         */
/* ----------------------------- */


.arc90_imgcaptionTXT {
	font-size: 11px;
   color: #4D81BA;
	text-align: left;
   padding: 3px 0px 0px 0px;
}

p.arc90_imgcaptionALT {
   display: none; /*no queremos que se muestre el alt*/
}

span.arc90_imgcaptionALT {
}

.arc90_imgcaption {
	text-align: center;
	background-color: #FFFFFF;
	border: none;
	padding: 5px;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   z-index: 2;
}

.floatl { float: left; margin-right: 10px; }
.floatr { float: right; margin-left: 10px; }


/*para las imagenes sin pie*/
.imagenIzq, .imagenDcha { 
   margin-top: 0px;
   margin-bottom: 0px;
   z-index: 2;
   padding: 5px;
 }

.imagenIzq { 
   float: left; 
   margin-right: 10px;
 }
 
.imagenDcha { 
   float: right; 
   margin-left: 10px;
 }


/* ----------------------------- */
/*       INDICE DE PAGINAS       */
/* ----------------------------- */
 .indicePaginas {
   padding: 0px 0px 20px 0px;
   clear: both;
   height:auto;
   overflow:auto;   
}
	
.indicePaginas a{
   font-size: 15px;
}

.indicePaginas img{
   padding-right: 5px;
}
   
.resumenPagina {
	padding: 5px 0px 0px 0px;
	text-align: justify;
}

.resumenPagina p{
   padding: 0px;
   margin: 0px;
}

/* ----------------------------- */
/*   BLOG                  */
/* ----------------------------- */

div.tagsBlog {   
   margin:5px 0px 5px 0px;
}

div.tagsBlog a{  
	font-size:11px;
	color:#4d81ba;
	text-decoration: underline;
}

div.tagsBlog a:hover{  
	color:#666666;
}


/* ----------------------------- */
/*   MAPA WEB                    */
/* ----------------------------- */

#mapaWeb{
   padding: 10px 0px 10px 0px;
}

#mapaWeb a{
   color: #4D81BA;
}

#mapaWeb a:hover{
   text-decoration: underline;
}

/* ----------------------------- */
/*       FORMULARIOS             */
/* ----------------------------- */


#formularioContacto input, #formularioContacto textarea{
 	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

#formularioContacto textarea{
  width: 470px;
}

#formularioContacto .boton{
   float:right;
   margin-top:5px; 
	width:130px;
	height:25px;
   line-height: 25px;
   border: none;
	background-image: url(/imagenes/boton.jpg);
	background-repeat: no-repeat;
   color: #666666;
}

.infoContacto{
   clear: right;
}

/* ----------------------------- */
/*  BUSCADOR DE PRODUCTOS        */
/* ----------------------------- */

.txtBusc{
   margin-bottom: 20px;
}

a.enlaceBusc{
   color: #4D81BA;
}

a.enlaceBusc:hover{
   text-decoration: underline;
}

#listadoAlfabetico{
   margin-top: 70px;
}

#listadoAlfabetico p{
   color: #4d81ba;
   margin-bottom: 10px;
}

#listadoAlfabetico div{
  float: left;
  margin-right: 14px;
}

#listadoAlfabetico a{
  color: #4d81ba; 
  font-weight: bold;
}

#listadoAlfabetico a:hover{
  text-decoration: underline;
}

#infoLetra{
   margin-top: 40px;
   clear: left;
}


.destacado1{
  color:#4d81ba;
}

.destacado2{
  color:#4d81ba;
  font-size: 13px;   
  font-weight: bold;    
}

.destacado3{
  color:#4d81ba;
  font-size: 14px;   
  font-weight: bold;    
}

.negrita{
   font-weight: bold;
}

/*********** distribuidores **************/
#distribuidores{
   margin-top: 10px;
}

#distribuidores .lista{
   border: 1px solid #cccccc;
   height: 100%;
   overflow: auto;
   padding: 15px 10px 15px 10px;
}

#distribuidores .colLista{
   float:left;
   width: 189px;
   height: 20px;
}

#distribuidores .colListaE{
   float: right;
   margin-top: 8px;
}

#distribuidores .colLista a, #distribuidores .colListaE a{
   color:#4d81ba;
   text-decoration: none;
}


#distribuidores .colLista a:hover, #distribuidores .colListaE a:hover{
   text-decoration: underline;
}

#infoDistribuidor{
   margin: 30px 0px 30px 0px;
}


#infoDistribuidor p.titulo{
  color:#4d81ba;
  font-size: 13px;   
  font-weight: bold;    
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 20px;
}

#infoDistribuidor a{
   color: #000000;
   text-decoration: none;
}

#infoDistribuidor a:hover{
  text-decoration: underline;
}

#mapa{
   text-align: center;
   margin: 20px 0px 20px 0px;
}

#mapa img{
   border: none;
   width: 447px;
   height: 300px;   
}


#divAddThis{
	margin-left: 440px;
	margin-top: 20px;
}
