@charset "utf-8";
/*
	Jiri Soman
	_______________________________________________

	Date of birth: 		20.02.2009, 15:12 p.m.
	Fathers name: 		Vizus
	Identity:			http://www.vizus.cz
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/

html, body { height: 100%; margin: 0px; padding: 0px;}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #373535;
	text-align:  center;
	
	background: url(backbody.png) top center repeat-y;
}

body.e-scenography-page, body.green, body.blue { background: none;}

body.editor div.spacer
{
	height: 5px;
	width: 500px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(/res/spacer.png) left top no-repeat;
	clear: both;
}


.img-no-border, a.img-no-border, a:hover.img-no-border, a:visited.img-no-border, .img-no-border a
{
	border: none;
}

H1, H2, H3, H4, H5, H6 {
	margin: 7px 0px 0px 0px;
	color:#000000;
	font-weight: bold;
}

H1 { font-size: 26px; color: #666666; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}
H2 { font-size: 18px; line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif;}
H3 { font-size: 12px; padding-bottom:5px;}
H4 { font-size: 11px;}
H5 { font-size: 11px;}
H6 { font-size: 11px;}

p { margin: 5px 0px 15px 0px;}

a
{
	color: #666666;
	border-bottom: #666666 dashed 1px;
}

a:link,
a:visited
{
	text-decoration: none;
}

a:hover
{
	color: #000000;
	border-bottom: #000000 solid 1px; 
}

ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

ul li
{
	margin-bottom: 2px;
	margin-top: 1px;
}

/* tables */
table
{
	margin: 5px 0px 10px 0px;
}

table.standard
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
}

table.colored
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
	background: #e0a563;
}

table.standard th
{
	font-weight: bold;
	background: none;
	text-align: left;
}

