/* visual */

body { /* background: url('/data/themes/tbck/bk/HomePage_plocha.png'); */
			 background-position: top center;
			 background-size: 100%;
			 /* background-attachment: fixed; */
			 color: black; 
			 font-family: Verdana, Arial, Courier, sans-serif; font-size: 12px; font-weight: normal; }
			
a img { border: none; }
.thumbnail { padding: 5px; width: 150px; height: 150px;}
.logos { text-align: center; font-size: 10px; }
.logos a { color: black;}

.past { /*text-decoration: line-through;*/ }
			
#TheBackground { position: fixed; top: 0px; width: 100%; }
			
.TypeBig { font-size: 18px; }
.TypeMedium { font-size: 15px; }
.TypeNormal { font-size: 12px; }
.TypeTiny { font-size: 10px; }

.ColorBlack { color: black; }
.ColorWhite { color: white; }
.ColorRed { color: #e14550; }
.ColorGreen { color: #90c747; }
.ColorBlue { color: #009ce9; }

.UpperCase { text-transform: uppercase; }
.LowerCase { text-transform: lowercase; }


.Calendar, .Calendar { color: #777; letter-spacing: 0.025em; }
.Calendar a { color: white; text-decoration: none; }
.Calendar a.active { font-weight: bold; }

#InnerContent { background: white; }

.NodeTitle, .NodeContent { padding-left: 49px; padding-right: 49px; }
.NodeTitle { font-size: 60px; padding-top: 50px; padding-bottom: 25px; text-transform: uppercase; }
.NodeContent { padding-top: 25px; padding-bottom: 50px;}
.NodeSeparator { height: 1px; background: black; margin-left: 20px; margin-right: 20px; }

.SidebarWrapper { font-size: 10px; padding: 20px; padding-top: 5px; padding-bottom: 5px;}

#FooterBlack { color: white; }

/* layout */

#Outer { width: 1200px; margin: auto; position: relative; }

#OuterLeft { width: 180px; padding-top: 23px; }
#OuterMiddle { width: 840px; position: absolute; left: 180px; top: 0px; }
#OuterRight { width: 180px; position: absolute; left: 840px; top: 0px; }

#MainHeader { width: 100%; height: 70px; border-bottom: 1px solid black;
	 /*------ height: 160px; ---------------- IE7 ---------*/
	}
#MainMenu { margin-top: 90px; text-align: center; }

.ListItem { width: 840px; height: 60px; border-top: 1px solid black;}
.Calendar { widht: 840px; height: 40px; background: black; text-align: center; position: relative; }
.Calendar.thinner { height: 39px;}
.Calendar .LeftCircle { width: 20px; height: 40px; position: absolute; left: -20px; top: 0px;
												background: url('/data/themes/tbck/img/HalfCircle_Left_Black.png'); }
.Calendar .RightCircle { width: 20px; height: 40px; position: absolute; left: 840px; top: 0px;
												background: url('/data/themes/tbck/img/HalfCircle_Right_Black.png'); }

/*									      'concert' => 'cyan',
									      'theatre' => 'red',
									      'movie' => 'orange',
									      'worshop' => 'green',
									      'exhibition' => 'brown'       
*/
.ListItem.concert { background: url('/data/themes/tbck/img/programline/blue.png'); }
.ListItem.theatre { background: url('/data/themes/tbck/img/programline/red.png'); }
.ListItem.movie { background: url('/data/themes/tbck/img/programline/orange.png'); }
.ListItem.workshop { background: url('/data/themes/tbck/img/programline/green.png'); }
.ListItem.exhibition { background: url('/data/themes/tbck/img/programline/brown.png'); }

#Legenda { width: 580px; height: 60px; margin: auto; margin-top: 40px;
	         background: url('/data/themes/tbck/img/Colored_Arrows_Bottom.png'); }	
#FooterRed { width: 720px; height: 320px; margin: auto; margin-top: 35px; 
						 background: url('/data/themes/tbck/img/Bottom_Footer_Red.png'); }
#FooterBlack { width: 720px; height: 320px; margin: auto; margin-top: 35px; 
						   background: url('/data/themes/tbck/img/Bottom_Footer_Black.png'); }
						
#InnerTable { position: relative; margin: 0px; padding: 0px; }
#InnerTable tr .A { width: 760px; vertical-align: top; } /* 640 */
#InnerTable tr .B { width: 200px; vertical-align: top; } /* 320 */
#InnerContent { position: relative; top: -2px; min-height: 780px; height: auto !important; height: 780px; }

#MailingListBox { width: 206px; height: 40px; background: url('/data/themes/tbck/img/Mailing_List_Box.png'); }

.Footer .A, .Footer .B, .Footer .C { float: left; padding: 30px; padding-top: 200px; width: 180px; }
.Footer .D { text-align: center; font-size: 10px; position: relative; top: 1em;}
#FooterBlack .D { color: #555; }
#FooterBlack .D a { color: #777; }
#FooterRed .D { color: #333; }
#FooterRed .D a { color: #000; }

#Legenda .wrapper { padding-left: 90px; padding-top: 3px;}
.LegendaItem { width: 80px; float: left; text-align: center; }

/* dropshadow */
/* najprv black, potom kolor, musia mat pozicovaneho parenta a spolocnu sirku !! */
.DropShadowBlack { color: black !important; position: absolute; top: 1px; left: -1px; z-index: 1; }
.DropShadowWhite { color: white !important; position: absolute; top: 1px; left: -1px; z-index: 1; }
.DropShadowColor { position: relative; z-index: 2; }

/* newsletter */
.cmsNewsletterForm { background: url('/data/themes/tbck/img/Mailing_List_Box.png') no-repeat; }
.cmsNewsletterForm .fieldWithErrors { display: inline; }
#subscriber_email { background: none; border: none; width: 120px;
	                  margin-left: 27px; margin-top: 13px; margin-bottom: 13px;}
#subscriber_ok { color: white; background: none; border: none; margin: 0px; position: relative; left: -9px; }
.cmsNewsletterFlash { font-weight: bold; text-align: center; margin-bottom: 4px; width: 205px; background: white; }

/* graphical orgasm */						

#GraphicalOrgasm{ width: 840px; height: 320px; overflow: hidden; }
.OrgasmItem { width: 280px; height: 320px; float: left; }
.OrgasmItem .info { width: 170px;  padding: 10px; padding-top: 20px; }
#GraphicalOrgasm .container { width: 1000px;}

.overlay{ background: black; height: 320px; width: 200px; position: absolute; z-index: 1; }
.info { z-index: 2; position: relative; }

.overlay {
	opacity: 0.7; 
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

/* prisera */
#Prisera { width: 190px; margin: 20px; margin-rigth: 0px; }
.PriseraTop, .PriseraBottom { width: 190px; height: 96px; }
.PriseraMiddle { width: 190px; height: 130px; }
.PriseraMiddle .wrapper { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 50px;}

/* temporary things */

#OuterMiddle { background: none; }
#OuterRight { background: none; }


/* dont change below this line */

.cms-content-wrapper:hover { background: #77C02E;}