BODY
{  
  font-family: Arial, Helvetica, sans-serif;
  background-color: black;
}

#cabecera, #contenido, #piePagina, #cabeceraPortada {
        width: 968px;        
        margin: 0 auto;              
        overflow: hidden;
}

#cabecera  {
    height: 120px;    
    margin-bottom: 0px;
}

#contenido {
        /* margin-top: 10px; */
        color: black;   
        background-color: Gainsboro; /* #828387; */
        overflow: auto;
}

#cuerpo, #cuerpo2 {
        margin-left: 160px;
        width: 795px;
        padding: 5px;
        overflow: visible;
        color: black; 
        font-family: Arial, Helvetica, Sans Serif;    
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        text-align: left;        
/*        vertical-align: middle;   */ 
}

#cuerpo p a, #cuerpo a {
  text-decoration: none;
  font-weight: bold;
  color: Blue;   
}

#cuerpo p a:hover, #cuerpo a:hover {
    color: rgb(214,107,0); 
    text-decoration: underline;
}

#franjaML {
 width: 968px;        
 margin: 0 auto; 
 background-color:#88b733;
 margin-top: 10px; 
 text-align: right;
 height: 15px;
 vertical-align: middle;   
}

.compacta {
    margin-bottom: 0px;    
}

.bandera {
    margin-right: 5px;
}

.franjaMLAyuda {
    float: left;
    text-align: left;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5px;
    color: blue;
}

.franjaMLAyuda:hover {
    color: rgb(214,107,0); 
    text-decoration: underline;
}

#franjaML input {
    margin-top: 3px;
}

#piePagina {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-style: normal;
  height: auto;
  letter-spacing: inherit;
  padding: 0px;
  line-height: 12pt;
  padding-bottom: 0px;  
  margin-bottom: 0px;
  background-color: #88b733;
  color: black;
}


#fondoDialogo {       
        background-color: rgb(255,239,214);
        position: absolute; 
        z-index: 500px; 
        display:none; 
        border: 5.0px solid rgb(231,115,0);
        width:350px;
        height:130px; 
        top:50%;
        left:50%;
        margin-left:-100px;
        margin-top:-100px; 
        text-align: center;        
}

#fondoDialogo table {
  width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;  
  color: black;
}

#formSalir {
    display: none;
}
/** Elementos auxiliares **/

.textoDialogo, .dialogo {
  font-size: x-small;
  font-style: normal;
  margin: 0px;
  padding: 0px;
  line-height: 10px;
  text-align: left;
  width: 100px;    
}

.noadornos, .miniTabla, .miniEnlace {
  text-decoration: none;    
}

.error {
  color:Red;
  font-size: x-small;    
}

.errorGrande {
    display: block;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}

.negrita {
    font-weight: bold;      
}

.gris {    
  color: rgb(99,99,99);
}

.negro {    
  color: Black;
  font-size: x-small;
}

.tachado {
    text-decoration: line-through;
    color: rgb(99,99,99);
}

.miniEnlace {
    color: blue;    
}

.miniEnlace:hover {
    color: rgb(165,82,0); 
}

.dialogo, .dialogoGrande, .dialogoGrandeDerecha, .dialogoGrandeReadOnly {
  /* background-color:InactiveBorder; */
  background-color: rgb(181,181,181);
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.dialogoGrandeReadOnly {
  background-color:rgb(198,214,255);
  font-size: 9px;
  
}

.botonFormulario {
    background-color: white;
    border-color: #88b733;
    border-width: 2px;
}

.boton {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    
    margin-right: 10px;
    background-image: url("../imagenes/fondoBoton.png");   
    text-decoration: none;
    font-weight: bold;
    color: Blue;   
}

.boton a:hover {
    color: rgb(214,107,0); 
    text-decoration: underline;
}

.left, .izquierda {        
  text-align: left;
}

.right, .derecha, .dialogoGrandeDerecha {
  text-align: right;    
}

.center, .centra {
    text-align: center;
}

#menuPrincipalTitulo{
  font-size: small;
  font-style: normal;
}

.barraNavegacion {        
  font-size: xx-small;
}

.barraNavegacion a {
  text-decoration: none;
  color: rgb(49,49,255);    
}

#listaLetras, #listaLetras a {
  text-decoration: none;
  color: rgb(0,0,132);
  font-size: smaller;
  font-weight: bolder;
  text-align: left;  
  padding-bottom: 10px;
}

.titulo1 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 25px;
  font-style: italic;
  font-weight: bold;
  color: rgb(231,231,231);
  background-color: rgb(49,49,49); 
  width: 99%;
  display: block;
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 2px;   
}

.titulo2 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: Black;
  background-color: rgb(231,115,0);
  width: 100%;
  display: block;
  margin-bottom: 5px;
  padding-left: 5px;
}

.enlace_principal {    
  text-decoration: none;
  font-weight: bold;
  color: Blue;
  font-size: large;
}

.enlace_principal:hover {
    color: rgb(214,107,0); 
    text-decoration: underline; 
}

