/* Documento CSS - Coffee Shop Web */

body {
    font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;
    margin: 10 0 10 0px;
    color: #FFFFFF;
    background-color: #D67512;
    background-image:url(imagenes/cs_fondo.jpg);
    background-repeat:no-repeat;
    background-position: top;
    top: 0;
}

#contenedor{
    text-align: left;
    width: 770px;
    height: 560px;
    margin: auto;
}

#cartelera{
    font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #000000;
    width: 500px;
    height: 289px;

    background-image:url(imagenes/27-11-2009.jpg);
    background-repeat:no-repeat;
    position:absolute;
    margin: 150;
    border-style:groove;
    border-color:red;
    border-width:5px;
}

#cartelera h4{
   cursor: pointer;
}

#cabecera{
    width: 760px;
    height: 120px;
    background-image:url(imagenes/cs_cabecera.jpg);
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}

#cuerpo{
    margin: 10 10 10 0px;
}

#menu{
    width: 160px;
    float:left;
    background-color: #999999;
    border-style: solid solid none solid;
    border-color: #D76100;
    border-size: 1px;
    border-width: 1px;
}

#menu ul{
    margin : 0 0 0 0px;
    padding: 0 0 0 0px;
    list-style: none;
}


#menu li a {
     height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
     text-decoration: none;
}

#menu li a:link, #menu li a:visited {
     color: #9E3C02;
     display: block;
     background: url(imagenes/cs_menu.gif);
     padding: 8px 0 0 30px;
}

#menu li a:hover, #menu li #current {
     color: #fff;
     background: url(imagenes/cs_menu.gif) 0 -32px;
     padding: 8px 0 0 30px;
}

#menu li a:active {
     color: #fff;
     background: url(imagenes/cs_menu.gif) 0 -64px;
     padding: 8px 0 0 30px;
}


#menu a{
    color: #3333cc;
    text-decoration: none;
}

#links{
    width: 150x;
    float: right;
    color: white;
    background:#992533;  
    border-bottom: 0.2em solid #990000;
    border-right: 0.2em solid #990000;
    padding: 0 1px;
    margin-left: 0;
    width: 12em;
    font: normal 10px Verdana, sans-serif;
}

#links h2{
    color:#FF6600;
    text-decoration: blink;
}

#links li {
   list-style: none;
   margin: 0;
   font-size: 1em;
}

#links a {
   display: block;
   text-decoration: none;
   margin-bottom: 0.5em;
   margin-top: 0.5em;
   color: white;
   background: #CC6633;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
   border-left: 1em solid #fc0;
   padding: 0.25em 0.5em 0.4em 0.75em;
}

#links a#current { border-color: #5bd #035 #068 #f30; }

#links a {
   width: 99%;
}

#links a {
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 9.6em;
}


#links a:hover, #links a#current:hover {
   background: #FF9933;
   border-color: #FF6600;
   padding: 0.4em 0.35em 0.25em 0.9em;
}

#links a:active, #links a#current:active {
   background: #CC6633;
   border-color: #069 #6cf #5bd white;
   border-left: 1em solid #fc0;
   padding: 0.4em 0.35em 0.25em 0.9em;
}


#contenido{
    width: 460px;
    height: 400px;
    margin-left: 170px;
    text-align:justify;
    overflow:auto;
}

#pie{
    color: #9E3C02;
    background-color: #D67512;
    border-color: #D76100;
    padding: 3 10 3 10px;
    text-align:right;
    clear: both;
}