@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

*{
    /*box-sizing: border-box;*/
    font-family: 'Roboto', 'Open Sans', 'Lato', sans-serif;
    /*color: #4E4E4E;*/
    box-sizing: border-box;
}
::-moz-selection {
  background: rgba(0,0,0,0.1);
}
::selection {
  background: rgba(0,0,0,0.1);
}
textarea:focus, input:focus{
    outline: none;
}
/*
*:focus {
    outline: none;
}
*/

html{
    background:#FFFFFF;
    margin: 0;    
    width: 100%;
}
body{
    background:#FFFFFF;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
a{
    text-decoration: none;
    color: #B5007B;
}
span a{
    text-decoration: none;
}
.fs-8{
    font-size: 8px;
}
.fs-10{
    font-size: 10px;
}
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fs-24{
    font-size: 24px;
}
.fs-30{
    font-size: 30px;
}
.ta-left{
    text-align: left !important;
    margin-left: 2px;
}
.ta-center{
    text-align: center;
}
.ta-right{
    text-align: right;
    margin-right: 2px;
}
.bg-stripe{
    background: repeating-linear-gradient(
      135deg,
      #e9ecef,
      #e9ecef 3px,
      #FFFFFF 4px,
      #FFFFFF 6px
    );
}
.bg-white{
    background: #FFFFFF;
}
.bg-bone{
    background: #FFF9DB;
}
.bg-c1-r1{
    background: #721556 !important;
}
.bg-c1-r2{
    background: #940054 !important;
}
.bg-c1-r3{
    background: #B5007B !important;
}
.bg-c1-r4{
    background: #4E4E4E !important;
}
.bg-c2-r1{
    background: #EED1F2 !important;
}
.bg-c2-r1a3{
    background: rgba(238, 209, 242, .3) !important;
}
.bg-c2-r2{
    background: #766BB2 !important;
}
.bg-c2-r3{
    background: #7F4582 !important;
}
.bg-c2-r4{
    background: #E6E5E4 !important;
}
.bg-c2-r4a{
    background: rgba(230, 229, 228, .1) !important;
}
.no-bg{
    background: transparent;
}
.color-red{
    color: #FE0000;
}
.color-white{
    color: #FFFFFF;
}
.color-c1-r1{
    color: #721556 !important;
}
.color-c1-r2{
    color: #940054 !important;
}
.color-c1-r3{
    color: #B5007B !important;
}
.color-c1-r4{
    color: #4E4E4E !important;
}
.color-c2-r1{
    color: #EED1F2 !important;
}
.color-c2-r2{
    color: #766BB2 !important;
}
.color-c2-r3{
    color: #7F4582 !important;
}
.color-c2-r4{
    color: #979797 !important;
}
.border-t2-pink{
    border-top: 2px solid #B5007B;
}
.border-b2-pink{
    border-bottom: 2px solid #B5007B;
}
.border-lr2-black{
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}
.hide-desktop{
    display: none;
}
.no-margin{
    margin: 0;
}
.no-padding{
    padding: 0;
}
.no-margin-padding{
    margin: 0;
    padding: 0;
}
.margin-top-20 {
    margin-top: 20px;
}
.padding-tb-4{
    padding-top: 4px;
    padding-bottom: 4px;
}
.font-slight{
    font-weight: 300;
}
.font-light{
    font-weight: 400;
}
.font-bold{
    font-weight: 500;
}
.font-hbold{
    font-weight: 700;
}

.flex-container-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.space-between { 
  justify-content: space-between; 
}

.flex-container {
  display: -webkit-flex;
  display: flex;
}
.flex-initial {
  -webkit-flex: initial;
          flex: initial;
  width: 200px;
  min-width: 100px;
}
.flex-none {
  -webkit-flex: none;
          flex: none;
  width: 200px;
}
.flex-1 {
  -webkit-flex: 1;
          flex: 1;
}
.flex-2 {
  -webkit-flex: 2;
          flex: 2;
}
.flex-3 {
  -webkit-flex: 3;
          flex: 3;
}
.flex-4 {
  -webkit-flex: 4;
          flex: 4;
}
.flex-5 {
  -webkit-flex: 5;
          flex: 5;
}
.flex-6 {
  -webkit-flex: 6;
          flex: 6;
}
.flex-7 {
  -webkit-flex: 7;
          flex: 7;
}
.flex-8 {
  -webkit-flex: 8;
          flex: 8;
}
.flex-9 {
  -webkit-flex: 9;
          flex: 9;
}
.flex-10 {
  -webkit-flex: 10;
          flex: 10;
}
.flex-11 {
  -webkit-flex: 11;
          flex: 11;
}
.flex-12 {
  -webkit-flex: 12;
          flex: 12;
}

.flex-center-auto{
    justify-content: center;
}
.flex-vertical {
    height: auto;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#title-head{
    text-align: center;
    font-size: 26px;
    margin:0;
    font-weight: 500;
}
#subtitle-head{
    text-align: center;
    font-size: 16px;
    margin:0;
}
#logo-prep{
    margin-right: 20px;
}
img.cstmmyfont { transition: all .2s ease-in-out; }
img.cstmmyfont:hover{
    transform: scale(2.5);
}
.input_box {
    display: block;
    padding: 10px 70px 10px 13px !important;
    min-width: 300px;
    max-width: 100%;
    height: auto !important;
    border: 1px solid #B5007B;
    border-radius: 3px;
    background-color: #fff;
    color: #444444;
    font-size: 12px;
    line-height: 16px !important;
    appearance: none; /* this is must */
    -webkit-appearance: none;
    -moz-appearance: none;
}
.select_box {
    display: block;
    padding: 10px 70px 10px 13px !important;
    min-width: 300px;
    max-width: 100%;
    height: auto !important;
    border: 1px solid #B5007B;
    border-radius: 3px;
    background: url("../assets/images/elements/selectbox_arrow.png") right center no-repeat;
    background-color: #fff;
    color: #444444;
    font-size: 12px;
    line-height: 16px !important;
    appearance: none; /* this is must */
    -webkit-appearance: none;
    -moz-appearance: none;
}
.select_box option { padding: 0 4px; } /* for IE and Edge */
.select_box::-ms-expand { display: none; }
.select_box:disabled::-ms-expand { background: #f60; }

.msg-cookies{
    opacity: unset !important;
    background-color: rgba(0,0,0,0.8) !important;
    color: #FFFFFF;
    z-index: 999999;
}
.msg-cookies span{
    padding-right: 70px;
    display: inline-block !important;
}
#using-cookies-close{
    color:#721556;
    background:#FFFFFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: bold;
    width: 28px;
    height: 28px;
    cursor: hand;
    cursor: pointer;

    position: absolute;
    top: 6px;
    right: 12px;
}
#message-close{
    color:#721556;
    background:#FFFFFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: bold;
    width: 68px;
    height: 28px;
    cursor: hand;
    cursor: pointer;

    position: absolute;
    top: 8px;
    right: 12px;
}

