/*
 *  +-------------------------------------------------------------------------------------------------------------------------+
 *  |															                                                                |
 *  |      							 FONT INCLUDES						                                            |
 *  | 															                                                                |
 *  +-------------------------------------------------------------------------------------------------------------------------+
 *
 * */

@font-face{
  font-family: Bebas;
  src: url('http://www.arenaelectoral.com/includes/BebasNeue.ttf'),
       url('http://www.arenaelectoral.com/includes/BebasNeue.eot'); /* IE */
  font-style: normal;
  font-weight: normal;
}

@font-face{
  font-family: Chapa-i;
  src: url('http://www.arenaelectoral.com/includes/ChaparralPro-Italic.ttf'),
       url('http://www.arenaelectoral.com/includes/ChaparralPro-Italic.eot'); /* IE //*/
}

@font-face{
  font-family: Chapa-b;
  src: url('http://www.arenaelectoral.com/includes/ChaparralPro-Bold.ttf'),
       url('http://www.arenaelectoral.com/incluces/ChaparralPro-Bold.eot'); /* IE */
}

@font-face{
  font-family: Chapa;
  src: url('http://www.arenaelectoral.com/includes/ChaparralPro-Regular.ttf'),
       url('http://www.arenaelectoral.com/includes/ChaparralPro-Regular.eot'); /* IE */
}

@font-face{
  font-family: DejaWeb;
  src: url('http://www.arenaelectoral.com/includes/DejaWeb.ttf'),
       url('http://www.arenaelectoral.com/includes/DejaWeb.eot'); /* IE */
}

/*
 *  +-------------------------------------------------------------------------------------------------------------------------+
 *  |                                                                                                                           |
 *  |                                                            GLOBAL STYLES                                    |
 *  |                                                                                                                           |
 *  +-------------------------------------------------------------------------------------------------------------------------+
 *
 */

body{
  background-color: #fff;
  margin: 0px;
}

img{
  border: 0px;
}

#main_container,#detail_container{
  position: relative;
  width: 924px;
  background-color: #ccc;
  margin-left: auto;
  margin-right: auto;
}

#main_container p:first-line{
  text-indent: 1em !important;
}

/*
    **********************************************************************************************************
    **                                             HEADER STYLES                                                       **
    **********************************************************************************************************
*/

#header{
  position: relative;
  background-color: #000;
  height:140px;
  width: 924px;
  margin-right: auto;
  margin-left: auto;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #fff;
}

#logo_top{
  position: relative;
  height: 100px;
  background-color: #fff;
}

#logo_top img{
  margin-top: 5px;
  margin-left: 25px;
}

#beta{
  float: right;
  z-index: 1000;
  margin-right: 15px;
  margin-top: 23px;
}

/*
    **********************************************************************************************************
    **                                              OPTION STYLES                                                       **
    **********************************************************************************************************
*/

#opts{
  position: relative;
  list-style-type: none;
  display: inline;
  width: 924px;
  height: 40px;
  top: 0px;
  left: 0px;
  z-index:-1;
  text-align: right;
}

#opts a{
  font-family: Bebas, Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
}

#opts ul{
  margin-top: 6px;
  margin-right: 40px;
}

#opts{
  float: left;
  text-align: right;
  z-index: 1000;
}

#opts img{
  max-height: 30px;
  vertical-align: middle;
}

#opts li{
  list-style-type: none;
  display: inline;
  margin-left: 50px;
}

#opts2{
  width: 288px;
  float: right;
  text-align: center;
}

#opts2 li{
  list-style-type: none;
  display: inline;
  margin-right: 20px;
}

#secciones{
  height:140px;
  width:924px;
  background-color:#662c90;
  font-family: Bebas;
  font-size: 90px;
  color: #fff;
  text-align: center;
  padding-top: 35px;
}

/*
    **********************************************************************************************************
    **                                         SPLIT BANNER STYLES                                                 **
    **********************************************************************************************************
*/

#banner_facts{
  position: relative;
  width: 924px;
  height: 360px;
}

#banner_top{
  position: relative;
  background-color: #ddd;
  float: left;
  height: 360px;
  width: 690px;
  text-align: center;
}

/*
    **********************************************************************************************************
    **                                              BANNER STYLES                                                      **
    **********************************************************************************************************
*/

#wide_banner{
  position: relative;
  width: 924px;
  height: 360px;
}

#wide_banner img{
  max-width: 924px;
}

#video_banner{
  position: relative;
  width: 924px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #222;
  text-align: center;
}

#video_banner iframe{
  max-width: 890px;
}

#video_banner object{
  max-width: 890px;
}

/*
    **********************************************************************************************************
    **                                         SIDE PANEL STYLES [TOP]                                            **
    **********************************************************************************************************
*/

