/*Aqu’ vamos a definir las propiedades de la p‡gina en general, m‡s adelante definiremos las de las cajas principales*/
       /*formatos de p‡rrafo, linea de separacion, encabezados 1 al 6, tablas, v’nculos (en sus 4 estados) y body respectivamente*/

head {
  font: Verdana, Arial, Helvetica, Sans-serif;
  text-align: center;
}

body {
        font:11px Verdana, Arial, Helvetica, sans-serif;
        text-align : center;
        line-height: 20px;
}
p {
        font-size:9px;
        color: #333333;
        line-height: 100%;
}

h0  {
        font-size:20px;
        text-align : center;
        color : #FFFFFF;
        margin: 5px;
}

h1 {
        font-size:15px;
        text-align : left;
        color : #FFEE00;
        margin: 5px;
}
h2 {
        font-size:13px;
        text-align : left;
        color:#FFFFFF;
        text-transform: capitalize;
}
h3 {
        font-size:13px;
        text-align : left;
        color : #FFEE00;
}
h4 {
        font-size:12px;
        text-align : left;
        color : #00D080;
}
h5 {
        font-size: 11px;
        text-align : left;
        color : #FFEE00;
}
h6 {
        font-size:10px;
        text-align : left;
        color : #666666;
}
td {
        font-size: 12px;
        text-align : center;
        color : #586885;
}
a {
        font-size:12px;
        color:#ffff00;
}
a:link {
        text-decoration: none;
        border-left: 10 px solid;
        color:#005500
}
a:visited {
        text-decoration: none;
}
a:hover {
        text-decoration: none;
       
}
a:active {
        text-decoration: none;
       
}

input, textarea {
        font-size: 12px;
        border: 2px solid #70C332;
        color: #444;
        background: #FFF;
}

input:focus, textarea: focus {
        background: #CCC;
}
     


#container {   
       margin: 0px auto;
       width:790;
       text-align: left;
}

#container2 {   
       background-color: #000000;
       margin: 0px auto;
       width:790;
       text-align: left;
       font-style: italic;
       
}
#caixa {
       background-color: #000000;
       margin: 0px auto;
       width: auto;
       text-align: left;
} 
#header{
       background: url(../images/rocmagictr.png) top center no-repeat;
       width: auto;
       height: 132px;
       margin:0px;
       padding: 0px;
}

#header h1 {
        margin: 0px;
}

#header a {
        width: autopx;
        height: 132px;   
        display: block;
        margin:0px;
        padding: 0px;
        text-decoration: none;
}

#header a span {
        visibility: hidden;
}


#sidebar {
       width: 150px;
       height: 400px;
       background-color:#FF8800;
       border-style:solid;
       border-width:1px;
       border-color:#DD887;
       padding: 10 px;
       float: left;
}

#sidebar ul {
       margin: 0px;
       padding: 0px;
       list-style-type: none;
       font:bold 11px Verdana, Arial, Helvetica, sans-serif;
       font-style: italic;
       color:#FFFFFF;
       line-height: 140%;
}

#sidebar ul li {
       background: #555555;
}

#sidebar ul li a {
       color: #FFFFFF;
       text-decoration: none;
       display: block;
       padding: 3px 3px 3px 6px;
}

#sidebar li a:hover {
       background: #000;
       border-left: 6px solid #333;
       color: #fff;
       text-transform: uppercase;
}

#main {
       text-align:center;
       height: 400px;
       margin-left: 225px;  
       padding: 0px 10px 0px 0px;     
}

#footer{
       clear: both;
       border-style:solid;
       border-width:1px;
       border-color:#BBBBBB;
}

#footer h6{
       text-align:center;
       margin:5px auto;
       color:#ffff00;
       font-size:10px;
}