table td{
    padding-left: 10px;
    padding-right: 10px;
}

/* TABLA DE TITULO EN HEADER */
/*
.table-header {
    display: flex;
    flex-flow: column nowrap;
    font-size: .8rem;
    margin: 0.5rem;
    line-height: 1.5;
    border-bottom: 1px solid #d0d0d0;
    flex: 1 1 auto;
    width: 100%;
    padding: 10px;
}
.th-header > .td-header {
    white-space: normal;
    justify-content: center;
}
.tr-container-header{
    max-height: 300px;
    overflow-y: auto;
    width: calc(100% + 14px);
}
.tr-header {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}
.tr-header:nth-of-type(even) {
    background-color: #DFDFDF;
}
.tr-header:nth-of-type(odd) {
    background-color: #FFFFFF;
}
.td-header {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5em;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0px;
    white-space: nowrap;
    border-bottom: 0;
    border-bottom: 1px solid #FE0000;
}
*/

.table-header {
    display: inline-block;
    font-size: 10px;
    width: 100%;
    height: 80px;
    padding: 10px;
}

.tr-header {
    width: 100%;
    display: inline-block;
}

.td-header {
    display: inline-block;
    min-width: 60px;
    max-height: 90px;
    width: 33%;
}

.td-headerL {
    display: inline-block;
    width: 20%;
    min-width: 60px;
    max-height: 90px;
}

.td-headerC {
    display: inline-block;
    min-width: 60px;
    max-height: 90px;
    width: 59%;
}

.td-headerR {
    display: inline-block;
    min-width: 60px;
    max-height: 90px;
    width: 20%;
}

.table-header2 {
        display: none;
    }

#logo-prep img{
    height: 40px;
    width: auto;
}

#logo-iee img {
    height: 40px !important;
    width: auto;
}

/* FIN TABLA DE TITULO EN HEADER*/

.btn-update-custom-fill{
    background: #B5007B;
    color: white !important;
}
.btn-update-custom-fill:hover{
    color: #B5007B !important;
    background-color: #FFFFFF;
}

.btn-update-custom{
    float: right;
    background-color: transparent;
    /*margin-right: 20px;*/
    padding:6px 8px;
}
.btn-update-custom:hover{
    color: white !important;
    background: #B5007B;
}
.btn-update-db{
    float: right;
    color: #FFFFFF !important;
    border: 1px solid #484848 !important;
    /*margin-right: 20px;*/
    background: #4E4E4E;
    padding:6px 8px;
}
.btn-update-db:hover{
    color: #4E4E4E !important;
    border: 1px solid #4E4E4E;
    background: #FFFFFF;
}
.btn-border{
    border: 2px solid #B5007B;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #B5007B;
}
#wrapper{
    margin-left: 60px;
    margin-right: 60px;
}
.separator_slash{
    padding-left: 5px;
    padding-right: 5px;
}
.section-vistas{
    padding: 10px 0;
}
.section-vistas label{
    font-size: 12px;
/*    margin-left: 20px;*/
}

.section-breadcrumb{
    font-size: 10px;
    padding: 0px 0;
    /*margin-left: 30px;*/
}
#tb-avance{
    padding-left: 30px;
    padding-right: 0px;
}

#tb-avance2{
    display: none;
}

.percentage-container{
    height: 12px;
    width: 80%;
    border-radius: 3px;

    background-color: #ededed;
    border:1px solid #9d9d9c;
}
.percentage-container-x{
    height: 12px;
    width: 100%;
    border-radius: 3px;

    background-color: #ededed;
    border:1px solid #9d9d9c;
}
.percentage-progress, .percentage-progress-ln{
    height: 10px;
}

.avance-title{
    font-size: 1.0em;
    font-weight: 500;
}
.avance-text{
    font-size: 0.8em;
    font-weight: 500;
    color: #4E4E4E;
}
.avance-text-soft{
    font-size: 0.8em;
    font-weight: 500;
    color: #979797;
}
.avance-text-values{
    font-weight: 500;
    color: #4E4E4E;
}

.section-candidatura > p{
    margin-top: 25px;
    margin-bottom: 6px;
}
#section-candidatura-paragraph{
    
}
#section-candidatura-paragraph p{
    margin:0;
    display: block;
}
.img-paragraph{
  vertical-align: text-top;  
}
.tr-h30{
    height: 30px;
}
.separator-a, .separator-b{
    border-top: 2px solid #B5007B;
    clear: both;
}
.clear{
    clear: both;
}

span[data-descr] {
  position: relative;
  /*text-decoration: underline;*/
  /*color: #00F;*/
  cursor: help;
}

