/* Fondo de la página */
body{
background-color: #F5F5F5;
}

a {
font-family: Arial, sans-serif;
color: #02477B;
text-decoration: none;
}

/* Enlaces seleccionados (a:hover) */

a:hover { 
    color: #0C344E;
    text-decoration: underline;
}


/* Texto para LEER MÁS*/


a.leermas {
text-transform:uppercase;
color: #000000; font-size: 15px;
}

a.leermas:hover { 
    color: #0C344E;
    text-decoration: none;
}


a.allcaps {
text-transform:uppercase;
font-weight: lighter;
font-size: 14px;
letter-spacing: 1px;
}


 /* Enlaces visitados (a:visited) aún no definido*/

/* Título de nivel 1 (h1)*/
h1 {
  font-family: Arial, sans-serif;
  color: #41ADE7;
  font-size: 32px;
  line-height: 52px;
  margin-top: 44px;
  font-weight: lighter;
}

/* Título de nivel 2 (h2)*/
h2 {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 24px;
  line-height: 44px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: lighter;
}

/* Título de nivel 3 (h3)*/
h3 {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 16px;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
}


/* Título de nivel 4 (h4)*/
h4 {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 16px;
  line-height: 22px;
  margin-top: 22px;
  margin-bottom: 22px;
  font-weight: bold;
}

/* Texto de nivel 5 (h5)*/
h5 {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
}





/* Párrafos (p)*/
p, ul, ol, pre, blockquote {
  font-family: Arial, sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
}

p {
  font-family: Arial, sans-serif;
  color: #000000;
  text-align: left;
}


/* Otras clases*/

b, strong, em, small, code {
  line-height: 1;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}


/* Pie de fotos */
p.pie {
color: #666666;
display: block;
font-weight: lighter;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 26px;
text-align: left;
}

.page-header {
    padding-bottom: 9px;
    margin: 10px 0 20px;
    border-bottom: 1px solid #eee;
}

.img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);
  box-shadow:0 1px 2px rgba(0,0,0,.075)}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.thumb2 {
    margin: 15px 0 15px 0;
    padding: 10px;
    width: 220px;
    position: relative;
    background: #98A2A9;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.thumb2 img {
    width: 220px;
    height: 180px;
    display: block;
}

.thumb2::before {
    content: attr(title);
    position: absolute;
    background: #98A2A9;
   
    padding: 5px;
    right: 0;
    bottom: 0;
    color: #fff;
    left: 0;
    text-align: left;
    font: normal 14px Arial, sans-serif;
    line-height: 18px;
}


/* Título de secciones en portada(h3.someclass)*/
h3.someclass {
  font-family: arial, Arial, sans-serif;
  text-transform:uppercase;
  font-weight: lighter;
  font-size: 16px;
  color: #979797;
  text-align: center;
  line-height: 34px;
  margin-top: 22px;
  margin-bottom: 22px;
}




/* Texto de secciones en portada*/

p.someclass {
color: #666;
display: block;
font-weight: lighter;
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 30px;
text-align: left;
}


.breadcrumb {
    padding: 8px 0px;
}



/* Fecha | autor | correo-e aún no definido*/

/* Bajada de título (para noticias) aún no definido*/

/* Fecha (para actividades o eventos) aún no definido*/



/* Cita o blockquote*/


