/* dresden.css                      */
/* ................................ */
/* una hoja de estilo inspirada en  */
/* la imagen corporativa del EMCL   */

/* definiciones generales =================*/
html {	
  font-family: "Droid Sans", "helvetica neue","Trebuchet MS",
  	       Gadget,
               "Nimbus Sans", "Nimbus Sans L", 
               Helvetica, Arial,
               sans, sans-serif;
  font-size: 11pt; 
  margin: 0;
/*  padding-left: 10px;*/
  background-color: #FF6400;
}

body {
  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  /*background-color: #EEE;*/
  color: #1A3553;
  margin: 0;
  padding: 0%;
}
/*-----------------------------------------*/

/* D I V I S I O N E S ====================*/ 

/* container sizes ========================*/
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
/* @media (min-width: 1200px) { */
/*   .container { */
/*     width: 1170px; */
/*   } */
/* } */

/* cabecera ===============================*/
#cabecera { 
  border-bottom: 10px #FF6400 solid;
  background-color:#FFF;
  width: 100%;
  /* should be aligned with items in sidebar */
}
/*-----------------------------------------*/

/* contenido ===============================*/
#contenido { 
  border-bottom: 10px #FF6400 solid;
  background-color:#FFF;
  width: 100%;
  /* should be aligned with items in sidebar */
}
/*-----------------------------------------*/

/* logo's corner ==========================*/
#corner {
  width: 50px;
}
/*-----------------------------------------*/

/* Encabezamientos y párrafos */

asignatura {
  font-size: 24pt;
  font-weight: 600;
  align: left;
}

h1 { 
  font-family: "Droid Sans", "Trebuchet MS", "helvetica neue",
  	       Gadget,
               "Nimbus Sans", "Nimbus Sans L",
               Helvetica, Arial,
               sans, sans-serif;
  font-size: 26pt;
  font-weight:600;
  margin: 0;
  padding:0;
  text-align:left;
}

h2 {
  font-size: 18pt;
  font-weight:600;
  text-align:left;
  font-variant: oblique;
  width: 100%;
/*border-bottom: 1px solid #333333;*/
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Roboto Slab"
}

p {
  padding-top: 0em;
  text-align: justify;
}

/* Definicion de estilos de Links */
a {
  text-decoration:underline;
}

a:link {
  color:#1A3553;
}

a:visited {
  color:#07a;
}

a:hover { 
  color: #EE6400; 
}

h1 a, h1 a:link, h1 a:visited { 
  color: #002288; 
}


/* DESCRIPTION LISTS */

dl {
  padding-top: 0em;
  text-align: justify;
}

dt { 
  color: #FFF;
} 

dd { 
  text-indent: 0em;
  margin-top: 0.5em;
  margin-bottom: 1em; 
}

/* Ejemplo de código fuente. */
pre {
  font-family: "Droid Mono", Courier, "Courier New", monospace;
  background-color: #f3faf4;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  border: 1px #d8d8d8 solid;
}

table {
  border: 1px solid #999;
}

td {
  border: 1px solid #999;
}

tr {
  border: 1px solid #999;
}

/* Members style. */
ul.members { 
  list-style-type: none;
}

.members li { 
  background-color: #FFD;
  border: 2px solid black;
  margin: 5px;
  padding: 1px;
  margin-right: 20px;
}

.members li:hover { 
  background-color: #FFA; 
}

/*#Content {
 IE margins here 
 margin-left: 12em;
 margin-right: 1em;
 margin-top: 2em;
 padding-right: 1em;
 text-align: justify;
 width: auto;
}*/


/*body>div#Content {*/
#Content {
/* Mozilla margins here */
  margin-top: 2em;
  margin-left: 12em;
  margin-right: 1em;
/*border: 1px solid black;*/
  width: 44em;
  padding: 0px;
}

/* Clase que decora su elemento */
.dec {
  background-color:#eee;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  font-weight:600;
  padding-bottom: 3px;
  padding-top: 3px;
}

#Footer {
  float: left;
  font-size: smaller;
  margin-left: 10em;
  margin-top: 4em;
/*text-align: center;*/
/*vertical-align: center;*/
/*border: 2px dashed black;*/
}

#Header {
  float: left;
  margin: 0;
  margin-bottom: 1em;
  margin-left: 1ex;
  padding-left: 1em;
  width: 100%;
}

/* Barra de menú lateral ========================*/
.sidebar {
/* should be aligned with logo */
  padding-left: 20px;
  margin-top: 2em;
  color: #FFFFFF;
}

.sidebar a{
  color: #FFFFFF;
}

.sidebar li:hover { 
/*  background-color: #d7d7d0;*/
  margin-top: 1px;
  margin-bottom: 1em;
  border: 1px #333333 solid;
}

.sidebar li:link{
  color: #FFFFF;
}

.sidebar li { 
  margin-top: 1px;
  margin-bottom: 1em;
/*border-right: 8px #EEE solid;*/
  border: 1px #292929 solid;
  text-align: left-align;
  color: #FFFFFF;
}
/*-----------------------------------------------*/

#LSide {
/*float: left;*/
/*margin-left: 1ex;*/
  width: 10em;
  position: fixed;
  padding-left: 10px;
/*border-left: 10px solid #FF6400;*/
}

#RSide {
  float: right;
  margin-right: 1ex;
  overflow: hidden;
  width: 18em; 
}

span#Label {
  font-size: smaller;
}

input#Words {
  width: 10em;
}

ul#Menu {
  list-style: none;
  margin: 0;
  /*display: inline-block;*/
  padding-left: 1px;
  padding-right: 1px;
}
li.menuHeader { 
  /*border: 3px #000 solid; */
}

body#secMain         #Menu li#Main, 
body#secMembers      #Menu li#Members,
body#secResearch     #Menu li#Research,
body#secProjects     #Menu li#Projects,
body#secPublications #Menu li#Publications,
body#secResources    #Menu li#Resources, 
body#secSoftware     #Menu li#Software,
body#secLinks        #Menu li#Links     { 
                                          /* background-color: #0ba;*/
                                          /*border-right: 8px #0ba solid;*/ 
                                          }

/*
li#Menu { 
  display: inline; 
}
*/

.bold { 
  font-weight: bold;
}
.small {
  font-size: smaller;
}