@charset "UTF-8";
/*
*
*   Repatriados - Styles
*   Version 1.0.0
*   Author: @mamarilla
*
*/
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i|Raleway&Source+Sans+Pro:200,300,400,600,600i,700&subset=latin-ext&Titillium+Web:400,700,900&Source+Sans+Pro:200,300,400,600,600i,700');

//.page-node-24402 #content{font-family: 'Quattrocento Sans', sans-serif;}
//.page-node-24402 p{font-family: 'Raleway';}

.page-node-24402 #breadcrumbs,
.page-node-25263 #breadcrumbs{ display: none }
#repcontenido{ padding: 0 50px; }

.page-node-24402 #content h3,
.page-node-25263 #content h3,
.page-node-24402 #content h4,
.page-node-25263 #content h4{color: #ef9900;text-align: justify; padding: 10px 0}

.page-node-24402 #content p,
.page-node-25263 #content p{text-align: justify;}

.repplavico{
    width: 48%;
    float: right;
    border: 1px solid #9c9c75;
    padding: 10px;
    margin: 10px 15px;
    background: #FDEDDE;
    box-shadow: 9px 9px #9c9c75;
}

.page-node-24402 #destacado1,
.page-node-25263 #destacado1{
    margin: 30px 0;
    height: auto;
    background-color: #FDEDDE;
    padding: 30px;
    //font-size: 14px;
    text-align: justify;
}
.page-node-24402 #destacado1 p{}
.page-node-24402 #destacado1 h4,
.page-node-25263 #destacado1 h4{color: #ef9900}

.page-node-24402 #destacado1 a,
.page-node-25263 #destacado1 a{
    color : #ef9900;
    font-weight: bold
}
.page-node-24402 #destacado1 a:hover,
.page-node-25263 #destacado1 a:hover{border-bottom: 1px dotted}

/*
*
*    Menú de navegación
*
*
*/
#repcontenedor {
    clear:both;
    float:left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #E9F5EB;
    top: auto;
    width: 100%;
    margin-bottom: 15px;
}
#repnav {
    float:left;
    left:50%;
    list-style-type:none;
    margin:0 auto;
    padding:0;
    position:relative;
}
#repnav li {
    float:left;
    position:relative;
    right:50%;
    margin-top:0;
}
#repnav li a {
    display: block;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
#repnav li a:hover:not(.active) {background-color: #009933 !important;color: #FFF}

#repnav .active > a {background-color: #4CAF50; color: #fff}
// Botones
.botones {
  text-align: left;
}
.btn-rep-ir {
  display: inline-block;
  background: #e2e2e2;
  border: 0;
  line-height: 2.5em;
  padding: 0 0 0 1em;
  margin-bottom: 1em;
  outline: none;
  text-decoration: none;
  color: #666;
  padding: 0 10px;
  font-weight: bold
}

/******************
*
*    Vista Organizaciones
*
*
*/
.view-organizaciones .views-exposed-widget{ }
.page-organizaciones .page-title,
.page-personas .page-title{
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    font-size: 30px;
    line-height: 55px;
    font-weight: 300;
    color: #D45F4A;
}
.view-organizaciones #edit-combine-wrapper,
.view-personas #edit-combine-wrapper{ width: 40% }
.view-organizaciones #edit-field-org-tipo-institucion-tid-wrapper,
.view-personas #edit-field-org-tipo-institucion-tid-wrapper{ width: 15% }
.view-organizaciones #edit-field-org-tipo-institucion-tid,
.view-personas #edit-field-org-tipo-institucion-tid{ width: 100% }

.view-organizaciones .views-operator{ float: left;margin-right: 10px}
.view-organizaciones .views-operator select option[value="shorterthan"],
.view-organizaciones .views-operator select option[value="longerthan"],
.view-organizaciones .views-operator select option[value="regular_expression"],
.view-organizaciones .views-operator select option[value="not_starts"],
.view-organizaciones .views-operator select option[value="not_ends"]{display: none;}

.view-organizaciones .wrap_bitacora .views-row,
.view-personas .wrap_bitacora .views-row{font-family: 'Quattrocento Sans', sans-serif;}
.view-organizaciones .wrap_bitacora .views-row{width: 46%;}
.view-personas .wrap_bitacora .views-row{width: 30%;}

