* {
  margin: 0px; 
  padding:0px;
}
html {
      overflow-x:hidden;

}
html,
body {
  height:100%; 

}
body {
    background: url("Images/background.jpg") repeat-x scroll left top #112540;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 10pt;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cm-background {
    background: url("Images/site-background.jpg") center top no-repeat;
    height: 100%;
    margin: 0;
    min-height: 1460px;
    min-width: 1008px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.cm-page {
    width:1008px;
    margin:0 auto;
    padding:0;
    position:relative;

}
/* misc */
.cm-left {
    text-align:left;
}
.cm-right {
    text-align:right;
}
.cm-center {
    text-align:center;
}
.cm-block {
    display:block;
}
.cm-clear {
    clear:both;
}
/* barra gra */
.cm-gra {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
/* header */
.cm-header {
    margin: 0;
    width: 100%;
    padding:18px 0px 18px 0px;
}
.cm-logo-polar {
    width:189px;
    float:right;
    margin-top:10px;
    margin-right:15px;
}
.cm-logo-election {
    width:290px;
    margin-top:-5px;
    margin-left:15px;
    float:left;
}

.cm-maxmimize-header,
.cm-minimize-header
 {
    float:right;
    width:30px; 
    height:33px; 
    margin-top:3px;
    background: url("Images/zoomout.png") no-repeat transparent;

}
.cm-minimize-header {
    background: url("Images/zoomin.png") no-repeat transparent;

}
#cm-min-max-text {
float:right;
color: #fff;
font-size:14px;
margin-top:10px;
margin-right:8px;
}

/* footer */
.cm-footer {
    width: 100%;
    padding:10px 0 10px 0;
}
.cm-footer * {
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
/* main content */
.cm-content {
    min-height:328px;
    margin-top:3px;
}
/* menu */
.cm-menu {
    height: 34px;
    width: 100%;
}
.cm-menu-left-corner {
    background: url("Images/prjmenu-left-corner.png") no-repeat scroll 0 0 transparent;
}
.cm-menu-right-corner, .cm-menu-left-corner {
    float: left;
    height: 34px;
    width: 0.5%;
}
.cm-menu-center {
    background-image: url("Images/prjmenu-background.png");
    float: left;
    height: 34px;
    width: 99%;
}
.cm-menu-center > ul {
    font-size: 12pt;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.cm-menu-center > ul > li {
    background-image: url("Images/prjmenu-sep-arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    color: white;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-left: -18px !important;
    padding: 0 13px 0 14px;
    vertical-align: middle;
}
.cm-menu-center > ul > li a:link, 
.cm-menu-center > ul > li a:hover, 
.cm-menu-center > ul > li a:visited {
    color: white;
    margin: 0;
    padding: 0 10px;
    text-decoration: none;
}
.cm-menu-active {
    font-weight:bold;
}
.cm-menu-right-corner {
    background: url("Images/prjmenu-right-corner.png") no-repeat scroll 0 0 transparent;
}


/* mapas svg */
.cm-map, .map {
    width:1008px;
    height:765px;
}
.map {
    overflow:hidden;
}
.cm-map-container {
    margin-left:-20px;
    height: 793px;
}

.cm-container-no-map {
    background:url('Images/background-candidates.png');
    height: 700px;
    width:100%;
}

.cm-error-candidates-map {
    color:#fff;
    font-size:16px;
    text-align:center;
    padding-top: 30%;
}

.cm-content .header, 
.cm-map .header {
    height: 30px;
    background: #2B4047;
    padding: 10px;
    color: #FFF;
    font-size: 25px;
}
.cm-content .decor, 
.cm-map .decor{
    width: 100%;
    height: 3px;
    background: #7c9127;
  
   
}

.cm-map .zoom-controls {
    position:absolute;
    bottom: 30px;
    width:  100px;
    height: 100px;
 
}

.cm-map .zoomout {
    width: 30px;
    height:30px;
    background: url("Images/zoomin.png") no-repeat scroll 0 0 transparent;
}

.cm-map .zoomin {
    width: 30px;
    height:30px;
    background: url("Images/zoomout.png") no-repeat scroll 0 0 transparent;
}

.cm-map .podium{ 
    height: 50px;
    top: 0px;
    right: 10px;
    position: absolute;

}

.cm-map .podium .item{
     float: right;
     background: #fff;
     height: 44px;
     padding-top:6px;

}
.cm-map .podium .item-separator{
     float: right;
     background: #fff;
     height: 44px;
     padding-top:6px;
     width: 25px;

}

.cm-map .podium .decor{
    float: right;
    background: url("Images/bg-podium.png") ;
    width: 28px;
    height: 50px;
    border: 0;
    margin: 0;
    padding: 0;
}

.cm-map .podium .apuradas{
    clear: both;
    margin-left: 30px;
    float: right;
    margin-top: 8px;
    color: #FFF;
    font-size: 16px;

}

.cm-map .podium .item .party-name{
    float: left;
    
}

.cm-map .podium .item .party-percentage{
    float: left;
    margin-left:10px;
    margin-top: 8px;
    font-size: 20px;

}

.cm-map .podium .item img {
    width: 40px;
   
    float: left;
     margin-left:5px;
}

.cm-map select {
    padding: 2px;
    width: 120px;

}

.cm-map .ref-question {
    color:#fff;
    font-size: 18px;
    position: absolute;
    top: 65px;
    left: 130px;
    width: 600px;


}

.cm-content .timer {
    margin-left: 600px;
    margin-top: -45px;
    margin-bottom: 35px;
    color: #FFF;
    text-align: right;
    padding:10px;
    z-index: 1;

}

.cm-content .loader {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-top: -75px;

}

.cm-content .loader-active {
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-top: -75px;
    background: url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

.cm-map-btn-container {
    position:absolute;
    top: 65px;
    left:0px;
    z-index: 1;
}

.cm-map-btn {
    height: 50px;
    width: 50px; 
    border-radius:6px;
    margin-left: 10px;
    float:left;
}

.cm-map-btn-circle {
    background: #7c9127 url("Images/btnCicloCompesacao.png") no-repeat;
    background-size: 50px 50px;
}

.cm-map-btn-acores {
    background: #7c9127 url("Images/btnAcores.png") no-repeat;
    background-size: 50px 50px;
}

.cm-map-btn-nacional {
    background: #7c9127 url("Images/btnNacional.png") no-repeat;
    background-size: 50px 50px;
}

.footer-bar-comparador {
    height: 22px;
    padding-top:4px;
    padding-left: 10px;
    font-size:15px;
    color:#FFF;
    background-color:#2b4047;
    border-bottom: solid 2px #7c9127;
    border-top: solid 2px #7c9127;
    margin-top:-14px;
}

.footer-bar-historico {
    height: 22px;
    margin-top:-8px;
    padding-top:4px;
    padding-left: 10px;
    margin-bottom:10px;
    font-size:15px;
    color:#FFF;
    background-color:#2b4047;
    border-bottom: solid 2px #7c9127;
    border-top: solid 2px #7c9127;
}

.cm-historic-error {
    text-align: right; 
    font-size: 14px;
    margin-top:7px;
}


.footer-bar-mesas
{
    height: 22px;
    margin-top:-4px;
    padding-top:4px;
    padding-left: 10px;
    margin-bottom:10px;
    font-size:15px;
    color:#FFF;
    background-color:#2b4047;
    border-bottom: solid 2px #7c9127;

}

svg {
  font: 10px sans-serif;
  shape-rendering: crispEdges;
}


rect {
  fill:  #2B3856; 
  fill-opacity:0.7;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .4) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

#tooltip {
    position:absolute;
    display:none;
    opacity:0;
    z-index: 300000;
}

#tooltip .arrow {
    width:27px;
    height:14px;
    margin-left: 20px;
    background: url("Images/arrow-tooltip.png") no-repeat;
    width:100%;
}

#tooltip .content {
    padding: 10px;
    min-width: 100px;
    min-height:20px;
    background-color: #959595;
    text-align:center;
    font-size:16px;
    border-radius:8px;

}
    /*
    *  Mobile
    */

.cm-item-mobile {
    width:100%;
    height:630px;
    background:url('Images/background-candidates.png');

}

.cm-item-acerca {
   width:100%;
    height:890px;
    background:url('Images/background-candidates.png');
}


.cm-item-acerca .cm-item-acerca-description,
.cm-item-mobile .cm-item-mobile-description {
    width:750px;
    height:200px;
    float:left;
    color:#FFF;
    padding:20px;
    font-size: 16px;
}
.cm-item-acerca .cm-item-mobile-logo,
.cm-item-mobile .cm-item-mobile-logo {
    width:150px;
    height:200px;
    float:left;
    padding:20px;

}
.cm-item-acerca .cm-item-mobile-column,
.cm-item-mobile .cm-item-mobile-column {
        margin-top:60px;  
        width: 50%;
        
        float:left; 
        text-align: center; 
    }
    .cm-item-mobile .cm-item-mobile-column .qr-code {
        border: 10px solid #FFFFFF;
        border-radius: 8px;
        margin-top:-15px;
        }

    .cm-item-mobile .cm-item-mobile-column .app-stores {

        margin-top:25px;
        border: 0px;
        }


.table-padding {
    padding-left:30px;
}
.cm-contacts-name {
    font-size:28px;
}
.cm-contacts-email 
{
    font-size:22px;
}
.cm-contacts-role {
    font-size:16px;
}

.ie78-election-title {
    color:#FFF;
    font-size: 18pt;
}

.ie78-selector
 {
    padding:5px;
    font-size:16px;
    margin-right: 5px;
    width:153px;
}

.ie78-submit
 {
    
    font-size:14px;
    height: 26px;
    margin-right: 5px;
    width:140px;
}


.ie78-selector-container {
    margin-top:10px;
     margin-bottom:40px;
}

.ie78-wrapper-home {
padding-left: 250px;
padding-top:100px;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ /*position:absolute; top: 100px;*/ }
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(Images/Colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(Images/Colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(Images/Colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(Images/Colorbox/close.png) no-repeat top center; width:27px; height:27px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* colorbox.css */