span[data-descr]:hover::after {
  content: attr(data-descr);
  position: absolute;
  left: 4px;
  top: -50px;
  min-width: 200px;
  border: 1px #B5007B solid;
  border-radius: 6px 6px 6px 0px;
  background-color: #fefaff;
  padding: 8px;
  color: #000000;
  font-size: 12px;
  text-align: left;
  z-index: 1;
}

.hideOnDesktop {
    display: none;
}

header{
    position:relative;
    width:100%;
    height: auto;
}
.logo{
    position:relative;
    z-index:123;
    padding:10px;
    font:18px;
    color:#6DDB07;
    float:left;
    width:15%;  /*IMPORTANT*/ 
}
nav{
    position:relative;
    width:980px;
    margin:0 auto;
}

div > span#prcnt-space{
    margin-top:14px;
    margin-bottom:14px;
    display:inline-block;
}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
    border:0;
    list-style:none;
    display:block;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin: 0 auto;
    padding: 0;
}
#cssmenu:after,#cssmenu > ul:after{
    content:"*";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
#cssmenu #head-mobile{display:none}
#cssmenu{}
#cssmenu > ul > li{
    float:left;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
}
#cssmenu > ul > li > a{
    padding:12px;
    font-size:12px;
    letter-spacing:1px;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:300;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{
    color:#721556;
    font-weight:500;
}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
    background: #EED1F2 !important;
    color: #721556 !important;
    -webkit-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{
    position:absolute;
    top:10px;
    right:10px;
    width:5px;
    font-size: 1em;
    display:block;
    content:' ▾';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:after{
    top:12px;
    transform: rotate(-90deg);
    -webkit-transition:all .35s ease;
    -ms-transition:all .35s ease;
    transition:all .35s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before{
    top:23px;
    height:0;
}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{
    background:#333;
    background: #EED1F2 !important;
    color: #721556 !important;
    height:0;
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{
    left:auto;
    margin-left: -15px;
}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{
    border-bottom:1px solid rgba(150,150,150,0.15);
    padding:11px 15px;
    width:170px;
    font-size:12px;
    text-decoration:none;
    background: #721556;
    color:#FFFFFF;
    font-weight:400;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{
    background: #EED1F2 !important;
    color: #721556 !important;
    font-weight:500;
}
#cssmenu ul ul li.has-sub > a:after{
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#ddd;
    content:''
}
#cssmenu ul ul li.has-sub > a:before{
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{
    background:#363636;
}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
    border-top:1px solid #333
}
.navItemBorder {
    border-left:1px solid #FFFFFF !important;
    border-right:1px solid #FFFFFF !important;
}
.navItemBorderR {
    border-right:1px solid #FFFFFF !important;
}
.navItem,.section-vistas2, .section-candidatura2, .tr-PActas, #cardMovil {
    display: none;
}

@media screen and (max-width: 870px){
    #cssmenu > ul > li{
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
    }
}

@media screen and (max-width: 800px){
    /*
    .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
    .logo2{display:none}
    */
    .check-margin{
        margin-top: 16px;
    }
    .navItemBorder {
        border-left: 0 !important;
        border-right: 0 !important;
    }
    .navItemBorderR {
        border-right: 0 !important;
        border-top:1px solid #FFFFFF !important;
    }
    li {
        display: block !important;
        margin-left: 0px !important;
    }
    
    #homeMenuBar {
        display: none !important;
    }
    
    nav{width:100%;}
    #cssmenu{width:100%}
    #cssmenu ul{width:100%;display:none}
    #cssmenu ul li{
        width:100%;
        /*border-top:1px solid #FFF*/
    }
    
    #cssmenu ul li:hover{background:#363636;}
    #cssmenu ul ul li, #cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
    #cssmenu > ul > li{float:none}
    #cssmenu ul ul li a{
        padding: 0;
        margin-left: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
        background: #333;
    }
    #cssmenu ul ul li{background:#333!important;}
    #cssmenu ul ul li:hover{background:#363636!important}
    #cssmenu ul ul ul li a{padding-left:35px}
    /*#cssmenu ul ul li a{color:#ddd;background:none}*/
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{
        display: none;
        top: 6px;
        font-size: 2em;
    }
    #cssmenu #head-mobile{display:block;padding:23px;color:#FFF;font-size:12px;font-weight:700}
    .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #FFF;border-bottom:2px solid #FFF;content:''}
    .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#FFF;content:''}
    .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    #cssmenu .submenu-button{
        position:absolute;
        z-index:99;
        right:0;
        top:0;
        display:block;
        /*border-left:1px solid #444;*/
        height:46px;
        width:46px;
        cursor:pointer
    }
    /*#cssmenu .submenu-button.submenu-opened{background:#262626}*/
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu > ul > li.has-sub > a:after{
        position:absolute;
        top:2px;
        right:10px;
        width:5px;
        display:block;
        padding-right: 10px;
        content:' ▾';
        -webkit-transition:all .25s ease;
        -ms-transition:all .25s ease;
        transition:all .25s ease;
    }
    #cssmenu > ul > li.has-sub:hover > a:after{
        top:5px;
        transform: rotate(-90deg);
        -webkit-transition:all .35s ease;
        -ms-transition:all .35s ease;
        transition:all .35s ease;
    }
    #cssmenu > ul > li.has-sub:hover > a:before{
        top:23px;
        height:0;
    }
    #cssmenu .submenu-button.submenu-opened:before{display:none}
    #cssmenu ul ul ul li.active a{border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
    .hide-desktop{display: block;}
    .hideOnMobile{display: none !important;}
}

/* SEARCH ON DESKTOP */

#contSearchDesktop {
    display: none;
    width: 166px;
    height: 38px;
    padding: 5px;
    background: #721556
}

.searchThingDesktop {
    width: 156px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.searchThingDesktop input#searchInputDesktop {
    width: 156px;
    height: 28px;
    background: #FFF;
    border: none;
    font-size: 12px;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 20px;
}

