/*
        99Lime.com HTML KickStart by Joshua Gatcke
        style.css

*/

/*---------------------------------
        IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);


body {
    background-image: url("img/gray_jean.png");
}

/*---------------------------------
        OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
    font-family: "Arimo", arial, verdana, sans-serif;
    font-weight:normal;
}

thead th,
tbody th{
    font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
    font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
    font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
    font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
        LAYOUT
-----------------------------------*/
body{
    margin:0;
    padding:0 0 0 0;
    color:#000;
    font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
    text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

.Titulo_del_ine {

    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.1em;
}

.Titulo_delSistema {

    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.3em;
}

.Titulo_subDir{
    font-family:Arial, "Times New Roman", Times, serif;
    font-size:1.4em;	
}

.infoForm{
    font-family:Arial Rounded MT Bold, "Times New Roman", Times, serif;
    font-size:1.4em;	
}

.imgTit{
    width:150;
    height:100;
    border-right: 2px solid #D2D2D2;
    padding-right: 5px;	
}

#combo_estado, #combo_distrito{
    width:200px
}

#titulo_PRD{
    margin-top:10px;
}

#TabPane, #menu_hor{
    margin-top:30px;
    /*border: 2px solid #D2D2D2;*/
}

#foot{
    border:1px solid #D2D2D2; 
    border-radius: 15px;
}

#div_cau{
    text-align:left; 
    font-size:.70em;
}

#label_cau{
    font-weight: bold;
}


#wrap{
    width:100%;
    background:#fff;
    margin:30px auto 30px auto;
    padding:0 2%;
    border:1px solid #ccc;
}


#footer{
    text-align:center;
    padding:20px;
    margin:0;
    border-top:1px solid #ddd;
    color:#999;
    font-size:0.8em;
    text-shadow:0px 1px 1px #fff;
    position: relative;
    top:0;
    left:0;
    background:#fff;
}

#link-top{
    display:none;
}

/* NAV BAR*/
.navbar{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    background:#000;
    color:#fff;
    z-index:1000;
}

.navbar #logo{
    position:absolute;
    top:0;
    right:0;
    padding:0.5em 1em;
    font-size: 1.7em;
    color:#efefef;
    text-decoration:none;
}

.navbar span{
    color:#86dc00;
}


.navbar ul{
    display:inline-block;
    margin:0;
    padding:0;
}

.navbar li{
    margin:0;
    padding:0;
    list-style-type:0;
    display:inline-block;
}

.navbar li a{
    display:inline-block;
    color:#efefef;
    padding:1em 1.3em;
    text-decoration:none;
    text-transform: uppercase;
    line-height:100%;
    font-size: 1.2em;
}

.callout{
    background:#4598ef;/*#86dc00;*/
    padding:3em 0;
    color:#fff;
    box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
    text-align: center;
    text-shadow:0px 1px 3px rgba(0,0,0,0.2);
    display:block;
}
.callout + div.grid{margin-top:50px;}
a.callout{cursor:pointer;}
.callout i.icon-4x{font-size:6em;}
.callout h4{margin-bottom:30px;}
.callout-top{margin:50px 0 0 0;}
.callout p{margin-bottom:0;}
.callout .button{margin-top:10px;}
.callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
    padding:30px 0;
}

#ui-preview{
    border:5px solid #ddd;
    margin:30px 0;
    display:block;
}

/*
 * Menu de navegacion
 */
.f-nav{ z-index: 9999; position: fixed; top: 0; width: 950px} /* this make our menu fixed top */

.tituloReportes{
    color: #AFAAAA;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.subTituloReportes{
    color: #000000;
    text-align: center;  
    font-weight: bold;
    background-color: #FAF27A;
}

.subTituloReportes.tdNormal{
    font-weight: normal;
}

.loaderImagen{	
    height: 25px;
    width: 283px;
}


.ui-dialog-buttonpane {
    background-color: white !important;
}

.ui-widget-content {
    background-color: white !important;
}

.ui-helper-clearfix{
    background-color: white !important;
}

.mapa{
    border:2px solid #D2D2D2; 
    border-radius: 15px;    
}

.tablaEstados td:hover{            
    border-radius: 15px !important;
    background-color: #FAF27A !important;
    font-weight: bold !important;    
}

.tablaEstados td{    
    font-family:Lucida Sans Unicode;
    padding: .40em;    
    text-align: center;
}