/* general */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hidden { position: absolute; top: -99999px; left: -999999px; overflow: hidden; width: 1px; height: 1px;}
.left {text-align: left;}
.right {text-align: right;}
.float_left { float: left; display: inline;}
.float_right {float: right; display: inline; }
.center {text-align: center;}
.justify {text-align: justify;}
.fontbigger { font-size: 1.1em; line-height: 1.2em; }
.fontsmaller { font-size: 0.9em; line-height: 1.2em; }

p { margin: 0; padding: 0 0 1em 0; }
a { color:#cd0708; background-color: transparent;}
a:hover { color: #f00; background-color: transparent;}
a.visited { color: #666; background-color: transparent;}
a img { border: 0; }
img { vertical-align: middle;}
hr {margin:0; padding: 0; height: 1px; border: 0;}
table {font-size: 1em;}

a.send_mail { padding-left: 20px; background: url(../images/ico/mail.gif) no-repeat 0 50%;}
a.mail_person { padding-left: 20px; background: url(../images/ico/mail-person.gif) no-repeat 0 50%;}
a.invite_network { padding: 2px 0 2px 20px; background: url(../images/ico/invite-network.gif) no-repeat 0 50%;}
a.invite_project { padding-left: 20px; background: url(../images/ico/invite-project.gif) no-repeat 0 50%;}
a.project { padding-left: 20px; background: url(../images/ico/project.gif) no-repeat 0 50%;}
a.project_add { padding-left: 20px; background: url(../images/ico/clustic-add.gif) no-repeat 0 50%;}
a.project_forbidden { padding-left: 20px; background: url(../images/ico/clustic-forbidden.gif) no-repeat 0 50%;}
a.add_groups { padding: 5px 0 5px 40px; background: transparent url(../images/ico/add_groups.gif) no-repeat 0 50%; position: relative;}
a.share_groups { padding: 5px 0 5px 40px; background: transparent url(../images/ico/share_groups.gif) no-repeat 0 50%; position: relative;}
a.share_project { padding: 5px 0 7px 35px; background: transparent url(../images/ico/share_project.gif) no-repeat 0 0%; position: relative;}
a.cal2_add { padding: 5px 0 7px 30px; background: transparent url(../images/ico/cal2-add.gif) no-repeat 0 0%; position: relative;}

a.invite_groups { padding-left: 20px; background: url(../images/ico/invite-groups.gif) no-repeat 0 50%;}
a.delete { padding: 2px 0 2px 20px; background: url(../images/ico/delete.gif) no-repeat 0 50%;}
a.forbidden {  padding: 3px 0 3px 20px;background: url(../images/ico/forbidden.gif) no-repeat 0 50%;}
a.add-link {  padding: 3px 0 3px 20px;background: url(../images/ico/add.gif) no-repeat 0 50%;}
a.add { padding: 3px 0 3px 20px; background: transparent url(../images/ico/add.gif) no-repeat 0 50%; position: relative; color: #666;}
a.confirm_user { padding: 3px 0 3px 20px; background: url(../images/ico/user-green.gif) no-repeat 0 50%; position: relative;}
a.redflag { padding: 3px 0 3px 20px; background: url(../images/ico/redflag.gif) no-repeat 0 50%; position: relative;}
.rol.investigador { padding: 3px 0 3px 20px; background: url(../images/ico/rol-investigador.gif) no-repeat 0 50%; position: relative; line-height: 1.5em;}
.rol.empresa { padding: 3px 0 3px 20px; background: url(../images/ico/rol-empresa.gif) no-repeat 0 50%; position: relative; line-height: 1.5em;}
.rol.inversor { padding: 3px 0 3px 20px; background: url(../images/ico/rol-inversor.gif) no-repeat 0 50%; position: relative; line-height: 1.5em;}

.file { padding: 3px 0 3px 20px; background: url(../images/ico/file.gif) no-repeat 0 50%; position: relative;}
.folder { padding: 3px 0 3px 20px; background: url(../images/ico/folder.gif) no-repeat 0 50%; position: relative;}
.folder-l { padding: 3px 0 3px 20px; background: url(../images/ico/folder-l.gif) no-repeat 0 50%; position: relative;}
.download { padding: 3px 0 3px 30px; background: url(../images/ico-types/download.gif) no-repeat 0 50%; position: relative; }

.custom_comment {padding-left: 30px; background: url(../images/ico/custom/comment.gif) no-repeat 0 50%;}
.custom_mail {padding-left: 30px; background: url(../images/ico/custom/mail.gif) no-repeat 0 50%;}
.custom_person {padding-left: 30px; background: url(../images/ico/custom/person.gif) no-repeat 0 50%;}
.custom_photo {padding-left: 30px; background: url(../images/ico/custom/photo.gif) no-repeat 0 50%;}
.custom_warning {padding-left: 30px; background: url(../images/ico/custom/warning.gif) no-repeat 0 50%;}


.ico-types { padding: 4px 0 0 37px; background-repeat: no-repeat; background-position: 0 0;}
a.ico-types { position: relative; font-weight: bold; padding-bottom: 4px; cursor: pointer;}
.ico-types.ico-article { background-image: url(../images/ico-types/article.gif); }
.ico-types.ico-comment { background-image: url(../images/ico-types/comment.gif); }
.ico-types.ico-download { background-image: url(../images/ico-types/download.gif); }
.ico-types.ico-event { background-image: url(../images/ico-types/event.gif); }
.ico-types.ico-group { background-image: url(../images/ico-types/group.gif); }
.ico-types.ico-message { background-image: url(../images/ico-types/message.gif); }
.ico-types.ico-new { background-image: url(../images/ico-types/new.gif); }
.ico-types.ico-photo { background-image: url(../images/ico-types/photo.gif); }
.ico-types.ico-project { background-image: url(../images/ico-types/project.gif); }
.ico-types.ico-user { background-image: url(../images/ico-types/user.gif); }
.ico-types.ico-video { background-image: url(../images/ico-types/video.gif); }
.ico-types.ico-galardon { background-image: url(../images/ico-types/galardon.gif); }
.ico-types.ico-buscador { background-image: url(../images/ico-types/buscador.gif); }
.ico-types.ico-eminencia-articulos-publicados { background-image: url(../images/ico-types/eminencia-articulos-publicados.gif); }
.ico-types.ico-proyectos-dirige { background-image: url(../images/ico-types/proyectos-dirige.gif); }
.ico-types.ico-seguidores-seguidos { background-image: url(../images/ico-types/seguidores-seguidos.gif); }

.meta {  display: block; }
.meta strong {font-weight: normal;}
.meta.date { color: #333; background-color: transparent;}

.h1{ padding: 8px 25px; margin-bottom: 1em; border-bottom: 3px solid #8a1228; color: #8a1228; background-color: transparent; font-weight: bold; font-size: 1.3em; line-height: 1.2em;}
.h2{ padding: 5px 0; margin-bottom: 1em; border-bottom: 3px solid #cd0707; color: #cd0707; background-color: transparent; font-weight: bold; font-size: 1.1em; line-height: 1.2em;}
.h3{ padding: 3px 0; margin-bottom: 1em; border-bottom: 1px solid #999; color: #999; background-color: transparent; font-weight: bold; font-size: 1em; line-height: 1.2em;}



.notice {
    color: #666;
    background-color: #edf3fd;
    padding: 8px 40px;
    margin: 0 0 2em 0;
    border-top: 1px solid #b2c7df;
    border-bottom: 1px solid #b2c7df;
    text-align: left;
}
    .notice a {
        color: #666;
        background-color: transparent;
        text-decoration: underline;
    }
    .notice.ok {
        color: #666;
        background: #edffe1 url(../images/ico/ok.gif) no-repeat 15px 0.7em;
        border-top: 1px solid #bdd8bd;
        border-bottom: 1px solid #bdd8bd;
    }
    .notice.warning {
        color: #666;
        background: #fdffcb url(../images/ico/warning.gif) no-repeat 15px 0.7em;
        border-top: 1px solid #fcd41d;
        border-bottom: 1px solid #fcd41d;
    }
    .notice.empty {
        color: #666;
        background: #fdffcb url(../images/ico/warning.gif) no-repeat 15px 0.7em;
        border-top: 1px solid #fcd41d;
        border-bottom: 1px solid #fcd41d;
    }
    .notice.error {
        color: #666;
        background: #ffebe2 url(../images/ico/error.gif) no-repeat 15px 0.7em;
        border-top: 1px solid #fecfc1;
        border-bottom: 1px solid #fecfc1;
    }
    
    .errorExplanation {
      color: #666;
      background-color: #edf3fd;
      padding: 8px 40px;
      margin: 0 0 2em 0;
      border-top: 1px solid #b2c7df;
      border-bottom: 1px solid #b2c7df;
      text-align: left;      
      background: #ffebe2 url(../images/ico/error.gif) no-repeat 15px 0.7em;
      border-top: 1px solid #fecfc1;
      border-bottom: 1px solid #fecfc1
    }
      .errorExplanation h2 {
        margin: 0 0 0.5em 0;
        padding: 0;
        font-size: 1.1em;
        line-height: 1.2em;
      }
      .errorExplanation p {
        margin: 0;
        padding: 0 0 0.4em 0;
      }
      .errorExplanation ul {
        margin-top: 0;
        margin-bottom: 0;
      }

#pagebody .notice:first-child  {
  margin-bottom: 4em;
}


/*
<div class="errorExplanation" id="errorExplanation">
  <h2>no se pudo guardar este user porque se encontraron 2 errores</h2>
  <p>Se encontraron problemas con los siguientes campos:</p>
  <ul>
    <li>Password es demasiado corto (4 caracteres mínimo)</li>
    <li>Password . Contraseña y su copia deben ser idénticas</li>
  </ul>
</div>
  
  */





/* layout */
.main2cols {
    clear: both;
    width: 100%;
}
    .main2cols_left {
        float: left;
        display: inline;
        width: 48%;
    }
    .main2cols_right {
        float: right;
        display: inline;
        width: 48%;
    }

.main2cols_rightside {
    clear: both;
    width: 100%;
}
    .main2cols_rightside_left {
        float: left;
        display: inline;
        width: 646px;
    }
    
    .main2cols_rightside_right {
        float: right;
        display: inline;
        width: 316px;
    }
    
  .main_content .main2cols_rightside_left {width: 600px;} 
  .main_content .main2cols_rightside_right {width: 293px;} 
    
.main2cols_leftside {
    clear: both;
    width: 100%;
}
    .main2cols_leftside_left {
        float: left;
        display: inline;
        width: 316px;
    }
    
    .main2cols_leftside_right {
        float: right;
        display: inline;
        width: 646px;
    }

.main3cols {
    clear: both;
    width: 100%;
}
  .main3cols_left {
    float: left;
    display: inline;
    width: 189px;    
  }  
  .main3cols_center {
    float: left;
    display: inline;
    width: 447px;      
    margin-left: 10px;
  }  
  .main3cols_right {
    float: right;
    display: inline;
    width: 316px;       
  }  
  
  
.cols_50_50 {
    clear: both;
    width: 100%;    
}
    .cols_50_50 .col_left, .cols_50_50 .col_right {
        float: left;
        display: inline;
        width: 48%;
    }
    .cols_50_50 .col_right {
        float: right;
    }
    
    
    





/* form */
form { margin: 0; padding: 0; }
input, select, textarea {font-size: 0.98em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;}
.fieldbox {border: 1px solid #ccc; padding: 4px 4px;}
.fieldbox.wide {width: 97%;}
.fields p {
  padding: 0 0 1em 180px;
  position: relative;
}
.fields p.normal {
  padding: 0 0 1em 0;
  position: relative;
}
.fields label, .fields .label {
  float: left;
  display: inline;
  width: 170px;
  margin: 0 0 0 -180px;
  font-weight: bold;
}
.fields select.label {font-weight: normal;}

.fields label.nolabel, .fields p.normal label, .fields p.normal .label {
  float: none;
  display: inline;
  margin: 0;
  font-weight: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  width: 100%;
}
.fieldset {
  position: relative;
}
fieldset.w70, .fieldset.w70 {
  width: 70%;
}
fieldset .legend_options, .fieldset .legend_options {
  position: absolute;
  right: 0;
  top: -3px;
}
.fields p .field_options {
  position: absolute;
  right: 0;
  top: 0;
}


legend, .legend {
  display: block;
  width: 100%;
  position: relative;
  color: #cd0707;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2em;
  border-bottom: 2px solid #cd0707;
  padding: 0 0 0.3em 0;
  margin: 0 0 1em 0;
}

legend.dotted, .legend.dotted {
  border-bottom: 1px dotted #ccc;
}
legend.noborder, .legend.noborder {
  border: 0;
}


.form_actions {
  margin-top: 1em;
}
.form_actions .button {
  margin-right: 15px;
}
    
.button, .button:hover, .button2, .button2:hover{
  border: 0;
  color: #fff;
  background: #901226 url(../images/button/default.gif) repeat-x 0 0;
  padding: 4px 10px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-ms-border-radius: 5px;
}
.button2, .button2:hover {
  background: #d3d3d3 url(../images/button/button2.gif) repeat-x 0 0;
  color: #333;
  font-weight: bold;
  border: 1px solid #dcdcdc;
}


table {
  font-size: 1em;
  width: 100%;
  border-collapse: collapse;
}
  td {
    border-top: 1px dotted #ccc;
  }
  th, td {
    vertical-align: top;
    padding: 10px;
  }
  th {
    border-bottom: 3px solid #c81d23;
  }