/*
 * CSS Reset Reloaded by Eric Meyer
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * 
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #333333; background: transparent; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/*
 * Compose To A Vertical Rhythm
 * http://24ways.org/2006/compose-to-a-vertical-rhythm
 *  
 */
 
body { font: 62.5%/1.5 sans-serif; }
ul, ol, dl, p { margin-bottom: 1.5em; }
li, dt, dd { margin-bottom: 0.3em; }
ul, ol, dl { margin-bottom: 1.8em; }
em { font-style: italic; }
strong { font-weight: bolder; }

a {	text-decoration:underline; }
a:hover { text-decoration:none; }

.clear {
	clear:both;
}

.left {
	float: left;
}
.right {
	float: right;
}

ul.inline li{
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
}

ol.inline li{
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
}

.red {
	color:#ff0000;
}

.wrap {
	position:relative;
	width:991px;
	margin:0 auto;
}

.home {
	top:541px;
	
}
.other {
	top:220px;
}

html {
	border-top:8px solid #0c0d43;
	background: #eeeeee url(img/bg-html.png) top left repeat-x;
	behavior: url(PIE.htc);		
}

body {
	position:relative;
	font-family:Calibri, sans-serif;
	font-size:11px;
	background: url(img/bg-body.png) top center no-repeat;
}

#logo {
	width:186px;
	height:86px;
	background: url(img/logo.png) top left no-repeat;
	position:absolute;
	top:20px;
	left:14px;
	text-indent:-9999px;
	z-index:1000;
}
#lang {
	position:absolute;
	top:100px;
	right:20px;
	z-index:1000;
}
#lang a {
	color:#919191;
	text-decoration:none;
	margin:0 5px;
}
#lang a:hover {
	text-decoration:underline;
	font-weight:bold;
}

#illust-home1 {
	position:absolute;
	width:280px;
	height:551px;
	background:url(img/illust/holka_home.png) top left no-repeat;
	z-index:800;
	top:61px;
	left:325px;	
	z-index:400;	
}

#illust-home2 {
	position:absolute;
	width:394px;
	height:458px;
	background:url(img/illust/kluk_home.png) top left no-repeat;
	z-index:800;
	top:155px;
	left:605px;	
	z-index:400;	
}


#illust-other1 {
	position:absolute;
	width:393px;
	height:252px;
	background:url(img/illust/alfa_podstranka.png) top left no-repeat;
	top:34px;
	left:300px;	
	z-index:400;	
}

/*
#illust-other2 {
	position:absolute;
	width:195px;
	height:62px;
	background:url(img/illust/holka2-other.png) top left no-repeat;
	z-index:800;
	top:158px;
	left:520px;	
}
*/

#illust-nazev {
	position:absolute;
	right:20px;
	top:50px;
	width:312px;
	height:18px;
	background:url(img/bg-nazev.png) top left no-repeat;
}


#main #text #EasyKatalog2 {
	width:100%;
	margin-top:10px;
	margin-left:0;
	vertical-align:top;
}

#main #text #EasyKatalog2 li {
	width:100%;
	vertical-align:top;	
	list-style:none;	
	margin-left:0;
}


#EasyKatalog {
	width:100%;
	margin-top:20px;
	vertical-align:top;
	position:relative;	
}

#EasyKatalog li {
	width:30%;
	vertical-align:top;	
	position:relative;	
	min-height:300px;
}
#EasyKatalog h2 {
	height:40px;
}
#EasyKatalog p {
	text-align:justify;
}
#EasyKatalog a.vice {
	position:absolute;
	width:124px;
	height:30px;
	background:url(img/button_vice.png) top left no-repeat;
	display:block;
	text-indent:-9999px;
	float:right;
	right:0;
	bottom:0;
}

#main {
	position:relative;
	width:100%;
	z-index:500;
}
#main.other {
	min-height:300px;
	background:#728cc2 url(img/bg-main-other.png) top left repeat-x;	
}
#main.home {
	height:350px;
	background: url(img/bg-main-home.png) top left repeat-x;	
}

#main.home #text {
	position:relative;
	width:994px;
	color:#fff;		
	padding-top:5px;
}


#main.other #text {
	float:right;
	width:650px;
	color:#fff;		
	padding-top:20px;
	margin-bottom:10px;
	min-height:400px;
}



#main #text p, #main #text li {
	font-size:13px;
}
#main #text p {
	margin-bottom:10px;
}

#main #text table p {
	margin:0;padding:0;
	text-align:justify;	
}

