/* ******************************************************************************************* */
body{
color: #666;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background: #000;
}
/* ******************************************************************************************* */
.br,
.clear{clear: both;}
/* ******************************************************************************************* */
h1{font-size: 36px;}
h2{font-size: 24px;}
h3{font-size: 18px;}
p,
ul,ol,li,
dl,dt,dd,
a,
strong,em,cite
  {font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

h1{margin: 0 0  0px 0;}
h2{margin: 0 0 10px 0;}
h3{margin: 0 0 10px 0;}
p,
ul,ol,
dl
  {margin: 0 0 10px 0;}
a,
li,
dt,dl,
strong,em,cite
  {margin: 0 0 0 0;}
h4{margin: 0 0 0 0;}
h5{margin: 0 0 0 0;}
h6{margin: 0 0 0 0;}

li ul,
li ol,
dt dl,
dd dl{margin-top: 10px;}

h1,
h2,
h3,
h4,
h5,
h6{color:#0F0;}
p{color: #FFF;}
ul,
ol,
dl{color: #0F0;}
li{color: #FFF;}
dt{color: #0F0;}
dd{color: #FFF;}
a{color: #FF0;}
strong{color: #0F0;}
em,cite{color: #0F0;}

em,cite{font-style: italic;}

h1,
h2,
h3,
h4,
h5,
h6,
strong{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

ul{margin-left: 1em; list-style-type: circle;}
ol{margin-left: 2em; list-style-type: decimal;}
dd{padding-left: 2.5em;}

dt{font-weight: bold;}
dd{font-style: italic;}
/* ******************************************************************************************* */
/* ******************************************************************************************* */
#header{
/*background: url(../img/bg_header_info.png) no-repeat center bottom;*/

width: 46%;
height: 320px;
float: left;
padding: 2%;
/*margin-bottom: 224px;*/
position: fixed;
}

#header h1{font-size: 48px; color: #00FF00;}
#header h2{font-size: 24px; color: #FFFF00;}
#header h3{font-size: 24px; color: #FFFF00;}
/* ******************************************************************************************* */
#main{
width: 46%;
float: right;
padding: 2%;
margin-bottom: 224px;
}

#main h2{text-align: center;}
#main p{text-align: justify;}

#main a,
#main a:link{text-decoration: none;}
#main a:hover,
#main a:hover:active,
#main a:hover:visited{text-decoration: underline;}

#main .inicio{text-align: center; margin-top: 16px; border-top: double medium #FF0;}
#main .inicio a{font-size: 24px; display: block;}

.lista{}

.lista ol li{font-size: 36px;}
.lista ol li span a.top{color: #0F0; font-size: 24px; font-weight: bold;}
.lista ol li span a    {color: #FFF; font-size: 24px;}
.lista dd{padding: 0;}
.lista dt{width: 18%; text-align: right; float: left; clear: both;}
.lista dd{width: 78%; text-align: left; float: right;}
/* ******************************************************************************************* */
#footer{
color: #666;
background: url(../img/bg_footer.png) repeat-x fixed center bottom;
width: 100%;
height: 224px;
position: fixed;
overflow: hidden;
bottom: 0%;
left: 0%;
}
#footer .content{
background: url(../img/bg_menu.gif) no-repeat center bottom;
height: 181px;
margin: 43px 0 0 0;
position: relative;
}
/* ******************************************************************************************* */
.menu{
/*796 x 114*/
width: 792px;
height: 110px;
margin: 0 auto;
margin-top: 40px;
left: 50%;
margin-left: -396px;

position: absolute;
overflow: hidden;
}

.menu .pd,
.menu .web,
.menu .social{
color: #FF0;
font-size: 16px;
text-align: center;

width: 100px;
height: 105px;
float: left;
padding: 5px 0 0 102px;
margin: 0 56px 0 6px;
list-style-type: none;
}
.menu .pd    {background: url(../img/bg_menu_pd.png) no-repeat left center;}
.menu .web   {background: url(../img/bg_menu_web.png) no-repeat left center;}
.menu .social{background: url(../img/bg_menu_social.png) no-repeat left center;}

.menu a,
.menu a:link{
text-decoration: none;
display: block;
/*border: solid 1px transparent;*/
}
.menu .pd .site{font-weight: bold;}
.menu .pd a,
.menu .pd a:link{
color: #0F0;
}
.menu .web a,
.menu .social a,
.menu .web a:link,
.menu .social a:link{
color: #FF0;
}
.menu .pd a:hover,
.menu .pd a:hover:active,
.menu .pd a:hover:visited{
/*border: solid 1px #0F0;*/
color: #000;
background: #0F0 url(../img/bg_menu_item.png) repeat-x center bottom;
}
.menu .web a:hover,
.menu .social a:hover,
.menu .web a:hover:active,
.menu .social a:hover:active,
.menu .web a:hover:visited,
.menu .social a:hover:visited{
/*border: solid 1px #FF0;*/
color: #000;
background: #FF0 url(../img/bg_menu_items.png) repeat-x center bottom;
}
/* ******************************************************************************************* */