table.standard th,
table.standard td 
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th,
table.colored td
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th
{
	background-color: #4a0300;
	color: #f4c688;
	font-weight: bold;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td
{
	padding: 5px;
}

/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.cl
{
	clear: both;
}

.imgL
{
	float: left;
	margin: 0px 20px 20px 0px;
}

.imgR
{
	float: right;
	margin: 0px 0px 20px 20px;
}

.text-left {
  text-align: left;
}

/* inputs and labels */



/*
	layout ----------------------------------------
	_______________________________________________
*/

.main
{
	position: relative;
	height: 100%;
	width: 970px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

body.e-scenography-page .main
{
    background: none;
}

.border
{
	float: left;
	height: auto;
	width: 876px; /* 920px */
	
	padding: 20px 0px 0px 50px; 
	
	border: #019e47 solid 22px;
	border-top: 0px;
}

body.blue .border
{
	border: #4dc4cf solid 22px;
	border-top: 0px;
}



/*  header --------------------------------------- */

.header
{
	float: left;
	height: 160px;
	width: 970px;
}

/*  content ------------------------------------------ */

/* ruler, flash  */


.ruler
{
	position: relative;
	float: left;
	
	bottom: 0px;
	left: 0px;
	
	height: 100%;
	width: 80px;
}


.fix
{
	position: fixed;
	z-index: 5;
	bottom: 0px;
	
	margin: 0px;
}

/* horizontal navigation */
.nav,
.nav ul
{
	float: left;
	height: 30px;
	width: 970px;
}

body.green .nav,
body.blue .nav
{
	width: 870px;
}

.nav ul
{
	overflow: hidden;
	width: 470px;
	list-style-type: none;
	
	margin: 0px;
	padding: 0px;
	margin-left: 274px;
}

body.green .nav ul,
body.blue .nav ul
{
	margin-left: 174px;
}

.nav ul li,
.nav ul li a
{
	position: relative;
	list-style-type: none;
	float: left;
	height: 30px;
	line-height: 25px;
	
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	
	padding: 0px;
	margin: 0px;
}

.nav ul li { margin: 0px 3px;}
.nav ul li a { padding: 0px 5px; background: url(menu-border-top.png) top repeat-x;}

.nav ul li a span
{
	height: 30px;
	width: 4px;
}

.nav ul li a span.a { position: absolute; top: 0px; left: 0px; background: url(menu-border-left.png) top left no-repeat;}
.nav ul li a span.b { position: absolute; top: 0px; right: 0px; background: url(menu-border-right.png) top right no-repeat;}

.nav ul li a:hover, .nav ul li a.active { background: none;}
.nav ul li a:hover span.a, .nav ul li a.active span.a { background: none;}
.nav ul li a:hover span.b, .nav ul li a.active span.b { background: none;}

/* col left - menu  */
.col-left
{
	float: left;
	height: auto;
	width: 180px;
}

.langmenu, .loginmenu
.search,
.menu,
.sitemap,
.pixels,
.e-scenography
{
	float: left;
	height: auto;
	width: 180px;
	
	margin-bottom: 10px;
}

.langmenu ul
{
	padding: 0px;
	margin: 0px;

	list-style-type: none;
}

.langmenu ul li a
{
	font-size: 10px;
	font-weight: bold;
	
	text-decoration: none;	
	border: 0;
}

.langmenu
{
    width: 80px;
}
.loginmenu
{
    float: right;
    width: 80px;
    text-align: right;
    margin-right: 20px;
}
.search
{
	margin-top: 5px;
	margin-bottom: 15px;
}

.search input.text
{
	height: 12px;	/* puvodne 19px - zmena kvuli padding */
	width: 156px;   /* puvodne 160px - zmena kvuli padding */
	
	padding: 4px 4px 4px 20px;
	margin-left: -20px;
	font-size: 9px;
	
	border: 0px;
	background: url(search.png) left no-repeat;
}

body.green .search input.text, body.blue .search input.text { background: url(search2.png) left no-repeat; }

.search input.submit
{
	float: right;
	padding-left: 15px;
	padding-right: 5px;
	margin-right: 10px;
	
	font-size: 9px;
	font-weight: normal;

	color: #666;
	border: 0px;
	background: url(arrow-right-red.png) left no-repeat;
	cursor: pointer;
}

.search input.submit:hover
{
	padding-left: 12px;
}

.e-scenography ul, .menu ul
{
	padding: 3px;
	margin: 0;
	list-style-type: none;
}

.e-scenography ul li, .menu ul li
{
 	margin-bottom:5px;
	background: none !important;
}

.e-scenography ul li a, .menu ul li a, .right.menu .label 
{
	padding: 3px 7px 3px 7px; 
	margin: 0px;
  margin-bottom:5px;	
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #231f20;
	
	border: 0px;
	text-decoration: none;
	text-transform: uppercase;
}

.e-scenography ul li a.one, .menu ul li a.one
{
    color: #fff;
    background: #231f20;
}

.col-right .e-scenography ul, .menu.right ul {
	margin-top: 5px;
}

.e-scenography ul li a:hover, .menu ul li a:hover
{
	color: #fff;

	border: 0px;
	background: #231f20;
	margin-bottom: 5px;
	
}

.e-scenography ul li a.active, .menu ul li a.active
{
	color: #fff;
	margin-bottom: 5px;
	border: 0px;
	/*background: url(arrow-left.png) right no-repeat;*/
	background: #231f20;
}

.e-scenography ul li ul, .menu ul li ul
{
	margin: 10px 0px 0px 0px;
}
.e-scenography ul li ul, .menu ul li ul li
{

}

.e-scenography ul li ul li a, .menu ul li ul li a
{
	display: block;
	padding: 0px;
	padding-left: 15px;
	color: #666;
	background: #fff;
	font-size: 16px;
}
.e-scenography ul li ul li a.one, .menu ul li ul li a.one
{
    color: black/* #666 */;
    background: #fff;
}

* html .e-scenography ul li ul li a, * html .menu ul li ul li a
{
	height: 15px;
}

.e-scenography ul li ul li a:hover, .menu ul li ul li a:hover
{
	background: url(arrow-right.png) left 3px no-repeat;
	color: #000000;
	border-bottom: 0;
}

.e-scenography ul li ul li a.active, .menu ul li ul li a.active
{
	background: url(arrow-right.png) left 3px no-repeat;
	color: #000000;
}

.e-scenography ul li ul li ul, .menu ul li ul li ul
{
	margin: 4px 0px 8px 15px;
}

.e-scenography ul li ul li ul li a, .menu ul li ul li ul li a
{
	font-size: 11px;
	font-weight: normal;
	
	background: url(dash.png) left 3px no-repeat;
}

.sitemap ul
{
	padding: 0px;
	margin: 0px;
	
	line-height: 11px;

	list-style-type: none;
}

.sitemap ul li a
{
	color: #000000;
	text-decoration: none;
	border: 0;
}

.sitemap ul li a:hover
{
	text-decoration: underline;
	border: 0px;
}

.pixels
{
	margin-top: 20px;
}
.loga
{
	float: left;
	height: auto;
	width: 160px;
	text-align: left;
	
	margin: 10px 0px;
}

.loga a { border: 0px;}

/* col middle */
.col-middle
{
	float: left;
	/*overflow: hidden;*/
	height: auto;
	width: 500px;
}

.border-top
{
	float: left;
	height: 8px;
	width: 500px;
	background: url(border-dashed-top.png) top left no-repeat;
}

body.green .border-top { background: url(border-dashed-green-top.png) top left no-repeat;}
body.blue .border-top { background: url(border-dashed-blue-top.png) top left no-repeat;}

.border-content
{
	float: left;
	min-height: 450px;
	width: 460px; /* puvodne 500px */
	
	padding: 0px 20px;
	
	background: url(border-dashed-content.png) top left repeat-y;
}

body.green .border-content { background: url(border-dashed-green-content.png) top left repeat-y;}
body.blue .border-content { background: url(border-dashed-blue-content.png) top left repeat-y;}

* html .border-content
{
	height: 450px;
}

* html .border-content p
{
}

.border-bottom
{
	float: left;
	height: 13px;
	width: 500px;
	background: url(border-dashed-bottom.png) top left no-repeat;
}

body.green .border-bottom { background: url(border-dashed-green-bottom.png) top left no-repeat;}
body.blue .border-bottom { background: url(border-dashed-blue-bottom.png) top left no-repeat;}


.col-middle .spacer 
{
	height: 5px;
	width: 500px;

	padding: 0px;
	margin: 0px 0px 0px -20px;
	
	background: url(spacer.png) left top no-repeat;
}

.col-middle HR 
{
	height: 5px;
	width: 500px;

	padding: 0px;
	margin: 0px 0px 0px -20px;
	
	border: 0px; 
	
	background: #FFFFFF url(spacer.png) left top no-repeat;
}

* html .col-middle .spacer
{
}


.col-middle ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	list-style-type: none;
}

.col-middle ul li
{
	margin: 0px;
	padding-left: 8px;
	background: url(dot-var-2.png) left 6px no-repeat;
}

.smartnav 
{
	float: left;
	height: auto;
	width: 460px;
	
	margin-bottom: 10px;
	
}

.smartnav ul
{
	text-decoration: none;
	padding: 0px;
	color: #000000;
}

.smartnav ul li
{
	float: left;
	padding: 0px;
	padding-bottom: 1px; /* hack kvuli IE */
	
	background: none;
}

.images
{
	padding-top: 10px;
}

.images img
{
	padding-right:3px;
}
.images p
{
	font-size: 10px;
	color: #666666;
	padding-right:3px;
}

.depart-detail{
  padding: 0px 0px 0px 10px
}

/* col right */
.col-right
{
	float: left;
	height: auto;
	width: 210px;
}

.col-right .spacer
{
	height: 5px;
	width: 210px;

	padding: 0px;
	margin: 20px 0px 10px 0px;
	
	background: url(spacer-small.png) left top no-repeat;
}

.box
{
	height: auto;
	width: 150px;
	padding: 0px 40px 0px 20px;
	
	color: #333333;
}
   .box-left
{
	height: auto;
	width: 130px;
	padding: 0px 0px 0px 0px;
	
	color: #333333;
} 
* html .box
{
	width: 150px;
	padding: 0px 30px 0px 20px;
}

.box .label H1,
.box .label H2,
.box .label H3,
.box .label H4,
.box .label H5,
.box .label H5
{
	margin: 0px;
	padding: 0px;
	
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	
	color: #666666;
}

.box ul
{
	padding: 10px 0px;
	list-style-type: none;
}

.box ul li
{
	margin: 0px;
	padding-left: 5px;
	background: url(dot-var-1.png) left 9px no-repeat;
}

.box ul li ul
{
	padding: 4px 5px 8px 5px;
	margin: 0px;
} 

/* photogalery */


/*  footer ------------------------------------------ */

.footer
{
	float: left;
	height: auto;
	width: 500px;
	padding-top: 5px;
	
	text-align: center; 
}

/*
	all -------------------------------------------
	_______________________________________________
*/

.h10 { height: 10px;}
.h30 { height: 30px;}
.h60 { height: 60px;}
.h75 { height: 75px;}
.h90 { height: 90px;}

.w10 { width: 10px;}
.w30 { width: 30px;}
.w60 { width: 60px;}
.w75 { width: 75px;}
.w90 { width: 90px;}
.w128 { width: 128px;}
.w205 { width: 205px;}
/* PETR */

a img
{
	border: 0;
	text-decoration: none;
}
.box a img
{
	border: 0px;

}

a.no-underline, a.link.no-underline, a.hover.no-underline, a.visited.no-underline
{
	text-decoration: none;
	border: 0;
}

div.slide-arr
{
	float: left;
	width: 20px;
}

div.slide-desc
{
	float: right;
	width: 120px;
	overflow: hidden;
}

p.slide-img
{
	height: 105px;
	margin: 0;
}

p.slide-img a,
p.slide-img a.link,
p.slide-img a.hover,
p.slide-img a.visited,
div.gallery a,
div.gallery a.link,
div.gallery a.hover,
div.gallery a.visited,
div.gallery hr
{
	text-decoration: none;
	border: 0;
}
table.gallery hr
{
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	border: 0;
	width:450px;
	padding: 0px;

}
	

/* fotogalerie vypis */

div.gallery div.item {
	margin-bottom: 20px;
}

* html div.gallery div.item {
	margin-bottom: 0px;
}

div.gallery div.item div.preview-image {
	float: left;
	width: 140px;
}

div.gallery div.item div.preview-image p span {
	width: 140px;
	height: 90px;
	overflow: hidden;
	display: block;
}

div.gallery div.item div.preview-text {
	float: right;
	width: 300px;
}

/* strankovani vypisu fotogalerii */

div.gallery div.paging h3 {
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	float: left;
	margin-right: 5px;
}

div.gallery div.paging ul {
	margin: 0em;
	padding: 0em;
}

div.gallery div.paging ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	padding-right: 5px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

div.gallery div.paging ul li a, div.gallery div.paging ul li a:link {
	color: #000000;
	text-decoration: none;
}

div.gallery div.paging ul li a:hover {
	font-weight: bold;
	text-decoration: none;
}

/* vzhled polozek ve vypisu galerie */
div.gallery-item {
	overflow: hidden;
	height: 113px;
	margin-bottom: 10px;
}

.gallery-item .image {
	width: 151px;
	height: 113px;
	margin-right: 10px;
	background-color: #f0f0f0;
	float: left;
}

.gallery-item .label {
	font-weight: bold;
}

.gallery-item .perex {
	margin-top: 5px;
}

/* fotogalerie detail */

div.gallery.detail table td {
	vertical-align: top;
	align: left;
	width: 220px;
}

div.gallery.detail table td p span {
	width: 200px;
	height: 150px;
	overflow: hidden;
	display: block;
	margin-bottom: -14px;
}

/* slideshow */

div.slideshow h2, div.slideshow div.controls h3 {
	position: absolute;
	left: -10000px;
}

div.item div.controls {
	float: left;
	width: 30%;
}

div.item div.controls ul {
	margin: 0em;
	padding: 0em;
}

div.item div.controls ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	width: 7px;
	height: 9px;
	overflow: hidden;
	position: relative;
}

