/*CSS leonardovalencia.com*/


#content {
padding: 0em 2.0em 0em 2.0em;
min-height:550px;
}
* html #content{
height:660px;
}
#content h2 {
font: 25px "Georgia", Times, serif;
color:#95A735;
border-bottom:1px solid #95A735;
width: 100%;
}
#content p{text-indent:20px;}
#content01, #content02
{
padding-top: 0;
width:620px;
}
#content01 .noticias{
border-top: 1px dotted #666666;
margin-top:25px;
text-align:right;
}

#content01 ol li{
margin:25px 0 0 -15px;
padding-left:5px; text-indent:0px;
}
* html #content01 ol li{
margin:40px 0 -15px -15px;
}
#content01 li h3{
font-size:15px;
margin-bottom:5px;
}
#content01 li p em{
font-size:11px;
margin-bottom:0;
}
#content01 li p{
margin-bottom:5px;
}
#content01 h4{
margin: 2em 0 1em 0;
}

#content01 p.imgLeft{
float:left; 
text-indent:0;
margin:5px 12px 2px 0; 
border: 1px solid #666666; 
padding:4px 4px 4px 4px !important;
}
#content01 p.imgRight{
float:right; 
text-indent:0;
margin:5px 0px 2px 12px; 
border: 1px solid #666666; 
padding:4px 4px 4px 4px !important;
}
#box {
position: absolute;
top: 0em;
right:16em;
padding: 0em;
margin-bottom: 1.0em;
}


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

#box2{
position:absolute;
top:32em;
background: #000;
width:180px;
height:130px;
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 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:44em;
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:52em;
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;}