html {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
body {
/*background: #320E32 url("bg-horn.jpg") 50% 0 no-repeat;*/
background: #320E32 url("bg_horn.jpg") 50% 0 no-repeat;

height: auto; 
margin: 0 auto; 
padding: 0; 
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size: 1em; 
color: #FFF; 
text-align: center; 
}

img { border:none; margin:0px; padding: 0px;}

div, ul, li, a { margin:0px; padding:0px;} 

a{
    color: #701F72;
}
h1{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}
h2{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}
h3{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}
h4{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}
p{
margin:0px;
padding:0px;
text-align: left; 	
}
strong{
font-weight: bold;
	
}

pre.dump {
    text-align: left;
}

p.sipka{
background:url('arrow.gif') 0 0 no-repeat;
height: 25px;
margin: 60px 0px 0px 70px;	
}
p.sipka a{
	display: block;
	float: left;
	font-size: 0.9em;
	color:#FFF;
	padding: 5px 0px 0px 35px;
	text-decoration: underline;	
}
p.sipka a:hover{
	text-decoration: none;
}

p.sipka-2{
background:url('arrow.gif') 0 0 no-repeat;
height: 25px;
width: 200px;

}
p.sipka-2 a{
	display: block;
	float: left;
	font-size: 0.9em;
	color:#FFF;
	text-decoration: underline;

}
p.sipka-2 a:hover{
	text-decoration: none;
}


.logo{
float:left;
width:230px;
text-align:right;
margin:70px 0 0 0;	
}

#all {
width: 960px;
height: 100%;
margin: 0 auto;
padding:0;
}
#all-vrch{
position: relative;
height: auto;	
}
#hlavicka{
position: relative; 
background: url("bg-header.gif") no-repeat;
width: 960px;
height: 267px;
margin: 0 auto;
padding:0;	
}
ul#menu{
float:left;
position: relative;
background: #701F72;
font-size: 0.9em;
color:#FFF;
width: 960px;
height: 35px;
padding: 0px;
margin: 0px;

}
ul#menu li{
position: relative;
list-style: none;
float: left;
text-transform:uppercase;
}
ul#menu li a{
position: relative;
text-decoration: none;
float:left;
font-size: 0.9em;
color:#FFF;
text-align:center;
padding: 9px 5px;
}
ul#menu li.active a{
font-weight: bold;	
}
ul#menu li a:hover{
display:block;
text-decoration:underline;	
}
il#menu li.cara img{
width: 5px;
height: 31px;
margin:0px;
padding: 0px;	
}	
#stred{
background: #fff url("bg-stred-all.png") 0 10px repeat-y;
position: relative;
width: 960px;
height: auto;
overflow: hidden;
margin: 0 auto;
padding:0;	
}

#stred.white-stred { background: url("bg-stred.png") 0 0 repeat-y; }

.left{
float:left;
width: 273px;
}
.bg-left{
background:url("bg-left.gif") 0px 0px no-repeat;
position: relative;
width: 258px;
height: 127px;
margin: 0 0 4px 15px;
padding-top:15px;	
}
.bg-left h2{
padding: 10px 0px 0px 10px;
}
.bg-left-2{
background: url("bg-left-2.gif") 0 0 no-repeat;
position: relative;
width: 258px;
height: 178px;
margin: 0px 0px 4px 15px;
}
.bg-left-2 h3{
padding: 10px 0px 20px 10px;
}
.bg-left-2 p{
margin: 0px 0px 0px 10px;
padding: 3px 0px 0px 35px;
font-size: 0.9em;	
}
.main{
position: relative;
float:left;
width: 412px;
padding: 0px;
margin: 0px;	
}
.flash-2{
	position: relative;		
	height:221px;
	margin: 15px 0px 0px 5px; 
	overflow: hidden;
}

.box-links { padding-left:5px;}
.box-links a:hover { text-decoration:none; }