div.item div.controls ul li.previous {
	margin-right: 5px;
}

div.item div.controls ul li a span, div.item div.controls ul li a:link span {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 7px;
	height: 9px;
}

* html div.item div.controls ul li a span, div.item div.controls ul li a:link span {
	cursor: pointer;
}

div.item div.controls ul li.previous a span, div.item div.controls ul li.previous a:link span {
	background-image: url(arrow-previous.gif);
}

div.item div.controls ul li.next a span, div.item div.controls ul li.next a:link span {
	background-image: url(arrow-next.gif);
}

div.item div.description {
	float: right;
	width: 60%;
	text-align: right;
}

div.item div.description p {
	magin: 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 9px;
}
.box .label a {
	border-bottom: none;
}

table.form
{

}
table.form td, table.form th
{
   padding: 3px 5px;
}
table.form .field
{
   width: 120px;
}
table.form .p0
{
   /* width: 400px; */
}
table.form input.field, .guest form input, table.form textarea
{
   border: 1px solid #000;
   width: 250px;
}
table.form select,
table.form textarea
{
   width: 253px;
}
form .submit,
.submit,
#UserFormForLogin .submit
{
   background-color: #000;
   border: 0;
   cursor: pointer;
   padding: 2px 31px;
   color: #ffffff;
}

