/* -------------------------------------------------------------- 
   
   grilla.css
   * Es muy fácil de usar, dividimos la página en 24 columnas

   * Por defecto el tamaño de inicio es 950 px, con 24 columnas 
 	 con spans de 30px y 10 px de margen

   * Para utilizarlo debes hacer la siguiente ecuación: tengo
	 de tamaño 950 px, que es lo mismo que decir (columnas * 40) -10
	 así que si tengo 950 serían 24 columnas.

   
-------------------------------------------------------------- */
body{
	margin: 0px auto;
	width: 100%;
	height: 100%;
    background: #621758 url('img/background.jpg') top center;
}

body.home{
	margin: 0px auto;
	width: 100%;
	height: 100%;
    background: #621758;
}

img{border:0px;}


/* Contenedor de todas las columnas. */
.general {
    width: 960px;
    margin: 0 auto;
    background: url('img/iso-lg.gif') no-repeat 0 20px;
    min-height:700px;
}


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

	
	///////          CABECERA          ///////////////


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


	
#cabecera{
	height:177px;
}
    #cabecera img{
    	display: block;
    }

#cuerpo{
    min-height:700px;
}

/* menu_index
-------------------------------------------------------------- */
ul.menu_index{
	height:58px;
	list-style: none;
	padding:0px;			
	margin-top: 20px;
}

	ul.menu_index li{
		display:inline;
		float: left;
	}

		ul.menu_index li a{
			color:#fff;
			text-decoration:none;
			display: block;
		}

			ul.menu_index li a:link, ul.menu_index li a:visited {
				padding: 0px;
				display: block;
				text-decoration: none;
			}
			
			ul.menu_index li a span{
				display: block;
				text-indent:-3000px;
			}


#logo_index, #menu_index{ margin:0px auto; margin-top:50px; }			


/* producto
-------------------------------------------------------------- */

#logo{
	border-right:5px solid #fff;
    height: 177px;
}
    #logo img{
    	border: 0;
    }
    
    #logo a{
    	border: 0;
    }


/* menu
-------------------------------------------------------------- */

#menu{
	background-color: #621758;
	 min-height: 495px;
	 padding-top: 30px;
	 border-top: 3px solid #FFFFFF;
}

    .menu li{
    	padding-top:10px;
    	padding-bottom:10px;
    	margin:0px auto;
    }
    	ul.menu li a{
    		color:#fff;
    		text-decoration:none;
    		display: block;
            font-weight: bold;
            font-size: 13px;
    	}
    
    		ul.menu li a span{
    			display: block;
    			text-indent:-3000px;
    		}
            
.submenu{
	position:relative;
	bottom:8px;
	right:5px;
}
 
    .submenu li.marca{
         padding-top:5px;
         padding-bottom:5px;
         padding-left: 30px;
         width: 135px;
         float: left;
    }
        .submenu li.marca a{
            font-size: 15px;
            line-height:  21px;
            color: #ffffff;
        }
        
        .submenu li.marca a:hover{
                 color: #FCC917;
            }
            
            .submenu li.marca a.selected{
                 color: #FCC917;
            }
                .submenu li.marca a.selected:active{
                     color: #FCC917;
                }
                .submenu li.marca a.selected:link{
                     color: #FCC917;
                }
                .submenu li.marca a.selected:hover{
                     color: #FCC917;
                }
    
    .submenu li.categoria{
         padding-top:0px;
         padding-bottom:5px;
         padding-left: 40px;
         width: 110px;
         float: left;
    }
        .submenu li.categoria a{
             line-height:  17px;
             background:url("img/menu_circle.gif") no-repeat 0px 6px;
             padding-left:8px;
        }
            .submenu li.categoria a:hover{
        	     background:url("img/menu_circle_f2.gif") no-repeat 0px 6px;
                 color: #FCC917;
            }
            
            .submenu li.categoria a.selected{
                 background:url("img/menu_circle_f2.gif") no-repeat 0px 6px;
                 padding-left:8px;
                 color: #FCC917;
            }
                .submenu li.categoria a.selected:active{
                     color: #FCC917;
                }
                .submenu li.categoria a.selected:link{
                     color: #FCC917;
                }
                .submenu li.categoria a.selected:hover{
                     color: #FCC917;
                }
    
    .submenu li.subcategoria{
         padding-top:0px;
         padding-bottom:5px;
         padding-left: 55px;
         width: 95px;
         float: left;
    }
        .submenu li.subcategoria a{
             line-height:  17px;
             background:url("img/menu_circle.gif") no-repeat 0px 6px;
             padding-left:8px;
        }
            .submenu li.subcategoria a:hover{
        	     background:url("img/menu_circle_f2.gif") no-repeat 0px 6px;
                 color: #FCC917;
            }
            
            .submenu li.subcategoria a.selected{
                 background:url("img/menu_circle_f2.gif") no-repeat 0px 6px;
                 padding-left:8px;
                 color: #FCC917;
            }
                .submenu li.subcategoria a.selected:active{
                     color: #FCC917;
                }
                .submenu li.subcategoria a.selected:link{
                     color: #FCC917;
                }
                .submenu li.subcategoria a.selected:hover{
                     color: #FCC917;
                }
    
    
			
			