blockquote {
  background: #f9f9f9;
  font-size: 16px;
  line-height: 34px;
  color:#454545;
  border-left: 3px solid #ccc;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  font-style: italic;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/* Fondo de las noticias */
.noticias_bg{

  background-color: #ffffff;

}

/* Botones */
.btn-primary {

border: 0 none;
border-radius: 5px;
background: none repeat scroll 0 0 #0C344E;
color: #FFFFFF;

cursor: pointer;
  display: inline-block;
  font-family: Arial,sans-serif;
  font-size: 16px;
  font-weight: lighter;
  /*
  line-height: 20px;
  padding: 7px 10px;
  */
  margin-bottom: 0;


  text-transform: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  
  
  text-align: center;

  text-shadow: none;

}



/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/


.btn-primary :hover {

border: 0 none;
border-radius: 2px 2px 2px 2px;
background: none repeat scroll 0 0 #0C344E;
color: #FFFFFF;

}



.btn-default{
  background-color: #F5F5F5;
  border-radius: 2px 2px 2px 2px;

  background-image:none;
  border-color:#dbdbdb;border-color:#ccc;
}

.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}
.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}
.btn-default.disabled,.btn-default:disabled,.btn-default[disabled]{background-color:#e0e0e0;background-image:none}

.btn-danger{
  background-color: #e74c3c;
  border-radius: 2px 2px 2px 2px;

  background-image:none; 
  border: none;
}

.btn-danger:hover {

border: 0 none;
border-radius: 2px 2px 2px 2px;

background-color: #c0392b;
color: #FFFFFF;

}

.btn-success{
  background-color: #609000;
  border-radius: 2px 2px 2px 2px;

  background-image:none;
  border: none;
}

.btn-success:hover {

border: 0 none;
border-radius: 2px 2px 2px 2px;

background-color: #95b60a;
color: #FFFFFF;


}


/* Fondo del pie de página */
.label{
    background-color: #E6E6E6;
    color: #204D6F;
    font-weight: lighter;
    text-transform:uppercase;
    display: inline;
    padding: 0.6em 0.6em 0.3em;
    line-height: 1;
    
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.alert-success {
    background:  #95b60a;
    border-color: #609000;
    border-radius: 0;
    color: #FFFFFF;
    text-shadow:none;
}

.alert-info {
    background:#41ADE7;
    border-color: #0090D8 ;
    border-radius: 0;
    color: #FFFFFF;
    text-shadow:none;
}

.alert-warning {
    background: #FDB727;
    border-color: #eba71c;
    border-radius: 0;
    color: #b14212;
    text-shadow:none;
}


.alert-danger {
    background: #f8eaea;
    border-color: #f6e3e5;
    border-radius: 0;
    color: #d7716f;
    text-shadow:none;
}


/* Tooltip */

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #2980B9  ;
  border-width: 5px 5px 0;
}
.tooltip-inner {
  color: #fff;
  background: #2980B9  ;
  border: solid 1px #2980B9  ;
}

.form-control-examinar {
    padding: 0;
}

/* form 
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

*/


/* Fondo del pie de página */
/*
 footer {
position: absolute;
width: 100%;
background-color:#666666;
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #DDD;
  }
*/
/* enlaces del footer*/

p.footer {
color: #FFFFFF;
display: block;
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 30px;
text-align: left;
}


/* Enlaces (a) del footer */
a.footer {
font-family: Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
}

a.footer:hover { 
    color: #34a3e2;
    text-decoration: underline;
}

/* Acordeón */
.panel-default > .panel-heading {
    background-image: none;
    background: #ffffff;
    border-radius: 0;
}


/* Bloques laterales */

#block1  {
    
    position: relative;
  float:left;
    height: 100%; width:100%;
  width: 300px; height: 300px;
  margin: 20px 20px 20px 15px;
  padding:10px;
  border: 1px solid #D9DFE3;
  outline: 1px solid #FFF;
  background-color:#FFF;
  
}


#block2  {
    
  position: relative;
  float:left;
  height: 100%; width:100%;
  width: 300px; height: 300px;
  margin: 20px 0px 20px 15px;
  padding:10px;
  border: 1px solid #D9DFE3;
  outline: 1px solid #FFF;
  
}

#block3  {
    
  position: relative;
  float:left;
  height: 100%; width:100%;
  width: 300px; height: 300px;
  margin: 20px 0px 20px 15px;
  padding:10px;

  
}

#block4  {
    
  width: 150px; height: 150px;
  margin: 20px 0px 20px 15px;
  padding:10px;
  margin-left: auto;
  margin-right: auto;

  
}