#side_top{
  position: relative;
  background-color: #ccc;
  float:right;
  height: 360px;
  width: 234px;
}

/*
    **********************************************************************************************************
    **                                               VIDEO STRIP STYLES                                              **
    **********************************************************************************************************
*/

#video-strip{
  position: relative;
  width: 924px;
  margin-left: auto;
  margin-right: auto;
}

#video-strip-title{
  background-color: #8BC53F;
  height: 43px;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 34px;
  color: #fff;
  padding-top: 7px;
  padding-left: 35px;
}

#video-strip-title a{
  color: #fff;
  text-decoration: none;
}

#video-row{
  overflow: hidden;
}

#video-row .video-small object, #video-row .video-small iframe{
  max-width: 308px;
  max-height: 180px;
}

/*
    **********************************************************************************************************
    **                                                SIDE PANEL STYLES                                              **
    **********************************************************************************************************
*/

#sidebar{
  display: table-cell;
  width: 231px;
  height: 100%;
  background-color: #e7e7e7;
  vertical-align: top;
  overflow: hidden;
}

#temas-sidebar{
  display: table-cell;
  width: 231px;
  height: 100%;
  background-color: #e7e7e7;
  vertical-align: top;
}

.temas-menu{
  position: relative;
  display: block;
  height: 32px;
  width: 229px;
  vertical-align: bottom;
  overflow: hidden;
}

.temas-menu-title1{
  position: relative;
  display: block;
  height: 30px;
  width: 231px;
  overflow: hidden;
  
  background-color: #333;
  font-family: Bebas;
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  padding-left: 10px;
  padding-top: 6px;
  z-index: 1000;
  width: 221px;
}

.temas-menu-title1 a{
  font-family: Bebas;
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
}

.temas-menu-title2{
  background-color: #EB8B1F;
  position: relative;
  display: block;
  height: 30px;
  width: 231px;
  overflow: hidden;
  
  font-family: Bebas;
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  padding-left: 10px;
  padding-top: 6px;
  z-index: 1000;
  width: 221px;
}

.temas-menu-title2 a{
  font-family: Bebas;
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
}

.temas-backdrop{
  position: absolute;
  width: 229px;
  top: 0px;
  overflow: hidden;
}

#rel-arts{
  background-color: #aaa;
  width: 190px;
  padding: 0px 20px 10px 20px;
  margin-top: 50px;
}

.rel-link{
  position: relative;
  margin-top: 3px;
  padding-top: 10px;
  font-family: DejaWeb;
  font-size: 14px;
}

.rel-link hr{
  background-color: #999;
  height: 1px;
  border: 0px;
}

.rel-link a{
  font-family: Bebas;
  font-size: 18px;
  text-decoration: none;
  color: #444;
}

/*
    **********************************************************************************************************
    **                                             DID YOU KNOW STYLES                                            **
    **********************************************************************************************************
*/

#didyouknow{
  position: absolute;
  height: 67px;
  width: 234px;
  overflow: hidden;
}

#didyouknow img{
  max-height: 67px;
}

#thefacts{
  position: absolute;
  top: 67px;
}

.facts{
  position: relative;
  float: left;
  height: 80px;
  width: 204px;
  padding: 18px 10px 0px 20px;
  margin-right: auto;
  margin-left: auto;
  font-family: DejaWeb, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
}

.h_tw{
  position: absolute;
  right: 8px;
  bottom: 8px;
  height:20px;
}

.h_tw img{
  max-height: 25px;
}

/*
    **********************************************************************************************************
    **                                               CATEGORIES STYLES                                             **
    **********************************************************************************************************
*/

#categories{
  position: relative;
  width: 924px;
  /*height: 735px;*/
}

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

#candidatos{
  background-color:#a67c52;
  float: left;
  width: 231px;
}

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

#temas{
  background-color:#eb8b1f;
  float: left;
  width: 231px;
}

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

#comovan{
  background-color:#00a99d;
  float: left;
  width: 231px;
}

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

#voto{
  background-color:#9A1A27;
  float: left;
  width: 230px;
  overflow: hidden;
}

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

#c-opinion{
  background-color: #333;
  float: left;
  width: 231px;
}

#c-opinion1{
  background-color: #333;
  float: left;
  width: 925px;
}

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

.c_title{
  position: relative;
  height: 43px;
  width: 100%;
  padding-top: 7px;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 34px;
  color: #fff;
  padding-left: 30px;
}

#votobanner{
  position: relative;
  width: 924px;
  margin-left: auto;
  margin-right: auto;
}

/*
    **********************************************************************************************************
    **                                           ARTICLE PREVIEW STYLES                                        **
    **********************************************************************************************************
*/

.art_preview{
  float: left;
  height: 216px;
  width: 231px;
  color: #fff;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  background-size: 700px;
  background-position: top center;
  border: 1px solid red;
}

