/* LAYOUT */
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font-family: Arial,Verdana,Helvetica,sans-serif;	
	background: #fff url("img/bg-body.gif") 0 0 repeat-x;
	color: #333;
	text-align: center;
	font-size: 75%;
}
html>body {
	font-size: small;
}

/*### Opera ###*/
@media all and (min-width: 0px){
  body #main {
     font-size: 110%;
  }
}

/*### IE 6 and down ### */

* html body
{ 
     font-size: 80%; 
} 

#main {
 	width: 770px;
	margin: 0 auto;
	text-align: left;
 	background: #fff url("img/bg-main.gif") 0 0 no-repeat;
	min-height: 100%;
	height: 100%;
	position: relative;
}
body>#main {
 	height: auto;
}
#head {
 	color: #666;
	background: #d0cdcd url("img/bg-head.gif") 0 0 no-repeat;
	width: 770px;
	height: 130px;
}
#footer {
	width: 770px;
 	height: 70px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url("img/footer2.gif") 0 0 no-repeat;
	font-size:90%;
}
#footerIn {
	padding: 18px 20px 15px 25px;
	color: #838383;
}
#footerIn a:link, #footerIn a:visited {
	color: #838383;
}
#tabs {
	background: transparent;
	position: absolute;
	top: 93px; left: 22px;
}	
#flashBox {
	background: #ccc;
	position: absolute;
	top: 150px; right: 20px;	
}
/* ### Page ### */

#page {
	padding: 20px 25px 0px 25px;
	backgroung: transparent;
}

/* ### Dvousloupcovy Postranni box vlevo ### */

#vpravo {
     width: 500px;
     float: right;
}
#vpravoIn {
	padding-bottom: 100px;
	_padding-bottom: 70px;
	&padding-bottom: 70px;
}
#vlevo {
     width: 200px;
     float: left;
}
#vlevoIn {
	padding-bottom: 100px;
	_padding-bottom: 70px;
	&padding-bottom: 70px;
}

/* ### Dvousloupcovy Postranni box vpravo ### */

#vpravoNaopak {
     width: 500px;
     float: left;
}
#vlevoNaopak {
     width: 200px;
     float: right;
}


/* ### Tabs ### */


#tabs ul {
	margin:0;
	/*padding:10px 10px 0 50px;*/
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url("img/left-tab2.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;

	font-weight: bold;
	font-size: 90%;	
	_font-size: 100%;
	margin-right: 4px; 	background-position:0% -148px;
}
#tabs a span {
	float:left;
	display:block;
	background:url("img/right-tab2.gif") no-repeat right top;
	background-repeat: no-repeat;
	color:#4e4e4e;
	
	padding: 12px 16px 12px 6px; 	background-position:100% -148px; color: #454545;
}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
	/* End IE5-Mac hack */
#tabs a:hover span {
	color:#333;
}
#tabs a:hover {
	background-position:0% -74px;
}
#tabs a:hover span {
	background-position:100% -74px;
}

/* ### Left Menu ### */

#navcontainer { width: 200px; }

#navcontainer ul
{
list-style-type: none;
}

#navcontainer a
{
	display: block;
	padding: 9px 20px 7px 32px;
	width: 148px;
	background: url("img/bg-menu.gif") 0 -1px no-repeat;
	border-bottom: 1px solid #969696;
}

#navcontainer a:link, #navlist a:visited
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;	
	_font-size: 90%;
}

#navcontainer a:hover
{
	background: url("img/bg-menu.gif") 0% -61px no-repeat;
	color: #000;
}

#navcontainer a#current
{
	background: url("img/bg-menu.gif") 0% -121px no-repeat;
	color: #333;
}	


/* ### Content ### */
#homePrologue {
	width: 500px;
	color:#666666;
	min-height: 80px;
	_height: 80px;
}
#homePrologue p {
	padding: 0 20px 15px 0;
	color:#333;
	font-size: 85%;
}

#prologue {
	font-weight: bold;
	line-height: 150%;
	color:#666666;
}

#logobox {
	position: absolute;
	top: 13px; left: 35px;
	width: 288px;
	height: 64px;
	/*background: transparent url("img/logo.png") 0 0 no-repeat;*/	
}
h1 {
	background: url("img/bg-h1.gif") 0 0 ;
	font-size: 18px;
	line-height: 100%;
	color: #fff;
	padding: 15px 20px;
	font-family: Arial,Verdana,Helvetica,sans-serif;	
}
#head h1 { 
	display: inline;
	background: none;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	padding: 0; margin: 0;
}
#head span {
	display:block;
	position: absolute;
	top: 20px; left: 103px;
	font-size: 12px;
}
#breadcrumbs {
	padding: 13px 20px 13px 20px;
	margin: 0;
	font-weight: bold;
	line-height: 175%;
	font-size: 85%;
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	background: #FFFFFF;
	color: #666;
}
#breadcrumbs a {
	padding: 0 1px 0 1px;
	font-weight: normal;
	color: #666;
}