.captcha 
{

}
.captcha .captcha-image
{
   float: left;
   margin: 0 15px 0px 0;
}
.captcha .captcha-help
{

}
.captcha .captcha-number
{
   border:1px solid #000000;
   width: 90px;
   margin-top: 8px;
}
.smallfield
{
   border:1px solid #000000;
   width: 140px;
   margin-bottom: 5px;
}

.tinyfield
{
   border:1px solid #000000;
   width: 40px;
}

.guest form
{

}

.azlist a
{
	padding: 0px 5px 0px 0px;
	text-align: center;
	
	text-decoration: underline;
	border: none;
}
.azlist a:hover
{
	color: #FF3300;
	border-color: #FF3300;
}
.azlist a.active,
.azlist a.active:hover
{
	font-weight: bold;
	color: #FF3300;
	border-color: #FF3300;
}

#LibraryFilter h4,
#LibraryFilter .azlist
{
	padding-left: 10px;
	padding-bottom: 5px;
}


legend
{
	margin: 0px 4px;
	padding: 0px 3px;	
}

.gallery-reprex {
	padding: 10px 0px;
}

.gallery
{
	display: block;
	width: 100%;
	padding: 10px 5px;
	margin-top: 10px;
	width: 460px;
}

.gallery .photo-container
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	float: left;
}

.gallery .photo-container .photo {
	width: 151px;
	float: left;
	text-align: left;
}

.gallery .photo-container .photo-description {
	padding-left: 10px;
	text-align: left;
	width: 400px;
}

.library-list
{
	margin: 10px 0; 
}
.add-new-link
{
	display: block;
	margin: 12px 0 12px 0;
}
.library-item .wrapper, .attach-files .wrapper
{
	clear: both;
}
img.file-icon
{
	margin: 0px 3px 2px 0px;
}

.gallery .photo-container .photo .file-icon 
{
	margin: 0px 3px -4px 0px;
}

.box.greybg h2
{
    font-family: Arial, Helvetica, sans-serif;
}
.box.greybg .label
{
    background: #231f20;
    padding: 3px;
    margin-bottom: 2px;
}

.box .label a {
    /*color: #000;*/
}

.box.greybg .content
{
    background: #231f20 url('arrow-right-black-box.png') bottom right no-repeat;
    color: #fff;
    padding: 1px 2px 0 2px;
    font-size: 110%;
}

.box.greybg .content p
{
    padding: 1px;
}

.box.greybg .content a
{
    text-decoration: none;
}

/* ------------------------------------------------------------------*/
/* Upravy spojene s prestylovanim stranky na e-scenography	     */


body.e-scenography-page .header,
body.e-scenography-page .pixels,
body.pq .header-e-scenography
{
    display: none;
}
body.e-scenography-page .ruler
{
    display: none;
}



.ruler-wrap
{
    display: block;
    width: 80px;
    float:left;
    height: 1px;
}

body.e-scenography-page .ruler-wrap
{
	width: 60px;
}

body.e-scenography-page
{
    margin: 0; padding: 0;
}

body.e-scenography-page .content-footer
{
    width: 970px;
    height: 66px;
    margin: 0; padding: 0;
    background: #dd1313 url('border-dashed-black-bottom.png') top center no-repeat;
}

body.e-scenography-page .header-e-scenography
{
    margin: 0; padding: 0;
    float: left;
    height: 210px;
    width: 970px;

    background: #fff url('border-dashed-black-top.png') bottom center no-repeat;
}
body.e-scenography-page .header-e-scenography img
{
    float: left;
    margin: 0 0 0 30px; padding: 0;
    height: 120px;
}

body.e-scenography-page .content-wraper
{
   margin: 0; padding: 0;
   background: url('border-dashed-black.png') top center repeat-y
}

body.e-scenography-page .border-top { background: url(border-dashed-gray-top.png) top left no-repeat;}
body.e-scenography-page .border-content { background: url(border-dashed-gray-content.png) top left repeat-y;}
body.e-scenography-page .border-bottom { background: url(border-dashed-gray-bottom.png) top left no-repeat;}

.messages
{
	border: 1px dashed gray;
	padding: 10px;
}

.fc-red, .fc-blue
{
	color: red;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 120%;
}

.fc-blue
{
	color: green;
}
.user-active
{
  font-weight:bold;
  line-height:200%;
  /*border: #231f20 solid 1px;
  border-top: none;*/
}
.user-active a
{
  
  border: none;
  margin:0px 5px 0px 5px;
  font-weight:bold;
  text-transform:uppercase;
}
.user-active p
{
  color: 
  border: none;
  margin:0px 0px 0px 5px;
  font-weight:bold;
  text-transform:uppercase;
}
.user-active a:hover
{
  color: #000000;
  border: none;
  margin:0px 5px 0px 5px;
  font-weight:bold;
  text-transform:uppercase;
}
.user-active h4
{
  color: #ffffff;
  font-size:12px;
  font-weight:bold;
  background: #231f20;
  text-transform:uppercase;
  line-height:160%;
  padding:3px 0px 3px 5px;
  margin:0px 0px 5px 0px;
}
.school h2 {
  font-size: 15px;
}
.school h3 {
  font-size: 14px;
}