.details{
  margin: 5px 15px; 
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

a{
  text-decoration: none;
}

.details h4{
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
}

.details p{
  margin-top: 5px;
  font-family: Bebas, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color:#fff;
}

.minibio{
  font-family: Chapa-i;
  margin-top: 20px;
  font-size: 16px;
}

.minibio a{
  color: #332047;
  text-decoration: none;
}

.disclaimer{
  font-family: Chapa-i;
  margin-top: 20px;
  font-size: 14px;
  color: #333;
}

/*
    **********************************************************************************************************
    **                                   TWITTER HORIZONTAL BAT STYLES                                   **
    **********************************************************************************************************
*/

#twitter_container{
  position:relative;
  width: 924px;
  margin-left: auto;
  margin-right: auto;
}

#twitterbar{
  position: relative;
  height: 185px;
  width: 100%;
  background-color: #B3B3B3;
}

#twittertitle{
  height: 43px;
  background-color: #0F75AD;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 34px;
  color: #fff;
  padding-top: 7px;
  padding-left: 30px;
  text-align: left;
  position: absolute;
  width: 894px;
}

#twitterfeed{
  position: relative;
  display: inline-block;
  height: 100px;
  padding: 20px 20px 20px 20px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  top: 0px;
}

.tw_layout{
  display: table-cell;
  width: 280px;
  height: 80px;
  margin-right: 15px;
  vertical-align: top;
}

.tw_layout a{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.tw_img{
  float: left;
  vertical-align: top;
}

.tw_img img{
  max-width: 50px;
  max-height: 50px;
  margin-right: 15px;
}

.tw_txt{
  float: right;
  width: 190px;
  height: 80px;
  padding-right: 15px;
  text-align: left;
}

.tw_date{
  float: left;
  height: 12px;
  margin-left: 70px;
  margin-top: -10px;
  font-size: 10px;
}

/*
    **********************************************************************************************************
    **                                                     ARTICLE STYLES                                               **
    **********************************************************************************************************
*/

#article-window{
  position: relative;
  display: table;
  width: 924px;
}

#artcontainer{
  position: relative;
  display: table-cell;
  width: 600px;
  padding-left: 45px;
  padding-right: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  float: left;
  background-color: #ddd;
}

#artcontainer p:first-line{
  text-indent: 1em !important;
}

#artcontainer img{
  margin-bottom: 10px;
  vertical-align: middle;
  max-width: 600px;
}

#artcontainer hr{
  height: 2px;
  border: 0px;
  background-color: #888;
  width: 100%;
}

#artcontainer h1{
  font-family: Bebas, Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #000;
  font-weight: normal;
  letter-spacing: -1px;
}

#artcontainer h1 img{
  margin-top: 20px;
  max-width: 80px;
}

#artcontainer h2{
  font-color: #333 !important;
  font-family: Chapa-i, Helvetica, Georgia, sans-serif;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

#artcontainer p{
  margin-left: 10px;
  text-align: left;
}

#artcontainer p:first-line{
  text-indent: 1em !important;
}

#artcontainer a{
  color: #30328c;
  text-decoration: none;
}

#artcontainer li{
  margin-left: 30px;
}

.art_details{
  height: 100px;
}

.art_details img{
  float: left;
  max-height: 50px;
  max-width: 50px;
  margin-top: 10px;
  margin-right: 7px;
}

#a_det{
  position: relative;
  float: left;
  width: 520px;
}

.a_author{
  position: relative;
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  font-family: Bebas, Arial, Helvetica, san-serif;
  font-weight: normal;
  color: #444;
  font-size: 25px;
}

.a_date{
  position: relative;
  float: left;
  font-family: Chapa, Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #555;
  font-weight: normal;
  margin-top: 12px;
  margin-left: 40px;
}

.a_photo{
  position: relative;
  float: right;
  margin-top: 12px;
  font-family: Chapa, Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #555;
  font-weight: normal;
}

.a_tw{
  position: relative;
  float: right;
  top:5px;
}

.a_tw img{
  max-height: 23px;
}

.a_fb{
  position: relative;
  margin-top: 5px;
  float: right;
}

.a_fb img{
  max-height: 23px;
}

/*
    **********************************************************************************************************
    **                                                ARTICLE BODY STYLES                                          **
    **********************************************************************************************************
*/

#art_body{
  position: relative;
  display: table-cell;
  font-family: Chapa, Arial, Verdana, sans-serif !important;
  font-size: 18px !important;
  color: #555 !important;
  background-color: #ddd;
}

#art_body img{
  margin-top: 20px;
  margin-bottom: 15px;
  max-width: 550px !important;
}

#art_body p{
  text-align: left;
  margin-bottom: 15px;
  text-indent: 2em;
}