/* Formulario contacto */
#formularioContacto {
    margin-top: 30px;
    margin-bottom: 50px;
    overflow: inherit;
}

/* ***************************************************************************
                Tabla de elementos comun 
**************************************************************************** */
.table_elementos_margin, .table_elementos {
  margin-left: 20px;      
}

.table_elementos {
  width: 90%;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: 1.0px solid rgb(231,115,0); 
  font-size: 12px;  
}


.table_anuncio {
  width: 90%;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: 1px solid rgb(231,115,0); 
  font-size: 12px; 
  margin: auto;
}

.table_anuncio_cabecera {
  width: 90%;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: 0px; 
  font-size: 12px; 
  margin: auto;      
}

.tabla_anuncio_navegador {
   position: relative;
   float: right;
}

.table_elementos_header {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 13px;
  height: 25px;    
  text-align: justify;  
  background-color:  rgb(231,115,0); 
  color: black;
  padding-left: 4px;  
}

.table_elementos_header_logo {
    background-color: #828387;   
}

.table_elementos_par {  
/*  overflow: inherit;
  border: 1px;
  border-style:solid ;
  border-color: white;  
  /* background-color: rgb(247,255,214);     */  
  
}

.table_elementos_impar {
/*  overflow: inherit;
  border: 1px;
  border-style:solid ;
  border-color: white;  
  /* background-color: rgb(214,231,255);    */
}

.table_elementos_footer {  
  font-weight: bolder;
  font-size: medium;
  color: rgb(0,66,198);
  text-align: right;
}

.table_elementos_logo {
    vertical-align:top;
    text-align: center;
    /* background-color: white; /* #828387; */
}

.table_elementos_logo2 {
    width: 44px;    
    text-align: center;
    font-size: xx-small;    
    vertical-align: top;  
}

.table_elementos_icono {
    width: 19px;    
    text-align: center;    
    vertical-align: top; 
}

.table_elementos_iconos {
    width: 38px;    
    text-align: right;    
    vertical-align: top; 
}

.table_elementos_nombre, .table_elementos_enlace, .table_elementos_titulo {
    text-align: justify;
    padding-left: 4px;
    color: black;
    vertical-align: top;
}

.table_elementos_titulo {
    width: 100px;    
}

.table_elementos_enlace, .table_enlace {
  text-decoration: none;
  font-weight: bold;
  color: Blue;   
  vertical-align: top;
}

.table_elementos_numero {
    text-align: right;
    padding-left: 4px;   
    vertical-align: top;
}

.table_enlace:hover, .table_elementos_enlace:hover {
    color: rgb(214,107,0); 
    text-decoration: underline;
}

.table_elementos_texto {
    border: 1.0px solid rgb(231,115,0); 
    vertical-align: top;
}

.table_elementos_centra {
    margin: auto;
}

.noborde {        
  border-style: hidden;
  border: 0pt;
  
}

.jerarquia {
    
  text-decoration: none;
  color: rgb(49,49,255);
  font-size: x-small;
}
/* *****************************************************************************/
 .table_info_productos {
    width: 80%;
    margin-bottom: 30px;
    border-collapse: collapse;
    border: 1.0px solid rgb(231,115,0);      
    margin-left: auto;
    margin-right: auto;    
 }
 
 .table_info_texto {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 12px;     
 }
 
 .table_info_col1 {
     width: 20%;
 }
 
 .table_info_col2 {
     width: 80%;     
 }
/* ***************************************************************************** */

/* ****************************************************************************
                            Mapa de localizacion
  **************************************************************************** */
#map {
  border: 3.0px solid #88b733;    
}


/* ***************************************************************************
                        Listado de Productos y de Gremios 
   ************************************************************************ */

.miniTabla {
  font-size: x-small;    
  text-align: center;
  color: Blue;  
}

.miniTabla a {

}

.miniTabla a:hover, .enlaceImagen input:hover{
    color: rgb(214,107,0); 
    text-decoration: underline;
}

.imagenIconoMini {
    border: 1.0px solid rgb(148,0,0);  
    text-align: center;
}

.imagenIcono {
    border: 2.0px solid #88b733;
    background-color:white;
    padding: 3px; 
}

.imagenIcono:hover, .imagenIconoMini:hover {
    border: 1.0px solid rgb(255,0,0);
    background-color:rgb(115,255,255);    
}

/*****************************************************************************
            Seleccion de parámetros
 ****************************************************************************/
#muestra {
 
} 

.dialogoColor{
    height: 80px;
    width: 300px;
    background-color:InactiveBorder;
    border-style: solid;
    border-color: black;
    border-width: 1px;    
    text-align: center;
    font-size: x-small;   
}


/*****************************************************************************
            Tabla de fotografias de productos.
 ****************************************************************************/

.fotosProductosTop {
    vertical-align: top;
}

.fotosProductosCenter {
    text-align: center;
}


#form {
  width: 968px;        
  margin: 0 auto;
  position:relative; 
  overflow:auto;  
  color: white; 
} 