.school li {
  padding-bottom: 4px;
}
.school ul li a {
  font-weight: normal;
  background: white;
  color:  #333333;
  padding-bottom: 0px;
}
.school a {
  font-weight: bold;
  color: white;
  background: #333333;
  padding:  0px 3px 0px 3px;
}

/** SKRYVANI Z EDITORU */

.collapsable-text .more 
{ 
    font-style: italic;
    cursor: pointer;
    color: #ffffff;
    background: #000000;
    padding: 0px 2px 0px 2px;
}

body.editor .collapsable-inner-text { color: #666666; } /* odliseni skryvatelneho obsahu */
.collapsable-inner-text { display: none; } /* ve vychozim stavu bude sryty */


/* petr */
.author
{
	font-size: 120%;
}

.school-span-title
{
	font-weight: bold;
	font-size: 160%;
}

.school-span-title2
{
	font-weight: bold;
	font-size: 130%;
}

/*
.form-help-icon
{
	position: relative;
	border: solid 1px red;
}

.form-help-icon div
{
	position: absolute;
	top: 0;
	left: 18px;
	border: solid 1px #555555;
	padding: 5px;
	background-color: #eeeeee;
	width: 200px;
	z-index: 100;
}
*/
.form-help-icon
{
	position: relative;
	cursor: help;
}
.form-help-icon span
{
	font-weight: bold;
	color: black;
	cursor: help;
	font-weight: bold;
}
.form-help-icon div
{
	position: absolute;
	top: -3px;
	left: 18px;
	border: solid 1px #555555;
	padding: 5px;
	background-color: #eeeeee;
	width: 200px;
	z-index: 100;
}

.sp1
{
	font-weight: bold;
}


li.user-det-service-active
{
  list-style-image: url("check_on.gif");
}         
li.user-det-service-inactive
{
	color: gray;
	list-style-image: url("check_off.gif");
}
.pq-service {
  padding: 5px 0px 0px 15px;
}
.pq-service ul li {
  margin: 0px;
  padding: 0px;
  background:none;
}
.pq-service li {
  margin-bottom: 5px;
}

.acc-list-table TH, .acc-list-table TD
{
	text-align: left;
	vertical-align: top;
}

table.table-td-pad1 th, table.table-td-pad1 td
{
	padding: 5px;
}

.profile-tabs
{
	background-color: black;
	color: gray;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0px 15px 0px;
}
.profile-tabs a, .profile-tabs a:hover
{
	color: white;
	text-decoration: none;
	border: none;
	padding:0px 10px 0px 10px;
}

.acc-det-t1
{
	color: red;
	font-weight: bold;
	font-size: 130%;
	margin: 0;
	margin-top: 10px;
}

.buttonBar
{
	text-align: center;
	margin-top: 2em;
}
.buttonBar .submit
{
	color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 10px;
}
.buttonBar .submit.green
{
	background: green;
}
.buttonBar .submit.red
{
	background: red;
}
.quote {
  border: 1px #231f20 dashed;
  padding: 5px 5px 5px 5px;
}

.ui-datepicker
{
	background: white;
	border: 1px dashed black;
	padding: 1em 1em 0em 1em;
	display: none;
	width: 180px;
}

.ui-datepicker-prev
{
	margin-right: 1.5em;
	float: left;
}

.ui-datepicker-next
{
	margin-left: 1.5em;
	float: right;
}

table.ui-datepicker-calendar td
{
	width: 25px;
}

/* workshopy */

table.workshop.info
{
	border: 1px dashed black;
	margin-top: 10px;
}

table.workshop.info td
{
	padding: 3px;
}

table.workshop.info th
{
	padding: 10px;
	font-size: 110%;
}

table.workshop.info td.num
{
	text-align: right;
	border-left: 1px dashed gray;
	padding-left: 30px;
}

table.workshop.info.payment td
{
	border-bottom: 1px dashed gray;
}

table.workshop.info.payment tr.last td
{
	border-bottom: none; 
	font-size: 110%;
}

/* OVERLAY */

#overlay {
    position: absolute;
    width: 970px;
    top: 160px;
    left: 50%;
    margin-left: -485px;
}

#overlay p {
  margin: 0;
  padding: 0;
}

.overlay-hp{

width:500px!important;
position:relative!important;
left:-20px!important;
margin-left:0!important;
top:0px!important;

}
.overlay-hp .box4{
	width:481px!important;
	height:345px!important;

}
.overlay-hp a{
	width:481px!important;
	height:345px!important;

}
.overlay-hp .label{
	width:481px!important;

}
.overlay-hp .item{
	width:481px!important;
	height:345px!important;

}
.overlay-hp .numbers{
	top:-2px!important;
}
#none .overlay-hp .numbers  .activeSlide {
	color:#999!important;
}
.overlay-hp h2{
	width:420px!important;

}

.overlayTop,
.overlayBottom {
    position: absolute;
}

.overlayTop {
    background-image: url('border-dashed-overlay-top.png');
    width: 930px;
    height: 8px;
    top: -8px;
    left: 0;
}