#art_body p i{
  font-family: Chapa-i !important;
}

#art_body q{
  font-family: Chapa-i, Arial, Verdana, sans-serif !important;
  font-weight: normal !important;
  font-size: 18px !important;
}

#art_body table{
  max-width: 600px;
}

#art_body .a_quote{
  text-align: center;
  font-family: Chapa-i, Arial, Verdana, sans-serif !important;
  font-weight: normal !important;
  font-size: 30px !important;
  color: #000 !important;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
}

/*
    **********************************************************************************************************
    **                                                 VIDEO VIEW STYLES                                            **
    **********************************************************************************************************
*/

#vr-title{
  position: relative;
  width: 673px;
  background-color: #8BC53F;
  padding: 10px;
  font-family: Bebas;
  font-size: 25px;
  color: #fff;
}

#related-videos{
  position: relative;
  display: table-cell;
  width: 693px;
  background-color: #ccc;
}

.r-videos{
  display: inline-block;
  width: 300px;
}

#related-videos .vid object{
  max-width: 260px;
  max-height: 150px;
}

#related-videos .vid iframe{
  max-width: 260px;
  max-height: 150px;
}

#related-videos .vid img{
  max-width: 260px;
  max-height: 150px;
}

.vid{
  position: relative;
  width: 260px;
  padding-top: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #888;
}

#related-videos h1{
  font-family: Bebas;
  font-size: 20px;
  font-weight: normal;
  color: #555;
  padding-left: 20px;
}

.r-videos p{
  width: 260px;
  font-family: DejaWeb;
  font-size: 12px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #888;
  margin-bottom: 20px;
  margin-left: 20px;
}

.r-videos a{
  color: red;
}

/*
    **********************************************************************************************************
    **                                             CANDIDATE VIEW STYLES                                        **
    **********************************************************************************************************
*/

#cand_banner{
  position: relative;
  background-color: #a67c52;
  height: 320px;
  width: 924px;
  font-family: Chapa, Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #000;
}

#cand_banner img{
  position: absolute;
  bottom: 0px;
  left: 30px;
}

#cand_detail{
  position: relative;
  float: right;
  margin-right: 80px;
  width: 460px;
  padding-top: 70px;
  text-align: justify;
}

#cand_detail h1{
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  color: #fff;
  width: 400px;
  line-height:40px;
  text-align: right;
  float: right;
  border-bottom: 2px dotted #fff;
}

#cand_detail p{
  float: right;
  width: 400px;
  padding-top: 20px;
  font-size: 12px;
  line-height: 18px;
}

#cand_timeline{
  background-color: #c7b199;
  position: relative;
  display: table-cell;
  width: 695px;
  padding-bottom: 20px;
}

#cand_timeline h2{
  width: 600px;
  padding-top: 55px;
  text-align: right;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 45px;
  font-weight: normal;
  color: #000;
}

#cand_timeline h4{
  padding-top: 10px;
  padding-left: 25px;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 35px;
  color: #fff;
}

.year_detail{
  width: 550px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.year_detail img{
  float: left;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.yd_text{
  width: 480px;
  min-height: 80px;
  border-top: 3px dotted #fff;
  border-bottom: 3px dotted #fff;
  margin-bottom: 20px;
  margin-left: 60px;
  padding-top: 20px;
  padding-bottom: 5px;
}

.yd_text h1{
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: normal;
}

.yd_text p{
  position: relative;
  left: 120px;
  top: -60px;
  width: 300px;
  font-family: Chapa, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 17px;
}

.s_web{
  float: right;
  width: 231px;
  height: 200px;
  background-color: #a67c52;
}

.s_web a{
  color: #fff;
}

.s_web h2{
  font-family: Bebas, Helvetica, sans-serif;
  font-size: 35px;
  font-weight: normal;
  color: #fff;
  margin-left: 20px;
  margin-top: 15px;
}

.s_web li{
  list-style-type: none;
  margin-left: 20px;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #fff;
}

.pan_title{
  background-color: #3fa9f5;
  width: 556px;
  height: 50px;
  float: left;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  color: #fff;
}

.party_title{
  width: 231px;
  height: 50px;
  float: left;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  color: #fff;
}

.pan_title h2{
  margin-left: 20px;
  margin-top: 10px;
  font-weight: normal;
  font-size: 35px;
}

.party_title h2{
  margin-left: 20px;
  margin-top: 10px;
  font-weight: normal;
  font-size: 35px;
}

#the_candidates{
  position: relative;
  width: 924px;
}

#cand-grades{
  position: relative;
  width: 924px;
  height: 289px;
}

.cand-grades-img{
  width: 90%;
}

.candview-titlebar{
  background-color: #9a6e47;
  height: 43px;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 34px;
  color: #fff;
  padding-top: 7px;
  padding-left: 35px;
}