#vpravoIn #content {
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;	
	padding: 20px 20px 20px 20px;

}
#content h2 {
		color: #f24f00;
		font-weight: normal;
		font-size: 150%;
		margin-bottom: 5px;		
}

#vpravoIn h4 {
	margin-bottom: 5px;
	padding-top:5px;
	font-size: 120%;
	_font-size: 130%;
	color: #169ade;
}
.proStudenty h4 { color: #555 !important; }
.proStudenty h4.blueText { color: #169ade !important; }
#vpravoIn p {
	margin-bottom:15px;
	font-size: 90%;
	line-height: 140%;

}

#vlevoIn h2 {
	background: #7c7c7c url("img/bg-h2-pageIn.gif") 0 0 no-repeat;
	font-size: 105%;
	color: #fff;
}
#vlevoIn h2 a { 
	display:block;
	padding: 9px 20px 9px 20px;
	color: #FFFFFF;
	text-decoration: none;
}
#vlevoIn h2 a:link, #vlevoIn h2 a:visited  { 
	color: #FFFFFF;
}
	
#vlevoIn h3 {
	background: transparent url("img/bg-h3.gif") 0 0 no-repeat;
	margin-top: 20px;
	padding: 7px 15px 5px 15px;
	color: #575757;	
	font-size: 100%;		
}
.h3First h3 {
	margin-top: 0 !important;
}	
#spacer20 { height: 20px; }
#sidebox {
	background: transparent url("img/bg-sidebox.gif") bottom left no-repeat;
	min-height: 150px;
	_height: 150px;
	padding: 15px 15px 10px 15px;
	font-size: 80%;
	color: #4e4e4e;
}
#sidebox .rightSide {
	float: right;
	width: 85px;
	text-align: right;
}
#sidebox .leftSide {
	float: left;
	width: 85px;
}
/*terminy*/
#terms {
		/*background: transparent url("img/terms.gif") left 4px no-repeat;*/
		width: 190px;
		_height: 20px;
		&height: 20px;
}
#terms strong {
		float:right;
		/*width: 70px;*/
		text-align: right;
		font-size: 12px;
		line-height: 18px;
		color: #f318ae;
}
#terms hr.cleaner {
	_display:none;
}
/*### Opera ###*/
@media all and (min-width: 0px){
  body #terms {
     background-position: left 3px;
  }
}
/* */
#terminyHome {
	position: absolute;
	top: 13px; right: 25px;
	width: 300px;
	height: 60px;
	text-align: right;
	font-size: 85%;	
	color: #515151;
}
#terminyHome strong {
	color: #48afff;
}
#terminyHome p {
	line-height: 150%;
}
#terminyHome #terms {
	position: absolute;
	top: 0px; right: 0px;
	background-position: left 3px;
}
/* */

ul#nabidka {
	list-style: none;
	
}
#nabidka li {
	margin: 0 0 25px 0;
	padding: 0 0 0 90px;
	min-height: 50px;
	_height: 50px;
	font-size: 90%;
}	
#vyukaLi {
	background: transparent url("img/vyuka-Li.png") top left no-repeat;
}
#terminLi {
	background: transparent url("img/termin-Li.png") top left no-repeat;
}
#zkouskyLi {
	background: transparent url("img/zkousky-Li.png") top left no-repeat; min-height: 63px !important; _height: 63px  !important;
}
#cenikLi {
	background: transparent url("img/cenik-Li.png") top left no-repeat; 
}
#prihlasitLi {
	background: transparent url("img/prihlasit-Li.png") top left no-repeat;
} 
#mobilLi {
	background: transparent url("img/mobil-Li.png") top left no-repeat;
} 

#nabidkaHomeLeft h2, #nabidkaHomeRight h2 {
	background: url("img/bg-h1.gif") 0 0 ;
	font-size: 18px;
	line-height: 100%;
	color: #fff;

}
#nabidkaHomeLeft h2 a, #nabidkaHomeRight h2 a {
	display: block;
	color: #fff;
	padding: 15px 20px;
	margin-bottom: 20px;
	text-decoration: none;
}

#nabidka h5, #nabidkaHomeLeft h5, #nabidkaHomeRight h5 {
	padding-bottom: 5px;
	font-size: 100%;
}
#nabidkaHomeLeft h5 a, #nabidkaHomeRight h5 a, #nabidka h5 a {
	color: #333;
}

ul#nabidkaHomeLeft, ul#nabidkaHomeRight {
	list-style: none;
}
#nabidkaHomeLeft {
	float: left;
	width: 240px;
	background: url("img/bg-nabidkahome.gif") 0 0 repeat-y;
	border-bottom: 1px solid #E8E8E8;
}
#nabidkaHomeRight {
	float: right;
	width: 240px;
	background: url("img/bg-nabidkahome.gif") 0 0 repeat-y;
	border-bottom: 1px solid #E8E8E8;	
}
#nabidkaHomeLeft li, #nabidkaHomeRight Li {
	margin: 0 0 25px 20px;
	padding: 0 20px 0 90px;
	min-height: 50px;
	_height: 50px;
	font-size: 85%;
}
#nabidkaHomeRight .nadpisLi {
	margin: 0 0 25px 20px;
	padding: 0 20px 0 20px;
	min-height: 20px;
	_height: 20px;
	text-align: right;
	color: #f24f00;
	font-weight: normal;
	font-size: 90%;
	margin-bottom: 5px;
}

