@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,700i,900');

* {
    padding: 0;
    margin: 0;
}
@media (min-width: 601px) {
.node-type-catalogo-programas-type #titulo_principal_programas{
    font-size: 30px;
    color: #4b6385;
    margin-bottom: 35px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.page-node-259 #wrapper-breadcrumb-social,
.page-node-437 #wrapper-breadcrumb-social{
    width: 1008px;
    margin: 0 auto;
    margin-bottom: 35px;
}
.page-node-259 #breadcrumb,
.page-node-437 #breadcrumb{
    float: left;
    width: 300px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #707070;
    padding-top: 6px;
    font-weight: 500;
}
.page-node-259 #breadcrumb span:last-of-type,
.page-node-437 #breadcrumb span:last-of-type{
    color: #de483d;
    
}
.page-node-259 #catalogo-programas-compartir,
.page-node-437 #catalogo-programas-compartir{
    float: right;
    width: 185px;
}
.page-node-259 #catalogo-programas-compartir p,
.page-node-437 #catalogo-programas-compartir p{
    float: left;
    margin-right: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #707070;
    padding-top: 6px;
    text-transform: uppercase;
}
.node-type-catalogo-programas-type #copy_catalogo_programas{
    width: 785px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #4b6385;
    line-height: 30px;
    margin-bottom: 70px;
}
.node-type-catalogo-programas-type .view-filters{
    width: 664px;
    margin: 0 auto;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-wrapper{
    float: none;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-wrapper label{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #de483d;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-63,
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-65,
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-62,
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-64{
    display: inline;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-63 a,
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-65 a,
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-62 a{
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #707070;
    border-right: 1px solid #707070;
    padding-top: 11px;
    padding-bottom: 6px;
    padding-left: 57px;
    padding-right: 35px;
    margin-top: 26px;
}

.node-type-catalogo-programas-type #edit-field-area-primaria-tid-64 a{
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #707070;
    padding-top: 11px;
    padding-bottom: 6px;
    padding-left: 57px;
    padding-right: 35px;
}
#edit-field-area-primaria-tid-wrapper .views-widget{
    overflow: hidden;
    padding-top: 10px;

}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-63 a {
    background: url(/sites/all/themes/YQYP_theme/assets/images/Educacion_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;

}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-63 a:hover {
    background: url(/sites/all/themes/YQYP_theme/assets/images/EducacionActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-63 .active {
    background: url(/sites/all/themes/YQYP_theme/assets/images/EducacionActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-65 a {
    background: url(/sites/all/themes/YQYP_theme/assets/images/Salud_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-65 a:hover {
    background: url(/sites/all/themes/YQYP_theme/assets/images/SaludActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-65 .active {
    background: url(/sites/all/themes/YQYP_theme/assets/images/SaludActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-62 a {
    background: url(/sites/all/themes/YQYP_theme/assets/images/Ciudadania_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-62 a:hover {
    background: url(/sites/all/themes/YQYP_theme/assets/images/CiudadaniaActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-62 .active {
    background: url(/sites/all/themes/YQYP_theme/assets/images/CiudadaniaActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-64 a{
    background: url(/sites/all/themes/YQYP_theme/assets/images/Productividad_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;

}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-64 a:hover {
    background: url(/sites/all/themes/YQYP_theme/assets/images/ProductividadActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type #edit-field-area-primaria-tid-64 .active {
    background: url(/sites/all/themes/YQYP_theme/assets/images/ProductividadActive_home.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 16px 0px;
    display: inline-block;
    height: 23px;
}
.node-type-catalogo-programas-type .views-exposed-widgets{
    margin-bottom: 110px;
}
.node-type-catalogo-programas-type .field-name-field-view-catalogo-programas {
    width: 1020px;
    margin:0 auto;
}

.node-type-catalogo-programas-type .view-catalogo-programas .field-name-field-view-catalogo-programas h3{
    font-family: 'roboto slab',serif;
    font-weight: 700;
    font-size: 18px;
    margin-top: 50px;
    
}

.node-type-catalogo-programas-type .view-catalogo-programas .node-type-catalogo-programas-type .views-field-title{ 
    width: 650px;
    margin-top: 60px;
    margin-left: 300px;
    font-family: 'roboto',sans-serif;
    color: #818181;
    font-size: 18px;
    font-weight: 700;
}
.node-type-catalogo-programas-type .view-catalogo-programas .views-field-field-resumen-catalogo-programas {
    width: 650px;
    margin-top: 45px;
    margin-left: 256px;
    min-height: 200px;
    font-family: 'roboto',sans-serif;
    color: #818181;
    font-size: 16px;
    line-height: 30px;
}

.node-type-catalogo-programas-type .view-catalogo-programas .views-field-field-foto-programa-destacado {
    float: left;

}
.node-type-catalogo-programas-type .view-grouping-content .views-field-field-foto-programa-destacado{
    width: 234px;
    height: 234px;
    margin-right: 22px;
}
.node-type-catalogo-programas-type .view-grouping-content .views-field-field-foto-programa-destacado img{
    width: 225px;
    height: 225px;
    border-radius: 100%;
    border: 4px solid #e1c0a9;
}
.node-type-catalogo-programas-type .view-grouping-content .views-field-field-foto-programa-destacado a{
    display: block;
}
.node-type-catalogo-programas-type  .views-field-title{
    width: 700px;
    float: left;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 45px;

}

/* CÓDIGO PROBLEMÁTICO */

.node-type-catalogo-programas-type .view-grouping-content .wrapper_row_programas {
    margin-bottom: 64px;
    padding-top: 64px;
    border-top: thin dotted #555555;
    background-color:none;
}

.node-type-catalogo-programas-type .view-grouping-content div.wrapper_row_programas:nth-child(3) {
    border-top: none;
    padding-top: 0px;
}
/*.node-type-catalogo-programas-type .view-grouping div:nth-child(1) .wrapper_row_programas{
    border: none;
    padding-top: 0px;
}*/



/* CÓDIGO PARA ESTILO DE AGRUPADORES */

.node-type-catalogo-programas-type .view-grouping-header {
    width:60px;
    height:60px;
    
    float:left;
}

.node-type-catalogo-programas-type .agrupador-clearfix {
    clear:both;
}

.node-type-catalogo-programas-type .titulo-agrupador-prioridad {
    height:60px;
    box-sizing: border-box;
    width:960px;
    float:left;
    
    line-height:60px;
}

.node-type-catalogo-programas-type .titulo {
    width:275px;
    display:inline-block;
    box-sizing: border-box;
    padding-left:16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #555555;
    line-height: 20px;
}

.node-type-catalogo-programas-type .pleca {
    position:relative;
    top:27px;
    height:6px;
    border-radius:4px;
    background-color:#e1c0a9;
    
    float:right;
    width:680px;
    display:inline-block;
    
    
}
/*Paginador*/
.field-name-field-view-catalogo-programas .pager{
    color: #de483d;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding-bottom: 20px;
}
.field-name-field-view-catalogo-programas .pager-current{
    color: #1b3c6c;
    font-size: 17px;
}
}