.facebook{
background:url("img-facebook.png") 0px 0px no-repeat;
float: left;
height: 79px;
width: 202px;
margin: 5px 2px 0px 0;		
}
.facebook a{
display: block;
height: 66px;
width: 202px;
font-size: 1em;
color: #FFF;
text-align: center;
padding: 13px 0px 0px;	
}
.fitlight{
background:url("img-fitlight.png") 0px 0px no-repeat;
float: left;
height: 79px;
width: 203px;
margin: 5px 0 0 0;		
}
.fitlight a{
display: block;
height: 79px;
width: 203px;
font-size: 1em;
color:#fff;	
text-align: right;
}
.fitlight a strong{
float: right;
padding: 18px 15px 0px 0px;
cursor:pointer; cursor:hand;	
}
.right{
background:url("bg-right.gif") 0px 0px no-repeat;
display: block;
float:left;
width: 255px;
height: 303px;
padding: 0px;
padding-left:10px;
margin: 15px 0 5px 5px;	
}
.right h2{
padding: 10px 0px 5px 0;	
}
.box{
float:left;
width: 235px;
margin:0 0 10px 0;

}

.news-img { float:left; width:68px;}
.news-img img {padding:0px; margin:0px;} 

.box p{
font-size: 0.7em;
padding-right: 5px;
margin: 0px;
/*text-align:justify;*/
}
.box a{

color:#FFF;
text-decoration: none;
padding: 0px;
margin: 0px;	
}
.box span.vice{
float: right;
color:#FFF;
text-decoration: none;
padding: 0;
margin: 0;
}
.box a:hover{
text-decoration: none;
}
.box img{
float:left;
margin: 0px 15px 0px 0px;
overflow: hidden;
}
.box strong{
/*float:left;*/
text-align: left;
padding: 0px 5px 0px 0px;	
}
#paticka{
background:url("bg-paticka.gif") no-repeat;
position: relative; 
width: 960px;
height: 100px;
margin: 0 auto;
padding:0;	
}
#paticka.paticka2{ background:url("bg-paticka2.gif") no-repeat; height:105px;}

ul#menu-2{
position: relative;
width: auto;
float: right;
margin: 0px 20px 0px 600px;
font-size:0.8em;
padding: 0px;
}
ul#menu-2 li{
list-style: none;
display: inline;
float: left;
text-transform:lowercase;
}
ul#menu-2 li a{
text-decoration: none;
float:left;
color:#FFF;
text-align: right;
padding: 7px 3px 0px;
}
ul#menu-2 li a:hover{
text-decoration: underline;
}
il#menu-2 li.cara img{
width: 5px;
margin:0px;
padding: 0px;	
}
a.odkaz{
position: relative;
float:left;
width: 100%;
height: 35px;	
}
p.copyright{
position: relative;
float: right;
width: 100%;
font-size:0.7em;
margin: 0px 20px 0px 0px;
text-align: right;	
}
p.copyright a{
display: inline;
color:#FFF;
text-decoration: none;
}
p.copyright a:hover{
text-decoration: underline;
}
#media{
float:right;
height: 234px; 
width: 700px;
}
.nyni{
position: absolute;
top: 210px;
left: 925px;
width: 50px;
height: 50px;
z-index: 5;
display:block;	
}
.nyni img{ position:relative;}

/*rozvrh*/
#stred .content-rozvrh{
background: url("bg-rozvrh.jpg") no-repeat;
position: relative;
float: left;
width:889px;
height: 313px;	
}

#stred ul.tlac{
position: relative;
float: left;
padding: 0px;
margin: 0px;	
}
#stred ul.tlac li{
background: url("tlac-2.jpg") no-repeat;
width: 149px;
height: 23px;
position: relative;
list-style: none;
display: inline;
float: left;	
}
#stred ul.tlac li.active{
background: url("tlac-1.jpg") no-repeat;
margin-right: 3px;
}
#stred ul.tlac li a{
display: block;
font-size: 0.9em;
color: #FFF;
text-align: center;
padding: 2px 0px 0px;
}
#stred ul.date{
position: relative;
float: left;
padding: 0px;
margin: 0px;
font-size: 0.8em;
color:#000;
font-weight: bold;	
}
#stred ul.date li{
list-style: none;
display: inline;
float: left;		
}
#stred ul.date li img{
padding: 0px 10px;	
}
input#reg{
position: relative;
float: right;
background: #701f72;
border: none;
width: 107px;
height: 20px;
font-style: normal;
color: #FFF;
text-align: center;
padding: 0px 0px 5px; 
margin: 0px;	
}
#stred ul.legenda{
position: relative;
float: left;
padding: 0px;
margin: 0px;
font-size: 0.8em;
color:#000;
font-weight: normal;	
}
#stred ul.legenda li{
list-style: none;
display: inline;
float: left;	
}
#stred ul.legenda li img{
padding: 0px 10px 0px 30px;
}
.bg-left-3{
background: #2E2621 url("bg-left-2.gif") no-repeat;
width: 258px;
height: 460px;
margin: 0px 0px 4px 15px;
}
.bg-left-3 h2{
padding: 10px 0px 20px 10px;
}
.bg-left-3 h3{
padding: 20px 0px 10px 10px;
}