.overlayBottom {
    background-image: url('border-dashed-overlay-bottom.png');
    width: 760px;
    height: 13px;
    bottom: -13px;
    left: 0;
}

.cs #overlayBar a {
    background-image: url('quick_nav.png');
}
.en #overlayBar a {
    background-image: url('quick_nav_en.png');
}

#overlayBar a {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 10;
    background-position: bottom;
    display: block;
    height: 25px;
    width: 174px;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: none;
}

#overlayBar a.active {
  background-position: top;
}

#overlayContent {
    position: absolute;
    background: url("border-dashed-overlay.png") repeat-y scroll left top transparent;
    top: 8px;
    left: 0;
    padding: 2px 10px 0px 10px;
    width: 740px;
    margin-bottom: 13px;
    z-index: 9;
    text-align: left;
}


#overlay #left_col {
    width: 190px;
    float: left;
}

#overlay .boxContent {
    margin: 0 5px;
    color: black;
}

#overlay #right_col {
    float: right;
    width: 550px;
}

#overlay #rotationBoxes {
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
    background-image: url('pruh.png');
    background-repeat: no-repeat;
    position: relative;
}

#overlay .rotationBoxesList {
	height: 70px;
}

#overlay .rotationBox {
  height: 43px;
  width: 690px;
  font-size: 16px;
  padding-left: 50px;
  padding-top: 27px;
  position: relative;
  color: white;
}

#overlay .rotationBox .more {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-image: url('more-info.png');
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
}

.cs #overlay  .more {
  background-image: url('vice.png');
}

#overlay .overlayBox {
    width: 265px;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    height: 70px;
    overflow: hidden;
    padding: 0 0 0;
}

#overlay .overlayBox img {
  margin: 0px -5px 5px -5px !important;
}

#overlay #left_col .overlayBox {
    width: 190px;
    margin: 0 0 10px 0;
    font-size: 14px;
    height: auto;
    overflow: auto;
    line-height: 1.5;
}

#overlay #left_col h2 {
    margin: 0;
    font-size: 16px;
}

#overlay #right_col h2 {
    font-size: 18px;
    float: left;
    width: 265px;
    text-transform: uppercase;
    margin: 0 0 0 10px;
}

#overlay #right_col .overlayBox h2 {
    margin: 5px 5px 5px 5px;
    background-image: url(quick_nav-arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    font-size: 12px;
    line-height: 15px;
    width: auto;
    float: none;
    text-transform: none;
}

#overlay .box3,
#overlay .box4,
#overlay .box5,
#overlay .box6{
    height: 190px;
}

#overlay .box3 {
    background: none;
}

#overlay .box3 li, #overlay .none li {
  list-style-image: url('quick_nav-arrow.png');
}

#overlay .overlayBox.none h2 {
  background: none !important;
  padding: 0 !important;
}

#overlay .overlayBox.none ul {
  padding: 0 !important;
}

#overlay .overlayBox.none li {
  padding: 0 !important;
  margin: 0 !important;
  list-style-position: inside;
  width: auto;
}

#overlay .box4.news {
  overflow: hidden;
  position: relative;
  padding: 0;
  height: 190px;
  background-color: black;
}

.box4.news .item {
  overflow: hidden;
  position: relative;
  width: 265px;
  height: 190px;
}

#overlay .box4.news img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  z-index: 1;
}

.box4.news .label {
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  color: black;
  z-index: 2000;
  background-image: url('quick_nav-label-bg.png');
}

.box4.news .label-in {
  background-image: url('quick_nav-arrow.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 6px 6px 6px 40px;
  width: 219px;
  min-height: 29px;
}

.box4.news h2 {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

.box4.news a {
  display: block;
  width: 265px;
  height: 190px;
}

.box4.news .label .newsContent {
  overflow: hidden;
}

#overlay .numbers {
  position: absolute;
  top: 87px;
  right: 10px;
  z-index: 10000;
  font-size: 13px;
}

#overlay .numbers a {
  text-decoration: none;
  border: none;
  font-weight: bold;
  margin-left: 8px;
  color: black;
}

#overlay .numbers .activeSlide {
  color: white !important;
}

#overlay a.boxlink {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index:1000;
}

#overlay .overlayBox.haslink {
  position: relative;
}

#overlay .overlayBox.haslink:hover {
  background-color: #ffff89;
}

#overlay .overlayBox.extreme-consume h2 {
  color: #cca8bb;
}

#overlay .overlayBox.scenofest h2 {
  color: #81cbd0;
}

#overlay .overlayBox.light-sound h2 {
  color: #9f4590;
}
#overlay .overlayBox.intersection h2 {
  color: #C1D82F;
}
#overlay .overlayBox.architecture h2 {
  color: #3A68C6;
}



/* ----------- Program -------------------*/
                                    
.programMaindiv{ 
	width: 972px;
	text-align: left; 
	padding:0; 
	margin: 0 auto;
	margin-bottom: 30px;
}

.programFiltr{ 
	width: 930px;  
	min-height:100px; 
	margin: 0 auto; 
	padding: 10px; 
	overflow: hidden; 
	background-color: #f0f0f0; 
}

.programHeader { 
	width: 950px;
	border: solid 1px #cacaca; 
	height:60px; 
	margin: 0 auto; 
	background-color: #f0f0f0; 
	font-weight: bold; 
}

.programTable{ 
	width: 950px;
	border: solid 1px #cacaca;
	height:60px;
	margin: 0 auto;
}