.searchThingDesktop input#searchInputDesktop::placeholder {
    color: #999999;
}

.searchIconDesktop {
    font-size: 12px;
    position: absolute;
    top: 50%;
    margin-left: 8px;
    margin-top: 6px;
    z-index: 1;
    color: #999999;
}

.searchIcon2Desktop {
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-right: 8px;
    margin-top: 6px;
    z-index: 2;
    color: #4E4E4E;
    right: 0;
}

.searchIcon2Desktop i{
    cursor: hand;
    cursor: pointer;
}
/* END SEARCH ON DESKTOP */


.section-candidatos{
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
}

/* CARDS */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
    display: inline-block;
/*
    margin-left: 6px;
    margin-top: 10px;
*/
    margin: 5px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}
.flip-container, .front, .back {
	width: 250px;
	height: 120px;
}

.front, .back {
    vertical-align: bottom;
    display: inline-block;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
    padding-top: 5px;
}
/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* back, initially hidden pane */
.back {
    background: #FFFFFF;
	transform: rotateY(180deg);
    box-shadow: 0 6px 8px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
    overflow-x: hidden;
    overflow-y: auto;
}

/* Circle Avatar Styles */
.circlex {
    line-height: 0;		/* remove line-height */ 
    display: inline-block;	/* circle wraps image */
    margin: 5px;
    border: 2px solid rgba(255,255,255,0.4);
    border-radius: 50%;	/* relative value */
    /*box-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/
    transition: linear 0.25s;
    height: 32px;
    width: 32px;
}
.circle {
    line-height: 0;		/* remove line-height */ 
    display: inline-block;	/* circle wraps image */
    margin: 5px;
    border: 2px solid rgba(255,255,255,0.4);
    border-radius: 50%;	/* relative value */
    /*box-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/
    transition: linear 0.25s;
    /*
    height: 32px;
    width: 32px;
    */
}
.circle img {
	border-radius: 50%;	/* relative value for adjustable image size */
}
.circle:hover {
	transition: ease-out 0.2s;
    border: 2px solid rgba(255,255,255,0.8);
    -webkit-transition: ease-out 0.2s;
}
a.circle {
    color: transparent;
} /* IE fix: removes blue border */	

#card-total-votos{
/*    margin-left:8px; */
}
.title-small{
    font-size: 10px;
}
.candidato-partidos{
    margin-top: 4px;
    margin-bottom: 10px;
}
.candidato-partidos .partido{
    font-size:12px;
    padding: 5px;
}
.candidato-partidos-vertical{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}
.candidato-partidos-vertical .partido{
    font-size:12px;
    padding: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    display: inline-block;
}
.candidato-partidos-vertical-left{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
.candidato-partidos-vertical-left .partido{
    font-size:12px;
    padding: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    display: inline-block;
}

#tablaGrafica{
    display: block;
    min-width: 700px;
    overflow-x: scroll;
    margin-top: 10px;
}

#tablaDatos{
    display: block;
    min-width: 700px;
    overflow-x: scroll;
    margin-top: 10px;
}

.table th, .table td { 
    text-align: left; 
    padding: 0.25em;
}

.border-top{
    border-top: 2px solid #B5007B;
}
.border-bottom{
    border-bottom: 2px solid #B5007B !important;
}
.border-both{
    border-top: 2px solid #B5007B;
    border-bottom: 2px solid #B5007B;
}

#tb-distribucion-votos-1-d tr:last-child{
    border-bottom: 2px solid #B5007B;
}

table.tb-votos-candidatos {
    border:1px solid rgba(235, 235, 235, .5);
    border-collapse: collapse;
    width: 100%; 
}
.tb-votos-candidatos tr:first-child, .tb-votos-candidatos tr:last-child{
    border-bottom: 2px solid #B5007B;
}
.tb-votos-candidatos tr th div{
    text-align: center;
}
table.tb-votos-candidatos tr td { 
    font-size: 10px;
    padding:4px;
    text-align: right;
}
table.tb-votos-candidatos tr { 
    height: 30px !important;
}
table.tb-votos-candidatos th, table.tb-votos-candidatos td { 
    border: 1px solid rgba(235, 235, 235, .5);
}

table.tb-votos-candidatos-chart {
    border:1px solid rgba(235, 235, 235, .5);
    border-collapse: collapse;
    width: 100%;
}
.tb-votos-candidatos-chart tr:nth-child(1){
    vertical-align: bottom;
    height: 250px;
}
.candidato-partidos-vertical-line{
    height: 250px;
}
.tb-votos-candidatos-chart tr:nth-child(2){
    border-top: 2px solid #EAEAEA;
}
.tb-votos-candidatos-chart tr:nth-child(2), .tb-votos-candidatos-chart tr:last-child{
    border-bottom: 2px solid #B5007B;
}
.tb-votos-candidatos-chart tr th div{
    text-align: center;
}
table.tb-votos-candidatos-chart tr td { 
    font-size: 10px;
    padding:4px;
    text-align: right;
}
table.tb-votos-candidatos-chart th, table.tb-votos-candidatos-chart td { 
    border: 1px solid rgba(235, 235, 235, .5);
}

table.tb-participacion {
    border:1px solid rgba(235, 235, 235, .5);
    border-collapse: collapse;
    width: 100%; 
}
.tb-participacion tr:first-child, .tb-participacion tr:last-child{
    border-bottom: 2px solid #B5007B;
}
.tb-participacion tr th div{
    text-align: center;
}
table.tb-participacion tr td { 
    font-size: 10px;
    text-align: right;
    padding:4px; 
}
table.tb-participacion th, table.tb-participacion td { 
    border: 1px solid rgba(235, 235, 235, .5);
}

