@charset "UTF-8";
/*
*
*   PROCIENCIA / PROINNOVA- Styles
*	Version 1.0.0
*	Author:	@mamarilla
*
*/
article#node-23280.node,
aside#sidebar-second,
article#node-23258.node{
    font-family:'Open Sans', sans-serif;
}
article#node-23258.node{
    margin: 0;    
}
.content #node-23258{
    padding-right: 20px;
    float: left
}
article#node-23327{
    clear: both
}
/*----------------------
*    
*   Tabla de Prociencia
*
*/
.content #node-23280 table,
.content #node-23258 table{
    /*background-color: #57BCFF; /* Fondo tabla */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: none;
}
.content #node-23280 table thead,
.content #node-23280 table thead tr,

.content #node-23258 table thead,
.content #node-23258 table thead tr{
    border: none;
}
.content #node-23280 table thead tr th,
.content #node-23258 table thead tr th{
    border: none;
    padding: 10px 20px;
    text-align: left;
    color: #FFF;
    margin-bottom: 10px
}
.content #node-23258 table thead tr th h6{}
.content #node-23258 table tbody{}
.content #node-23258 table tbody tr{}

.content #node-23280 table tbody tr td,
.content #node-23258 table tbody tr td{
    border: none;
    vertical-align: top !important;
    text-align: left;
    color: #000;
    width: 1%;
    padding: 10px;
}
.content #node-23258 table tbody tr td a{
    /* color: #000;    */
}
.content #node-23258 table tbody tr td a:hover{
    color: #00008B;
    border-bottom: 1px dotted #00008B
}
/*    Colores cabecera     */
.cab_azul{ background-color: #4F81BD}
.cab_rojo{ background-color: #C0504D}
.cab_verde{ background-color: #9BBB59; color: #f30}
.cab_naranja{ background-color: #F79646}
.cab_celeste{ background-color: #8064A2}
/*    Colores body     */
.body_azul{ background-color: #D0D8E8}
.body_rojo{ background-color: #E6B9B8}
.body_verde{ background-color: #D7E4BD}
.body_naranja{ background-color: #FCD5B5}
.body_celeste{ background-color: #CCC0DA}


/*Enlaces de Cabecera*/

.cab_rojo h6 a{ 
    color: white;
}

.cab_rojo h6 a:hover{ 
    text-decoration: underline;
}




/*----------------------
*    
*   Tabla de Prociencia II
*
*/
.content #node-30827 table,
.content #node-30827 table{
    /*background-color: #57BCFF; /* Fondo tabla */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: none;
}
.content #node-30827 table thead,
.content #node-30827 table thead tr,

.content #node-30827 table thead,
.content #node-30827 table thead tr{
    border: none;
}
.content #node-30827 table thead tr th,
.content #node-30827 table thead tr th{
    border: none;
    padding: 10px 20px;
    text-align: left;
    color: #FFF;
    margin-bottom: 10px
}
.content #node-30827 table thead tr th h6{}
.content #node-30827 table tbody{}
.content #node-30827 table tbody tr{}

.content #node-30827 table tbody tr td,
.content #node-30827 table tbody tr td{
    border: none;
    vertical-align: top !important;
    text-align: left;
    color: #000;
    width: 1%;
    padding: 10px;
}
.content #node-30827 table tbody tr td a{
    /* color: #000;    */
}
.content #node-30827 table tbody tr td a:hover{
    color: #00008B;
    border-bottom: 1px dotted #00008B
}
/*    Colores cabecera     */
.cab_azul{ background-color: #4F81BD}
.cab_rojo{ background-color: #C0504D}
.cab_verde{ background-color: #9BBB59; color: #f30}
.cab_naranja{ background-color: #F79646}
.cab_celeste{ background-color: #8064A2}
/*    Colores body     */
.body_azul{ background-color: #D0D8E8}
.body_rojo{ background-color: #E6B9B8}
.body_verde{ background-color: #D7E4BD}
.body_naranja{ background-color: #FCD5B5}
.body_celeste{ background-color: #CCC0DA}


/*Enlaces de Cabecera*/

.cab_rojo h6 a{ 
    color: white;
}

.cab_rojo h6 a:hover{ 
    text-decoration: underline;
}


/*----------------------
*    
*   Fin Tabla de Prociencia II
*
*/



/*----------------------
*
*    ASIDE
*
*/
#sidebar-second .block > h2,
#sidebar-second h6{
    background-color: #FFF;
    color: #000;
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: bold;
    line-height: 1.62em;
    text-align: left;
    padding: 0 0px
}
#block-block-13{
    margin-top: 0px;
    margin-bottom: 0 !important;
}
#block-block-13 p{margin-bottom: 0}

#block-block-11 .content a img{ padding: 0}
/*----------------------
*
*    Noticias y Novedades
*
*/
#block-views-9dd6a2ebf4f7cd88aace859fc4fb130a{border: 0px solid}
#block-views-9dd6a2ebf4f7cd88aace859fc4fb130a .item-list ul{list-style: none; padding: 0; font-size: 12px}
#block-views-9dd6a2ebf4f7cd88aace859fc4fb130a .item-list ul li{
    border: 0px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE
}
/*---------------------
*
*    Bloque DROPDOWN
*
*/
#block-quicktabs-tabs1 h2{
    display: block;
    background-color: transparent;
    color: #FFF;
    font-weight: bold
}

/*    UI Tabs     */
#quicktabs-pro_i1_a,
#quicktabs-pro_i2{
    border: none !important
}
#quicktabs-pro_i1_a .ui-widget-header,
#quicktabs-pro_i2 .ui-widget-header{
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom:1px solid #aaaaaa;
    background: #FFF 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
    color: #222222/*{fcHeader}*/;
    font-weight: bold;

}
/*----------------------
*
*    DETALLES
*    Títulos h2
*    Los títulos no aparecen en los espacios, hay que activar a través
*    del siguiente método.
*/
.page-node-23261 .page-title,
.page-node-23262 .page-title,
.page-node-23263 .page-title,
.page-node-23264 .page-title,
.page-node-23270 .page-title,
.page-node-23276 .page-title,
.page-node-23285 .page-title,
.page-node-23296 .page-title,
.page-node-23299 .page-title,
.page-node-23301 .page-title,
.page-node-23327 .page-title,
.page-node-23334 .page-title,
.page-node-23396 .page-title,
.page-node-23472 .page-title,
.page-node-27371 .page-title,
.page-node-27373 .page-title,
.page-node-30592 .page-title,
.page-node-27374 .page-title,
.page-node-32444 .page-title,
.page-node-32452 .page-title,
.page-node-33645 .page-title,
.page-node-33960 .page-title
{
    color: #C01D1D;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    display: block !important;
}

/*
*   Títulos h2 - QuickTabs
*   Los títulos del QuickTabs no deben aparecer en el contenido
*    
*/
.block-quicktabs h2,
#block-quicktabs-pro-i1 h2,
#block-quicktabs-pro-i1-a h2,
#block-quicktabs-pro-i2 h2,
#block-quicktabs-pro-i3 h2,
#block-quicktabs-pro-ii1 h2,
#block-quicktabs-pro-ii-central h2,
#block-quicktabs-pro-iii1 h2,
#block-quicktabs-pro-iv12 h2,
#block-quicktabs-pro-ii2 h2,
#block-quicktabs-pro-ii3 h2,
#block-quicktabs-pro-iii2 h2,
#block-quicktabs-monitoreo-prociencia h2,

#block-quicktabs-proinnova-i-i1 h2,
#block-quicktabs-proinnova-i-i2 h2,
#block-quicktabs-proinnova-ii1 h2,
#block-quicktabs-proinnova-ii3 h2{
    display: none;
}
#quicktabs-container-pro_ii1{
    /*padding-bottom: 21px*/
}

/*    Height del tabpage     */
#quicktabs-tabpage-pro_ii1_2013-0{padding-bottom: 46px}
#quicktabs-tabpage-pro_ii1_2013-2{padding-bottom: 74px}
#quicktabs-tabpage-pro_ii1_2015-2{padding-bottom: 32px}
#quicktabs-tabpage-pro_i1-2{padding-bottom: 32px}
/*
*    II3. Vinculaciones
*    Bitácoras
*
*/
.bitacora2013{border: 0px solid #f30;}
.wrap_bitacora{font-size: 12px !important}
.wrap_bitacora ul{ list-style-type: none}
.wrap_bitacora .views-row{
    border: 1px solid #FFF;
    margin: 0.5%;
    padding: 10px;
    width: 95%;
    float: left;
    background-color: #FFF;
    box-shadow: 0 1px 3px #ccc;
}
.wrap_bitacora .views-row .views-field{
    height: 100%;
    width: auto;
}
/**    Campos personalizados: 2013 - 2015     */
.wrap_bitacora .views-field-field-codigo-vinculacion-2015,
.wrap_bitacora .views-field-field-codigo-vinculacion-2013{
    /*float: left;*/
    width: 20% !important;
}
.wrap_bitacora .views-field-field-institucion-origen-vinc15,
.wrap_bitacora .views-field-field-institucion-destino-vinc15,
.wrap_bitacora .views-field-field-pais-vinc15,
.wrap_bitacora .views-field-field-area-de-la-ciencia-vinc15,

.wrap_bitacora .views-field-field-institucion-origen-vincula,
.wrap_bitacora .views-label-field-institucion-destino-vincula,
.wrap_bitacora .views-field-field-pais-vinculacio,
.wrap_bitacora .views-field-field-area-de-la-ciencia-vincula{
    /* float: left;*/
    width: 48% !important;
    margin-right: 1%;
    height: 43px;
}
.wrap_bitacora .views-field-field-pais-vinc15,
.wrap_bitacora .views-field-field-documento-pdf-vinc15,
.wrap_bitacora .views-field-field-pais-vinculacio,
.wrap_bitacora .views-label-field-documento-pdf-vinculacion{
    clear: both
}
.wrap_bitacora .views-field-field-pais-vinc15,
.wrap_bitacora .views-field-field-area-de-la-ciencia-vinc15,
.wrap_bitacora .views-field-field-pais-vinculacio,
.wrap_bitacora .views-field-field-area-de-la-ciencia-vincula{
    height: auto;
}

/**     END Campos personalizados        */

.wrap_bitacora .views-row .views-field .views-label,
.wrap_bitacora .views-row .views-field .field-content{
    border-radius: 0;
    font-weight: normal;
    font-style: normal;
    color: #000;    
    padding: 0;    
}
.wrap_bitacora .views-row .views-field .views-label{    
    float: left;
    padding-right: 5px;
    /*background-color: #DCDCDE;*/
    font-weight: bold
}
.wrap_bitacora .views-row .views-field .field-content{
    /*background-color: #FFF;*/
    color: #000;
}



/*
*    II3. CTS, Becas
*    Anuario
*
*/

.wrap_anuario{font-size: 12px !important}
.wrap_anuario ul{ list-style-type: none}
.wrap_anuario .views-row{
    border: 1px solid #FFF;
    margin: 0.5%;
    padding: 10px;
    width: 24%;
    float: left;
    background-color: #FFF;
    box-shadow: 0 1px 3px #ccc;
    text-align: center;
    height: 275px;
}
.wrap_anuario .views-field-title .field-content{
    font-weight: bold

}
.wrap_anuario .views-row .views-field-field-foto .field-content img{
    width: 100px;
    height: 100px;
    border: 5px solid #ccc;
}
.wrap_anuario .views-row .views-field-field-foto .field-content img:hover{
    border: 5px solid #064557;
    webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}


/*Anuario Becas Nacionales*/
.view-anuario-becas-2015 .wrap_anuario .views-row{
    //height: 300px;	
}

.views-field-field-programa{
    font-size: 10px;
    padding: 2px;
    font-weight: normal;
}

/*
*    II3. CTS
*    Seminarios
*
*/
.wrap_seminario{font-size: 12px !important}
.wrap_seminario ul{ list-style-type: none}
.wrap_seminario .views-row{
    border: 1px solid #FFF;
    margin: 0.5%;
    padding: 10px;
    width: 95%;
    float: left;
    background-color: #FFF;
    box-shadow: 0 1px 3px #ccc;
}
.wrap_seminario .views-row .views-field{
    /*border: 2px solid blue*/
    height: 100%;
    width: auto;
}
.wrap_seminario .views-row .views-field .views-label,
.wrap_seminario .views-row .views-field .field-content{
    border-radius: 0;
    font-weight: normal;
    font-style: normal;
    color: #000;    
    padding: 0;    
}
.wrap_seminario .views-row .views-field .views-label{    
    float: left;
    padding-right: 5px;
    /*background-color: #DCDCDE;*/
    font-weight: bold
}
.wrap_seminario .views-row .views-field .field-content{
    /*background-color: #FFF;*/
    color: #000;
}
/*
*    Galería de fotos
*    
*
*/
.photo-galleries{
    /*border: 2px solid #ccc*/
}
.photo-galleries table tr{
    border: none
}
.photo-galleries td{
    border: 1px solid #EFEFEF;
    border-collapse: separate;
    border-spacing: 15px;
    background-color: #FFF;
    text-align: center;
    text-align: -webkit-center;
    width: 30%; 
}
.photo-galleries td .views-field.views-field-title,
.photo-galleries td .views-field.views-field-field-images{
    width: 100%;
}
.photo-galleries td .views-field.views-field-title{
    background-color: #FFF !important;        
}
.photo-galleries td .views-field.views-field-field-images{
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;    
}
.photo-galleries td .views-field.views-field-field-images:hover{
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    -webkit-transform: scale(1.2);
	transform: scale(1.2);
    }
.photo-galleries td .views-field.views-field-title span.field-content{
    color: #000;
    font-size: 11px;
    font-weight: bold;
    z-index: 1;
    position: relative;
}
.photo-galleries td .views-field.views-field-field-images div.field-content{
    text-align: center
}
.photo-galleries .views-field-field-avatar img, 
.photo-galleries .views-field-field-images img{
    border: 2px solid #c2c2c2 !important;
    background-color: #c2c2c2 !important;
    width: auto
}
.photo-galleries .views-field-field-avatar img:hover, 
.photo-galleries .views-field-field-images img:hover{
    border: 0 solid #c2c2c2 !important;
    background-color: #c2c2c2 !important;
}