.programHeader td{ 
	text-align: left;
	vertical-align: top;
	color: #666666;
}
.programHeader a { 
	padding-right: 14px; 
	background-repeat: no-repeat; 
	background-position: right bottom;
	border: none; 
}
.programHeader a[href*="desc=desc"] { 
	background-image: url(sort-arrow-up.png); 
}
.programHeader a[href*="desc=asc"] { 
	background-image: url(sort-arrow-down.png);
}

.programMaindiv h2, .programMaindiv h5 { 
	padding:0;
	margin: 10px 0 10px 10px;
}
.programFiltrMultiselect{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.programFiltrMultiselect select { 
	width: 176px;
	border: 1px solid #cacaca;
	font-size: 11px;
}
.programFiltrMultiselect input, .ticket-reservation input, .ticket-reservation textarea { 
	width: 150px;
	border: 1px solid #cacaca;
	margin: 0 10px 0 5px;
	padding: 3px;
	font-size: 10px;
	height: 16px; 
}

.ticket-reservation { width: 100%; }
.ticket-reservation textarea { height: 70px; width: 190px; }
.ticket-reservation textarea:focus, .ticket-reservation input:focus { border: 1px solid black; }
.program-error-ticket { color: red; }


.programFiltrMultiselect input.programCalendar { 
	width: 72px;
	padding-right: 20px; 
	background-image: url(calendar_icon.png);
	background-repeat: no-repeat; 
	background-position: 76px center;
	font-size: 10px;
	height: 16px; 
}
.programFiltrSubmit input, a.orderButton { 
	background-color: white; 
	border: 1px solid #cacaca; 
	padding: 2px 10px; 
	float: right;  
	margin-left: 10px;
	color: black !important; 
}

a.orderButton {
	margin-right: 10px;
}

.programFiltrSubmit input[type="button"] { cursor: pointer; }

#ui-datepicker-div a { cursor:pointer; }

a.orderButton:hover { border: 1px solid #cacaca; }

.programMaindiv .DetailLink { 
	color: white;
	background-color: black;
	padding: 0 3px;
	cursor: pointer;
	border: none;
	float: right;
	margin-left: 5px;
	
}
.maplink {
	margin-left: 15px;
	margin-right: 5px;
}

.programBB, .programBT { border-width: 3px 3px 3px 3px !important; border-style: solid; border-color: #cacaca; }
.programBB { border-top: none; }
.programBT { border-bottom: none; }

.programfiltr.discipline { 
	width: 130px;
}
.programfiltr.projectpart { 
	width: 220px; 
}

.programMaindiv table { 
	border-collapse: collapse;
	border: 1px solid #cacaca; 
}
.programMaindiv table td { 
	padding: 10px;
	border: 1px solid #cacaca; 
	vertical-align: middle; 
}
.programMaindiv table .programDisable { 
	border-top: none;
	padding-top: 0;
}
.programDisable td { 
	/*padding-top: 0 !important;*/
}
.programMaindiv table .short { 
	border: none; 
	border-top: 1px solid #cacaca; 
	border-left: 1px solid #cacaca; 
	position: relative; 
}
.programMaindiv table .detail { 
	border: none; 
	border-bottom: 1px solid #cacaca; 
	border-left: 1px solid #cacaca; 
	position: relative;
}

.programMaindiv .programNotFound { 
	text-align: center; 
	line-height: 38px; 
}
.programMaindiv .control { 
	position: relative; 
	height: 14px;
	padding-top: 10px;
}
.ui-state-program-hover { 
	background-color: #cacaca !important; 
	font-weight: bold;  
}
.ui-state-program-today { 
	background-color: #FFEB00 !important;
	font-weight: bold; 
}

.programFiltrList { 
	width: 950px;
	margin: 0 auto;
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: bold;
}


.programcolor { 
	width: 5px;
	position: static !important; 
	border-bottom: none !important; 
}
.programDisable .programcolor {	
	border-top: none !important;	
}
/** html .programcolor { border: 1px solid black !important; }*/
.programcolor.extreme-costume, .programcolor.extreme-consume { background-color: #cca8bb; border-bottom-color: #cca8bb; }
.programcolor.scenofest { background-color: #81cbd0; border-bottom-color: #81cbd0; }
.programcolor.light-sound { background-color: #9f4590; border-bottom-color: #9f4590; }
.programcolor.intersection { background-color: #C1D82F; border-bottom-color: #C1D82F; }
.programcolor.architecture { background-color: #3A68C6; border-bottom-color: #3A68C6; }
.programcolor.pq { background-color: #FFEB00; border-bottom-color: #FFEB00; }

.programDisable {	display: none;	}
.programEnable { display: block;	}

.program.date { width: 60px; text-align: center; }
.program.time { width: 79px; text-align: center; }
.program.title { width: 191px; font-weight: bold; overflow: visible; }
.program.section { width: 120px; }
.program.type { width: 120px; }
.program.place { width: 100px; }
.program.people { width: 116px; }

.programHowTo { width: 950px; margin: 10px auto; }

/* detail */
.program.adress { margin-bottom: 15px; }

.program.otherActions { display: block; }
.program.teamMember { margin-bottom: 10px; padding: 5px; background-color: #f9f9f9; }
.program.teamMember h3 { margin: 0; }

.program-mapa-infolist { text-align: left; margin: 5px; }
.maplink { cursor: pointer; }

.programMaindiv .addthis_toolbox { margin-top: 14px; }
.programMaindiv .addthis_toolbox a { border: none !important; }
.programMaindiv .addthis_separator { margin: 0 10px; }

.programMaindiv .lightbox span, #jquery-lightbox a { border: none !important; }
.programMaindiv .lightbox span img { margin: 0 5px 5px 0; padding: 5px; background-color: #f0f0f0; border: 1px solid #cacaca; cursor:pointer;}
.programMaindiv .lightbox span:hover img { background-color: #dadada; }

body.program { background: none !important; }

#TBP-Data { padding: 5px;}
#map_canvas { width: 640px; height: 480px; }

 
h3.message { font-size: 14px; margin-top: 50px; text-align: center; }
p.message { text-align: center; color: red; }

.TBM_hidden{ visibility:hidden; }

/*platby workshop*/
.payment{ width: 100%; }
.workshop-payd-div{ background-color: #EDEDED; }
.user-workshop-h2{margin-top:20px;}

a.thickbox[href*="jpg"] { border: none; }
#TB_ImageOff { border: none; }

.program-new-data { color: RED!important; }
.program-new-data a{ color: RED!important;}
.program-old-data { color: SILVER!important; text-decoration:line-through;}
.program-old-data a{ color: SILVER!important; text-decoration:line-through;}


.program-lightbox-imagebox-title{font-weight: bold; }
.program-lightbox-td{vertical-align:top; width: 70px; text-align:center;}
.program-lightbox-table{border: 0;}
.light-box-people {
      width: 500px;
      padding: 0px;
      margin: 0px;
}

#TBP-Data { /*max-width: 500px;*/ height: 100%; overflow: hidden; position: relative; }

.program-lightbox-imagebox-back,
.program-lightbox-imagebox-next {
	display: block;
	height: 100%;
	width: 50%;
	overflow: hidden;
	text-indent: 99999em;
	position: absolute;
	top: 0;
	cursor: pointer;
	z-index: 10000;
	background: url(transparent.gif) center left no-repeat;
}

.program-lightbox-imagebox-back { left: 0; }
.program-lightbox-imagebox-next { right: 5px; }

.program-lightbox-imagebox-back:hover { background: url(lightbox/jquery/lightbox-btn-prev.gif) center left no-repeat; }
.program-lightbox-imagebox-next:hover { background: url(lightbox/jquery/lightbox-btn-next.gif) center right no-repeat; }

.img-lightbox-own { position: relative; z-index: 9999; }


/* styl pro mobilni program */
body.mobile-program { font-family: Arial; font-size: 11px; margin: 10px !important; background: none; text-align: left; height: auto; }
.mobile-program p { margin: 0; padding: 2px; }
.mobile-program h1, .mobile-program h2, .mobile-program h3 { margin: 0 0 5px 0; }
.mobile-program h1 { font-size: 1.75em; }
.mobile-program h2 { font-size: 1.25em; }
.mobile-program h3 { font-size: 1.10em; }
.mobile-program form { background-color: #eaeaea; padding: 5px; overflow: hidden; }
.mobile-program input { border: 1px solid #cacaca; margin: 0 0 3px 0; }
.mobile-program input[type="submit"] { border: 1px solid black; color: white; background-color: black; font-size: 11px; margin-top: 5px; font-family: Arial; padding: 1px 3px; }
.mobile-program a { padding: 2px 5px; background-color: black; color: white; margin-top: 3px; display: inline-block; text-decoration: none;  border: none; }
.mobile-program a:hover { border: none; }
.mobile-program label { display: block; }


.mobile-program .link-back { padding: 5px 10px; margin-top: 10px; }
.mobile-program .item { padding: 5px; border-bottom: 1px solid #cacaca; margin-bottom: 5px; background-color: #f0f0f0; }
.mobile-program .item p { padding: 0; }
.mobile-program .odd { background-color: #f0f0f0; }
.mobile-program .long-desc { border-bottom: 1px solid #cacaca; padding-bottom: 5px; margin-bottom: 5px; } 

#map_list #map_canvas{width:100%; height:100%; position:static;}
#map_list {width:100%; height: 400px;}
.map-filter label {padding:5px;}
.map-filter div {padding:5px; float:left; width:140px;}
.map-filter { margin-top: 10px; }
.article_addthis{ float:right; border:1px;}
.article_addthis a { text-decoration: none;}

.more.obt {
	float: left;
}
.addthis_toolbox {
	position: relative;
	top: 3px;
	left: 5px;
}
.addthis_toolbox a {
	border-style: none;
}
.clanek-detaily { padding-top: 5px;}
.twitter{ background:none; margin: 20px;}
/*.twitter p{font-size:16px!important;}*/

.program-head-menu{ background-color:#f0f0f0; height:30px; width:100%; margin-bottom:20px; width:930px; margin:0px auto 30px auto; padding:10px; }
.program-head-menu h3{ font-size:120%;}
.program-head-span{ float:right;}
.program-favicon{ position:relative; top:4px; }
.program-head-span-left{ position:relative; top:-4px; }
.program-cance-span{ font-size: 130%; color: RED; font-weight: bold;}
.program-new-td{ font-size: 150%; color: RED; font-weight: bold; text-align:center; text-align:center; background-color: WHITE; padding:0!important; height:20px!important;}
.program-cancel-td{ font-size: 150%; color: RED; font-weight: bold; text-align:center; text-align:center; background-color: WHITE; padding:0!important; height:20px!important;}
.programTBNew {border-top: 0px!important;}
.programTRCancel td{color:RED!important; text-decoration: line-through!important;}
.programTRCancel a {color:RED!important; border-bottom: 1px dashed RED;}

.programBT .time { padding-left:5px; padding-right:5px;}
.catalog-view {background:none!important; text-align:left; padding:50px;}
.pp_pic_holder a{border-bottom:none!important;}