/* Estilos generales */
body{
/*    background-image: url('../img/stripes.png');*/
}

#main_container{
    margin-left: 0px;
    margin-top: 0px;
    font-size: 75%;
    font-family: Arial, Helvetica, sans-serif; 
}

#header{
}

#breadcrumb{
    margin-top: 25px;
    font-size: 150%;
}

#breadcrumb a{
    color: black;
    text-decoration: none;
}

#breadcrumb_inicio{
    display: inline;
}

#breadcrumb_inicio a{
    color:#62E0CF;
}

.red-title{
    color: red;
}

.title{
    font-size: 250%;
}

.title-s{
    font-size: 150%;  
}

.title-menu{
    font-size: 100%;
    color: dimgrey;
}

.logo_pages{
    margin-left: 697px;
}

/* Home */
#home_container{
    margin-top: 65px;
}

#home_img{
    margin-bottom: 10px;
    margin-left: auto;
    margin-rigth: auto;
}

#home_link a{
    color: black;
    text-decoration: none;
}

/* temas */
#header_temas{
    padding-top: 30px;
}

#caracteristicas{
    position: absolute;
    top: 176px;
    left: 11px;
}

#car_menu{
    heigth: 250px;
    width: 221px;
    position: absolute;
    top: 370px;
    left: 78px;
}


#servicios{
    position: absolute;
    top: 180px;
    left: 330px;
}

#ser_menu{
    heigth: 250px;
    width: 221px;
    position: absolute;
    top: 425px;
    left: 402px;
}

#otros{
    position: absolute;
    top: 175px;
    left: 455px;
}

#otr_menu{
    heigth: 250px;
    width: 221px;
    position: absolute;
    top: 314px;
    left: 709px;
}

#cronologia{
    position: absolute;
    bottom: 17px;
    left: 11px;
}

#busqueda{
    position: absolute;
    bottom: 24px;
    left: 863px;
}

#about_ini{
    position: absolute;
    bottom: 24px;
    left: 675px;
}

.logo{
    padding-left: 539px;
    margin-top: -161px;
}

/* informacion */
#dotted_line{
    border-bottom: 1px dashed gray;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* cronologia */
#about{
    padding-top: 10px;
}

#crono_main{
    padding-top: 40px;
}

#crono_eye{
    position: relative;
    bottom: 0px;
    margin-top: -40px;
}

#crono_year{
    font-size: 600%;
    color: black;
}

#crono_menu{
    height: 30px;
    padding-top: 50px;
    width: 1100px;
}

#crono_menu_year a{
    font-size: 250%;
    color: black;
    text-decoration: none;
}

#crono_menu_year a:hover {
    color: red;
    text-decoration: none;
}

#crono_statistic{
     padding-top: 37px;
}

.statistic{
    font-size: 250%;
}

.statistic-marg{
    padding-bottom: 24px;
}

#crono_habitantes_info{
    padding-top: 16px;
}

#crono_hectareas_info{
    padding-top: 6px;
}

#crono_text{ 
    height: 105px;
    overflow: auto;
}

#crono_top{
    padding-bottom: 30px; 
}

/* scroll-pane */
.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: black;
}

.jScrollPaneDrag {
    position: absolute;
    background: orange;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArro,Button, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}

/* informacion  */
#info_title{
    padding-top: 30px;
    padding-bottom: 20px;
}

#info_geninfo{
    padding-bottom: 15px;
}

#info_lugares_title{
    padding-top: 35px;
}

#info_place1 {
    padding-top: 15px;
}

#info_place1 a,  #info_place2 a{
    color: black;
}

#info_place2 {
    padding-top: 15px;
}

/* subtemas */

#search_box{
    padding-top: 50px;
    margin: 0px;
    display:table;
}

#search_box input, select, textarea{
    background-color: transparent;
    border-color: #A4DEF8;
}

#text_container{
    padding-top: 40px;    
    padding-bottom: 20px;
}

#subtema_texto
{
    
    height: 105px;
    overflow: auto;
}


#subtema_titulo
{
    padding-top: 50px;    
}
#tema_tipos_busqueda{
    padding-top: 45px;
    padding-bottom: 45px;
}

#tema_tipos_titulo{
    padding-top:45px;
   
}

.menu-item{
    text-align: center;
}

.logo-menu{
    margin-bottom: 14px;
}

#tema_tipos{
    margin-bottom: 66px; 
}

/* resultados */
.result_header{
    padding-top: 6px;
    color: white;
    font-size: 120%;
    background-color: #a4def8;
}

#num_results{
    padding-top: 20px;
    padding-bottom: 20px;
}

#results_table_header{
     background-color: #a4def8;
     height: 25px;
}

.result{
    padding-top: 20px;

}

#about_search{
    padding-top: 30px;
    float:right;
}

#search_box_result{
    padding-top: 27px;
    margin: 0px;
    display:table;
    float: left;
}

#search_box_content{
    
}



#ir{
    margin-top: -45px;
    margin-left: 168px;
}

#search_info{
    padding-top: 30px;
    padding-bottom: 30px;
}

#search_by_tema{
    padding-top: 20px;
    padding-bottom:230px;
}

#search_car{
   padding-top: 5px;
}

#search_ser{
   padding-left: 250px;
}

#search_otr{
    margin-top: -41px;
   padding-top: 20px;
   padding-left: 398px;
}

#search_by_tipo{
    padding-top: 20px;
    padding-bottom: 20px;
}


.otrossectoresdegobierno{
    background-color: #aa84bc;
}

.serviciospúblicosdomiciliarios{
    background-color: #dfc37f;
}

.característicasdegobierno{
    background-color: #5c97a6;
}

#paginator{
    margin-top: 30px;
    margin-left: 40px;
    font-size: 120%;
    height: 20px;
    margin-bottom: 30px;
}

#paginator a{
    text-decoration: none;
    color: black;
}

.other{
    padding-left: 10px;
}

.current{
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid black;
}

.next{
    padding-left: 10px;
}

.prev{
    padding-left: 10px;
}


#car_menu_search{
    heigth: 250px;
    width: 221px;
    position: absolute;
    top: 226px;
    left: 78px;
}

#ser_menu_search{
    heigth: 250px;
    width: 221px;
    position: absolute;
    top: 264px;
    left: 402px;
}

#otr_menu_search{
    heigth: 250px;
    width: 221px;
    position: absolute;
    top: 183px;
    left: 617px;
}

#ir_search{
    margin-left: 223px;
    margin-top: -36px;
}


/* Detalle Documento */

#doc-header{
    padding-top: 100px;
}

#doc-info{
    padding-top: 60px;
}

#foto-container{
    text-align: center;
}

#info-container{
    position: relative;
    text-align:  left;
    height: 100%;
}

#doc-desc{
    position: relative;
    height: 80%;
}

#doc-eye{
    padding-left: 460px;
    margin-top: -30px;
}

#regresar{
    padding-top: 90px;
    padding-bottom: 90px;
}