﻿/* lmcz */
.lmcz {}
.lmcz .product-list ul { width: 100%; float: left; zoom: 1; margin-bottom: 0px; }
.lmcz .product-list ul li { width: 300px; float: left; padding-right: 10px; padding-left: 0px; margin-left: 0px; margin-bottom: 0; zoom: 1; _display: inline; list-style: none;  }
.lmcz .product-list ul li .desc { font-size:92%; color: #666;}
.lmcz .product-list ul li .desc a {color: #6666CC;}
.lmcz .product-list ul li h3 { font-size: 100%; font-weight: normal; margin-bottom:2px;}
.lmcz .product-list ul li h3 a { color: #6666CC; }
.lmcz .product-list ul li h3 img { float: left; margin: 0 10px 10px 0;}
.lmcz .product-list ul li .foot { color: #666; font-size: 92%; margin-top: 3px; }
.lmcz .product-list ul li .foot a { color: #009D00; }
.lmcz .product-list p { margin-bottom:2px; }
.lmcz .product-list ul li { background: transparent none repeat scroll 0% 0%;  }
.lmcz .annot {font-weight:normal; }
.lmcz .content-narrow {width: 620px;}


/* vyuka */
.sz #top #h1 a {width: 164px; height: 67px; display: block;}
.sz .content-narrow-lide .product-list ul li { width: 320px; }
.sz .content-narrow-lide {width: 700px; }
.szhp #main #middle h2 {font-weight: bold; color: #005b90;}

.sz .course-list ul { width: 29%; float: left; margin: 0 4% 25px 0;}
.sz .course-list ul li { margin: 8px 0 15px 70px; padding: 0; list-style: none; background: none; _position: relative; zoom: 1; }
.sz .course-list ul li h3 {margin:0 0 1px; font-size: 100%; color: #116fa9; font-weight: normal;}
.sz .course-list ul li h3 a {font-size: 117%; font-weight: bold;}
.sz .course-list ul li h3 span {font-size: 108%;}
.sz .course-list ul li .active-users {font-size: 108%; margin: 0;}
.sz .course-list ul li .active-users span, div .active-users span {color: #999;}
.sz #lmkurzy {font-size:150%; font-weight:bold; color:#005b90; margin: 15px 0px 8px;}

.sz a{color:#116fa9;}
.sz #foot{clear:both;margin:0 0 5px;color:#999999;text-align:center;padding:0;border: none;}
.sz #foot1{clear:both;border-top:1px solid #cadfeb;margin:10px 0 5px;color:#999999;text-align:center;padding:5px 0 0}


/* com */
/*.com #top #h1 a {width: 184px; height: 40px; display: block; background: url('../img/logo-lm.png') 0 0 no-repeat; margin: 7px 0 0;}*/
.com #top #h1 a {display: block; margin: 7px 0 0;}
.com #top #h1 .fb {background: url('../img/logo-lm-fb.png') 0 0 no-repeat;}
.com .content-narrow-lide .product-list ul li { width: 400px; padding-right: 60px;}
.com .content-narrow-lide {width: 940px; }
.comhp #middle { margin: 0 0 0 0px; width: 940px; padding: 0 10px; float:left;}


.com {color: #465662;}

.com #head {width: 980px; margin: 3px auto 0; font-size: 100%;}
.com #container {width: 970px; padding: 0 0 0 10px;}
.com #main {background: url('../img/bg-content-top.png') 0 0 repeat-x;}
.com #main #top {height: 70px;}
.com #middle {margin: 30px 0 0;}
.com #breadcrumb {margin: 5px 0 0;}
.com #foot {border-top-color: #C7CCD0;}

.com #head #tabs {float: left; display: inline; width: auto;}
.com #head #tabs ul {width: auto;}
.com #head #tabs .active {background: #D7EFFF url('../img/top-menu-active-com.png') repeat-x 0 0;}
.com #head #tabs .active a {color: #5a5657; padding: 2px 15px 0; line-height: 26px;}
.com #head #tabs li {background: none;}
.com #head #tabs li a {padding: 0 10px; line-height: 28px; margin: 0;}

.com #head #lang-menu {float: right; display: inline; font-size: 91.6%;}
.com #head #lang-menu p {margin: 11px 0 0; color: #116fa9;}
.com #head #lang-menu p span {color: #6c6b6d;}
.com #head #lang-menu p span, .com #head #lang-menu p a {margin: 0 3px;}

.com #h2.claim {float: left; display: inline; color: #61798a; font-weight: normal; font-size: 133.4%; line-height: 40px; border-left: 1px solid #9dbace; padding: 0 0 0 15px; margin: 15px 0 0 15px !important; border-bottom: 0;}

.com #userwindow {margin: 10px 0 0; color: #465662;}
.com #userwindow p.login-top {margin: 0px 0 10px 0;}
.com #userwindow p.recommend {margin: 0; font-size: 90%; }
.com #userwindow p.tip {font-size: 90%; margin: 0;}
/*.com #userwindow a {xtext-decoration: none; margin: 0 0 0 0px;}*/
/*.com .lm-login-link {padding: 0 0 1px 20px; font-size: 130%; background: url('../img/ico-login.png') 0 0 no-repeat;}*/
.com .lm-login-link {padding: 0 0 1px 2px; font-size: 130%; xbackground: url('../img/ico-fblogin.gif') 0 1px no-repeat;}
.com .fb-login-link {padding: 0 5px 1px 20px; background: url('http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_small_short.gif') 0 0 no-repeat;}
.com .login-top .login-fb {font-size: 120%; vertical-align:middle;}
.com .login-top img {vertical-align:middle; padding-bottom:2px;}
.com #userwindow a span, .org #userwindow a span {text-decoration: underline;}
.com #userwindow a img, .org #userwindow a img {vertical-align: middle; margin: 0 1px 0 0;}
#gfc-login .gfc-icon {padding-left: 20px;}
.com #lm-window .login-header {border-top:#c7ccd0 1px solid; margin-top:-10px; padding-top:10px;}

.com .course-list {margin: 0;}
.com .course-list ul {width: auto; float: none;}
.com .course-list ul li {margin: 0; padding: 15px 0 12px 60px; background: url('../img/bg-course-list.png') 0 0 repeat-x;  cursor:pointer;}
.com .course-list ul li .in {background: url('../img/ico-row-com.png') 100% 60% no-repeat;}
.com .course-list ul li .flag {margin: 1px 0 0 -60px; _margin: 1px 0 0 -30px;}
.com .course-list ul li.first, .com .course-list ul li:first-child {background: none;}
.com .course-list ul li h3 {margin: 0 0 4px;}
.com .course-list ul li .active-users {margin: 0; color: #465662;}

.com .product-list li {background: none;}

.com #fdbHeadline img {vertical-align: middle; margin: 0 5px 0 0;}

.com a {color: #116fa9;}
.com a:hover {color: #6c6b6d;}
.com h1 {font-size: 216.6%; margin: 0 0 4px;}
.com h2.annot {font-size: 125%; margin: 0 0 6px !important; font-weight: normal; border: none; padding: 0;}
.com h2 {font-size: 158.3%; margin: 1.5em 0 10px !important; font-weight: bold; border-bottom: 1px solid #c7ccd0; padding: 0 0 5px;}
.com h3 {font-size: 141.6%; margin: 0 0 4px;}
.com p {line-height: 1.4;}
.com ul {margin: 0 0 30px; list-style: none;}
.com ul li {padding: 1px 0 1px 10px; background: url('../img/bg-li-com.png') 0 0.5em no-repeat; list-style: none;}
.com .separator {border-top-color: #c7ccd0;}



/* FB - WEB */
/*.fb #top #h1 a {width: 156px; height: 34px; display: block; background: url('../img/logo-lm-fb.png') 0 0 no-repeat; margin: 7px 0 0;}*/
.fb #top #h1 a {display: block; margin: 7px 0 0;}
.fb .content-narrow-lide .product-list ul li { width: 410px; padding-right: 60px;}
.fb .content-narrow-lide {width: 940px; }
.fb #middle { margin: 0; width: 960px; padding: 0; float:left;}

.fb {color: #465662;}

.fb #head {width: 980px; margin: 3px auto 0; font-size: 100%;}
.fb #container {width: 970px; padding: 0 0 0 10px;}
.fb #main {background: url('../img/bg-content-top.png') 0 0 repeat-x;}
.fb #main #top {height: 70px; background: url('../img/bg-top-fb.png') 100% 0 no-repeat;}
.fb #middle {margin: 5px 0 0;}
.fb #breadcrumb {margin: 0 0 10px;}
.fb #breadcrumb img {vertical-align: middle;}
.fb #foot {border-top-color: #C7CCD0;}

.fb #head #tabs {float: left; display: inline; width: auto; margin: 0px 0 -3px;}
.fb #head #tabs ul {width: auto;}
.fb #head #tabs .active {background: #D7EFFF url('../img/top-menu-active-com.png') repeat-x 0 0;}
.fb #head #tabs .active a {color: #5a5657; padding: 2px 15px 0; line-height: 26px;}
.fb #head #tabs li {background: none; margin: 0 2px;}
.fb #head #tabs li a {padding: 0 10px; line-height: 28px; margin: 0;}

.fb #head #lang-menu {float: right; display: inline; font-size: 91.6%;}
.fb #head #lang-menu p {margin: 11px 0 0; color: #116fa9;}
.fb #head #lang-menu p span {color: #333; font-size:0.95em;}
.fb #head #lang-menu p a {font-size:0.95em;}
.fb #head #lang-menu p span, .com #head #lang-menu p a {margin: 0 3px;}

/*
.fb #head #tabs {margin: 0px 0 -3px;}
.fb #head #lang-menu p span, .fb #head #lang-menu p {color: #333; font-size:0.95em;}
.fb #head #lang-menu p a, .fb #head #lang-menu p span {margin: 0 1px;}
*/


.fb h2.claim {float: left; display: inline; color: #61798a; font-weight: normal; font-size: 133.4%; line-height: 40px; border-left: 1px solid #9dbace; padding: 0 0 0 15px; margin: 15px 0 0 15px !important; border-bottom: 0;}

.fb .course-list {margin: 0;}
.fb .course-list ul {width: auto; float: none;}
.fb .course-list ul li {margin: 0; padding: 15px 0 12px 60px; background: url('../img/bg-course-list.png') 0 0 repeat-x; cursor:pointer;}
.fb .course-list ul li .in {background: url('../img/ico-row-com.png'); background-position:top right; background-repeat:no-repeat;}
.fb .course-list ul li .flag {margin: 1px 0 0 -60px; _margin: 1px 0 0 -30px;}
.fb .course-list ul li.first, .com .course-list ul li:first-child {background: none;}
.fb .course-list ul li h3 {margin: 0 0 4px;}
.fb .course-list ul li .active-users {margin: 0; color: #465662;}

.fb .product-list li {background: none;}

.fb #fdbHeadline img {vertical-align: middle; margin: 0 5px 0 0;}

.fb a {color: #116fa9;}
.fb a:hover {color: #6c6b6d;}
.fb h1 {font-size: 216.6%; margin: 0 0 4px;}
.fb h2.annot {font-size: 125%; margin: 0 0 6px !important; font-weight: normal; border: none; padding: 0;}
.fb h2 {font-size: 158.3%; margin: 0.8em 0 10px !important; font-weight: bold; border-bottom: 1px solid #c7ccd0; padding: 0 0 5px;}
.fb h3 {font-size: 141.6%; margin: 0 0 4px;}
.fb p {line-height: 1.4;}
.fb ul {margin: 0 0 30px; list-style: none;}
.fb ul li {padding: 1px 0 1px 10px; background: url('../img/bg-li-com.png') 0 0.5em no-repeat; list-style: none;}
.fb .separator {border-top-color: #c7ccd0;}
/*.fb .ext {padding-right:10px; background: url('../img/ico-ext.png') 100% 0 no-repeat;}*/

/* FB - IFRAME */
/*.fb-iframe {margin: 0 20px;} pro testování přídán magin */
.fb-iframe {xoverflow:hidden;}
.fb-iframe #head {width: auto; margin: 3px 0 0; padding: 0 0 0 20px;}
.fb-iframe #main #top {padding: 0 140px 0 30px; } /*background-image: url('../img/bg-top-fb-iframe.png');*/

.fb-iframe #main .sect-english {background-image: url(../img/motive-english.png) !important;}
.fb-iframe #main .sect-german {background-image: url(../img/motive-german.png) !important;}
.fb-iframe #main .sect-spanish {background-image: url(../img/motive-spanish.png) !important;}
.fb-iframe #main .sect-italian {background-image: url(../img/motive-italian.png) !important;}
.fb-iframe #main .sect-french {background-image: url(../img/motive-french.png) !important;}


.fb-iframe #head #lang-menu {font-size: 100%; margin: -2px 0 0;}
.fb-iframe #container {width: auto; padding: 0;}
.fb-iframe #container #cont {border: 1px solid #e2eaf0; border-width: 0 1px; padding: 15px 0 0; width: 100%; _width: auto;}
.fb-iframe #middle {width: auto; padding: 0 10px; float: none;}

.fb-iframe div.claim {float: left; display: inline; color: #61798a; border-left: 1px solid #9dbace; padding: 4px 0 4px 15px; margin: 6px 0 0 15px !important;}
.fb-iframe div.claim h2 {margin: 0 !important; font-size: 133.4%; font-weight: normal; padding: 0; border: none; color: #495b68;}
.fb-iframe div.claim p {font-size: 91.6%; margin: 0;}

.fb-iframe .school-mate {line-height: 1.1; margin: 0;}
.fb-iframe .school-mate a {position: relative; text-decoration: none; width: 65px; display: -moz-inline-stack; display: inline-block; font-size: 91.6%; margin: 5px 13px 10px 0;}
.fb-iframe .school-mate a .ib {width: 65px; overflow: hidden; position:relative; display: -moz-inline-stack; display: inline-block; margin: 0 0 2px;}
.fb-iframe .school-mate a .corners {display:block; height: 50px; left:0; overflow:hidden; position:absolute; top:0; left: 0; width:100%; cursor: pointer; _display: none;}
.fb-iframe .school-mate a .corner img {position: absolute; left: 0; top: 0;}
.fb-iframe .school-mate .online {color:#009d00; font-weight:bold; font-size:90%;}
.fb-iframe .school-mate .offline {color:#9d0000; font-weight:bold; font-size:90%;}
.fb-iframe .school-mate .time {font-size:91.6%; white-space:nowrap;}

.fb-iframe h2 {font-size: 116.6%; margin: 1.2em 0 12px !important; font-weight: bold; border-bottom: none; padding: 0; color: #1b2936;}
.fb-iframe h3 {font-size: 100%; margin: 0 0 4px; color: #1b2936;}
.fb-iframe .separator {border-top-color: #e2eaf0; margin: 10px -10px;}

.fb-iframe .state-list {line-height: 1.8;}
.fb-iframe .state-list a {color: #333; text-decoration: none; margin: 0 15px 0 0; white-space: nowrap;}
.fb-iframe .state-list a span {color: #116fa9; text-decoration: underline;}
.fb-iframe .state-list a:hover span {color: #666;}

.fb-iframe .std-form {background: #fcfcf3; border: 1px solid #d0d0c6; margin: 15px 0 25px; color: #1b2936; width: 100%;}
.fb-iframe .std-form p {margin: 0; padding: 12px 20px;}
.fb-iframe .std-form p select {margin: 0 3px; padding: 2px 5px;}

.fb-iframe p.tip-box {background: #fcfcf3 url('../img/martan.png') 10px 8px no-repeat; border: 1px solid #d0d0c6; margin: 15px 0 25px; padding: 10px 20px 10px 85px; color: #1b2936;}

.fb-iframe .course-list {zoom: 1;}
.fb-iframe .course-list h2 {font-size: 158.3%; margin: 0.8em 0 3px !important; font-weight: bold; border-bottom: 1px solid #c7ccd0; padding: 0 0 5px; color: #465662;}
.fb-iframe .course-list ul.col-h-l {float: left; width: 48%; margin: 0;}
.fb-iframe .course-list ul.col-h-r {float: right; width: 48%; margin: 0;}

.fb-iframe .product-list ul li {width: 50%; padding: 0; margin: 0 0 20px;}
.fb-iframe .product-list ul li .product-main {margin: 0 4% 0 0;}

.fb-iframe .start-cursus h2 {margin: 0 !important; cursor:pointer;}
.fb-iframe .start-cursus .ico-info {font-size: 91.6%; padding: 5px 0 2px 30px; display: block; background: url('../img/ico-info.png') 10px 50% no-repeat;}

.fb-iframe .user-status {width:540px;}

.fb-iframe .school-mate a img {_background-color: expression(this.onclick = function(){ this.parentNode.click(); }) ;}

.fb-iframe .moreuser-inactive {font-weight: bold; cursor:text; color:#0000ff; text-decoration:none;}

/* ORG */
.org {color: #333;}
.org #head #tabs .active {border-color: #ffa00b; background: #ffd272;}
.org #head .corner-lt {background-image: url('../img/top-menu-corner-lt-org.png');}
.org #head .corner-rt {background-image: url('../img/top-menu-corner-rt-org.png');}

.org #main {background-image: url('../img/bg-content-top-org.png');}
/*.org #top #h1 a {width: 156px; height: 34px; background-image: url('../img/logo-lm-org.png');}*/
.org #top #h1 a {background-image: url('../img/logo-lm-org.png'); margin: 7px 0 0;}
.org h2.claim {border-color: #ffa00b; color: #333;}

.org #head li a, .org a {color: #cc3300;}
.org #head li a:hover, .org a:hover {color: #666;}
.org a.ext {background: transparent url('../img/ico-ext-org.png') no-repeat scroll 100% 6px;} 

.org #userwindow a {text-decoration: none; margin: 0 0 0 10px;}
.org #userwindow p {margin: 0; font-size: 92%;}
.org #userwindow p.recommend {margin: 5px 0 0;}

.org .error-message {margin: 0 0 20px; font-weight: bold;}
.org .error-message p.spc {min-height: 0; margin: 0;}

.org .content-narrow p strong {display: block; font-size: 125%; margin: 20px 0 3px;}
.org .ico-try {padding: 2px 0 2px 20px; background: url('../img/ico-try.png') 0 50% no-repeat;}
.org .ico-download {padding: 2px 0 2px 20px; background: url('../img/ico-disc.png') 0 50% no-repeat; margin: 0 0 0 30px;}