/*
#tablaResumenVotos, #tablaResumenVotosPartido, #tablaDistribucionVotosPartido, #tablaDistritos, #tablaDistritosPartidos, #tablaSecciones, #tablaCasillas, #tablaVotosExtranjero, {
    display: block;
    min-width: 700px;
    overflow-x: scroll;
    margin-top: 10px;
    width: 100%;
}
*/

.estiloTablasDesktop {
    /*display: block;*/
    display: inline-table;
    min-width: 700px;
    overflow-x: scroll;
    margin-top: 10px;
    width: 100%;
}

.bttn {
    background: transparent;
    border: 0;
    color: white;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 14px;
    height: 14px;
    outline: inherit !important;
    border: 0;
    margin: 0 2px 2px 2px;
}
.radius {border-radius: 50%;}
.area-one {
  width: 60%;
  float: left;
  height: 100%;
  margin-right: 1em;
}
.area-two {
  width: calc(40% - 1em);
  float: right;
  height: 100%;
}
.contenedorTablasAbajo{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.area-x {
/*  width: 50%;*/
/*  float: left;*/
  height: 100%;
/*    width: 48%;*/
/*  margin-right: 1em;*/
    vertical-align: bottom;
    display: inline-block;
    text-align: left;
    margin-right: 5px;
}
.area-y {
/*  width: calc(50% - 1em);*/
/*  float: right;*/
/*    width: 48%;*/
  height: 100%;
    vertical-align: bottom;
    display: inline-block;
    text-align: left;
    margin-left: 5px;
}

.section-info-candidatos {
    width: 100%;
    display: inline-block;
    text-align: center
}

.tb-container{
    /*overflow: auto;*/
    margin-top: 10px;
    width: 48.9%;
}
table.tb-amigacsso {
    border-collapse: collapse;
    display: inline-table;
    width: 100%;
}
.tb-amigacsso tr:last-child{
    border-bottom: 2px solid #B5007B;
}
.tb-amigacsso tr th div{
    text-align: center;
}
table.tb-amigacsso tr { 
    height: 30px !important;
}
table.tb-amigacsso tr td { 
    font-size: 10px;
    padding:4px;  
}
table.tb-amigacsso th, table.tb-amigacsso td { 
    border: 1px solid rgba(235, 235, 235, .5);
}

td.edit-buttons { text-align: right; }
button { 
  border-radius: 3px; 
  border: none; 
  margin: 0 0.25em; 
  transition: all 0.3s;
}
button:hover { 
  box-shadow: 0 0 4px rgba(3,3,3,0.8); 
  opacity: 0.9;
}
button.edit { background: #6F9; }
button.delete { background: #F69; }

.bullet-text{
    border-radius: 50%;
    width: 14px;
    height: 14px;
    padding-top:1px;
    text-align: center;
    display: inline-block;
}

.section-estadisticas{
    text-align:center;
    clear: both;
    width: 100%;
    display: block;
}
.section-estadisticas #grafica, .section-estadisticas #informacion{
    display:inline-block;
    width: 49.5%;
    vertical-align:inherit;
}
.pixel{
    background: transparent;
    width: 1px;
    height: 1px;
}
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mt-12{
    margin-top: 12px;
}
.mt-15{
    margin-top: 15px;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-12{
    margin-bottom: 12px;
}
.mb-15{
    margin-bottom: 15px;
}
.lista-nominal-detalle{
    margin-top:12px;
}
.lista-nominal-detalle span#lnd-avance{
    text-align: left;
}
.lista-nominal-detalle span#lnd-total{
    text-align: right;
}
.lista-nominal-detalle span span{
    display: block;
}

/* GRAPH Chart */
.graph, .graph-bd-md, graph-bd{
    max-height: 200px;
}
#svg-chart {
  height: 300px;
  width: 300px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.candidato-partidos-vertical-line{
    width: 32 px !important;
    display: block;
}
.candidato-partidos-vertical-line svg {
    transform: rotate(180deg);
}

.hidden-mobile{
    display:none !important;
}

@media screen and (max-width: 800px){
    /*
    tr {
        display: flex; 
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0.5em 0;
        border: 1px solid rgba(3,3,3,0.2);
    }
    td, th {
        flex: 1 1 150px;
        border: 0.5px solid rgba(3,3,3,0.2);
    }
    td.edit-buttons, td.empty {
        /*flex: 1 0 90%;
        text-align: center;* /
    }
    */

    html {
        margin: 0px;
        padding: 0px;
    }
    
    /* NAVBAR MOVIL */
    #navmenubar {
        z-index: 9998;
        position: fixed !important;
        margin-top: -0px !important;
    }

    .navItem {
        text-align: left;
        z-index: 1000;
        position: absolute;
        width: 85%;
        display: inline-block;
        padding: 5px;
        margin-left: 15px;
    }
    
    #navItem1 {
        display: inline-block;
        text-align: center;
        font-size: 26px;
        color: #fff;
        width: 10%;
    }
    
    #navItem2 {
        display: inline-block;
        text-align: center;
        font-size: 18px;
        color: #fff;
        width: 40%;
    }
    
    #navItem3 {
        display: inline-block;
        text-align: center;
        font-size: 18px;
        color: #fff;
        width: 40%;
    }
    
    #navItem1:active, #navItem2:active, #navItem3:active {
        color: #EED1F2;
        text-shadow: 0 0 100px #EED1F2;
        transition: .2s;
    }
    
    /*INICIA TABLA DE TITULO EN HEADER MOVIL*/
    .table-header {
        display: none;
    }

    .table-header2 {
        display: inline-block;
        margin: 0 auto;
        margin-top: 55px;
        width: 100%;
        height: 60px;
        border-bottom: 4px solid #721556;
    }

    .td-header2 {
        display: inline-block;
        padding: 5px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .td-header3 {
        display: inline-block;
        padding: 5px;
        vertical-align: middle;
        text-align: center;
        width: 60%;
    }

    .title-head2 {
        text-align: center;
        font-size: 18px;
        height: 40px;
    }

    .logoPrepMovil {
        width: auto;
        height: 40px;
    }

    /*INICIA SECCION AVANCE MOVIL*/
    #wrapper{
        margin-left: 5px;
        margin-right: 5px;
    }

    .section-vistas, .section-breadcrumb {
        display: none;
    }

    .td-inlineBlock {
        display: inline-block;
        width: 100%;
    }

    .tr-title-avance{
        display: none;
    }

    #tb-avance {
        display: none;
    }

    #tb-avance2 {
        text-align: center;
        display: table;
        width: 100%;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .td-avanceL {
        text-align: left;
        display: table-cell;
        vertical-align: top;
        padding: 5px;
        width: 37%;
    }

    .td-avanceC {
        text-align: left;
        display: table-cell;
        vertical-align: top;
        padding: 5px;
        width: auto;
        width: 34%;
    }
    
    .td-avanceR {
        display: table-cell;
        padding: 5px;
        width: 29%;
        vertical-align: middle;
    }

    .clock-icon{
        display: inline-block;
        vertical-align: top;
    }
    
    .text-clock {
        display: inline-block
    }
    
    .btn-update-custom, .btn-update-db, btn-update-db2 {
        font-size: 12px;
        padding: 5px;
    }
    
    /* BOTONES RADIO MOVIL */
    .section-vistas2 {
        display: table;
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    input[name=rad_votos_x2] {
        display: none;
    }
    
    label[for=votos_x_candidatura2]:hover, label[for=votos_x_partido2]:hover {
        cursor: pointer;
    }
    
    label[for=votos_x_candidatura2] {
/*        position: relative;*/
/*        float: left;*/
        display: table-cell;
        background: #EED1F2;
        width: 50%;
        height: 55px;
        padding: 10px;
/*        top: 50%;*/
/*        bottom: 50%;*/
        color: #7F4582;
        vertical-align: middle;
    }
    
    label[for=votos_x_partido2] {
/*        position: relative;*/
/*        float: right;*/
        display: table-cell;
        background: #EED1F2;
        width: 50%;
        height: 45px;
        padding: 10px;
        color: #FFF;
        color: #7F4582;
        vertical-align: middle;
    }
    
    input[name=rad_votos_x2]:checked + label {
        background-color: #7F4582;
        color: #FFF;
    }
    
    /* SECCION CANDIDATURA */
    .section-candidatura, .separator-a {
        display: none;
    }
    
    .separator-b{
        border-top: 1px solid #E6E5E4;
        opacity: .3;
        clear: both;
    }
    
    .section-candidatura2 {
        display: block;
        padding: 5px;
        height: auto;
        margin-bottom: 20px;
    }
    
    .btn-update-db2{
        font-size: 11px;
        font-weight: 400;
        float: right;
        padding: 5px !important;
        color: #FFFFFF !important;
        border: 1px solid #484848 !important;
        background: #766BB2;
    }
    .btn-update-db2:hover{
        color: #766BB2 !important;
        border: 1px solid #766BB2 !important;
        background: #FFFFFF;
    }
    
    .btn-detalles {
        margin-top: 10px;
    }
    
    #tablaDatos, #tablaGrafica, .botones2{
        display: none;
}
    .section-estadisticas{
        text-align:center;
        clear: both;
        width: 100%;
        height: auto;
        display: block;
    }
    
    .est-Title {
        font-size: 20px;
        margin-bottom: -10px;
    }
    
    #grafica, #informacion {
        width: 100% !important;
        display: block !important;
    }
    
    .graph, .graph-bd-md, graph-bd{
        display: block;
        max-height: 200px;
        width: 100%;
    }

    #svg-chart {
       height: 300px;
       width: 300px;
       -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    
    .tablaGraf {
        display: ;
        width: 100% !important;
        text-align: center;
        margin-top: -30px
    }

    .tr-PActas {
        display: table-row;
    }
    
    #chart-subtitles {
        text-align: center;
        margin-top: 30px;
    }
    
    .tablaActas {
        margin: 0 auto;
        width: 80%;
        text-align: left;
    }
    
    #informacion {
        margin-top: 50px;
    }
    
    .margT-10 {
        margin-top: 10px;
    }
    
    .margB-10 {
        margin-bottom: 10px;
    }
    
    /* CARDS MOVIL */
    .hidecards, .section-candidatos {
        display: none;
    }
    
    #cardMovil {
        display: block;
        width: 100% !important;
    }
    
    .card-candidato{
        width: 100%;
        display: table;
        padding: 5px;
    }
    
    .card-candidato:hover{
        z-index: 1000;
        margin-top: 5px;
        margin-bottom: 5px;
        transition: all 0.5s ease;
        box-shadow: 0 6px 8px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
    }
    
    .progress-bar{
      width:95%;
      background: rgba(230, 229, 228,0.2);
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      height:10px;
    }
    
    .progress-bar div.bar{
      height: 10px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      margin-top:6px;
      opacity:1;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
    }
    
    .progress-bar div.bar:hover{
      cursor:pointer;
      opacity:.9;
      transition: opacity 0.3s ease-in-out;
      box-shadow: inset 0 0 0 1px #FFFFFF;

      -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .card-candidato div.card-avatar, .card-candidato div.card-pbar, .card-candidato div.card-prcnt{
        clear: both;
        display: table-cell;
        vertical-align: middle;
    }
    
    .card-candidato div.card-pbar{
        padding: 5px;
        width: 100%;
    }
    
    .card-candidato div.card-prcnt{
        text-align: right;
        padding: 5px;
        max-width: 90px;
        min-width: 90px;
    }
    
    div.card-candidato:nth-child(even) {background: rgba(230, 229, 228, .1);}
    div.card-candidato:nth-child(odd) {background: #FFFFFF;}
    
    #cardDetailMovil{
        width: 100%;
    }
    
    .candidato-data-movil{
        width: 100%;
        padding: 10px;
    }
    
    .ftable1 {
        font-size: 14px !important;
    }
    
    .ftable2 {
        font-size: 8px !important;
    }
    
    .ftable3 {
        font-size: 12px !important;
        font-weight: 500;
    }
    
    .ftable4 {
        font-size: 12px !important;
    }
    
    .ftable5 {
        font-size: 14px !important;
        font-weight: 500;
    }
    
    /* Footer Movil */
    .hide {
        display: none;
    }
    
    .hidden-mobile{
        display:block !important;
    }

    .area-one {
        width: 100%;
        float: none;
        height: 100%;
        margin-right: 1em;
        display: block;
    }
    .area-two {
        width: 100%;
        float: none;
        height: 100%;
        display: block;
    }
    
    .hideOnDesktop {
    display: block;
}
    
/*
    #tablaResumenVotos, #tablaResumenVotosPartido, #tablaDistribucionVotosPartido, #tablaDistritos, #tablaDistritosPartidos, #tablaSecciones, #tablaCasillas, #tablaVotosExtranjero, #tablaResultadosMapa {
        display: none;
    }
*/
    
    .estiloTablasDesktop {
        display: none;
    }
    
    #contSearch {
        text-align: center;
        width: 100%;
        height: 60px;
        padding: 10px;
        background: #4E4E4E;
        display: none;
    }
    
    #contSearch input {
        display: table-cell;
        width: 76%;
        height: 40px;
        text-align: left;
        font-size: 14px;
        padding: 10px;
        background: #FFF;
        background-image: none;
        border: none;
        border-radius: 50px;
        vertical-align: top;
    }
    
    #contSearch input::placeholder {
        color: #999999;
    }
    
    #contSearch input:focus {
        outline: none;
    }
    
    .searchThing {
        display: none;
        background: #FFF;
        border-radius: 50px;
        width: 100%;
        text-align: center;
    }
    
    .searchIcon, .searchIcon2  {
        display: table-cell;
        width: auto;
        height: 40px;
        color: #999999;
        padding: 10px;
        line-height: 20px
    }
    
    .searchIcon {
        float: left;
        padding-left: 15px;
    }
    
    .searchIcon2 {
        color: #4E4E4E;
        float: right;
        padding-right: 15px;
    }
    
}

