@import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic-ext);


input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

a {
    text-decoration: none;
    color: #25282a;
}

a:hover {
    text-decoration: underline;
}

html,
body {
	margin:0;
	padding:0;
	height:100%;
}

body {
    background: url(../images/bg-login-form.jpg) repeat-x top left #f0f0f0;  
/*
    background-image: url(../images/top-login-form.jpg), url(../images/top-login-form.jpg);
    background-position: top left, left bottom;
    background-repeat: repeat-x;
*/
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
    margin: 0px 0 0;
    padding: 0px;
/*  margin-top:10px; */
    height: 100%;

}

.login_form{
    float: left;
    width: 100%;
    padding: 40px 0px 38px 0px;
}

.login_form form{
    float: left;
    width: 245px;
    position: relative;
    left: calc(50% - 122px);

}

.infoArea{
    position: relative;
    clear: both;
    padding: 50px 0px 30px 0px;    
}

#wrapper {
	min-height:100%;
	position:relative;
}

.center {
	padding-bottom:40px; /* Height of the footer element */
}

.mainarea {


  width: 1000px;
  margin: auto;
      
}

.banner {
  float: left;
  width: 100%;
   background: url(../images/logo.png) no-repeat top left;
  height: 115px;
  margin: 5px 0px 0px 0px;     
}

.left_col {
  float: left;
  width: 50%;
  margin: 430px 0px 0px 0px;
  padding:0;
  clear: both;
}

.centre_col {
	padding-bottom:30px;
  width: 247px;
  float: left;
  top: 150px;
  position: absolute;
    left: calc(50% - 125px);  
}

.right_col {
  float: right;
  width: 50%;
  margin: 430px 0px 0px 0px;
  padding:0;

}

.login_username_text {
  float: left;
  color: #003399;
  margin: 2px 0px 0px 25px;
}

.username_input,.password_input {
    float: left;
    padding: 0px 10px 0px 10px;
    clear:both;
    width:225px;
    border: 1px solid #8c8c8c ;
    color: #25282a;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  
}

.login_password_text, .login_fakulta_text, .login_language_text,
.login_username_text
 {
  float: left;
  color: #25282a;
  margin: 10px 0px 0px 0px;
  clear:both;
  text-transform: lowercase;
}

.language_listbox,
.login_language_text
 {
  float: left;
  display: none;    

}

.submit_button {
    float: right;
    padding: 0px 10px 0px 10px;
    margin: 30px 0px 0px 0px;    
    clear:both;
    width:180px;
    border: 0px solid #8c8c8c ;
    height: 52px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #52a075;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: lowercase; 
    cursor: pointer;
}

.kontakt_admin {
  float: left;
  font-weight: bold;
  text-decoration: underline;
  margin: 30px 0px 0px 23px;
}

.faq {
  float:left;   
  font-weight: bold;
  text-decoration: underline;
  margin: 8px 10px 0px 23px;
  clear:left;
}



.left_box_2 {
    display: none;
}

.centre_box {

    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e9e9e9;
    height: 335px;
    left: 0;
    position: absolute;
    top: 115px;
    width: 100%;
    z-index: -1;
    
}

.right_box {
/*    background: none repeat scroll 0 0 #3a4148;
    border-top: 1px solid #fff;
    height: 99px;
    left: 0;
    position: absolute;
    bottom: 115px;
    width: 100%;
    z-index: -1;*/
    display: none;
}

.left_box{
    display: none;
}


.right_box_2 {
    display: none;
}

.footer {

}

.mp_template_footer
{
	clear:both;
    background: none repeat scroll 0 0 #fff;
    border-top: 0px solid #D8D8D8;
    clear: both;
    color: #999999;
    padding: 10px 0px 0px 0px;
    text-align: right;
    height: 90px;
    width:100%;
}

.footer_area
{
    height: 90px;
    line-height: 25px;    
    color: #999999;
    text-align: center;    
    padding: 20px 0px 0px 0px;    
}

.footer_area span
{
    font-weight: bold;
    font-size: 13px;    
}

.footer_area a
{
    color: #53a076;
}

