body{width:100%; height:100%; font-family: sans-serif;font-size: 12px;margin:0px; background:#fff;padding: 0px;}
#wrap {width:985px; margin:0px auto 0px auto;}
#website { width: 985px; height:auto; float:left;}

/* Header */

#header {
    float: left;
    height: 177px;
    padding: 0 0 5px;
    width: 980px;
}
.logotipo{
    float:left;
}

/* HP */
.hpTop{ float:left;}
.hpContent{ float:left;}
.hpLeft{ float:left;}
.hpRight{ float:right;}


/* Article */
.articleContent { width:985px; height:auto; padding-top:10px; float:right;background-color:#fff;}
.articleLeft { width:175px; height:auto; float:left; padding:0px; }
.articleContentList {
    float: left;
    height: auto;
    margin-bottom: 10px;
    width: 985px;
}
.artticleContentTop { width:985px; height:auto; float:left; padding:0px 0px 20px 0px;}
.articleContentH1 {

color:#df0786; padding:0px 0px 10px 0px; margin:0px; font-size:25px; font-weight:bold; float:left; width:100%;

}
.articleContentH2 {color:#7d7d7d; padding:0px 0px 10px 0px; margin:0px; font-size:13px;font-weight:normal; line-height:19px; float:left; width:100%;}
.articleContent p { width:100%; float:left; font-size:13px;color:#7d7d7d; line-height:19px;}
.articleContent p a { color:#7d7d7d; text-decoration:underline;}
.articleContentLeft {
    float: right;
    height: auto;

    width: 560px;
}
.articleContentRight {
    float: left;
    height: auto;
    width: 405px;
}

#zone_footer {
width: 100%; height: auto; float:left; padding:20px 0px 0px 0px; margin-bottom:0px;

}
.articleIndOpcs {width: 444px; height:auto; color:#4780A7; padding:2px 10px 2px 10px; float:left; margin:0px 0px 10px 0px; background:#EDF4F8; font-size:11px;}
.articleIndOpcsAuthor { height: auto; float:left; padding:3px 20px 3px 19px;background:url('article_author.png') no-repeat left center;}
.articleIndOpcsDate { height: auto; float:left; padding:3px 20px 3px 19px;background:url('article_date.png') no-repeat left center;}
.articleIndOpcsDateupdate { height: auto; float:left; padding:3px 20px 3px 19px;background:url('article_dateupdate.png') no-repeat left center;}
.articleLeftZone { width:175px; height:auto; float:left;}
.hpTop { width:100%; height:auto; float:left; padding-top:24px;}
.hpLeft {width:980px; height:auto; float:left;}
.hpRight { width: 300px; height:566px; float:right;-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px#ccc;
box-shadow: 0 0 5px #ccc;display:none;}
.msgPopUpBg { width:100%; height:100%; float:left; position:fixed; background:#f2f2f2; opacity:0.6; top:0px; left:0px;z-index:1000;}
.msgPopUp { width: 50%; height: auto; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; z-index:1010; position:fixed; top:25%; left:25%; padding:10px; background:#FAE01E; color:#555; font-size:15px;display:none;}