/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */


.noMuestra{
    display: none;
}

.muestra{
    display: block;
}

#tabla-principal{
    /*margin-top: -1em;
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: -2em;*/
    margin: 1em;
    border: 10px solid #c0c0c0;
}

#tabla-principal tr td{
    max-width: 500px;
    margin: 0px;
    
}

#menues{
    margin: 0px;
    background-color: #cccccc;
    height: 50px;
}

#direct1, #direct2, #direct3{
    margin-left: 40px;
    color: #333333;
    font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
    font-size: 115%;
    text-decoration: none;
    font-weight: bold;
}


.pics {  
    height:  300px;  
    width:   500px;  
    padding: 0;  
    margin:  0;  
    overflow: hidden;
} 
 
.pics img {  
    padding: 0px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  500px; 
    height: 300px; 
    top:  0; 
    left: 0 
}

.pics-menu {  
    height:  122px;  
    width:   900px;  
    padding: 0;  
    margin:  0;  
    overflow: hidden;
}

.pics-menu img {  
    padding: 0px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  900px; 
    height: 122px; 
    top:  0; 
    left: 0; 
}

#slideshow { margin: 0px }
#nav { width: 300px; margin: 15px }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }



/*  */