/*CSS leonardovalencia.com*/

body
{
position: relative;
background: #000000;
margin: 0px; 
padding: 20px 0px 35px 0px;
font-size: 10pt;
font-family: "verdana", sans-serif;
color: #fff;
}

div, p, ul, h1, h2, h3, h4, img, form, label, hr{padding:0px; margin:0px;}
ul{list-style:none;}
p {line-height: 1.5em; margin-bottom: 1em; text-align: justify;}
a {color: #95A735; text-decoration: underline;}
a:hover {background:#95A735; color:#000; text-decoration:none;}
h1, hr{ visibility:hidden;}

#back1 {
position: absolute;
bottom: 0;
width: 100%;
height: 700px;
background: url('/img/background2.jpg') #000 repeat 50% 0;
}

#container {
position: relative;
width: 680px;
margin: 0 auto;
z-index: 2;
background: #000;
}

#header {
position: relative;
width: 100%;
height: 115px;
background: #000 url('/img/headback.jpg') no-repeat;
}

#header1 {position: absolute; margin: 15px 18px 15px 18px; background: url('../img/logo.jpg') no-repeat; height:90px;}
#header1 h1 {font-weight: normal; color: #fff; font-size: 2.5em;}
#header1 h2 {font-weight: normal; font-size: 14px; color: #999;}
#header p{float: right; margin: 18px 14px 0 0; color: #fff;}
* html #header p{float: right; margin: 1em 1em 0 0; color: #fff;}
#header p a{color:#fff; text-decoration:none;}
#header p a:hover{background:#95A735; color:#000000;}

#mainmenu {
position: relative;
border-top: 0.5px solid #000;
background: #000 url('/img/menuback.gif') repeat-x top left;
height: 38px;
padding: 0em .5em 0em .5em;
margin: 0;
}

#mainmenu ul {
position: absolute;
top:.8em;
text-align:right;
padding-right:15px;
width:96%;

}

#mainmenu ul li {
position: relative;
display: inline;
border-left: solid #000 1px;
}
* html #mainmenu ul li {
border-left: solid #000 1px;
}
#mainmenu ul li:first-child {
border:none;
}
#mainmenu ul li a {
padding: 0.8em 1em 0.75em 1em;
margin-right: -5px;
color: #fff;
text-decoration: none;
}
#mainmenu ul li a:hover, #mainmenu ul li a.select { 
background: #666600; 
background: #666600 url('/img/menuselect.gif') repeat-x top left;
}
#menubottom {
background: #000 url('/img/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content {
padding: 0em 2.0em 0em 2.0em;
}
#content h2 {
font: 25px "Georgia", Times, serif;
color:#95A735;
border-bottom:1px solid #95A735;
}
#content h3{ 
font: normal 16px "Verdana", Arial, Helvetica, sans-serif;
margin:15px 0 15px 0;
}
#content01 {
padding-top: 3em;
text-indent:20px;
width:400px;
}

#content02
{
padding-top: 1.3em;
text-indent:20px;
width:400px;
}

#content01 ul li{
list-style: none;
background: url('/img/bolita.gif') no-repeat 1em .4em; line-height: 1.5em;
margin-bottom:5px;
padding-left:30px; text-indent:0px;
}

#content01 .destaca {
color:#95A735;
}

#box {
position: absolute;
top: 0em;
right:213px;
padding: 0em;
margin-bottom: 1.0em;
}


#box1{
position:absolute;
top:20em;
background: #000;
width:180px;
background-color:#2e2e2e;
padding-bottom:5px;
}

#box2{
position:absolute;
top:32em;
background: #000;
width:180px;
background-color:#2e2e2e;
padding-bottom:5px;
}

#box1 h4, #box2 h4{
background: #000 url('/img/cuadrohead.gif') no-repeat;
margin:0 0 0.5em 0em;
font: 16px "Verdana";
padding: 5px 0 0 15px;
height:35px;
}
#box1 ul , #box2 ul { 
margin-bottom:0.8em;
}
#box1 ul li, #box2 ul li{ 
margin:0 0 0 1em;
line-height:1.8em;
width:150px;
display:block; 
background:url('/img/flecha.gif') 0 50% no-repeat; padding:0 0 0 15px;
font-size:12px;
}
#box ul li em{ color:#ccc; font-size:11px;}

#box1 ul li a, #box2 ul li a, #box3 p a{
color:#fff;
text-decoration:none;
}
#box1 ul li a:hover, #box2 ul li a:hover, #box3 p a:hover{
background:#993300;
}

#box3{
position:absolute;
top:35em;
background: #000 url('/img/blogger.jpg') no-repeat;
width:178px;
padding-bottom:5px;
}
#box3 h4, #box4 h4{
font: 16px "Verdana";
padding: 10px 0 0 15px;
}
#box3 p{
margin:0.5em 0 0 1em;
background:url('/img/flecha.gif') 0 50% no-repeat; padding:0px 0 0 15px;
}

#box3 p a{
color:#fff;
text-decoration:none;
}

#box4{
position:absolute;
top:43em;
background: #000 url('/img/cuadroback.jpg') no-repeat;
padding-bottom:5px;
}

#box4 img {border:none; padding: 10px 0 0 15px;}

#box4 a, #box4 a:hover{background:none; color:#fff; text-decoration:none;}

/*footer*/

#contentfooter{position:relative; margin-top:10px; width:100%;}

#contentfooter p{
margin-top:1.5em;
border-top:1px #666 solid;
text-align:center;
width:100%;
}
#contentfooter a{ color:#fff; text-decoration: underline;}
#contentfooter a:hover{color:#95A735; background:none; text-decoration: none;}

#footer {
position: relative;
height: 4em;
clear: both;
margin-top: 1em;
background: #000 url('/img/footback.gif') no-repeat ;
font-size: 0.8em;
height:42px;
}
* html #footer {
margin-top: 0.2em;
}

#footer a{ color:#fff; text-decoration: none;}

#footer .left
{
position: absolute;
left: 20px;
bottom: 13px;
}

#footer .center
{
position: absolute;
left: 255px;
bottom: 13px;
}

#footer .right
{
position: absolute;
right: 20px;
bottom: 13px;
}

/*clases varias*/
.separador{
border-bottom: dashed #666 1px;
margin: 25px 0 25px 0;
}

#content p.imgLeft img{
float:left; 
margin:10px 18px 0 0;
}

#content p.imgRight{
float:right; margin:10px 0 0 18px;

}