/*CSS leonardovalencia.com*/


#content {
padding: 0em 2.0em 0em 2.0em;
min-height:670px;
}
* html #content{
height:660px;
}
#content h2 {
font: 25px "Georgia", Times, serif;
color:#95A735;
border-bottom:1px solid #95A735;
width: 100%;
}
#content h3{ 
font: normal 16px "Verdana", Arial, Helvetica, sans-serif;
margin:15px 0 15px 0;
}
#content01, #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;
}


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


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

#box2{
position:absolute;
top:33em;
background: #000;
width:180px;
height:165px;
background-color:#2e2e2e;
}

#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:47em;
background: #000 url('/img/blogger.jpg') no-repeat;
width:178px;
height:63px;
}
#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:54em;
background: #000 url('/img/cuadroback.jpg') no-repeat;
height:76px;
}

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

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



p.textCenter { text-align:center; border:solid 1px #fff; margin: 10px 65px; padding:5px 5px;}
p.textDescarga { margin-left:160px; text-align:right; text-indent:0; background:url('/img/flecha.gif') 1% 70% no-repeat; padding:5px 0 0 10px; border-top:dashed 1px #666; width:230px;}
* html p.textDescarga {text-align:right; text-indent:0; background:url('/img/flecha.gif') 1% 70% no-repeat; padding:5px 0 0 10px; border-top:dashed 1px #666; width:230px;}