.view-organizaciones .wrap_bitacora ul.list_bitacora li{height: 230px;}
.view-personas .wrap_bitacora ul.list_bitacora li{height: 170px;}
.view-organizaciones .wrap_bitacora ul.list_bitacora li div.views-field,
.view-personas .wrap_bitacora ul.list_bitacora li div.views-field{height: auto}
.view-organizaciones .wrap_bitacora .views-row .views-field-field-org-logo,
.view-personas .wrap_bitacora .views-row .views-field-field-pers-foto-perfil{
    float: left;
    margin: 10px;
    border: 1px solid #f5f5f5;
}
.view-organizaciones .wrap_bitacora .views-row .views-field span.views-label{}
.view-organizaciones .wrap_bitacora .views-row .views-field-title,
.view-personas .wrap_bitacora .views-row .views-field-title{
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    font-size: 19px;
    font-weight: 300;
}
.view-organizaciones .wrap_bitacora .views-row .views-field-title span.field-content,
.view-personas .wrap_bitacora .views-row .views-field-title span.field-content{color: #D45F4A;}
.view-organizaciones .wrap_bitacora .views-row .views-field-field-org-tipo-institucion,
.view-personas .wrap_bitacora .views-row .views-field-field-pers-tipo-persona{
    text-align: center;
    font-style: italic;
    margin-bottom: 5px;
}
.view-organizaciones .wrap_bitacora .views-row .views-field-field-org-tipo-institucion .field-content,
.view-personas .wrap_bitacora .views-row .views-field-field-pers-tipo-persona .field-content{font-style: italic;}
.view-personas .wrap_bitacora .views-row .views-field-field-pers-cvpy{
    width: 45px;
    background-color: #F4F7F8;
    padding: 1px;
    text-align: center;
    float: left
}

.view-organizaciones .wrap_bitacora .views-row .views-field-field-org-area-ciencia div.field-content{color: #D45F4A;}
.view-organizaciones .item-list ul.pager,
.view-personas .item-list ul.pager{margin-top: 840px;}

/****************
*
*   Formulario 
*   ORGANIZACIONES / PERSONAS
*
******************/
#organizaciones-node-form,
#personas-node-form{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #FFF;
}
#organizaciones-node-form .description,
#personas-node-form .description{
    color: #EF9900;
    font-weight: normal;
    font-style: italic;
    font-size: 11px
}
#organizaciones-node-form .field-type-text,
#organizaciones-node-form .form-item label,
#personas-node-form .field-type-text,
#personas-node-form .form-item label{
    color: #3e474d;
    display: block;
    font-weight: bold;
    font-size: 11px;
    margin: 0.25em 0;
    font-style: normal;
}
#organizaciones-node-form input[type="text"],
#organizaciones-node-form select,
#personas-node-form input[type="text"],
#personas-node-form select{
    width: 90% !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    background-color: white;
    border: 1px solid #d0d7d9;
    color: #15181a;
    margin-bottom: 5px;
    padding: 7px;
}
#organizaciones-node-form input[type="text"]:hover,
#organizaciones-node-form select:hover,
#personas-node-form input[type="text"]:hover,
#personas-node-form select:hover{border: 1px solid #EF9900}

#organizaciones-node-form label{font-weight: bold}
#personas-node-form label{font-weight: bold}
#organizaciones-node-form .form-wrapper,
#organizaciones-node-form .form-item-title,
#personas-node-form .form-wrapper,
#personas-node-form .form-item-title{
    //background-color: #f9f9f9;
    //border: 1px solid #f30;
    width: 29%;
    float: left;
    margin: 1%; 
    padding: 10px;
    font-size: 0.929em
}
/** Personalización ORGANIZACIONES **/
#organizaciones-node-form #edit-field-org-logo,
#personas-node-form #edit-field-pers-foto-perfil{
    height: 152px;
    background-color: #f9f9f9
}
#organizaciones-node-form .form-item-title,
#organizaciones-node-form #edit-field-org-tipo-institucion,
#personas-node-form .form-item-title,
#personas-node-form #edit-field-pers-apellido{
    width: 63%
}

#organizaciones-node-form #edit-field-org-area-ciencia,
#personas-node-form #edit-field-pers-area-ciencia{
    width: 95%;
    border: 1px solid rgba(0,0,0,0.16);
   //box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;   
    
}
#organizaciones-node-form #edit-field-org-area-ciencia .form-item .form-type-checkbox label,
#personas-node-form #edit-field-pers-area-ciencia .form-item .form-type-checkbox label
{ display: inline;font-weight: 400 !important; }

#organizaciones-node-form .form-type-checkbox,
#personas-node-form .form-type-checkbox{float: left;width: 33%}

//#personas-node-form #edit-field-pers-resumen-ultimos-anhos{width: 100%}

#organizaciones-node-form #edit-field-org-breve-resumen-servicio,
#organizaciones-node-form #edit-field-org-antecedentes-recientes{width: 45%;}

#organizaciones-node-form #edit-field-org-breve-resumen-servicio textarea,
#organizaciones-node-form #edit-field-org-antecedentes-recientes textarea{
    resize: vertical;
}

#organizaciones-node-form .tabledrag-toggle-weight-wrapper,
#organizaciones-node-form .draggable .form-required,
#organizaciones-node-form .draggable .field-multiple-drag,
#personas-node-form .tabledrag-toggle-weight-wrapper,
#personas-node-form .draggable .form-required,
#personas-node-form .draggable .field-multiple-drag{display: none}