.hidden{
    display:none !important;
}

table.tb-align-center td{
    text-align: center;
}

.tb-amigacsso{
    
}
.tb-amigacsso tr.row-data{
    text-align: right;
}
.tb-amigacsso tr.row-data td:first-child{
    text-align: left;
}
.tb-amigacsso tr.row-data-r{
    text-align: right;
}

#svg_mapa g path{
    fill: #E3E3E3;
}
#svg_mapa g path:hover{
    /*fill: #B5007B;*/
}
#container-svg{
    text-align: right;
    position: relative;
    height: 650px;
    width: 650px;
    margin: 0 0 0 auto;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
}
#map-table-data{
    float: left;
    max-width:510px;
    max-height: 650px;
    overflow-x: auto;
    width: 50%;
    top: 0;
    left: 0;
    z-index: 30;
}
#map-table-data table th, #map-table-data table td { 
    border: 1px solid rgba(235, 235, 235, .5);
}
#map-table-data table tr:first-child {
    border-bottom: 2px solid #B5007B;
}
#svg_mapa {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 29;
}
#controls-map {
    width: auto;
    height: auto;
    position: absolute;
    top: 14px;
    right: 18px;
    z-index: 30;
}
#controls-map .controls-pan p, #controls-map .controls-zoom p {
    margin: 0;
    padding: 0;
}
#controls-map p {
    text-align: center;
    margin: 2px;
    padding: 2px;
}
#controls-map i {
    font-size: 12px;
    height: 20px;
    width: 20px;
    border: 1px solid #484848;
    background: #EAEAEA;
    border-radius: 3px;
    padding: 3px 2px 3px 2px;
}
#controls-map i:hover {
    cursor: hand;
    cursor: pointer;
    border: 1px solid #484848;
    background: #DEDEDE;
    color: #484848;
}
.controls-pan{
    display: inline-block;
    vertical-align: middle;
}
.controls-zoom{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

#tb-inconsistencias{
    border: 0; 
    border-collapse: collapse;
    margin-top: 10px;
}
#tb-inconsistencias td{
    padding:10px 5px;
}
ol{
    padding: 5px;
    list-style-type: decimal;
}
ol li {
    margin: 0 5px;
    padding: 0 5px;
}