.candidate_pic{
  width: 229px;
  float: left;
  background-color: #333;
}

.candidate_pic img{
  max-width: 231px;
}

.candidate_pic h2{
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #ddd; 
  text-align: center; 
  margin-top: 8px;
  margin-bottom: 8px;
}

#candidate_info{
  position: relative;
  float: left;
  width: 924px;
}

#candidate_info h3{
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background-color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

/*
    **********************************************************************************************************
    **                                           VARIOUS TWITTER STYLES                                        **
    **********************************************************************************************************
*/

#cand_twitter{
  background-color: #a67c52;
  float: right;
  width: 231px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-bottom: 29px;
}

#comovan_twitter{
  background-color: #00A99D;
  float: right;
  width: 231px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-bottom: 29px;
}

#gray_twitter{
  background-color: #aaa;
  width: 229px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-bottom: 29px;
}

#gray_twitter h2{
  font-family: Bebas, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  margin-left: 10px;
  /*margin-top: 8px;*/
}

#cand_twitter h2{
  font-family: Bebas, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  margin-left: 10px;
  margin-top: 8px;
}

#comovan_twitter h2{
  font-family: Bebas, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  margin-left: 10px;
  margin-top: 8px;
}

#cand_twitter h4{
  font-family: Bebas, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background-color: #000;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 8px;
  margin-bottom: 40px;
}

#comovan_twitter h4{
  font-family: Bebas, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background-color: #000;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 8px;
  margin-bottom: 40px;
}

#gray_twitter h4{
  font-family: Bebas, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background-color: #000;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 8px;
  margin-bottom: 40px;
}

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

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

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

.tws_layout{
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.tws_txt{
  margin-bottom: 10px;
}

.tws_date{
  font-size: 10px;
  margin-bottom: 30px;
}

/*
    **********************************************************************************************************
    **                                  SOCIAL MEDIA ICONS STYLES                                             **
    **********************************************************************************************************
*/

.social_icons_r{
  position: relative;
  width: 590px;
  height: 30px;
  text-align: right;
  margin-top: 5px;
}

.social_icons_r img{
  max-height: 20px;
  border: 0px;
}

/*
    **********************************************************************************************************
    **                                      TOPIC OPINION STYLES                                                   **
    **********************************************************************************************************
*/

#op_candidates{
  position: relative;
  display: table;
  width: 695px;
  background-color: #000;
}

#op_title{
  position: relative;
  height: 100px;
  width: 695px;
  background-color: #EB8B1F;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 35px;
  color: #fff;
}

.op_prev{
  background-color: #ddd;
  display: table;
  left: 0px;
  width: 695px;
  overflow: hidden;
}

.op_prev_name{
  display: block;
  height: 32px;
  color: #EB8B1F;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 25px;
  background-color: #333;
  padding-left: 20px;
  padding-top: 3px;
  width: 675px;
}

.op_prev_img{
  background-color: #888;
  float: left;
  width: 230px;
  height: 217px;
  overflow: hidden;
}

.op_prev_img img{
  max-height: 168px;
  padding-top: 10px;
  vertical-align: bottom;
}

.op_prev_img h3{
  background-color: #333;
  height: 32px;
  color: #EB8B1F;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  padding-top: 7px;
  padding-left: 15px;
  overflow: hidden;
  vertical-align: bottom;
}

.op_prev_text{
  display: table-cell;
  background-color: #bbb;
  float: right;
  width: 695px;
  overflow: hidden;
}

.op_prev_text p{
  font-family: DejaWeb, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
}

.op_prev_text li{
  list-style-type: none;
  font-family: DejaWeb, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
  line-height: 17px;
}


/*
    **********************************************************************************************************
    **                                        ORGANIZACIONES STYLES                                             **
    **********************************************************************************************************
*/

#sociedades{
  position: relative;
  width: 924px;
  margin-right: auto;
  margin-left: auto;
}

#soc_title{
  background-color: #ed1e79;
  font-family: Bebas, Helvetica, Arial, sans-serif !important;
  color: #fff !important;
}

#soc_title h2{
  font-weight: normal !important;
  font-size: 35px !important;
  padding-top: 8px;
  padding-left: 25px;
}

#soc_grid{
  position:relative;
  display: table;
  width: 924px;
  vertical-align: top;
  background-color: #000;
}

.grid_detail{
  position: relative;
  display: table-cell;
  width: 440px;
  border-right: 1px solid white;
  color: #fff;
  border-bottom: 1px solid white;
  vertical-align: top;
}

.grid_detail h1{
  font-family: Bebas, Helvetica, Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 36px !important;
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 20px;
}

.grid_detail p{
  font-family: DejaWeb, Verdana, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 21px;
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 30px;
}

