/* CSS Document */     
html {
  width:100%;
  height:100%;
  background:#3d3d3d url(../images/background.jpg) no-repeat fixed left top; 
  background-size:cover;}    

.site-wrapper {width:80%;margin:0 auto;padding:0;}

#logo {margin:1em 0;}

#logo .h1 {font:45pt/1.5 'Terminal Dosis',serif;color:#136F8B;}

#logo .description {font:19pt/1.5 'Terminal Dosis',serif;color:#fff;}

h2 {font:15pt/.5 'Terminal Dosis',serif;font-weight:100;margin-left:15px;}

h3 {font:11pt/.5 'Terminal Dosis',serif;font-weight:900;}

.small {font:9pt/0 'Terminal Dosis',serif;color:#fff;}

hr {clear:both;width:99%;margin-left:-2.5px;color:#d3d3d3;text-shadow:0 -1px 0 #4c9021;opacity:.5;}

.content-box {float:left;margin:0 15px;}

.bold {font:22pt/0 'Terminal Dosis',serif;font-weight:500;}

#delete {clear:both;margin:20px 5px 0 0;}

p,#indent {margin-left:15px;}

input { 
  padding:2.5px;
  -webkit-border-radius:2.5px;
  -moz-border-radius:2.5px;
  border-radius:2.5px;
  border:1px solid #e5e5e5;
  background:#fbfbfb;
  -moz-box-shadow:inset 5px 5px 0 0 #F3F3F3;
  -webkit-box-shadow:inset 5px 5px 0 0 #F3F3F3;
  -khtml-box-shadow:inset 5px 5px 0 0 #F3F3F3;
  box-shadow:inset 5px 5px 0 0 #F3F3F3;}

input:focus {background:#F3F3F3;border:1px solid #F3F3F3;}

#content-body {
  font:10.5pt/1.5 'Terminal Dosis',serif;
  margin:10px 0 0;
  padding:25px 0 0 12.5px;
  background:transparent url(../images/white30.png);
  -webkit-border-radius:2.5px;
  -moz-border-radius:2.5px;
  border-radius:2.5px;
  -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;}

.normal {float:left;width:100px;padding:0 2.5px 15px;}

.big {float:left;width:220px;padding:0 2.5px 15px;}  

#pass {float:left;display:inline;}

.button-edit,.button-new {
  margin:0;
  display:inline-block;
  font:10.5pt/1.5 'Terminal Dosis',serif;
  padding:4px 7px;
  color:#111;
  text-decoration:none;
  border:1px solid #666;
  border:1px solid rgba(0, 0, 0, 0.6);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);
  background:-webkit-gradient(linear, left top, left bottom, from(#fafbfa), to(#adaead));
  background:-moz-linear-gradient(#fafbfa, #adaead);
  background-color:#d0d2d0;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -webkit-user-select:none;
  -moz-user-select:none;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#a3a4a3', Direction=145, Strength=1);}
  
.button-edit:hover,.button-new:hover {
  background:-webkit-gradient(linear, left top, left bottom, from(#fcfdfc), to(#bdbebd));
  background:-moz-linear-gradient(#fcfdfc, #bdbebd);
  background-color:#e2e4e2;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
  box-shadow:0 0 2px rgba(0,0,0,0.5);
  color:#222;}

.button-edit:active,.button-new:active {position:relative;top:-1px;opacity:.77;filter: alpha(opacity = 77);}

.button-edit:focus, .button-edit:active, .button-edit.selected,.button-new:focus,.button-new:active,.button-new.selected {
  outline:none;
  border-color:#333;
  border-bottom-color:#111;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5), 0px 0 5px rgba(0, 0, 0, 0.95) inset;
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.5), 0px 0 5px rgba(0, 0, 0, 0.95) inset;
  box-shadow:0 0 2px rgba(0,0,0,0.5), rgba(0, 0, 0, 0.95) 0px 0 5px inset;}

#info a {
  position:fixed;
  left:1px;
  top:34%;
  display:inline-block;
  padding:0 11px 2px 10px;
  text-align:center;
  text-decoration:none;
  border:1px solid #666;
  border:1px solid rgba(0, 0, 0, 0.6);
  -webkit-border-radius:18px;
  -moz-border-radius:18px;
  border-radius:18px;
  text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);
  background:-webkit-gradient(linear, left top, left bottom, from(#fcfdfc), to(#bdbebd));
  background:-moz-linear-gradient(#fcfdfc, #bdbebd);
  background-color:#e2e4e2;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -webkit-user-select:none;
  -moz-user-select:none;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#a3a4a3', Direction=145, Strength=1);
  color:#000;
  cursor:help;
  font:11pt/1.5 'Terminal Dosis',serif;
  text-shadow:0 -1px 0 #fff;}

#info a:hover {
  -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;
  z-index:2;} 

#info span {
  display:none; 
  background:#060606; 
  opacity:.75;
  color:#fff;  
  margin:25px; 
  padding:12.5px; 
  text-align:center;}

#info a:hover span { 
  display:block; 
  position:absolute; 
  top:0;
  left:0;  
  width:200px; 
  border:1px solid #172c4d;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;}

#info2 a {
  position:fixed;
  left:1px;
  top:39%;
  display:inline-block;
  padding:0 11px 2px 10px;
  text-align:center;
  text-decoration:none;
  border:1px solid #666;
  border:1px solid rgba(0, 0, 0, 0.6);
  -webkit-border-radius:18px;
  -moz-border-radius:18px;
  border-radius:18px;
  text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);
  background:-webkit-gradient(linear, left top, left bottom, from(#fcfdfc), to(#bdbebd));
  background:-moz-linear-gradient(#fcfdfc, #bdbebd);
  background-color:#e2e4e2;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -webkit-user-select:none;
  -moz-user-select:none;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#a3a4a3', Direction=145, Strength=1);
  color:#000;
  cursor:help;
  font:11pt/1.5 'Terminal Dosis',serif;
  text-shadow:0 -1px 0 #fff;}

#info2 a:hover {
  -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;
  z-index:2;} 

#info2 span {
  display:none; 
  background:#060606; 
  opacity:.75;
  color:#fff;  
  margin:25px; 
  padding:12.5px; 
  text-align:center;}

#info2 a:hover span { 
  display:block; 
  position:absolute; 
  top:0;
  left:0;  
  width:200px; 
  border:1px solid #172c4d;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;
  
#sum {float:right;padding:3.5px;}
    
.breaker {clear:both;}

#note {float:left;}

#copyright {float:right;}

#badge {font-size:1.5em;margin-top:0;}

#note,#copyright {margin-bottom:15px;font-family:Megrim,serif;font-size:0.8em;color:#fff;text-shadow:0px 1px 0 rgba(0, 0, 0, 0.5);}