#main #text strong {
	font-weight:bold;
	color:#ffd069;
}
#main #text h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:22px;
}
#main #text h3 {
	color:#fff;
	font-size:20px;
	font-weight:bold;
}
#main #text h4 {
	color:#fff;
	font-size:15px;
	font-weight:bold;
}


#main #text li {
	list-style:disc;
	margin-left:25px;
	margin-bottom:10px;
}

#main #text table {
	width:100%;
	font-size:12px;
}

#main #text #tKurz ul,#main #text #tKurz li {
	margin:0;
	padding:0;
}

#main #text #tKurz li {
	background: url(img/bg-kurz.png) top left no-repeat;
	width:618px;
	height:55px;
	list-style:none;
	margin-bottom:10px;
}
#main #text #tKurz table {
	width:100%;
}
#main #text #tKurz table td {
	color:#585858;
	font-weight:bold;
	padding:10px;
}

#main #text #tKurz table td a {
	display:block;
	width:58px;
	height:39px;
	background:url(img/button.png) top left no-repeat;
	text-indent:-9999px;
}
#main #text #tKurz table td strong {
	color:#e08f1d;
	font-weight:weight;
}


#kurzy {
	position:relative;
	width:100%;
	padding-bottom:25px;
}

#kurzy h4 {
	color:#e08f1d;
	font-size:24px;
	text-transform:uppercase;
	margin:5px 0 5px 20px;
	font-weight:bold;
}
#kurzy a.more {
	color:#0c0d43;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:20px;
}

#kurzy a.more:hover {
	text-decoration:underline;
}


#kurzy .carousel {
	margin-left:20px;
	position:relative;
	margin-bottom:5px;
}

#kurzy .carousel  ul {
	margin:0 auto;
}

#kurzy .carousel  li {
	width:139px;
	height:143px;
	margin-right:25px;
	position:relative;
}

#kurzy h5 {
	color:#fff;
	font-size:17px;
	font-weight:bold;
	position:relative;
	top:10px;
	left:10px;
	line-height:25px;
	text-transform:uppercase;
}
#kurzy h5 strong {
	font-size:12px;
	color:#ebaf29;
	text-transform:none;
	line-height:15px;
}
#kurzy p{
	position:relative;
	top:15px;
	left:10px;
	color:#fff;
	font-size:13px;	
	font-weight:bold;
}
#kurzy a.kurz {
	display:block;
	position:absolute;
	right:10px;bottom:15px;
	width:74px;
	height:21px;
	background:url(img/bg-mam-zajem.png) top left no-repeat;
	text-indent:-9999px;
}


#kurzy .carousel .prev {
	position:absolute;
	left:0;
	top:0px;
}
#kurzy .carousel .next {
	position:relative;
	right:0;
	top:0;	
}



#kurzy .j1 {background: url(img/illust/kurzEn.jpg) top left no-repeat; }
#kurzy .j2 {background: url(img/illust/kurznj.jpg) top left no-repeat; }
#kurzy .j3 {background: url(img/illust/kurzFr.jpg) top left no-repeat; }
#kurzy .j4 {background: url(img/illust/kurzsp.jpg) top left no-repeat; }
#kurzy .j5 {background: url(img/illust/kurzIt.jpg) top left no-repeat; } 
#kurzy .j6 {background: url(img/illust/kurznz.jpg) top left no-repeat; }
#kurzy .j7 {background: url(img/illust/kurzru.jpg) top left no-repeat; }

#kurzy .j8 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j9 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j10 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j11 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j12 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }

#kurzy .j13 {background: url(img/illust/kurzJap.jpg) top left no-repeat; }
#kurzy .j14 {background: url(img/illust/kurzch.jpg) top left no-repeat; }

#kurzy .j15 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j16 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j17 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j18 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }
#kurzy .j19 {background: url(img/illust/kurzaa.jpg) top left no-repeat; }




#footer {
	position:relative;
	width:100%;
	border-top:5px solid #dcdce1;
	padding-bottom:25px;
	padding-top:5px;
}

#footer p {
	color:#919191;
}


#top-menu {
	position:absolute;
	top:125px;
	left:0;
	width:996px;
	height:56px;
	background:url(img/bg-top-menu.png) top left no-repeat;
	z-index:300;
}
#top-menu ul {
	float:right;
	line-height:50px;
	font-size:14px;
	margin-right:28px;
}
#top-menu li {
	margin:0;
	margin-left:10px;
}
#top-menu li a {
	text-transform:uppercase;
	color:#0c0d43;
	text-decoration:none;	
	margin:0;	
}
#top-menu li a:hover {
	text-decoration:underline;
}