.grid_detail a{
  text-decoration: none;
  color: #ed1e79 !important;
  font-family: Chapa, Verdana, Georgia, sans-serif !important;
  font-size: 18px !important;
  margin-left: 0px;
  margin-top: 15px;
}

#elements{
  position: relative;
  display: table-cell;
  width: 465px;
}

.grid_element{
  position: relative;
  display: inline-block;
  width: 114px;
  height: 114px;
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}

.grid_element img{
  margin-top: 0px;
  max-width: 114px;
  cursor: pointer;
}

.info_detail{
  float: left;
  width: 231px;
  font-family: Bebas, Helvetica, Arial, sans-serif !important;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.info_detail img{
  max-width: 40px;
}

.info_detail_datos{
  text-align:left;
  font-family: DejaWeb, Arial, Helvetica, sans-serif !important;
  font-size:13px !important;
  font-weight:normal !important;
  min-height:720px;
}

.info_detail_datos2{
  font-family: Bebas;
  font-size:18px !important;
  text-align:left;
}

.info_detail_datos li.a{
  list-style-type:none;
  margin-left:10px;
  font-family: DejaWeb, Arial, Helvetica, sans-serif !important;
  font-size:11px !important;
  font-weight:normal !important;
  height: 50px;
}

.info_detail_datos li.b{
  list-style-type:none;
  margin-left:10px;
  font-family: DejaWeb, Arial, Helvetica, sans-serif !important;
  font-size:11px !important;
  font-weight:normal !important;
  height: 110px;
}

.info_detail img{
  margin-left: 8px;
  margin-right: 8px;
}

/*
    **********************************************************************************************************
    **                                ORGANIZACIONES VIEW STYLES                                           **
    **********************************************************************************************************
*/

#osc-title{
  background-color: #6e6c8f;
  padding: 7px 0px 5px 25px;
  font-family: Bebas;
  color: #fff;
  font-size: 32px;
}

#osc-title1{
  background-color: #aaa;
  padding: 7px 0px 35px 25px;
  font-family: Bebas;
  color: #fff;
  font-size: 40px;
}

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

#osc-title1 img{
  max-width: 120px;
  vertical-align: middle;
  margin-right: 50px;
  border: 0px;
}

#osc-text{
  background-color: #ccc;
  padding: 30px 20px 50px 20px;
  font-family: Chapa;
}

#osc-text a{
  color: #30328c;
  text-decoration: none;
}

#osc-desc-title{
  background-color: #888;
  font-family: Bebas;
  font-size: 32px;
  color: #222;
  border-top: 1px solid #333;
  padding: 8px 0px 8px 20px;
}

#osc-all-title{
  background-color: #666;
  padding: 7px 0px 5px 25px;
  font-family: Bebas;
  color: #fff;
  font-size: 32px;
}

#all-osc{
  padding: 7px 0px 7px 7px;
  width: 655px;
}

#all-osc img{
  width: 75px;
  height: 75px;
  margin: 8px;
  border: 1px solid #999;
}

#osc-menu-sidebar{
  display: table-cell;
  width: 231px;
  height: 100%;
  background-color: #e7e7e7;
  vertical-align: top;
}

.osc-temas-menu{
  position: relative;
  display: block;
  height: 32px;
  width: 231px;
  vertical-align: bottom;
  overflow: hidden;
}

.osc-by-topic{
  background-color: #bbb;
  border-top: 1px solid #222;
  border-bottom: 3px solid #555;
  font-family: Bebas;
  font-size: 18px;
  padding: 8px 10px 20px 10px;
}

.osc-by-topic p{
  border-bottom: 1px solid #000;
  padding-top: 5px;
}

.osc-by-topic a{
  color: #000 !important;
  text-decoration: none;
}

/*
    **********************************************************************************************************
    **                                                   TOPICS STYLES                                                   **
    **********************************************************************************************************
*/

#temas_grid{
  position: relative;
  width: 924px;
  height: 647px;
}

.temas_main_element{
  position: relative;
  float: left;
  background-color: #000;
  width: 231px;
  height: 216px; 
  font-family: Bebas, Helvetica, Arial, sans-serif;
  color: #eb8b1f;
}

.temas_main_element h1{
  font-size: 80px;
  font-weight: normal;
  margin-left: 35px;
  margin-top: 5px;
  margin-bottom: 11px;
}

.temas_main_element h2{
  position: relative;
  width: 288px;
  height: 40px;
  top: -10px;
  background-color: #333;
}

.temas_element{
  position: relative;
  float: left;
  width: 231px;
  height: 216px;
  overflow: hidden;
}

