/* 
    Document   : estilos
    Created on : 11-abr-2013, 9:12:06
    Author     : David Albert Hernández
    Description:
        Purpose of the stylesheet follows.
*/
.enlace {
    border: 0;
    padding: 0;
    background-color: transparent;    
    color:  rgb(80, 80, 80);
    display: inline;
    text-decoration:none;

}
.enlace:hover{
    color: #d5ed00;
}
img {

    border: none;

}

a{text-decoration:none} 



/*EL TOTAL DEL CUERPO DE LA PÁGINA*/
body {
    background-color: #C0C0C0 ;
    margin: 10px 0px 10px 0px;
    text-align: center;
    margin-top: 1em;
}
/*EL CONTENIDO QUE SE VA A CONTENER TODO */
div#total {
    text-align: left;
    width: 960px;
    margin: auto;
    background-color: white;
}

/*ESTILOS DE LA CABECERA*/   
div#cabeza { 
    width: 50em;
    height: 10em;
    margin-left: 5em;
    margin-right: 5em;
}
div#cabezaLogo{
    float: left;
}   
div#cabezaDerecha{
    float: right;
    font: 0.6em "Arial";
    margin-top: 8em;
    width: 25em;
    height: 8em;
}
div#registrarse{
    width: 20em;
    float: right;
    text-align: right;
    margin-bottom: 0.2em;    
}
div#buscador{ 
    float: right;
    width: 20em;
    float: bottom;
}
div#cajaBuscador{
    float: right;
}
div#imagenBuscador{
    float: right;
}
div#comentarioBuscador{
    text-align: right;
    float: right;      
}
a.boton {
    padding: 0.05em;  
    color: rgb(80, 80, 80); 
    text-decoration: none;
}

a.boton:focus, a.boton:hover, a.boton:active  {  
    /*font-weight: bold;*/ 
    color: #d5ed00; 
}

a#pulsado {
    color: #d5ed00; 
    font-weight: bold;

}
/*ESTILOS DE LA BOTONERA*/
div#botonera {
    /**/
    font-family: 'Arial';
    width: 50em;
    height: 1.5em;
    text-align: justify;
    margin-left: 4em;
    margin-right: 4em;
}
div#botonera-izda{

    padding-top: 0.2em; 
    border-top: 0.2em solid #C0C0C0;

}

/*ESTILOS PARA LAS MIGAS*/
div#migas {
    padding-left: 5em;
    padding-right: 0.5em;   
    color: rgb(80, 80, 80);
}

div#migas-interior {
    font: 0.6em 'Arial';    
}
a.miga {
    padding: 0.1em;  
    color: rgb(80, 80, 80); 
    text-decoration: none;
}

a.miga:focus, a.miga:hover, a.miga:active  {  
    color: #d5ed00; 
    font-weight: bold;
}
/*DISEÑO PARA EL RASGADO Y LAS IMAGENES CAMBIANTES*/
div#flash{
    width: 960px;
    height: 300px;
    background: url(cenefaNegraTop.gif);
}

/*DISEÑO PARA EL CONTENIDO DE LAS FOTOS DE LA PAGINA PRINCIPAL*/
div#fotos{
    margin-top: 0.5em;
    width: 50em;
    margin-left: 5em;
    margin-right: 5em;
}
/*
div#fotoCentro {
    float: left;
    background: url(fondoFoto.gif);
    width: 14em;
    height: 16em;
    margin-left: 4em;
    
} 

div#fotoIzquierda {
    float: left;
    width: 14em;
    height: 16em;
    background: blue;
}
div#fotoDerecha {
    float: right;
    background: url(fondoFoto.gif);
    width: 14em;
    height: 16em;
    background: blue;
}
div#fotoDentro{
    background: red;
    width: 12.4em;
    height: 14em;
    margin: 0.8em;
}
div#fotoTop{
    width: 100%;
    height: 66%;
}
 div#fotoPie{
    background: url(verdeFoto.gif);
    width: 100%;
    height: 37%;
}
*/

/*COLUMNAS DE INFORMACIÓN DE LA PAGINA PRINCIPAL*/
div#columnas{ 
    width: 50em;
    height: 15em;
    margin-left: 5em;
    margin-right: 5em;
    border-top: 0.2em solid #C0C0C0;
}
div#primeraColumna{
    margin-bottom: 0.5em;
    float: left;
    height: 15em;
    width: 12em;
}
div#segundaColumna{
    margin-left: 0.5em;
    margin-bottom: 1em;
    float: left;
    height: 15em;
    width: 12em;
}
div#terceraColumna{
    margin-left: 0.5em;
    margin-bottom: 1em;
    float: left;
    height: 15em;
    width: 12em;
}
div#cuartaColumna{
    margin-left: 0.5em;
    margin-bottom: 1em;
    float: left;
    height: 15em;
    width: 12em;
}
div#logoColumna{
    margin-top: 0.5em;
    height: 5em;
    width: 3em;
    float: left;
}
div#tituloColumna{
    margin-top:0;
    height: 3em;
    width: 8em;
    float: left;
}
div#contenidoColumna{
    margin-top: 0px;
    height: 12em;
    width: 9em;
    float: right;
}
/*SEGUNDO RASGADO Y PIE DE PÁGINA*/
div#pie{
    margin-top: 2em;
    width: 60em;
    height: 9.75em;
    background: url(cenefaNegraBoton.gif); 
}
div#contenidoPie{
    margin-top: 2em;
    width: 50em;
    height: 9.75em;
    margin-left: 5em;
    margin-right: 5em;
}
div#columnaPie{
    float: left;
    width: 20em;
    height: 9.75em;
    margin-right: 1em;

}





/*PARA ELCONTENIDO DE LAS IMAGENES*/
/*
div#cen{
    text-align: right;
    width:40em; 
    height:30em;
    margin-left:5em; 
    margin-right:5em;
    margin-top: 5em;
    margin-bottom: 5em;
    background-color:red;
}
*/

p{
    margin-top:0; 
    margin-bottom:0;
    text-align: justify;
}
h3{
    color: #d5ed00;
}