body {
      font:100% Sans-Serif,Helvetica,Verdana,Tahoma;       
      background-color:#7d0101;
      /*background-image: url('icons/background2.png');
      background-repeat: repeat*/
}

/*<-- background-image: 
url('icons/background.png');
background-repeat: repeat -->*/

h2 {font:"ProximaNova-Light";  font-weight:300; font-size:2em; color:#ffffff;}

a {text-decoration:none; color:#003030; font-weight:bold}

a:hover {color:purple; font-weight:bold}

img {border: none; vertical-align:middle}

p {vertical-align:middle}

#mainbox {border-width:0px; margin:2px; text-align:left; min-height:400px; padding:15px; background-color:white;}

.header {font:"ProximaNova-Light"; font-size: 200%; font-weight:300; padding-left:15px;  vertical-align:middle; color:#ffffff;}

#additionaltools {float:right; border-style:dotted; padding:1px;background-color:white; width:260px;}

#membrete {position: absolute; top: 10px; left:500px}

.photo {float:right;}

.fakelink {color:teal; font-weight:bold}

.description {padding-left: 40pt;}

.orangebox {border-width:0px; background-color: #FFEECC; margin:15px; padding: 5px; text-align:left;}
.graybox {border-width:0px; background-color: #DDDDDD; margin:15px; padding: 5px; text-align:left;}

.MathTeX {display:none; background-color: #FFEECC;}

.whitebox {
font:100% Sans-Serif,Helvetica,Verdana,Tahoma;   
border-width:0px; 
background-color: white; 
margin:5px; 
padding:10px; 
text-align:left;
}

/* Title Bar - stolen from somewhere
===================================== */

h1
{
  margin: 0;
  background-color: #333333;
}

h1 a
{
  display: block;
  padding: 30px 20px;
  border-top: 1px solid #9e2121;
  border-bottom: 1px solid #4a0404;
  text-align: center;

  /* These are all various ways of setting the background color, */
  /* designed so that at least one will work on any browser */
  background-color: #7d0101;
  background: -moz-linear-gradient(top, #7d0101 0%, #651110 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d0101), color-stop(100%, #651110));
  background: -webkit-linear-gradient(top, #7d0101 0%, #651110 100%);
  background: -o-linear-gradient(top, #7d0101 0%, #651110 100%);
  background: -ms-linear-gradient(top, #7d0101 0%, #651110 100%);
  background: linear-gradient(top, #7d0101 0%, #651110 100%);
}

h1 a, h1 a:hover
{
  color: #ffffff;
  text-decoration: none;
}

#title-left
{
  padding: 11px 0;
}

#title-right img
{
  height: auto; 
  width: auto;
  vertical-align: middle;
  text-align:right;
}

/* "Clears" after floats so that the appropriate amount of space is taken up */
#title-wrapper:after
{
  content: "";
  display: table;
  clear: both;
}