.bg-left-3 p{
margin: 0px 0px 0px 10px;
padding: 3px 0px 0px 35px;
font-size: 0.9em;	
}
.box-left{
position: relative;
float:left;
margin: 5px 0px 5px 0;
padding-left:10px;
}
.box-left h4{
float: left;
display: inline;
width: auto;
font-size: 0.7em;
text-align: left;
font-weight: bold;	
}
.box-left p{
float: left;
width: 170px;
font-size: 0.7em;
height: 45px;
padding: 3px 5px 0px 0px;
margin: 0px;
text-align: justify;
}
.box-left a{
width: auto;
display: inline;
float: left;
color:#FFF;
text-decoration: none;
padding: 0px;
margin: 0px;	
}
.box-left a.vice{
width: auto;
display: inline;
float: right;
color:#FFF;
text-decoration: underline;
padding: 0;
margin: 0;
}
.box-left a:hover{
text-decoration: none;
}
.box-left img{
float:left;
margin: 0px 15px 0px 0px;
overflow: hidden;
}
.box-left strong{
float:left;
font-size: 0.7em;
text-align: left;
padding: 0px 5px 0px 0px;	
}
.main-text{
	position: relative;
	float:left;
	width: 630px;
	margin: 15px 0px 30px 35px;
	color: #701F72;
	text-align:left;
}
.main-text h1{
position: relative;
font-size: 1em;
color: #701F72;
font-weight: bold;
text-align: left;
padding: 0 0px 25px 0;
}
.main-text h2{
position: relative;
font-size: 1em;
color: #701F72;
font-weight: bold;
text-align: left;

padding: 0px 0px 10px 15px;
}
.main-text p{
font-size: 0.9em;
color: #701F72;
text-align: justify;
font-weight: normal;
padding: 0px 10px 10px 15px;
line-height:120%;	
}
.main-text p span{
color:#E638EA;
}
.main-text p.sede{
color: #878787;
font-size: 0.9em;
}
.main-text p.sede a{
   display:inline;
	font-size: 0.9em;
	text-decoration: underline;
	color:#878787;
}
.main-text p.sede a:hover{
color:#494949;
}
.main-text ul{
position: relative;
font-size: 0.9em;
color:#878787;
padding: 0px;
margin: 0px 0px 15px 20px;	
list-style-type:none; 
}

.main-text ul ul { margin:10px 0 5px 10px; font-size:1em; }

.main-text ul li{
background: url(bg-li.jpg) left 3px no-repeat;
display:list-item;
text-align: left;
padding: 0 0 5px 20px;
margin: 0;

}
.main-text img{
	position: relative;	
	overflow: hidden;
	margin: 0;
	padding-left:10px;
}
.main-text img.horni{
	position: relative;
	float:right;
	overflow: hidden;
	margin: 60px 0px 0px;
	padding-left:10px;
}
.main-text a:hover { text-decoration:none; }

label.required:after {
    content: "*";
}