/* botones  menu
-------------------------------------------------------------- */
/*---------- empresa -------------*/
			ul.menu li a.btn_empresa{
				background-image:url("img/m-empresa.gif");
				background-repeat: no-repeat;
				width:116px;
				height:39px;
			}

			
			ul.menu li a.btn_empresa:hover{
                background-image:url("img/m-empresa.gif");
				background-repeat: no-repeat;
				width:116px;
				height:39px;
				background-position:0 -43px;
			}
            
            
            ul.menu li a.btn_empresa_selected{
                background-image:url("img/m-empresa.gif");
				background-repeat: no-repeat;
				width:116px;
				height:39px;
				background-position:0 -43px;
			}

/*---------- producto -------------*/
			ul.menu li a.btn_producto{
				background-image:url("img/m-producto.gif");
				background-repeat: no-repeat;
				width:134px;
				height:39px;
			}

			
			ul.menu li a.btn_producto:hover{
				background-image:url("img/m-producto.gif");
				background-repeat: no-repeat;
				width:134px;
				height:39px;
				background-position:0 -43px;
			}
            
            
            ul.menu li a.btn_producto_selected{
				background-image:url("img/m-producto.gif");
				background-repeat: no-repeat;
				width:134px;
				height:39px;
				background-position:0 -43px;
			}
            
/*---------- proyectos-------------*/
			ul.menu li a.btn_proyectos{
				background-image:url("img/m-proyectos.gif");
				background-repeat: no-repeat;
				width:140px;
				height:38px;
			}

			
			ul.menu li a.btn_proyectos:hover{
				background-image:url("img/m-proyectos.gif");
				background-repeat: no-repeat;
				width:140px;
				height:38px;
				background-position:0 -41px;
			}
            
            
            ul.menu li a.btn_proyectos_selected{
				background-image:url("img/m-proyectos.gif");
				background-repeat: no-repeat;
				width:140px;
				height:38px;
				background-position:0 -41px;
			}

/*---------- descargas-------------*/
			ul.menu li a.btn_descargas{
				background-image:url("img/m-descargas.gif");
				background-repeat: no-repeat;
				width:128px;
				height:39px;
			}

			
			ul.menu li a.btn_descargas:hover{
				background-image:url("img/m-descargas.gif");
				background-repeat: no-repeat;
				width:128px;
				height:39px;
				background-position:0 -43px;
			}
            
            
            ul.menu li a.btn_descargas_selected{
				background-image:url("img/m-descargas.gif");
				background-repeat: no-repeat;
				width:128px;
				height:39px;
				background-position:0 -43px;
			}
			
/*---------- contacto-------------*/
			ul.menu li a.btn_contacto{
				background-image:url("img/m-contacto.gif");
				background-repeat: no-repeat;
				width:126px;
				height:39px;
			}

			
			ul.menu li a.btn_contacto:hover{
				background-image:url("img/m-contacto.gif");
				background-repeat: no-repeat;
				width:126px;
				height:39px;
				background-position:0 -41px;
			}
            
            
            ul.menu li a.btn_contacto_selected{
				background-image:url("img/m-contacto.gif");
				background-repeat: no-repeat;
				width:126px;
				height:39px;
				background-position:0 -41px;
			}


