/***
 *** Custom CSS by leonart 2
 ***/

body, td, li, input, select {
    font-family: 'Ubuntu', Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
}

 #languageoptions {
	width: 450px;
	padding: 0;
	float: right;
	margin: 5px;
}

body {
	
background-image: url(http://www.letrasalonica.com/moodle/theme/aardvark_beta_auto_menus/images/toper.jpg);
	background-repeat: no-repeat;
	background-position: center -164px;  
margin: 0px;  
background-color: #F9F1E0;
}

.surround {
    background: none;
    border-color: #ffffff;
    border-style: solid;
    border-width: 0px;
max-width: 1222px;
}

#header {
   background: none;
    height: 177px;
background-repeat: no-repeat;
	background-position: center top;
}

.notloggedin #header {
    height: 179px;
}


.headermain {
    width: 244px !important;
}

#logo {
    background: url("http://www.letrasalonica.com/moodle/theme/aardvark_beta_auto_menus/images/default/logo.png") no-repeat scroll left top transparent;
    height: 172px;

}

.header-profileblock {
background: #333333;
background: url("http://www.letrasalonica.com/moodle/theme/aardvark_beta_auto_menus/images/sinfo_bg.png") repeat scroll left top;
border-radius: 0 0 10px 10px; 
width:600px;
padding: 14px;
position: relative;
top: -15px;
height: 150px;
overflow: hidden;
}

#content {
    background-color: #F9F1E0;
/*background-image: url(http://www.letrasalonica.com/moodle/theme/aardvark_beta_auto_menus/images/toper.jpg);*/
background-image: none;
	background-repeat: no-repeat;
	background-position: center -386px; 
padding-top: 10px;
}


.sideblock .header, .sideblock .header h2 {
    background: none;
background-color: #333333;
    border-color: #000000;
    color: #ffffff;
border-radius: 5px 5px 0 0; 
padding: 5px;
}


h2 {
    font-size: 1.15em;
    letter-spacing: 0px;
}

h1, h2, h3, h4 {
    font-family: 'Ubuntu', Helvetica, Arial, Verdana, sans-serif;
}

h1 {
margin-top: 0px;
  color: #FFFFFF;
  background: none repeat scroll 0 0 #333333;
  border-color: #000000;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 10px;
box-shadow: 2px 2px 3px #666;
}




.sideblock {
    background-color: transparent;
    border-color: #000000;
    color: #555555;
}

.sideblock .content {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #555555;
padding: 5px;
border-radius: 0 0 5px 5px; 
}

.sideblock .header .hide-show-image {
    padding-top: 6px;
}

.sideblock .header .hide-show-image {
    float: right;
    height: 11px;
    margin-top: 0.25em;
    width: 11px;
}

.generalbox {
    background-color: transparent;
    border-color: none;
}

.generalbox {
    border-style: solid;
    border-width: 0px;
    margin-bottom: 20px;
    padding: 0px;
}

.headingblock  {
    background: none;
background-color: #333333;
    border-color: #000000;
    color: #ffffff;
border-radius: 5px; 
}

h2.headingblock {
    padding: 15px;
}

.coursebox {
    background: #FFFFFF;
    border-color: #CCCCCC;
border-radius: 5px; 
}

#layout-table #middle-column {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}


.mod-scorm .scoframe {
  border: medium none;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

#content {overflow: hidden;}

a.fancybutton:link,
a.fancybutton:visited {
background-color: #EF5A00;
display: inline-block;
padding: 10px 20px;
border-radius: 5px; 
border: solid 1px #D71200; 
  background-image: url("http://www.letrasalonica.com/moodle/theme/aardvark_beta_auto_menus/images/toper.jpg");
  background-position: center -344px;
  background-repeat: no-repeat;
  margin: 0;
color: #fff;
box-shadow: 2px 2px 2px #666;
}

a.fancybutton:hover,
a.fancybutton:active {
color: yellow;
}

.header-profilename, .header-profilename a {color: #333333;}

.header-profileoptions, .header-profileoptions a {
  color: #333333;
}


.sideblock .header .hide-show-image {
  display: none;
}

.sideblock .content {
box-shadow: 1px 1px 1px #666;
border-width: 0px;
}

.block_html.sideblock .content {
padding: 0px;
background-color: #333;
}


.sideblock .header {
  box-shadow: 1px 1px 1px #666;
border: solid 0px #333;
}

.sideblock .header h2 {
  line-height: 1.1em;
font-weight: bold;
font-size: 15px;
}

.block_html.sideblock .content img {
width: 100%;
height: auto;
margin: 0 0 6px 0;
}

.block_html.sideblock .content form img {
width: 1px;
height: 10px;
margin: 0 0 6px 0;
}

.block_login .loginform div {
  margin: 0.3em 0em;
}