li {
    list-style-type:none;
}

#background {
    margin:auto;
    padding-top: 15px;
    overflow: hidden;
}

#background #main_container #top_content #left {
    width:170px;
    float:left;
    margin-left: 8px;
}

#background #main_container #top_content #right {
    text-align: justify;
    width:360px;
    float:right;
}

#background #main_container #sections {
    width:900px;
    clear: both;
    overflow: hidden;
}

#article_title h1 {
    color: #000;
    font: 28px Arial;
}

#background #main_container .article_container {
    width:280px;
    margin-left:8px;
    border-right:1px solid #C0D0E0;
    border-bottom:1px solid #C0D0E0;
    float:left;
    margin-right:9px;
    margin-bottom:15px;
    height:440px;
}

#background #main_container .site_section {
    width:280px;
    margin-left:8px;
    float:left;
    margin-right:10px;
}

#background #main_container #site_sections {
    clear: both;
}

#background #main_container #top_content #right p,
#background #main_container .article_container .article_description p{
    line-height: 1.2em;
    margin: 0 0 5px;
}



#background #main_container .article_container .article_description,
#background #main_container .article_container .lists {
    width:270px;
}

#background #main_container #publicidad_fondo .banners {
    float:left;
    margin:4px 4px 15px 4px;
}

ul{
    margin: 0;
    padding: 0;
}

#banner_superior{
    margin: 0 0 0 -20px;
}


/*REEMPLAZO CSS INDEX GENERAL */

#logo  {
    background-color: transparent;
    background-image: none;
    border: 0;
}

.z{
    background-image: none;
}

.wrap{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333;

}

.col{
    margin: 4px 10px 11px 8px;
}

#footer {
    border:0;
}

#footer li{
    display: inline;
}

body{
    color: #000000;
}

.article_container h2{
    color: #0062A3;
}

a {
    color: #1B1464;
    cursor: pointer;
}

a:hover {
    color: #000;
}

a.readmore{
    background-image:url("/images/interface/home/full_story.png");
    background-repeat:no-repeat;
    color:#E42322;
    display:inline-block;
    height:23px;
    margin-bottom:5px;
    margin-top:5px;
    text-indent:-99999px;
    width:85px;

}

a.readmore:hover{
    color: #BE0A26;
}

.article_description{
    text-align: justify;
}

.article_img{

}


.article_img img{
    width: 170px;
    height: 120px;
    border: solid 3px #e3e5e5;
}


input.field {
    float: left;
    background: #FFF;
    color: #000;
    padding: 4px;
    border: 0;
    margin: 0 5px 0 0;
    width: 110px;
    font: .8em "Trebuchet MS", Arial, Sans-Serif;
}
input.field:focus {
    border-bottom: 1px dotted #000; color: #000;
}
input.button {
    float: right;
    background: url(/images/search.png) no-repeat;
    width: 20px;
    height: 16px;
    border: 0;
    margin: 0;
}


#logo #icons {
    float:right;
    position:relative;
    top:15px;
    right:30px;
}

#logo #icons #facebook {
    background-image:url(/images/icons/social/facebook.png);
    width:32px;
    height:32px;
    margin-right:10px;
    float:left;
}

#logo #icons #twitter {
    background-image:url(/images/icons/social/twitter.png);
    width:32px;
    height:32px;
    margin-right:10px;
    float:left;
}

#logo #icons #youtube {
    background-image:url(/images/icons/social/youtube.png);
    width:32px;
    height:32px;
    float:left;
}

#logo #icons a{
    text-indent:-99999px;
    outline:none;
    height: 32px
}

#logo #icons p{
    height: 32px;
}

.item-list li{
    border-bottom:1px dotted #555555;
    list-style-type:none;
    margin:0;
    text-align:left;
}

.item-list li a,.item-list li a:active, .item-list li a:visited{

    display:block;
    padding:2px 10px 5px;
    text-decoration:none;
}


.block {
    margin:10px 0 20px;
}



.img_article{
    float:left;
    height:180px;
    margin-right:5px;
    padding:1px;
    width:246px;
}

#article_resume p{
    margin-bottom: 5px;
}

#promo {
    clear: both;
    background: #000;
    color: #FFF;
    width: 900px;
    padding-top: 30px;
    padding-bottom: 0;
    margin: 0 auto;
}
#footer {
    color: #fff;
}

#banner_3 #newsletter {
    font-family:Arial, Helvetica, sans-serif;
}

#banner_3 #newsletter {
    background-image:url(/images/interface/banners/newsletter.png);
    background-repeat:no-repeat;
    width:289px;
    height:100px;
    color:#FFF;
    font-size:11px;
}

#banner_3 #newsletter #text {
    width:231px;
    padding-top:35px;
    padding-left:8px;
}

#banner_3 #newsletter form{
    width:240px;
    float:left;
}

#banner_3 #newsletter label{
    float:left;
    margin-left:8px;
    margin-top:5px;
    width:90px;
}

#banner_3 #newsletter input{
    height:14px;
    left:60px;
    position:relative;
    top:-15px;
    width:173px;
}

#banner_3 #newsletter #e_btn{
    width:25px;
    height:24px;
    background-image:url(/images/interface/newsletter/e_btn.png);
    background-repeat:no-repeat;
    float:left;
    margin-left:5px;
}

#banner_3 #newsletter #e_btn a{
    display:block;
    outline:none;
    text-indent:-9999px;
    width:25px;
    height:25px;
}

.boxes{
    background:none repeat scroll 0 0 #F9FAF9;
    border:1px solid #C0D0E0;
    clear:both;
    color:#333333;
    overflow:hidden;
    padding:7px 10px 15px;
}

#promo #footer #site_sections {
    clear: both;
    width: 900px;
    overflow: hidden;
}

#promo #footer #footer_logo #developed{
    margin-left:763px;
    margin-top:-66px;
    position:relative;

}

#promo #footer #footer_logo #developed a{
    border: 0;
}

#article_resume{
    text-align: justify;
}

#top_content, .sectioner{
    overflow: hidden;
    clear: both;
}

a.full{
    background-image: url(/images/interface/home/full_index.png);
    width: 114px;
    height: 27px;

}

#top_content .title{
    height: 30px;
    margin-bottom: 10px;
    background-image: url(/images/interface/titles/titulos.jpg);
    background-repeat: no-repeat;
}

.internacional{
    background-position: 8px 0;
}

.opinion{
    background-position: 8px -63px;
}

.cultura{
    background-position: 8px -94px;
}

.medios{
    background-position: 8px -157px;
}

.politica{
    background-position: 8px -32px;
}

.deportes{
    background-position: 8px -125px;
}

.hemeroteca{
    background-position: 8px -190px;
}
