﻿* {margin:0;padding:0}

body { background:#fff;font:75% Arial, "Helvetica CE", Helvetica, helvetica, sans-serif;margin:0}
#hp body {text-align:center;}
h2{font-weight:normal;font-size:150%}
h3{font-weight:bold;font-size:120%}
h4{font-weight:bold;font-size:100%}
li{list-style-type:none}
a{color:#0000FF;}
a.inactive {color:gray}
a.ext {padding-right:10px; background: url('../img/ico-ext.png') 100% 6px no-repeat;}
hr{display:none}
form select option{padding:0 5px 0 0}

ul li { list-style: none; margin: 0 0 2px 15px;} 
ul.list-style-green li {background: url('../img/bg-li.png') 0 0.15em no-repeat; padding-left: 17px; list-style: none;}
ul.list-style-green {margin-bottom: 10px;}

/*
#head{text-align:left;margin:10px auto 0;width:760px}
#head #seznam{float:right;margin:3px 0 0;font-size:12px}

#tabs{float:left;width:760px}
#tabs ul{float:left;width:100%}
#tabs li{list-style:none;position:relative;float:left;margin:0 5px 0 0}
#tabs li a{position:relative;display:block;text-decoration:underline;padding:3px 11px;margin-bottom:6px;font-size:12px}

#tabs li.active{background:url(../img/tab-arrow2.gif) 49% 100% no-repeat}
#tabs li.active a{background:#cfe7ff;border:1px solid #1b6fc1;border-bottom:none;padding:3px 10px;font-weight:normal;color:#000;text-decoration:none}
*/

#LangMenu {font-size: 75%; margin: 7px 0 0; color: #0000ff;}
#LangMenu span {color: #6c6b6d;}
#LangMenu span, #LangMenu a {margin: 0 2px;}

#head { width:100%; margin: 16px auto 0 0; font-size: 108.4%;}
#head h2{display:none}
#head ul { float:left; width:100%; margin:0; padding:0; }
#head #tabs { width: 75em; margin: 0 auto; float: none; }
#head li { float:left; position:relative; top:3px; margin: 0 0.1em; padding: 0; list-style: none;}
#head li a { display:block; margin-bottom:6px; padding:5px 11px 5px; position:relative; color: #116FA9;}
#head li a:hover {color: #ec0000;}
#head li.active { border-right:1px solid #C8DCEA; border-left:1px solid #C8DCEA; border-top:1px solid #C8DCEA; background:url(../img/top-menu-active.png); background-color: #D7EFFF; background-repeat: repeat-x; padding:0px 0px 1px; position:relative; top:1px;}
#head li.active a { padding:7px 10px 3px 10px; text-decoration:none; background-color: transparent; border: none;  font-weight: normal;}

#head .corner { background-repeat: no-repeat; position: relative; }
#head .corner-lt { left: -1px; top: -1px; background-image:url(../img/top-menu-corner-lt.gif); }
#head .corner-rt { left: 2px; background-image:url(../img/top-menu-corner-rt.gif); background-position: right top; }

#main{clear:both;background:url(../img/gradient.gif) 0 0 repeat-x;padding:1px 0 0;}
.mancolor{color:#0d5ab4 !important}
.womancolor{color:#b43939 !important}
.manborder{border:1px solid #0d5ab4 !important}
.womanborder{border:1px solid #b43939 !important}
.rightmargin{margin-right:5px}
#container{margin:auto;width:940px;_width/**/:960px;padding:0 10px;text-align:left}
#container #cont{float:none;padding:5px 0 0;clear:both;}
body .quotation {padding: 0 180px 0 0;}
body .quotation .r {margin: 0 -180px 0 0;}
/*body .quotation li {font-size: 108.4%; margin: 3px 0; background: url('../img/bg-quotation-li.png') 0 0.6em no-repeat; padding: 0 0 0 7px; line-height: 1.3;}*/
.advertisement {display: block; font-size: 83.4%; color: #666; text-align: left; text-transform: uppercase;}

/* LOGO, LOGIN, ... */
#top{position:relative; height: 92px; overflow: hidden; zoom: 1; margin-top: 3px 0 0;}
#top #h1{float:left; margin-top:10px;}
/* presunuto do diferences #top h1 a {width: 184px; height: 40px; display: block; background: url('../img/lide-logo-vyuka.png') 0 0 no-repeat; margin: 7px 0 0;}*/
#top #control{position:absolute;top:2px;left:190px;font-size:92%}
#top #userwindow{position:absolute;right:0;text-align:right;width:600px;}
#top a.ico-user{float:right;display:block;margin:10px 0px 0 10px;width:42px;height:52px}
#top #ico-user{border:1px solid #E1E1FF;width:40px;height:50px}
#top #text-user{text-align:right;float:right}
#top #first{margin:10px 0 0;padding:0 0 8px;_padding-bottom/**/:5px;font-size:12px}
#top .with-second {border-bottom: 1px solid #A9D0FA;}
#top #first span{height:1.5em}
#top #first span.user{margin:0 5px 0 0}
#top #userwindow span.pipe{color:#ccc}
#top #first span.last{padding-right:0}
#top #first span.active{margin:0 5px;padding:2px 7px;border:1px solid #da0a0a;background:#fed7d7}
#top #first span.active a{text-decoration:none;color:#000;font-weight:normal}
#top #first #ico-top-man{background:url(http://1.im.cz/l/lide08/profile/img/boy-avatar.gif) 3px 40% no-repeat;padding-left:20px}
#top #first #ico-top-woman{background:url(http://1.im.cz/l/lide08/profile/img/girl-avatar.gif) 3px 40% no-repeat;padding-left:20px}
#top #first #ico-top-man.active{background:#fed7d7 url(http://1.im.cz/l/lide08/profile/img/boy-avatar.gif) 4px 40% no-repeat;padding-left:20px}
#top #first #ico-top-woman.active{background:#fed7d7 url(http://1.im.cz/l/lide08/profile/img/girl-avatar.gif) 4px 40% no-repeat;padding-left:20px}
#top #second{clear:both;font-size:11px;margin:0px 0 0}
#top #second span{margin:0 0 0 10px;_height:1px}
#top #login{margin:5px 0 0;width:450px;height:5em;float:right}
#top #login form{height:4em;float:right}
#top #login h2{display:none}
#top #login label{display:block;margin:0 0 3px}
#top #login input{display:block;float:left;text-align:left;padding:2px !important;font-size:11px;margin-top:1px}
#top #login .subm{text-align:center !important;width:auto !important;font-size:11px;padding:0 !important;margin:0 !important}
#top #login div{height:3em;float:left;margin:0 0 0 10px;text-align:left;display:inline;text-align:left}
#top #login #one{margin:0 !important;font-size:11px}
#top #login #two{font-size:11px;margin-right:10px}
#top #login .three{float:none !important}
#top #login #one input{width:140px;_width:118px;_width/**/:140px;border:1px solid #A9D0FA;_padding:2px 20px 1px 2px !important}
#top #login #two input{width:90px;border:1px solid #A9D0FA}
#top #login .disabled{text-align:right;color:silver}
#top #login .loginbg{background:#fff url(../img/loginbg.gif) 95% 70% no-repeat}
/* tohle vidi jen opera */
 @media all and (min-width:0px){#top #login #two{margin-right:5px}
}
#top #login #reglink{font-size:11px;height:1em;margin:5px 0 0;_margin:0 !important;width:250px;float:left !important}
#top #login #reglink input{display:inline;margin:0;padding:0;_margin-top:-0.3em}
#top #login #reglink label{display:inline;margin:0;padding:0}
#top #login #reglink1, #top #login #reglink2{margin:0 !important;height:1em;float:none;font-size:12px}

#foot{clear:both;border-top:1px solid #cadfeb;margin:10px 0;color:#999999;text-align:center;padding:5px 0 0}
#foot p{margin: 0.1em 0 0.1em;}
#foot1{clear:both;border-top:1px solid #cadfeb;margin:10px 0;color:#999999;text-align:center;padding:5px 0 0}
#foot1 p{margin: 0.1em 0 0.1em;}
#man{float:left;background:#e1effe}
#woman{float:right;background:#fbe4e4}

.red{color:#d80c0c !important}
.red a{color:#d80c0c !important}
.gray{color:#999 !important}
.grayviolet{color:#48506e !important;font-size:92% !important}
.black{color:#000 !important}
.bigger{font-size:120% !important}
.small{font-size:92% !important}
.adjust{margin:0 5px;_height/**/:1px}
.town{text-transform:uppercase;font-size:92%}
.cleaner{height:1px;font-size:1px;clear:both;overflow:hidden}
.active{font-weight:bold;color:#000;text-decoration:none;cursor:text; }
.active a{font-weight:bold;color:#000;text-decoration:none;}
a img,a span{border:none}
.nodisplay{display:none !important}
.icq{vertical-align:middle}
.left{float:left}
.center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}
span.online{font-weight:bold;color:#090 !important;}
span.offline{font-weight:bold;color:#808080}
.ico{border:none !important;vertical-align:baseline !important;margin:0 5px 0 0}
.hr{height:1px;font-size:1px;overflow:hidden;clear:both}
.nomargin{margin:0 !important}
.submit{width:auto}

/* KULATY RUZKY */
.top-left{width:2px;height:2px;background:url(../img/top-left.gif) 0 0 no-repeat;display:block;position:absolute;top:0;left:0;overflow:hidden; }
.top-right{width:2px;height:2px;background:url(../img/top-right.gif) 0 0 no-repeat;display:block;position:absolute;top:0;right:0;overflow:hidden}
.bottom-left{width:2px;height:2px;background:url(../img/bottom-left.gif) 0 0 no-repeat;display:block;position:absolute;bottom:0;_bottom:-1px;left:0;overflow:hidden}
.bottom-right{width:2px;height:2px;background:url(../img/bottom-right.gif) 0 0 no-repeat;display:block;position:absolute;bottom:0;_bottom:-1px;right:0;overflow:hidden}
.top-left-blue{width:5px;height:5px;background:url(../img/top-left-round-man.gif) 0 0 no-repeat;display:block;position:absolute;top:-1px;left:-1px;overflow:hidden}
.top-right-blue{width:5px;height:5px;background:url(../img/top-right-round-man.gif) 0 0 no-repeat;display:block;position:absolute;top:-1px;right:-1px;overflow:hidden}
.top-left-red{width:5px;height:5px;background:url(../img/top-left-round-woman.gif) 0 0 no-repeat;display:block;position:absolute;top:-1px;left:-1px;overflow:hidden}
.top-right-red{width:5px;height:5px;background:url(../img/top-right-round-woman.gif) 0 0 no-repeat;display:block;position:absolute;top:-1px;right:-1px;overflow:hidden}


table{border:1px solid #DEDEDE;border-collapse:collapse; width: 100%;}
table th{text-align:left; background: #EEEEEE;}
table th, table td{border:1px solid #ccc}

/* central */

#hp #woman{position:relative;float:right;text-align:center;width:88px;_width /**/:98px; padding:5px 5px 15px}
#hp #woman h2{color:#B43939; font-size: 125%; font-weight: bold; margin-top: 3px; text-align: left; margin-left: 12px;}
#hp #woman #log-w{color:#b43939;font-size:92%;margin:0 0 10px;overflow:hidden}
#hp #man{position:relative;float:left;text-align:center;width:88px;_width /**/:98px;padding:5px 5px 15px}
#hp #man div, #hp #woman div{margin: 0 auto;}
#hp #man h2{color:#0D5AB4; font-size: 125%; font-weight: bold; margin-top: 3px; text-align: left; margin-left: 12px;}
#hp #man #log-m{color:#0d5ab4;font-size:92%;margin:0 0 10px;overflow:hidden}
#hp #woman h2 img, #hp #man h2 img{border:none;margin:0 5px 0 0;display:inline;}
#hp #woman p, #hp #man p{width:88px;overflow:hidden;font-size:92%; margin-bottom: 0;}
#hp #woman .town, #hp #man .town{font-size:80%;margin:0 0 1em;/*height:2.5em*/}
#hp #woman img, #hp #man img{display:block;margin:auto;border:0px solid #000}
/* znema na Seznamu #hp #middle{margin:0 0 0 12px;width:540px} 
#hp #middle{margin:0 0 0 12px;float:left;width:540px}*/
  
.rw-express { font-size:1.3em; text-align:center; font-style:italic; border-bottom: 1px solid #ADCCE6; padding-bottom: 0.8em;}
.note-box {background: #E1EFFE; margin: 0px 1px 20px; border: 1px solid #ADCCE6; border-width: 1px 0; width: 400px;}
.note-box .in {background: url('../img/ico-note.png') 20px center no-repeat; padding: 15px 15px 5px 70px; margin: 0 -1px; border: 1px solid #ADCCE6; border-width: 0 1px;}
.note-box p {margin: 0 0 0.5em; border-bottom: none; padding: 0;}

.elements {margin: 1em 0 1em; font-size:1.1em; background-color:#F7F7F7; padding: 10px; border: 1px solid #ddd;}
.elements ul {margin: 0; padding: 0;}
.elements ul li {margin: 0px; list-style: none; line-height: 1.4;}

.ico-download {background: url('../img/ico-download.png') 0 0.3em no-repeat; padding: 2px 0 2px 25px;}
.ico-key {background: url('../img/ico-key.png') 0 0.3em no-repeat; padding: 2px 0 2px 25px;}
.ico-cd {background: url('../img/ico-cd.png') 0 0.3em no-repeat; padding: 2px 0 2px 25px;}

.download {margin: 5px 0 0 12px; width:410px;}

div #readers { width: 470px;}
#readers.download {margin: 12px 0 0 170px; width:340px;} 

.sz {}
.com {}

.lm-overlay {position: absolute; display: none; z-index: 99; width: 100%; min-height: 100%; top: 0; left: 0; min-height: 100%; background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.lm-window {position: absolute; display: none; left: 50%; top: 10%; z-index: 99; background: #fff; width: 700px; margin: 0 0 0 -350px; padding: 15px 25px;}#lm-window h2 {padding: 20px 0; margin-top: -15px !important; font-size: 183.4%; border-bottom:none;}
.lm-window .header {border-top:#c7ccd0 1px solid; margin-top:-20px; padding-top:15px;}
.lm-window .course-list .col-h-l {width: 48%; float: left;}
.lm-window .course-list .col-h-r {width: 48%; float: right;}
.lm-window .course-list-kurs ul li.first, #lm-window .course-list ul li {background: none;}
.lm-window .course-list-kurs ul li .in {background-position: 100% 0.2em;}
.lm-window .course-list-kurs ul li {background: url('../img/bg-course-list.png') repeat-x 0 0;}
.lm-window .course-list-kurs ul li .active-users {font-size: 100%; padding: 0 50px 0 0;}
.lm-window .content {padding-left:30px;}

.lm-window .close {position: absolute; top: 18px; right: 25px; line-height: 31px; background: url('../img/bg-close.png') 0 0 no-repeat;}
.lm-window .close a {display: block; line-height: 29px; padding: 2px 10px 0 30px; color: #465662; text-decoration: none; background: url('../img/bg-close.png') 100% 100% no-repeat;}

/* flags */
.ico-fr {background: url('../img/ico-flags/fr.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-de {background: url('../img/ico-flags/de.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-pl {background: url('../img/ico-flags/pl.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-gb {background: url('../img/ico-flags/gb.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-es {background: url('../img/ico-flags/es.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-it {background: url('../img/ico-flags/it.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-ro {background: url('../img/ico-flags/ro.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-be {background: url('../img/ico-flags/be.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-nl {background: url('../img/ico-flags/nl.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-se {background: url('../img/ico-flags/se.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-gr {background: url('../img/ico-flags/gr.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-at {background: url('../img/ico-flags/at.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-fi {background: url('../img/ico-flags/fi.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-cz {background: url('../img/ico-flags/cz.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.xico-no {background: url('../img/ico-flags/no.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-hu {background: url('../img/ico-flags/hu.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}
.ico-lt {background: url('../img/ico-flags/lt.png') 0 50% no-repeat; padding: 2px 0 2px 22px;}

/*zmena home 1.2.2010*/
.ad_leaderbox {margin:20px 0 0 -15px !important;}
#socialbookmark {
  clear:both;
  text-align:center;
  color:#375F90;
}
#socialbookmark a {
  float:none;
  margin:0 1px;
  color:#375F90;
  font-weight:bold;
  text-decoration:none;
}
#socialbookmark a, input, :focus {
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
}  
  
#socialbookmark a img {
  border:1px solid #CCCCCC;
  float:none;
  padding:1px;
}  

.recommend {margin: 0; font-size: 85%; }

.facetwittertable {border:0; text-align:center;}