.temas_element h2{
  position: absolute;
  bottom: 0px;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  color: #eb8b1f;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}

.temas_element a{
  text-decoration: none;
  color: #eb8b1f;
}

.temas_element img{
  max-width: 231px;
}

/*
    **********************************************************************************************************
    **                                                   TOPICS STYLES                                                   **
    **********************************************************************************************************
*/

#opinion{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 924px;
}

#opinion-articles{
  position:relative;
  width: 924px;
  height: 518px;
  margin-left: auto;
  margin-right: auto;
}

#opinion-articles a{
  color: #fff;
}

.horizontalrule{
  position: relative;
  height: 20px;
  width: 924px;
  background-color: #000;
}

/*
    **********************************************************************************************************
    **                                                   OPINION STYLES                                                 **
    **********************************************************************************************************
*/

#op-articles{
  height: 214px;
}

#archive_title{
  background-color: #999;
  color: #fff !important;
  font-family: Bebas !important;
  font-size: 30px !important;
  padding-left: 20px;
  padding-top: 5px;
}

#reciente-title{
  position: relative;
  background-color: #999;
  color: #fff !important;
  font-family: Bebas !important;
  font-size: 30px !important;
  padding-left: 20px;
  padding-top: 3px;
}

#op-panel{
  position: relative;
  display: table;
  width: 924px;
  background-color: #aaa;
}

#op-subcats{
  position: relative;
  display: table-cell;
  width: 187px;
  height: 100%;
  padding: 30px 20px 10px 20px;
  font-family: Bebas !important;
  font-size: 24px !important;
  background-color: #aaa;
  vertical-align: top;
}

#op-subcats a{
  color: #000;
  text-decoration: none;
}

#op-subcats li{
  vertical-align: top;
  list-style-type: none;
  border-bottom: 1px dashed #666;
  margin-bottom: 15px;
}

#op-subcats img{
  margin-right: 8px;
  max-height: 20px;
}

#op-artPrev{
  position: relative;
  display: table-cell;
  padding-top: 20px;
  padding-left: 30px;
  width: 631px;
  background-color: #e7e7e7;
}

.op-artPages{
  position: relative;
  display: table-cell;
  width: 601px;
  height: 50px;
  text-align: right;
  padding-right: 30px;
}

.op-artPages a{
  font-family: Bebas;
  font-size: 20px;
  text-decoration: none;
  color: #333;
  margin-top: 5px;
  padding: 8px;
}

.op-art{
  position: relative;
  display: inline-block;
  margin-top: 10px;
  margin-left: 20px;
  border-bottom: 1px dashed #999;
  margin-bottom: 15px;
}

.op-art a{
  color:#666;
  text-decoration: none;
}

.op-art h1{
  font-family: Bebas !important;
  font-weight: normal !important;
  font-size: 25px !important;
  color: #666 !important;
}

.op-art h2{
  margin-top: 6px;
  font-family: DejaWeb !important;
  font-weight: normal !important;
  font-size: 16px !important;
  color: #aaa !important;
  text-transform: uppercase !important;
  position:relative;
}

.op-art p{
  margin-top: 10px;
  width: 550px;
  font-family: Chapa !important;
  font-size: 16px !important;
  margin-bottom: 10px;
}

#foromx-bar{
  background-color: #ccc;
  margin-right: 30px;
  padding: 15px 15px 15px 15px;
  display: table;
}

#foro-ico{
  display: table-cell;
}

#foro-ico img{
  vertical-align: middle;
  margin-top: 15px;
}

#foro-txt{
  display: table-cell;
  vertical-align: text-top;
  padding-left: 20px;
}

#foro-txt h2{
  font-family: Bebas;
  font-size: 70px;
  color: #30328c;
  font-weight: normal;
}

#foro-txt p{
  font-family: Chapa;
}

#foro-txt a{
  text-decoration: none;
  color: #30328c;
}


/*
    **********************************************************************************************************
    **                                             FOOTER STYLES                                                       **
    **********************************************************************************************************
*/

#footer{
  position: relative;
  background-color: #000;
  width: 824px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
  overflow: hidden;
}

#footer img{
  margin-top: 12px;
  border: 0px;
}

#footer li{
  position: relative;
  top: -45px;
  left: 100px;
  font-family: Bebas, Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #fff;
  list-style-type: none;
  display: inline;
  margin-right: 20px;
}

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




.temas_candidatos,.temas_candidatos_comovan{
	text-indent:8px; float:left;width:25%;background: $style; color:#fff; font-family:Bebas,Helvetica,Arial,sans-serif;height:25px;line-height:25px;
	cursor:pointer;
}

.temas_candidato{
	text-indent:8px; float:left;width:100%;background: $style; color:#fff; font-family:Bebas,Helvetica,Arial,sans-serif;height:25px;line-height:25px;
	cursor:pointer;
}