/* STYLES For Table Distribucion de Votos */
#tb-distribucion-votos tr > td, #tb-distribucion-votos-1-d tr > td, #tb-distribucion-votos-1-m tr > td, #tb-distribucion-votos-2-m tr > td{
    padding-left:5px;
    padding-right:5px;
    font-size: 12px;
    border-collapse: collapse;
}
.tb-distribucion-votos{
    border-collapse: collapse;
    border: 1px solid rgba(235, 235, 235, .5);
}
.tb-distribucion-votos tr > td{
    padding-left:5px;
    padding-right:5px;
    font-size: 12px;
    border-collapse: collapse;
    border: 1px solid rgba(235, 235, 235, .5);
}
.group-data-partido{
    display: inline-block;
    min-width: 56px;
    text-align: center;
}
.pos-partido{
    vertical-align: top;
    margin-top: 16px;
}
.candidato-partidos .partido{
    margin-left:2px;
    margin-right:2px;
}

#osx-modal-content, #osx-modal-data {display:none;}
#osx-overlay {background-color:#000;}
#osx-container {background-color:#eee; color:#000; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;} /* font: 16px/24px "Lucida Grande",Arial,sans-serif; */
#osx-container a {color:#721556;}
#osx-container #osx-modal-title {color:#FFFFFF; background-color:#721556; border-bottom:1px solid #ccc; font-size: 24px; padding:6px 8px;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#FFFFFF; font-size: 24px; font-weight:bold; padding:6px 12px 0; text-decoration:none;}
#osx-container .close a:hover {color:#DCDCDC;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}