.newsczech,.newsenglish {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*.newsczech::after*/
.newsArea::before
{
    content: "Novinky";
    color: #25282a;
    font-size: 18px;
    padding: 0px 0px 0px 0px ;
    font-weight: 600;

}

.downloadArea::before{
    content: "Soubory ke stažení";
    color: #25282a;
    font-size: 18px;
    padding: 0px 0px 0px 0px ;
    font-weight: 600;
    

}

.news_title {
  float:left;
  font-weight: bold;
  color: #0066CC;
}

.news_text {
  
    padding: 0px 100px 10px 0px ;
    font-size: 13px;
    color: #686868;
    
}

.newsArea{
    width: 450px;    
    display: inline-table;
    padding: 0px 0px 0px 0px ;    
}

.downloadArea{
    width: 450px;
    display: inline-table;     
    padding: 0px 0px 0px 80px ;       
}


.login_to_LMSczech, .login_to_LMSenglish {

}

.message {
	text-align:center;
	color:red;
}

.login_to_LMSczech {
}

.login_to_LMSenglish {

}

.important_informationczech,.important_informationenglish {
  float: left;
  width: 281px;
  height: 93px;
  margin-left: 0px;
  display: none;
}

.important_informationczech {
  background-image: url('../images/important_information.gif');
  display: none;  
}

.important_informationenglish {
	background-image: url('../images/important_information_en.gif');
  display: none;  
}

.important_information_text {
  float:left;
  margin-top:-24px;
  padding-left:20px;
  padding-right:10px;
  padding-bottom:5px;
  display: none;  
}

.file_to_downloadczech,.file_to_downloadenglish {
  
  width: 280px;
  padding-bottom:5px;
  margin-top:0px;
}

.file_to_downloadczech {
    margin: 0px 0px 0px 0px ;
    
}

.file_to_downloadenglish {
	background-image: url('../images/file_to_download_en.gif');
	background-repeat:no-repeat;
}
	
.download {

  padding: 15px 0px 0px 0px;

}

.download_word {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url('../images/download_word.gif');
  margin-top: 6px;
  margin-left: -24px;
}

.download_excel {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url('../images/download_excel.gif');
  margin-top: 36px;
  margin-left: 52px;
}

.download_1 {
  float: left;
  margin-top: 67px;
  margin-left: 10px;
  font-weight: bold;
  text-decoration: underline;
}

 .download_2 {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
  font-weight: bold;
  text-decoration: underline;
}

.download_3 {
  float: left;
  margin-top: 42px;
  margin-left: -112px;
  font-weight: bold;
  text-decoration: underline;
}

.news_date {
   font-size:13px;
   font-weight:bold;
    padding: 15px 0px 5px 0px ;
   color: #52a075;
   clear: both; 
}

.fileicon {
	width:20px;
	float:left;
	margin-right:5px;
}
.filename{
    padding: 0px 0px 10px 0px ;
    font-size: 13px;
    color: #686868;
    text-decoration: none;
}


.file {
	width:240px;
	margin-bottom:15px;
	}

.form_column{
	padding-left:15px;
	width:200px;
}

.presentation{
    display: none;
}

.noborder{
	border: 0;
}

.browsers_text{
	font-weight:bold;
	margin-bottom:10px;
	margin-top:5px;
}

.mright{
	padding-right:25px;
}


.browsers_images{
	margin:auto;
	text-align:center;
	width:290px;
  display: none;  
}


#portal_header{
    color: #fff;
    width: 767px;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    background: #52a075;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding: 0px 10px 0px 15px;
    float: Left;
    margin: 0px 2px 0px 0px;    
}


#top_link_asja_logoff {
    background: #ffac1b;
    width: 101px;
}
#top_link_ja_logoff {
    background: #0c482c;
    width: 101px;
}
#top_link_presentation {
    background: #77c9f4;
    width: 101px;
}


.top_links_area {
    margin: 65px 0px 0px 0px;
    height: 42px;        
}

.img_link {
    float: left;
    height: 42px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    color: #fff;    
    font-size: 14px;  
    text-transform: uppercase;
    line-height: 42px;      
    margin: 0px 2px 0px 0px;    
}

.reset-password_link {
    font-size: 13px;
    width: 180px;
    text-align: right;
}