/* botones  submenu
-------------------------------------------------------------- */
			/*---------- downlight -------------*/
			ul.submenu li a.downlight{
				background-image:url("img/sm-downlight.gif");
				background-repeat: no-repeat;
				width:83px;
				height:22px;
				background-position:0 -27px;
			}

			
			ul.submenu li a.downlight:hover{
				background-image:url("img/sm-downlight.gif");
				background-repeat: no-repeat;
				width:83px;
				height: 22px;
				background-position:0 0px;
				
			}
			/*---------- interior -------------*/
			ul.submenu li a.interior{
				background-image:url("img/sm-interior.gif");
				background-repeat: no-repeat;
				width:83px;
				height:22px;
				background-position:0 -27px;
			}

			
			ul.submenu li a.interior:hover{
				background-image:url("img/sm-interior.gif");
				background-repeat: no-repeat;
				width:83px;
				height: 22px;
				background-position:0 0px;
			}
			/*---------- exterior -------------*/
			ul.submenu li a.exterior{
				background-image:url("img/sm-exterior.gif");
				background-repeat: no-repeat;
				width:83px;
				height:22px;
				background-position:0 -27px;
			}

			
			ul.submenu li a.exterior:hover{
				background-image:url("img/sm-exterior.gif");
				background-repeat: no-repeat;
				width:83px;
				height: 22px;
				background-position:0 0px;
			}
			/*---------- industrial -------------*/
			ul.submenu li a.industrial{
				background-image:url("img/sm-industrial.gif");
				background-repeat: no-repeat;
				width:83px;
				height:22px;
				background-position:0 -27px;
			}

			
			ul.submenu li a.industrial:hover{
				background-image:url("img/sm-industrial.gif");
				background-repeat: no-repeat;
				width:83px;
				height: 22px;
				background-position:0 0px;
			}

/* contenido
-------------------------------------------------------------- */
#contenido{
    margin-top:25px;
	margin-left:30px;
	margin-right:30px;
    margin-bottom:40px;
    width: 719px;
}

#contenido_descargas{
    margin-top:25px;
	margin-left:24px;
	margin-right:0px;
    margin-bottom:40px;
    width: 729px;
}

#contenido_listado{
	padding-left:25px;
	padding-right:21px;
    float: left;
}



#content{
	background-color: #fff;
	min-height:563px;
	/*padding-right: 4px;*/
    width: 779px;
}

#flechas{
	margin-top:10px;
	margin-left:20px;
}

#img_dcha img{ margin-top:10px; }



/* productos
-------------------------------------------------------------- */
.producto{
    float: left;
    margin-top:30px;
    width: 236px;
    margin-right: 10px;
}
    .producto_last{
        margin-right: 0px;
    }
    .imagen_producto{
        float: left;
        margin-bottom: 3px;
        width: 100%;
        height: 103px;
    }  
        
        .imagen_producto table, .imagen_producto table td{
            padding: 0;
            margin: 0;
            text-align: center;
            vertical-align: middle;
        }         
        .imagen_producto img.imagen{
            /*width: 100px;*/
            /*height: 100px;*/
        	padding-top:0px;
            /*display: block;*/
        }        
    
    .datos_producto{
        float: left;
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
        .datos_producto .titulo{
        	font-size:15px;
        	color:#621758;
            line-height: 18px;
            padding-bottom: 4px;
            background: url(img/producto_background.gif) no-repeat center bottom;
            margin-bottom: 2px;
        }
            .datos_producto .titulo a{
            	color:#621758;
                line-height: 18px;
            }
                .datos_producto .titulo a:hover{
                	color:#621758;
                }
                .datos_producto .titulo a:visited{
                	color:#621758;
                }
                .datos_producto .titulo a:focus{
                	color:#621758;
                }
                
        .datos_producto .subtitulo{ font-size:13px; }


/* producto ficha
-------------------------------------------------------------- */
#producto_ficha {
    padding-top: 20px;
    font-size: 11px;
}
    #producto_ficha #images {
        float: left;
        width: 160px;
    }
        #producto_ficha #images .thumbnails {
            margin-top: 10px;
        }
        
        #producto_ficha #images .thumbnails .thumb {
            float: left;
            width: 46px;
            margin-right: 10px;
        }
        #producto_ficha #images .thumbnails .thumb_last {
            margin-right: 0px;
        }
        
            
        #producto_ficha #images img {
            display: block;
        }

    #producto_ficha #text {
        float: left;
        width: 400px;
        padding-left: 20px;
        font-size: 13px;
        
    }
        #producto_ficha #text .name {
            color: #621758;
            font-size: 15px;
            font-weight: bold;
        }
        #producto_ficha #text .description {
        }
        #producto_ficha #text .code {
            padding-top: 10px;
        }
        #producto_ficha #text .descatalogado {
            padding-top: 10px;
            color: #BC0000;
        }
        #producto_ficha #text .description_long {
            padding-top: 10px;
        }
        #producto_ficha #text .addthis_toolbox {
            padding-top: 20px;
        }
        #producto_ficha #text .features {
            padding-top: 20px;
        }
            #producto_ficha #text .features .features_title {
                color: #621758;
                width: 100%;
                margin-bottom: 5px;
                border-bottom: 1px solid #621758;
            }
            #producto_ficha #text .features .feature {
                margin-left: 12px;
                width: 300px;
            }
            
        #producto_ficha #text .downloads {
            padding-top: 20px;
        }
            #producto_ficha #text .downloads .downloads_title {
                color: #621758;
                width: 100%;
                margin-bottom: 5px;
                border-bottom: 1px solid #621758;
            }
            #producto_ficha #text .downloads .download {
                padding-top: 2px;
                margin-left: 12px;
                width: 300px;
            }
            
                #producto_ficha #text .downloads .download a {
                    color: #696969;
                    text-decoration: none;
                    display: block;
                    float: left;
                    clear: both;                    
                    height: 16px;
                }
                    #producto_ficha #text .downloads .download a:hover {
                        text-decoration: underline;
                    }
                    #producto_ficha #text .downloads .download a.pdf {
                        background: url(img/ico_pdf.gif) no-repeat 0px 0px;
                        padding-left: 19px;
                    }
                    #producto_ficha #text .downloads .download a.doc {
                        background: url(img/ico_doc.png) no-repeat 0px 0px;
                        padding-left: 19px;
                    }
            
        