#organizaciones-node-form #edit-field-org-describir-especialidad{width: 100%; margin-top: 0; padding-top: 0}

#organizaciones-node-form #edit-field-org-telefono table thead tr th label{border: none}
#personas-node-form #edit-field-pers-telefonos table thead tr th label{border: none}

#organizaciones-node-form #edit-field-org-telefono table,
#organizaciones-node-form #edit-field-org-telefono table thead tr th,
#organizaciones-node-form #edit-field-org-telefono table tbody tr td,
#organizaciones-node-form #edit-field-org-telefono table tbody tr.even,
#organizaciones-node-form #edit-field-org-telefono table tbody tr.odd,
#organizaciones-node-form #edit-field-org-describir-especialidad table,
#organizaciones-node-form #edit-field-org-describir-especialidad table thead tr th,
#organizaciones-node-form #edit-field-org-describir-especialidad table tbody tr td,
#organizaciones-node-form #edit-field-org-describir-especialidad table tbody tr.even,
#organizaciones-node-form #edit-field-org-describir-especialidad table tbody tr.odd,
#personas-node-form #edit-field-pers-telefonos table,
#personas-node-form #edit-field-pers-telefonos table thead tr th,
#personas-node-form #edit-field-pers-telefonos table tbody tr td,
#personas-node-form #edit-field-pers-telefonos table tbody tr.even,
#personas-node-form #edit-field-pers-telefonos table tbody tr.odd{
    border: none;
    background-color: #fff;
    padding: 0;
}
#organizaciones-node-form #edit-field-org-describir-especialidad input{border: #f30 !important;}

#organizaciones-node-form #edit-actions,
#personas-node-form #edit-actions{
    width: 100%;
    background-color: transparent;
    border-bottom: none;
    border-right: none;
    border-left: none
}
#personas-node-form #edit-field-pers-pronii{clear:both;}
#personas-node-form .field-widget-text-textarea{width:45%; height: 177px;}

/******
*
*  Responsive  
*
*/
@media only screen and (max-width: 1152px) {
    #organizaciones-node-form #edit-field-org-logo{
        height: 152px;
        background-color: #f9f9f9;
        width: 46%
        }
    #organizaciones-node-form .form-item-title,
    #organizaciones-node-form #edit-field-org-tipo-institucion{
        width: 45%;
    }
}
@media only screen and (max-width: 930px) {
    #organizaciones-node-form .form-wrapper,
    #organizaciones-node-form .form-item-title,
    #personas-node-form .form-wrapper{width: 45%;}    
}
@media only screen and (max-width: 730px) {
    #organizaciones-node-form .form-wrapper,
    #personas-node-form .form-wrapper,
    #organizaciones-node-form .form-item-title{width: 100%; margin-right: 3% }
    #organizaciones-node-form #edit-field-org-breve-resumen-servicio,
    #organizaciones-node-form #edit-field-org-antecedentes-recientes{
        width: 95%;
    }
    #organizaciones-node-form #edit-field-org-logo{
        height: auto;
        width: 90%
        }
}
@media only screen and (max-width: 650px) {
    #organizaciones-node-form .form-wrapper,
    #personas-node-form .form-wrapper,
    #organizaciones-node-form .form-item-title{width: 100%}
}

/********
*
*	DETALLE PERSONAS
*
*
******/
.node-type-personas #breadcrumbs{
	//border: 2px solid #c2c2c2
}
.node-type-personas section{
	//border: 5px solid #F30
}


/*
.view-organizaciones .views-row{
    height: auto;
    margin-right: 1%;
    width: 28%;
    float: left;
    background-color: #fdedde;
    font-family: Raleway;    
    padding: 20px;
    line-height: 18px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border-radius: 2px;
}
.view-organizaciones .views-row .views-field-value,
.view-organizaciones .views-row .views-field-value-2,
.view-organizaciones .views-row .views-field-value-3,
.view-organizaciones .views-row .views-field-value-4,
.view-organizaciones .views-row .views-field-value-5,
.view-organizaciones .views-row .views-field-value-6,
.view-organizaciones .views-row .views-field-value-7,
.view-organizaciones .views-row .views-field-value-8{
    font-family: "Quattrocento Sans";
    
}
.view-organizaciones .views-row span.views-label{ font-weight: bold; color: #203143; }
.view-organizaciones .views-row .views-field-value{
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;       
}
.view-organizaciones .views-row .views-field-value-1{    
    color: #EF9900;
    text-decoration: none;
    text-align: center;
    font-style: italic;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EF9900
}
.view-organizaciones .views-row .views-field-value-4{
    border-left: 5px solid #EF9900;
    padding-left: 5px;
    text-transform: uppercase;
}
*/