/* Paleta BOTON.TV     */
/* azul: #005882       */
/* naranja: #FF8C00    */ 




body {
       color: #777;
       background-color: #FFF;
       margin: 0px;
       padding: 0px;
       text-align:left;
       font-family: helvetica, sans-serif;
       font-size: 14px;
}

a {
    text-decoration:none;
}

/* CLASES UTILITARIAS */
.clear { 
         clear: both;
         display: block;
         height: 0pt;
         line-height: 1px;
         font-size: 1px;
         margin: 0pt;
         padding: 0pt;
}

.center { 
          text-align: center;
}

/* MAIN NAVIGATION BAR */
#mainnav { 
           height: 40px; 
           left: 0px;
           right: 0px;
           margin-bottom: 25px;
           background-color: transparent;
           font-size: 14px;
           color: #eee;
           text-align: left;
           background: url("../_inc/nav/nav_bg.png") repeat-x top left;

}

#mainnav ul { 
              width: 765px;
              height: 40px;
              margin: 0px auto;
              padding-left: 35px;
              list-style-image: none;
              list-style-position: outside;
              list-style-type: none;
}

#mainnav li { 
              float: left;
              text-indent: -9999px;
              background-position: center top;
 }

#mainnav li.active { 
                     background-position: center bottom;
 }

#mainnav a { 
             color: #eee;
             display: block;
             height: 40px;
             outline-color: invert;
             outline-style: none;
             outline-width: medium;
 }

/* CONTENT */
#content { 
           width: 800px;
           margin: 0px auto;
           margin-top: 40px;
           text-align: left;
}

#content h1, #content h2, #content h3 { 
             margin-top: 1em;
             margin-bottom: 0.5em;
 }
#content p { 
             margin-top: 0.5em;
             margin-bottom: 0.3em;
 }

#content a { 
             text-decoration: underline;
             color: #777;
 }


/* HOME PAGE  ELEMENTS */ 
#content div.introblock { 
                          width: 210px !important;
                          width: 210px;
                          display: inline;
                          float: left;
                          text-align: center;
                          margin: 25px;
                          margin-top: 4em;
                          margin-bottom: 4em;
}

#content .intronumber { 
                        font-size: 48pt;
                        line-height: 48pt;
                        margin: 0pt;
                        padding: 0pt;
}

#content div.introblock img { 
                              margin: 0pt;
                              padding: 0pt;
}

#content div.introblock p { 
                            margin-top: 0px;
                            margin-bottom: 0px;
}

#content div.introblock embed { 
              background: url("/pictograms_bg.jpg") no-repeat top center;
 }

#focus { 
         text-align: center;
         border: none;
}

#focus img { 
           border: none;
}


/* INFO PAGE ELEMENTS  */ 
/* INFO PAGE - SCROLL TABS */
#scrolltabs { 
              list-style-image: none;
              list-style-position: outside;
              list-style-type: none;
              font-style: italic;
              font-size: 0.9em;
              margin: 0;
              padding: 0;
              height: 37px;
              text-align: left;
              width: 800px;
              background: url("../info/tab_bg.png") repeat-x bottom left;
}
#scrolltabs li { 
                 float: left;
                 text-indent: -9999px;
                 background-position: center top; 
}

#scrolltabs a { 
                display:block;
                height: 37px;
                text-decoration: none;
                color:#765;
                outline-color: invert;
                outline-style: none;
                outline-width: medium;
 }
#scrolltabs li.active { 
                        background-position: center bottom;
}

/* INFO PAGE - SCROLL FRAME */
/* fuck ie6! no drop shadow for you */
#scrollframe {  
               clear: both;
               margin: 0px;
               width: 813px !important;
               width: 800px;
               margin-left: -7px !important;
               padding-left: 7px;
               height: 36em;
               margin-bottom: -13px;
               padding-bottom: 13px;
               position: relative;
               background: url("../info/scrollframe-shadow.png") no-repeat bottom left !important;
               background: none;
               overflow: hidden;
}

#scrollwindow { 
                float: left;
                height: 100%;
                overflow: hidden;
                width: 800px;
                background: #fff;
}

/* width mayor que 800 x cantidad de panes */ 
#scrollcontent { 
                 width: 5600px;
                 background: transparent;
                 height: 100%;
 }

/* ojo que tiene que sumar 800 de ancho, sino se hace carozo */ 
#scrollcontent div.scrollpanel { 
                                 float: left;
                                 height: 100%;
                                 padding: 0px 20px;
                                 width: 760px;
                                 text-align: left;                  
                                 background: transparent;
}

.scrollpanel h2 { 
                  font-size: 1.5em;
                  margin-top: 1.5em;
                  margin-bottom: 0.8em;
                  background: transparent;
                 }
.scrollpanel h3 { 
                  font-size: 1.1em;
                  margin-top: 0.5em;
                  margin-bottom: 0.6em;
                  background: transparent;
                 }
.scrollpanel p, .scrollpanel ul { 
                                  font-size: 1.0em;
                                  margin-bottom: 1em;
                                  background: transparent;
 }

.scrollpanel li { 
                  margin-left: 3em;
 }

.scrollpanel img { 
                   border: none;

 }

#scrollcontent .twocolumns { 
                             width: 360px !important;
                             width: 340px;
                             margin-right: 20px;
                             margin-left: 0px;
                             float: left;
                             background: transparent;
 }


/* HCARD */ 




/* FOOTER AND RELATED*/
#footer {  
          width: 800px;
          margin: 50px auto;
}

#sitenav { 
           float: left;
           position: relative;
           background-color: #f8f8f8;
           border: 1px solid #ddd;
           width: 100%;
           font-size: 0.9em;
           line-height: 1.6em;
           margin: 15px 0;
           padding: 5px 0 20px 0;
           color: #aaa;
}

#sitenav div.column { 
                     float: left;                     
                     width: 235px;
                     margin: 0px 0 0 30px;                  
                     text-align: left;
                     display: inline;
}

#sitenav a { 
             color: #aaa;
             text-decoration: none;
 }

#sitenav a:hover { 
             text-decoration: underline;
 }

#sitenav h3 { 
              margin-top: 15px;
              margin-bottom: 0px;
              font-size: 1.0em;
              font-weight: bold;
              color: #888;
 }

#sitenav ul { 
              margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              padding-left: 0px;
              color: #aaa;
              list-style-image: none;
              list-style-position: outside;
              list-style-type: none;
 }

#sitenav p.tagcloud { 
                     margin: 0px;
                     padding: 0px;
                     padding-left: 20px;
}

#copyright { 

             text-align: center;
             width: 800px;
}
#copyright p { 
             color: #aaa;
             font-size: 0.7em;
 }