#box-ucebny {
	position:absolute;
	top:420px;
	left:25px;
	width:283px;
	height:103px;
	z-index:1000;
	text-align:center;
  background:url('img/bg-ucebny.png') top left no-repeat;
  text-align:left;	
  padding-left:15px;
  padding-top:5px;
}

#box-ucebny h3 a {color:#fff;font-size:24px;margin:0;padding:0;text-decoration:none;}
#box-ucebny h3 a:hover { text-decoration:underline; }

#box-ucebny2 {
	position:absolute;
	top:440px;
	left:25px;
	width:283px;
	height:242px;
	z-index:1000;
	text-align:center;
  background:url('img/bg-ucebny2.png') top left no-repeat;
  text-align:left;	
  padding-left:15px;
  padding-top:5px;
}


#left-menu {
	position:absolute;
	top:140px;
	left:20px;
	width:306px;
	z-index:1000;
	text-align:center;	
}

#left-menu ul {
	margin:0;
	width:100%;
	text-align:left;
}

#left-menu li a {
	display:block;
	line-height:22px;
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
	padding-left:10px;
	text-decoration:none;
	margin:0 15px;
}
#left-menu li a:hover, #left-menu li a.act {
	background:#edb53a;
	font-weight:bold;
}

#left-menu li {
	height:22px;
	width:100%;background:url(img/bg-left-menu-li.png) top left no-repeat;
	margin:0;	padding:0 0;
}

#left-menu li#subm {
	height:100%;
}

#left-menu li#subm ul {
	margin:0;padding:0;
	margin:7px 0 7px 0;
}

#left-menu li#subm ul li {
	background:none;
	margin:4px 0;
}

#left-menu li#subm ul li a {
	background:#080940;
	padding-left:20px;
	line-height:25px;
}

#left-menu #lheader {
	width:100%;height:15px;
	background:url(img/bg-left-menu-first.png) top left no-repeat;
}
#left-menu #lfooter {
	width:100%;height:10px;
	overflow:hidden;
	background:url(img/bg-left-menu-last.png) top left no-repeat;
}

a.ikon {
	display:block;
	width:60px;
	height:38px;
	text-indent:-9999px;
	opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);		
}
a.ikon:hover {
	opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);	
}

#fb { 
	position:absolute;
	height:20px;
	width:20px;
	text-indent:-9999px;
	left:700px;
	top:100px;
	background:url(../../content/illust/ikon_fb.png) top left no-repeat; 
}


/* Učebny */

#onif-box {
	font-family: inherit;

}

#onif-box * {margin:0;padding:0;float:left;}

#onif-box .onif-contact-box {
  margin:0;padding:0;      
	width:268px;
	height:30px;
	background:#263a81;
	border:1px solid #475896;
  displaY:block;  
  padding-top:5px;
  margin-bottom:2px;
}

.onif-contact-box a {
  margin:0;padding:0;
  float:left;  
}

.onif-contact-box .onif-user-info {
  float:left;
}
.onif-contact-box .onif-user-info .onif-name {
  color:#fff;  
  font-size:12px;
  font-family:Calibri;
  position:relative;
  top:5px;font-weight:bold;
  
  
}

.onif-contact-box .onif-user-info .onif-name a {
  color:#edb53a;
  display:block;  
}

/*
#onif-box a img {
border: none;
}
.onif-contact-box {
height: 48px;
margin: 0px 0px 8px 0px;
padding: 0px;
width:100%;
float: left;
}

.onif-contact-box img.onif-profile-photo-left {
	width:35px;	height:35px;	float:left;
	background: url(http://onif40.onif.biz/Images/profile-photo-bg.png) no-repeat top left;
	padding:4px;
	margin:0 5px 0 0px;
}

.onif-user-info{
margin: 0px;
padding: 0px;
height: 48px;
display: block;
}
.onif-user-info p {
padding: 0px;
margin: 0px;
}
.onif-user-info p.v2 {
	padding: 7px 0px 0px 0px;
}

.onif-i-left {
	float:left;
	margin:8px 5px 5px 0;
	}

.onif-name {
	font-size:12px !important;
	line-height: 14px;
	font-weight:bold;
	padding: 0px;
margin: 0px;
}
.onif-name-alone {
	font-size:12px !important;
	line-height: 42px !important;
	font-weight:bold;
	padding: 0px;
margin: 0px;

}

.onif-position {
	font-size:12px;
	line-height: 12px;
	font-weight:normal;
	padding: 0px;
margin: 0px;
zoom: 1;
}
.onif-email {
	font-size:12px;
	line-height: 12px;
	font-weight:normal;
	padding: 0px;
margin: 0px;
zoom: 1;
}

*/