/* Columnas
-------------------------------------------------------------- */

/* Use esta clase junto con la clase .span-? para poder armar el esquema, el margin
define el espacio que hay despues de cada columna */
   
.columna {
  float: left;
  margin-right: 10px;
}


/* La última columan necesita que se coloque esta clase, más que todo para que no nos
deforme el diseño*/

.ultimo { margin-right: 0; }

/* Con estas clases definimos el ancho de las columnas */
.ancho-1   { width: 30px; }
.ancho-2   { width: 70px; }
.ancho-3   { width: 110px; }
.ancho-4   { width: 150px; }
.ancho-5   { width: 180px; }
.ancho-6   { width: 220px; }
.ancho-7   { width: 270px; }
.ancho-8   { width: 310px; }
.ancho-9   { width: 350px; }
.ancho-10  { width: 390px; }
.ancho-11  { width: 445px; }
.ancho-12  { width: 470px; }
.ancho-13  { width: 510px; }
.ancho-14  { width: 550px; }
.ancho-15  { width: 590px; }
.ancho-16  { width: 630px; }
.ancho-17  { width: 668px; }
.ancho-18  { width: 710px; }
.ancho-19  { width: 750px; }
.ancho-20  { width: 775px; }
.ancho-21  { width: 830px; }
.ancho-22  { width: 870px; }
.ancho-23  { width: 900px; }
.ancho-24  { width: 960px; }


/* Lateral derecho de las columnas. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Borde para agregar más espacio en blanco a los span o columnas */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Utilice estas clases para sacar de la misma linea a una columna. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Más elementos
-------------------------------------------------------------- */

/* Con esta clase podemos crear cajas  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Con esta clase podemos crear reglas horizontales. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 



  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Limpiar los floats 
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

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


/* Derecha o Izquierda*/
.izq{
	float:left;
}

.der{
	float:right;
}

div.espacio {
    height: 30px;
    width: 20px;
}

.clearboth { clear: both; }

.breadcrumb {
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #621758;
}
    .breadcrumb a{
        color: #621758;
    }
        .breadcrumb a:hover{
            text-decoration: underline;
            color: #621758;
        }


/* Empresa
-------------------------------------------------------------- */
#empresa {  }
    #empresa .image { width: 300px; float: left; }
    #empresa .text { width: 388px; float: left; padding-left: 30px; }
        #empresa .text .titulo_violeta { color: #621758; font-size: 20px; font-weight: bold; font-family: Arial; padding-right: 4px; }
        #empresa .text  p { font-size: 13px; color: #696969; }