@media screen and (max-width: 1300px){ 
    #map-table-data{
        float: left;
        max-width: 315px;
        display: inline-block;
    }
 
    #container-svg{ 
        display: inline-block; 
        float: right;
        width: 550px;
    }
}

@media screen and (max-width: 1024px){ 
    #map-table-data{
        float: left;
        max-width: 315px;
        display: inline-block;
        width: 35%;
    }
 
    #container-svg{ 
        display: inline-block; 
        float: right;
        width: 63%;
    }
}

@media screen and (max-width: 800px){ 
    #osx-container{
        width: 300px !important;
        margin-top: 45px;
    }

    #osx-container #osx-modal-title{
        font-size: 16px;
    }

    #txt-seccion, .easy-autocomplete.eac-round ul{
        min-width: 275px;
    }
}

/*
Sugerencia INE, Paleta 1:
*/
.clr-one{ color:#632A5B; }
.bgr-one{ background-color:#632A5B; }
.clr-two{ color:#766BB2; }
.bgr-two{ background-color:#766BB2; }
.clr-three{ color:#EC368B; }
.bgr-three{ background-color:#EC368B; }
.clr-four{ color:#D1C6D2; }
.bgr-four{ background-color:#D1C6D2; }
.clr-five{ color:#37474F; }
.bgr-five{ background-color:#37474F; }
.clr-six{ color:#FDF7F9; }
.bgr-six{ background-color:#FDF7F9; }
.clr-seven{ color:#ECECEC; }
.bgr-seven{ background-color:#ECECEC; }
.clr-eight{ color:#E4CFEF; }
.bgr-eight{ background-color:#E4CFEF; }
.clr-nine{ color:#3A3A3A; }
.bgr-nine{ background-color:#3A3A3A; }

/*
Sugerencia INE, Paleta 2:
* /
.clr-one{ color:#47307A; }
.bgr-one{ background-color:#47307A; }
.clr-two{ color:#A46AAA; }
.bgr-two{ background-color:#A46AAA; }
.clr-three{ color:#D156BA; }
.bgr-three{ background-color:#D156BA; }
.clr-four{ color:#F3E5F2; }
.bgr-four{ background-color:#F3E5F2; }
.clr-five{ color:#2D443F; }
.bgr-five{ background-color:#2D443F; }
.clr-six{ color:#FDF7F9; }
.bgr-six{ background-color:#FDF7F9; }
.clr-seven{ color:#ECECEC; }
.bgr-seven{ background-color:#ECECEC; }
.clr-eight{ color:#E4CFEF; }
.bgr-eight{ background-color:#E4CFEF; }
.clr-nine{ color:#383A39; }
.bgr-nine{ background-color:#383A39; }*/

/*
Sugerencia INE, Paleta 3:
* /
.clr-one{ color:#36464E; }
.bgr-one{ background-color:#36464E; }
.clr-two{ color:#716082; }
.bgr-two{ background-color:#716082; }
.clr-three{ color:#ED64A9; }
.bgr-three{ background-color:#ED64A9; }
.clr-four{ color:#E8EDEF; }
.bgr-four{ background-color:#E8EDEF; }
.clr-five{ color:#3F3947; }
.bgr-five{ background-color:#3F3947; }
.clr-six{ color:#FDF7F9; }
.bgr-six{ background-color:#FDF7F9; }
.clr-seven{ color:#ECECEC; }
.bgr-seven{ background-color:#ECECEC; }
.clr-eight{ color:#E4CFEF; }
.bgr-eight{ background-color:#E4CFEF; }
.clr-nine{ color:#363642; }
.bgr-nine{ background-color:#363642; }*/

/*
Sugerencia INE, Paleta 4:
* /
.clr-one{ color:#5B4231; }
.bgr-one{ background-color:#5B4231; }
.clr-two{ color:#483E8E; }
.bgr-two{ background-color:#483E8E; }
.clr-three{ color:#9E743A; }
.bgr-three{ background-color:#9E743A; }
.clr-four{ color:#F9E8E8; }
.bgr-four{ background-color:#F9E8E8; }
.clr-five{ color:#304254; }
.bgr-five{ background-color:#304254; }
.clr-six{ color:#FDF7F9; }
.bgr-six{ background-color:#FDF7F9; }
.clr-seven{ color:#ECECEC; }
.bgr-seven{ background-color:#ECECEC; }
.clr-eight{ color:#E4CFEF; }
.bgr-eight{ background-color:#E4CFEF; }
.clr-nine{ color:#3C3C3B; }
.bgr-nine{ background-color:#3C3C3B; }*/

/*
Sugerencia INE, Paleta 5:
* /
.clr-one{ color:#801B47; }
.bgr-one{ background-color:#801B47; }
.clr-two{ color:#283757; }
.bgr-two{ background-color:#283757; }
.clr-three{ color:#CC2B71; }
.bgr-three{ background-color:#CC2B71; }
.clr-four{ color:#FFE9F5; }
.bgr-four{ background-color:#FFE9F5; }
.clr-five{ color:#3C2F51; }
.bgr-five{ background-color:#3C2F51; }
.clr-six{ color:#FDF7F9; }
.bgr-six{ background-color:#FDF7F9; }
.clr-seven{ color:#ECECEC; }
.bgr-seven{ background-color:#ECECEC; }
.clr-eight{ color:#E4CFEF; }
.bgr-eight{ background-color:#E4CFEF; }
.clr-nine{ color:#303B46; }
.bgr-nine{ background-color:#303B46; }*/