#cabeceraPortada {
        background: url(../imagenes/inicio/cabecera1.png) no-repeat;
        width: 968px;
        height: 120px;       
}


#form img {
    border: 0px;
}

#lateral1{
    background: url(../imagenes/inicio/lateral1.png) no-repeat;
    width: 124px;
    height: 610px;
    float: left;
    overflow: hidden;
}

#colIndice1 {
    background: url(../imagenes/inicio/miniCabecera2.png) no-repeat;
    width: 844px;
    float: left;
    margin: 0px;
    height: 56px;
    overflow: hidden; 
}

#portadaDerecha {
    background: url(../imagenes/inicio/derecha.png) no-repeat;
    width: 260px;
    float: right;
    height: 550px;    
    overflow: hidden;    
}

#colPortada {
    float: left;
    width: 584px;    
    height: 550px;

}

#elemsMenu {
    width: 584px;    
    height: 450px;    
    float: left;
    margin-top: 50px;
    
}

#piePortada {
    background: url(../imagenes/inicio/piePortada.png) no-repeat;
    width: 584px;    
    height: 50px;       
    overflow: hidden;
    float: inherit;
}

#elemMenu {
    text-align: center;
    margin-bottom: 20px;    
}

#elemMenu img {
    background-color: white;
}

#elemMenu img:hover {
    background-color: #88b733;
}

#elemMenu2 {
    background: url(../imagenes/inicio/fondoMenuIndex.png) repeat;    
    display: block;
    color: white;
    margin: auto;
    height: 45px;
    width: 456px;
    font-size: 32px;
    text-decoration: none;
    text-align: right; 
    margin-bottom: 20px;     

}

#elemMenu2 a {
    height: 45px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
    padding-top: 5px;
    display: block;
    
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}   

#elemMenu2 a:hover {
     color: #88b733;   
}

.fondoMenuIndex {
    background: url(../imagenes/inicio/fondoMenuIndex.png) repeat;    
    display: block;
    color: white;
    height: 45px;
    width: 456px;
    font-size: 32px;
    text-decoration: none;
    text-align: right;    
}

/* *************************************************************************
   Enlace para hacer consulta
   ************************************************************************ */
#contacto, #contacto2, .contacto2 {
  text-align: center;
  font-weight: bold;      
}

#contacto {
  font-size: medium;    
}

#contacto2, .contacto2 {
  font-size: small;    
}
#contacto a, #contacto2 a, .contacto2 a {
  color: rgb(214,214,214);
  text-decoration: none;
    
}

#contacto a:hover, #contacto2 a:hover, .contacto2 a:hover {
     color: #88b733;  
}

/*
#elemMenu  a {
  font-family: "Lucida Console", Courier, monospace;    
  color: white;
  text-decoration: none;
  text-align: right;
  width: 456px;
  height: 45px;
  font-size: 42px;
  
}

#elemMenu a:hover {
    color: #88b733;    
}

/*   A partir de aqui 



.noborde {
    border: 0px;
}


.titulo {    
  font-size: 20px;
  font-weight: bold;
}



.top{
    vertical-align: top;
}




#centra {
    margin-bottom: 30px;        
    text-align: center;    
}





/*


#cuerpo2 {
    overflow: scroll;
}

#botones .boton {    
  border: 0px;
  padding: 3px;  
}

#botones a {
    width: 216px;    
    overflow: visible;
}

#botones a:hover, #botones img:hover {
    background-color: rgb(198,198,255);
}




/** Menú lateral **/ 

#capaIzquierda {
	position: relative;
	float:left;
        width: 160px;
	margin:0px 0px 0px 0px;
	left: 0px;   
	font-family: Verdana,sans-serif;
	font-size: 16pt;
        text-align: center;    
	font-weight:bold;
        overflow: visible;
}

#menuPrincipal li, #menuPrivado li {
        background: url(../imagenes/inicio/elementoMenuPequeno.png) repeat;      
	width: 150px;
        margin-top: 5px;        
        padding-top: 3px;
        padding-bottom: 3px;        
}

#menuPrincipal li a, #menuPrivado li a {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration: none;
	display: block;
	overflow:visible;
        /* background-color:  #ffa913; /*rgb(255,132,0);*/      
        padding-right: 5px;
        color: white;
}

#menuPrincipal ul, #menuPrivado ul {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;	
	text-decoration: none;
	font-weight:bold;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
  	text-align: center;	
	padding-bottom:6px;
}

#menuPrincipal a:hover, #menuPrivado a:hover {
    color:#88b733; 
}

/*****************************************************************************
                                  Tabla Contacto
******************************************************************************/
#tabla_contacto a{
  text-decoration: none;
  font-weight: bold;
  color: Blue;      
}

#tabla_contacto a:hover{
    color: red; 
    text-decoration: underline;    
}

.tabla_contacto {
    width: 90%;
}

.tabla_contacto_imagen {
    width: 49px;
}

.tablaContactarTitulo {
    width: 100px;
    vertical-align: top;
}

.tablaContactarDatos {
    
}