/* Producto (Listado categorías)
-------------------------------------------------------------- */
#categorias_texto { font-size: 13px; margin-bottom: 30px; }

#categorias {}

    #categorias .categoria { width: 220px; float: left; margin-right: 29px; }
        #categorias .categoria .image { height: 130px; }
            #categorias .categoria .image img { display: block; border: 1px solid #696969; }
        #categorias .categoria .title { padding: 18px 0px 3px 0px; text-align: center; color: #631758; font-size: 15px; font-weight: bold; background: url("img/producto_background.gif") no-repeat center bottom; }
            #categorias .categoria .title a { color: #631758; font-weight: bold; }
    #categorias .categoria_last { margin-right: 0px; }
    
    #categorias .separacion { margin: 25px 0px 25px 0px; }
        #categorias .separacion img { display: block; }
        
#categorias_logos { padding-bottom: 30px; }
    #categorias_logos .logo { float: left; padding-right: 22px; }
        #categorias_logos .logo img { display: block; }
    #categorias_logos .logo_last { padding-right: 0; }
     


/* Descargas
-------------------------------------------------------------- */
#descargas {}
    
    #descargas .left { float: left; }
        #descargas .left img { display: block; }
        
    #descargas .right { float: left; }
        #descargas .right .descargas_titulo { float: left; }
            #descargas .right .descargas_titulo img { display: block; }
            

        #descargas .right .descargas_listado { padding: 20px 0px 0px 10px; }
            #descargas .right .descargas_listado img { display: block; }
                #descargas .right .descargas_listado .descarga {}
                    #descargas .right .descargas_listado .descarga .image { float: left; padding-right: 10px; }
                        #descargas .right .descargas_listado .descarga .image img { display: block; }
                    #descargas .right .descargas_listado .descarga .title { float: left;  }
                        #descargas .right .descargas_listado .descarga .title a { font-size: 13px; color: #696969; }
                            #descargas .right .descargas_listado .descarga .title a:hover { text-decoration: underline; }
                #descargas .right .descargas_listado .separacion { margin: 10px 0px 10px 0px; }
                        
                    
                
/* Contacto
-------------------------------------------------------------- */
#contacto { padding-top: 20px; font-size: 13px; }
    #contacto a { color: #696969; }
    #contacto a:hover { color: #696969; text-decoration: underline; }
    #contacto .titulo_violeta { color: #621758; font-size: 20px; font-weight: bold; font-family: Arial; }
    #contacto textarea { background-color: #FFFFFF; resize: none; margin: 0; width: 400px; padding: 5px; height: 150px; }
    #contacto .input_submit { background-color: #621758; color: #ffffff; padding: 3px 5px; border: 0; margin: 0; float: right; line-height: 14px; }
    #contacto .input_text { width: 410px; border: 1px solid #BBBBBB; }
    
    #contacto .left { width: 290px; float: left; }
    #contacto .right { width: 410px; float: left; }
    
    
/* Proyectos
-------------------------------------------------------------- */
#proyectos_departamento {}
    #proyectos_departamento .image { width: 300px; float: left; }
    #proyectos_departamento .text { width: 388px; float: left; padding-left: 30px; font-size: 13px; color: #696969; }
        #proyectos_departamento .text .titulo_violeta { color: #621758; font-size: 20px; font-weight: bold; font-family: Arial; padding-right: 4px; }

#proyectos_casos {}
    #proyectos_casos .texto { font-size: 13px; }
    #proyectos_casos .titulo_violeta { color: #621758; font-family: Arial; font-size: 20px; font-weight: bold; }
    
#listado_casos {  }
    #listado_casos .caso { width: 220px; float: left; margin-right: 29px; }
        #listado_casos .caso .image { height: 130px; }
            #listado_casos .caso .image img { display: block; border: 1px solid #696969; }
        #listado_casos .caso .title { padding: 18px 0px 3px 0px; text-align: center; color: #631758; font-size: 15px; font-weight: bold; background: url("img/producto_background.gif") no-repeat center bottom; }
            #listado_casos .caso .title a { color: #631758; font-weight: bold; }
        #listado_casos .caso_last { margin-right: 0px; }
    #listado_casos .separacion { margin: 25px 0px 25px 0px; }
        #listado_casos .separacion img { display: block; }
        