#icono{
display: block;
position: relative;
margin: 0px auto;
text-align: center;


}

h3.laterales { 
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: 300;
  color:#666666;
    
    padding-bottom: 9px;
    margin: 0 0 20px;
    border-bottom: 1px solid #D9DFE3;

}

p.actividades {
  font-family:Arial, Helvetica, sans-setrif;
  font-weight: 300;
  font-size: 17px;
  color: #555555;
  
  }

h4.contacto {
  font-family: Arial, sans-serif;
  font-weight: lighter;
  line-height: 5px;
  font-size:15px;
  color: #979797;
  
}

/* Color */
p.Blanco1 {
color: #666;
background: #FFF;
font-weight: lighter;
}

p.gris1 {
color: #666;
background: #F5F5F5;
font-weight: lighter;
}

p.gris2 {
color: #666;
background: #ECECEC;
font-weight: lighter;
}

p.gris3 {
color: #666;
background: #CCCCCC;
font-weight: lighter;
}

p.gris4 {
color: #FFF;
background: #999999;
font-weight: lighter;
}

p.gris5 {
color: #fff;
background: #666666;
font-weight: lighter;
}

p.celeste{
color: #fff;
background: #41ADE7;
font-weight: lighter;
}

p.celeste2 {
color: #fff;
background: #249DD8;
font-weight: lighter;
}


p.azul1{
color: #fff;
background: #0090D8;
font-weight: lighter;
}

p.azul2{
color: #fff;
background: #2980B9;
font-weight: lighter;
}

p.azul3{
color: #fff;
background: #204C6F;
font-weight: lighter;
}

/*Colores UCR*/

p.gris-ucr {
background:#E6E6E6;
color: #666;
font-weight: lighter;
}

p.gris2-ucr {
background:#CCCCCC;
color: #666;
font-weight: lighter;
}

p.gris3-ucr {
background:#A7A8AA;
color: #666;
font-weight: lighter;
}

p.gris4-ucr {
background:#666666;
color: #fff;
font-weight: lighter;
}

p.gris5-ucr {
background:#999999;
color: #fff;
font-weight: lighter;
}

p.azul-ucr {
background:#204d6f;
color: #fff;
font-weight: lighter;
}

p.celeste-ucr {
background:#008ec2;
color: #fff;
font-weight: lighter;
}

p.azul-claro-ucr {
background:#3299bb;
color: #fff;
font-weight: lighter;
text-decoration: line-through;
}

p.amarillo-ucr {
background:#FFDC00;
color: #666;
font-weight: lighter;
}

p.naranja-claro-ucr {
background:#FDB727;
color: #666;
font-weight: lighter;
}

p.naranja-ucr {
background:#e46305;
color: #fff;
font-weight: lighter;
}

p.verde-ucr {
background:#609000;
color: #fff;
font-weight: lighter;
}

p.verde-claro-ucr {
background:#95b60a;
color: #fff;
font-weight: lighter;
}

p.azul-oscuro-ucr {
background:#0c344e;
color: #fff;
font-weight: lighter;
}

p.celeste-oscuro-ucr {
background:#006186;
color: #fff;
font-weight: lighter;
}

p.azul-claro-h-ucr{
background:#207089;
color: #fff;
font-weight: lighter;
text-decoration: line-through;
}

p.amarillo-hover {
background:#ffcc00;
color: #666;
font-weight: lighter;
}

p.naranja-claro-hover {
background:#eba71c;
color: #fff;
font-weight: lighter;
}
p.naranja-hover {
background:#b14212;
color: #fff;
font-weight: lighter;
}

p.verde-hover {
background:#4b7631;
color: #fff;
font-weight: lighter;
}

p.verde-claro-hover {
background:#74922e;
color: #fff;
font-weight: lighter;
text-decoration: line-through;
}


/* Sanitation */
hr {
  border: 1px solid;
  margin: -1px 0;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
b, strong, em, small, code {
  line-height: 1;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}