.temas_candidatos:hover,.temas_candidato:hover, .temas_candidatos_selected{
	background-color:#9a6e47 !important;
}

.temas_candidatos_comovan:hover{
	background-color:#2bbbb2 !important;
}

.cand_name_se{
	margin: 0 !important;
	background:#fff;
	color:#030303 !important;
	text-weight:normal !important;
	height:30px; 
	line-height:30px; 
	font-size:13px !important; 
	font-family:helvetica !important;
	border-top:2px dotted #b2b2b2;
}


.prop_name_se{
	background:#fff;
	color:#030303 !important;
	height:30px; 
	line-height:30px; 
	font-size:15px !important; 
	font-weight:bold !important;
	text-transform:uppercase;
	font-family:Bebas, helvetica !important;
	padding-top:25px;
	padding-bottom:3px;
	text-align:left !important;
	margin-left:20px;
	margin-right:20px;
}

.prop_desc{

   text-align:left;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:25px;
   background:#fff;
   font-size:12px;
   font-family:helvetica;
   height:58px;
}

.se_lst{
	border-right:0px dotted #b5b5b5 !important;
}

.mini_bio{
	text-align:center;
	margin:0 !important;
        background:#fff;
        height:70px;
        border-top: 2px dotted #b2b2b2;
        font-size:13px !important;
	font-family:helvetica !important;
	padding-top:10px;
	padding-left:16px !important;
	padding-right:16px !important;
	color:#989898 !important;
}

.mini_bio img{
	margin-left:5px;
	margin-right:5px;
}
#calificacion_propuesta{
	margin-top:5px;
	margin-left:10px;
	padding-top:0px;
	font-weight:bold;
	font-size: 50px;
	font-family:Bebas;
        height: 2px;
        width: 80px;
        position: relative;
        top: 40px;
        /*float: left;*/
}

.flecha{
   width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #9a6e47;
}

.detail_section{
   height:110px;
   background:#e5e5e5;
   padding:25px;
	padding-top:8px;
}

#datos{
   background:#e5e5e5;
}


/**************************************************
*
*	CONTAINER STYLES
*
**************************************************/

#horiz_container_outer
{
	width:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	height:125px;
	margin:0 auto;
}

#horiz_container
{
	/*width:4040px;*/
	margin:0px;
	padding:0px;
	height:120px;
	margin-left:15px;
}

#horiz_container ul
{
	margin:0px; padding:0px;
	float:left;
}

#horiz_container_inner
{
   margin:0px;
   padding:0px;
	padding-left:0px;
}

#horiz_container li
{
	list-style:none;
	display: inline-table;
	margin:0px;
}



/**************************************************
*
*	SCROLLING STYLES
*
**************************************************/

#scrollbar{ 
    position:relative; 
    width:850px; height:12px;
    display:block;
    font-size:1px;
    top:0px;
    margin:0px auto;
}

#track{ 
    position:absolute; left:0px; top:0;
    width:850px; height:12px; 
    border-top: 3px dotted black;
}

#dragBar{
    position:absolute;
    left:0px;
    top:-11px!important;
    width:20em!important;
    height:20em; 
    -webkit-border-radius: 20em;
	-moz-border-radius: 20em;
	border-radius: 20em;
	background-color:#000;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.7, rgb(9,9,9)),
    color-stop(0.3, rgb(0,0,0))
);
}  
  
#left_scroll{ 
	position:absolute; 
	border-color: transparent black transparent transparent;
	border-style: solid;
	border-width: 5px;
	width: 0px;
	height: 0px;
	cursor:pointer;
	top:-3px;
	left:-15px;
}  

#right_scroll 
{ 
	position:absolute; 
	right:-15px; 
	top:-3px;
	border-color: transparent transparent transparent black;
	border-style: solid;
	border-width: 5px;
	width: 0px;
	height: 0px;
	cursor:pointer;
}

/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

#graficas{
  width: 924px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ccc;
}

#cand_graph_menu{
  position: relative;
  margin-top: 20px;
  margin-left: 37px;
}

#legend{
  position: relative;
  float: right;
  width: 200px;
  top: -50px;
}

#legend h1{
  background-color: #000;
  font-family: 'Bebas';
  color: #fff;
  padding: 8px 8px 0px 8px;
  margin-bottom: 20px;
}

#week_legend{
  font-family: 'Chapa';
  font-size: 1em;
  color: #444;
  left: -90px;
  top: -20px;
  text-align: center;
  position: relative;
}

#avg_legend{
  position: relative;
  font-family: 'Chapa';
  font-size: 1em;
  color: #444;
  width: 100px;
  margin-left:  -25px;
  top: -200px;
  -webkit-transform: rotate(271deg);
  -moz-transform: rotate(271deg);
  -o-transform: rotate(271deg);
  writing-mode: bt-rl;
}