.cleaner { clear:both; visibility:hidden; height:0;}
.new-list .new { float:left; width:600px; margin-bottom:20px; _margin-bottom:10px;}
.new-list .new-img { width: 70px; float:left; }
.new-list .new-img img { float:left; padding-left:0px;}
.new-list .new-text { width: 520px; float:left; }
.new-list .new-text p { color: #878787; margin: 0 0 5px 0; padding: 0 0 0 0; }
.new-list .new-text p a {color: #878787; text-decoration:none;}
.new-list .new-text p a:hover { text-decoration: underline; }
.new-list .new-text p.news-head { color: #701f72; }

.new-list .new-text span.date { color: #e638ea; }
.new-list .new-text a.more-news { float:right; width:50px;}


.rozpis { width:930px; margin: 20px 15px 15px 15px; color: #000;}
.rozpis h1 { color: #701f72; font-size: 1em; color: #701F72; font-weight: bold; text-align: left; padding: 0 0px 25px 0; }
.rozpis a { display:inline;}
.rozpis .head { font-size:0.75em; }
.rozpis .week img { position:relative; top:3px;}
.rozpis .week img.prev { margin-left:5px;}
.rozpis .week { float:left; width: 255px; }
.rozpis .legend { float:left; width: 560px; }
.rozpis .legend  img { position:relative; top:3px;  margin-left:5px;}
.rozpis .legend  img.top-more { position:relative; top:5px;}
.rozpis .b-registrace { width:107px; float:left;}
.rozpis .b-prihlaseni {
    margin-top: -20px;
}
.rozpis .b-prihlaseni a {
    float: right;
    margin-right: 8px;
    margin-bottom: 5px;
}
.rozpis .b-prihlaseni a, .rozpis .b-registrace a { width:107px; height:18px; background:#92278F; color: #fff; display:block; text-align:center; padding:2px 0 0 0; position:relative; top:3px;}
.rozpis .week-calendar { width:927px; height:620px; background: url('bg-rozpis.jpg') no-repeat; margin-top:10px; _margin-top:0; position: relative;}

.week-calendar .days { position:absolute; left:0; width:75px;}
.week-calendar .days p { margin-left:5px; color:#fff; font-size:0.81em; margin-top:66px;}
.week-calendar .days p.d1{ margin-top:85px;}
.week-calendar .days p.d2{ margin-top:70px;}


.week-calendar a {position:absolute; height:39px; padding: 0; color:#fff; display:block;cursor:default; text-decoration:none;}
.week-calendar a span {display: block; width: auto; height: 29px; padding-top: 0; font-size:10px;}
div#peBox { 
    display:none; 
    background-color:#F7C5F6;
    border:1px solid #D09CCD;
    padding:5px;
    text-align:left;
    margin-bottom: 5px;
    width:250px;
    color: #000300;
}
.tipbox { background:#f7c6f6; border:1px solid #d09ccf;color:#000; padding:10px; font-size:0.75em; text-align:left;}
.tipbox strong { color: #4fb848; font-weight:normal; }
.week-calendar a.termin.purple { background-color:#92278f; }
.week-calendar a.termin.purple.rezervovano { background-image: url('bg-termin-purple.png'); background-repeat: no-repeat; background-position: right bottom;}
.week-calendar a.termin.green { background-color:#4fb848; }
.week-calendar a.termin.green.rezervovano { background-image: url('bg-termin.png'); background-repeat: no-repeat; background-position: right bottom;}

fieldset {margin-bottom: 20px; padding-top: 10px; padding-left: 15px;}
legend {font-weight: bold;}
form label {font-weight: normal; text-align: left !important;}
form th {width: 180px; text-align: left !important;}
form input[type=text], form input[type=password] {width: 175px;}

.hlaska {
    padding: 15px !important;
    font-weight: bold !important;
    border: 1px solid crimson !important;
    color: crimson !important;
    margin: 0px 0px 15px 0px !important;
}

.hlaska a {
    display: inline;
    color: crimson;
    text-decoration: underline;
}


.galery { margin-left:0px;}
.foto { float:left; width:187px; /*height:127px;*/ margin: 0px 13px 13px 0; border: 1px solid #9E32A1; }
.foto img { padding:0; float:left; position:static;}
.news-text a:hover { text-decoration:underline; }
.box-news { padding-bottom:5px;  float:left; }
.box-news p { font-size:0.7em; padding:0; /*text-align:justify; */ }
.box-news a { color: #fff; text-decoration:none; }
.box-news a:hover { text-decoration:underline; }
.box-news .news-text { float:left; width:170px;}
.box-news .news-text span.vice { float:right; }

.main-text table {
    border: 1px solid gray;
    margin: 5px 10px 15px 15px;
    border-collapse:collapse; 
}
.main-text table.noborder { border:none }
.main-text table.noborder img { border: 1px solid #9E32A1; padding:0;}

.main-text form table {
    border: none;
    margin: 0px;
}

.main-text table td {
    padding: 5px;
    border: none;
}

.main-text table thead td, .main-text table thead td p {
    background-color: #701F72;
    color: white !important;
}
.main-text table th { background-color: #701F72; color: white; padding:5px; }    


.main-text table p {
    padding: 0px !important;
}

table#lektorky {
    border: none;
}

table#lektorky img {
    margin-bottom: 30px;
}
#map { width:400px; height:300px; float:right; padding:0 0 15px 15px; }