.otaznik { 
	background: url("img/ot-Li.png") 0 0 no-repeat;
	min-height: 30px;
	_height: 30px
}	

#footer p {
	
}
#footer p.rt {
	padding-right: 10px; width:25%;
}
#footer p.fl {
	padding-left: 5px; width:70%;
}

#download p.fl, #download p.fr { width:48% !important; }

/* Cenik */
#cenik { 
	margin-bottom:25px;
	_font-size: 90%;
	 }
/*### Opera ###*/
@media all and (min-width: 0px){
  body #cenik {
     font-size: 90%;
  }
}	 
#cenik td {
	padding-top: 5px;
	line-height: 180%; 
	border-bottom: 1px solid #e7e7e7;
}
#cenik td strong {
	font-size: 120%;
}
td.separator { width: 60px; border-bottom: 1px solid #CCC; }
strong.price {
	color: #f318ae;
	font-size: 155% !important;
	font-weight: normal !important; 
}
.stovky {
	font-size: 93%;
}
#prihlaskaOk {
	color: #629021;
	font-weight: bold;
	background: #e6ffc3;
	padding: 20px;	
}
#prihlaskaUl {
	list-style: none;
	margin-bottom: 20px;
} 
#prihlaskaUl li {
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
	background: transparent url("img/li.gif") 0 2px no-repeat;	
}
/*### Opera ###*/
@media all and (min-width: 0px){
  body .stovky {
     font-size: 90%; font-weight: bold;
  }
}	
/* ### FORMULAR KONTAKTNI ### */

#h4Prihlaska {
	font-size:140% !important; font-weight: normal; color: #f318ae !important;
}
#wrapKontaktForm {
	width:440px;
}

#kontaktForm {
	background: #F1F1F1 url("img/bg-form-top.gif") top left no-repeat;
	padding: 15px 15px 0 15px;
	_padding: 15px 7px 0 15px;
}

p#vyplnte {
	margin-top:0px !important; 
	margin-bottom: 10px !important;
	font-size:90% !important;
	_font-size:85% !important;
	color:#555;
	
}	

#kontaktForm form	{
	background: url("img/bg-form-bottom.gif") bottom left no-repeat;
	margin: 0 -15px;
	padding: 0 15px 15px 15px;
}
#kontaktForm textarea	{
	width: 400px;
	height: 91px;
	border: 1px solid #505050;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #818181;
	background: #fff url("img/textarea-bg.gif") top left no-repeat;
}
#kontaktForm input	{
	border: 1px solid #505050;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #818181;
	background: url("img/input-gray-bg.gif") top left no-repeat;
	width: 127px;
}
#kontaktForm input.checkbox	{
	/*border: 1px solid #505050;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #818181;
	background: url("img/input-gray-bg.gif") top left no-repeat;*/
	border: none;
	background: none !important;
	width: 25%;
}
#kontaktForm td.tdCheckbox	{
	text-align: left;
	padding-left: 20px;

}

#kontaktForm input.button	{
	margin: 15px 0 0 0;
	padding: 0;
	background: none;
	border: none;
	width: auto;
}
tr.valignTop td	{
	vertical-align: top;
}
#kontaktForm input.check, #kontaktForm input.radio	{
	width: auto;
	border: 0;
	margin-left: 0;
}
#kontaktForm select	{
	width: 130px;
}
#kontaktForm td.check input.check	{
	float: left;
}
#kontaktForm td.check label	{
	display: block;
	margin-left: 25px;
}
#kontaktForm td	{
	line-height: 240%;
}

/* gallery */
.imgGall img {margin-top:15px;}
.imgGall h4 {margin:0; padding:0; margin-top:10px;}
.ftrLink {padding-top:10px;}
.ftrLink a, .ftrLink a :visited {color:#A0A0A0 !important;}

/* ### Obecne ### */


hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
}

a img	{
	border: 0;
	border-color: #blue;
}

body a, body a:link, body a:visited {
	color: #f24f00;
}

a.ext { background: url(img/ico-ext.png) no-repeat 100% 0 !important; padding-right: 10px !important; } 
.blacktxt { color: #333 !important; }
.mrgLft20 { margin-left: 20px; }
.imgMap { padding: 5px; background: #e1e1e1; }
.kontaktTable { line-height: 135%; }
.separator { line-height: 250%; }
.rt { text-align: right; }
.lt { text-align: right; }
.fr { float: right; }
.fl { float: left; }
#vyplnte strong { color: #666666; }
.redStar { color: #ff0000; }
.center { text-align: center; }
.goldCut { padding-left: 30%; _padding-left:150px; padding-top: 20px; }
.spacer {
  clear: both;
}