/* Proyecto Ficha
-------------------------------------------------------------- */
#proyectos_ficha {}
    #proyectos_ficha .left { width: 395px; padding-right: 20px; float: left;  font-size: 13px; color: #696969; }
        #proyectos_ficha .left .title { color: #621758; font-family: Arial; font-size: 20px; font-weight: bold; padding-bottom: 18px; }
    #proyectos_ficha .right { width: 300px; float: left; }
        #proyectos_ficha .right .volver { font-size: 13px; float: right; margin-bottom: 30px; color:#621758; }
            #proyectos_ficha .right .volver a { color:#621758; }
                #proyectos_ficha .right .volver a:hover { text-decoration: underline; }

        #proyectos_ficha .right .main_image {
            margin-bottom: 12px;
        }
            #proyectos_ficha .right .main_image img {
                display: block;
            }
        
        #proyectos_ficha .right .thumbnails {
            margin-bottom: 12px;
        }
        
        #proyectos_ficha .right .thumbnails img {
            display: block;
            float: left;
            margin: 0px 12px 12px 0px;
        }

        #proyectos_ficha .right .thumbnails .thumb_last {
            margin-right: 0px;
        }
        

            
        
    
    
/* Footer
-------------------------------------------------------------- */
#footer { text-align: right; padding: 30px 5px 20px 0px; color: #ffffff; }



/* Paginador
-------------------------------------------------------------- */
#pager {
    font-size: 10px;
    padding: 30px 30px 30px 0;
    text-align: right;
}
#pager a {
    border: 1px solid #621758;
    color: #621758;
    padding: 1px 4px;
    text-decoration: none;
}
#pager a:hover {
    text-decoration: none;
}
#pager strong {
    background: none repeat scroll 0 0 #FFE5FB;
    border: 1px solid #621758;
    color: #621758;
    font-weight: normal;
    padding: 1px 4px;
}


/* Twitter
-------------------------------------------------------------*/
#home_twitter {
    padding:    15px 0px 0px 0px;
    float: left;
    width: 720px;
}
    #home_twitter_content {
        background:     url(img/twitter_center.gif) repeat-y top center;
        position:       relative;
    }

    #home_twitter_top {
        background:     url(img/twitter_top.gif) no-repeat top center;
        height:         52px;
        position:       relative;
    }

    #home_twitter_bottom {
        background:     url(img/twitter_bottom.gif) no-repeat top center;
        height:         52px;
        margin:         -52px 0px 0px 0px;
        position:       relative;
    }

    #home_twitter_center {
        margin:         -52px 0px 0px 0px;
        min-height:     100px;
        position:       relative;
        z-index:        99;
	white-space: 	wrap;
    }
        #home_twitter_center .left {
            float:      left;
            padding:    0px 8px 0px 11px;
            position:   relative;
            width:      340px; /* 452px */
        }

        #home_twitter_center .right {
            float:      right;
            padding:    0px 13px 0px 0px;
            position:   relative;
            width:      340px; /* 452px */
        }

        #home_twitter_center .tweet {
            background:     url(img/twitter_line.jpg) no-repeat center bottom;
            color:          #333333;
            font-size:      12px;
            font-weight:    bold;
            line-height:    14px;
            margin:         0px 0px 7px 0px;
            padding:        0px 0px 7px 0px;
        }
            #home_twitter_center .tweet a {
                color:              #621758;
                text-decoration:    none;
            }

            #home_twitter_center .tweet a:hover {
                text-decoration:    underline;
            }

            #home_twitter_center .tweet .date {
                color:              #878787;
                display:            block;
                font-size:          9px;
                font-weight:        bold;
                padding:            5px 0px 0px 0px;
            }

            #home_twitter_center .tweet .fromweb {
                color:              #aeaeae;
                font-weight:        normal;
            }

            #home_twitter_center .last {
                background:         none;
                margin:             0px 0px 0px 0px;
                padding:            0px 0px 0px 0px;
            }

    #home_twitter .title {
        /*background:     url(img/twitter_title.gif) no-repeat 0 0;*/
        height:         35px;
        margin:         0px 0px 19px 0px;
    }

#producto_imagen img{
	border: 1px solid black;
	padding: 10px;	
}