/* 
Title:     TEAMWINGCHUN.CO.UK - Styles for Basic Site Structure
Updated:   12 October 2008
*/

/* ------------------------------------------------------------------------------------
-- OVERARCHING LAYOUT
------------------------------------------------------------------------------------ */

body {padding:0px; font-size:81.25%; font-family:arial, helvetica, sans-serif; color:#ddd; text-align:center; line-height:1.4em; background:#1d2327;}

#wrapper {padding:10px 0; margin:0 auto; text-align:left;}
.container, .container-alt {position:relative; width:900px; border-left:10px solid #000; border-right:10px solid #000; margin:0 auto;}
.container-alt {border-color:#1d2327;}


/* ------------------------------------------------------------------------------------
-- BASE STYLES
------------------------------------------------------------------------------------ */

a:link, a:visited {color:#fff; text-decoration:underline;}
a:hover, a:focus, a:active {color:#d0af86; text-decoration:none;}

h1, h2, h3, h4, h5 {font-weight:normal;}
h1 em {font-style:normal;}
p {margin:0.5em 0 1.25em;}

/* Common styles
----------------------------------- */

.top {clear:both; width:600px; padding:10px 0;}
.top a:link, .top a:visited {padding-top:15px; color:#fff; text-decoration:none;}
.top a:hover,.top a:focus, .top a:active {color:#d0af86; text-decoration:underline;}
.top b {color:#d0af86;}

.clink a:link, .clink a:visited {padding:0 20px 0 0; color:#fff; font-weight:700; line-height:15px; text-decoration:none; text-transform:uppercase; background:url(/graphics/link.gif) right center no-repeat;}
.clink a:hover, .clink a:focus, .clink a:active {color:#d0af86; text-decoration:underline; background:url(/graphics/link-hover.gif) right center no-repeat;}

.floatleft {float:left;}
.floatleft1 {float:left; padding: 0 20px;}
.floatright {float:right;}

.img_center {text-align:center; padding:10px 0; margin:0 auto;}
.img_left {float:left; margin:10px 15px 10px 0;}
.img_right {float:right; margin:10px 0px 10px 15px;}
.clear {clear:both}
.strip {display:none;}
p {text-align:justify;}
.centr {text-align:center;}
/* ------------------------------------------------------------------------------------
-- HEADER
------------------------------------------------------------------------------------ */

#header {height:195px; margin:0 auto; border-top:1px solid #666; border-bottom:1px solid #666; background:#000;}
   
   #header .container {height:195px; background:url(/graphics/head-bkgd3.jpg) right 10px no-repeat;}
/*logo*/
   #header a#logo {position:absolute; left:0; top:5px; display:block; width:250px; height:190px; border:0; margin:0 0 5px 0; overflow:hidden;}
   #header a#logo span {position:absolute; width:100%; height:100%; background:url(/graphics/logo.gif) 0 0 no-repeat; }
   #header a#logo:hover span, #header a#logo:focus span, #header a#logo:active span {background-position:0 -190px;}

/*h1 text*/
   #header h1 {position:absolute; left:240px; top:10px; display:block; width:600px; font-weight:bold; font-size:180%; line-height:1em; color:#fff; text-transform:uppercase; text-align:center; letter-spacing:-1px;}
   #header h1 a, #header h1 a:visited {border-bottom:1px dotted #ddd; font-weight:700; text-decoration:none;}
   #header h1 a:hover, #header h1 a:focus, #header h1 a:active {border-bottom:1px solid #fff; color:#fff;}
   #header h1 em {font-size:45%; color:#fff; font-weight:normal; text-transform: none; letter-spacing:normal;}

/*buttons*/
   #header ul {position:absolute; right:10px; bottom:11px;}
   #header li {margin-top:5px; border:1px solid #004a7c; width:132px;}
   #header li a:link, #header li a:visited {display:block; padding:5px 0px 5px 25px; color:#0099ff; font-size:105%; line-height:1em; text-decoration:none;}
   #header li a:hover, #header li a:focus, #header li a:active {color:#00ccff;}
   #header a.apply {background:#000 url(/graphics/icon-apply.gif) 5px 5px no-repeat; }
   #header a.contact {background:#000 url(/graphics/icon-contact.gif) 5px 5px no-repeat;  }
   #header a.merchandise {background:#000 url(/graphics/icon-merchandise.gif) 5px 5px no-repeat;  }
   #header a.forum {background:#000 url(/graphics/icon-forum.gif) 5px 5px no-repeat;  }

/* ------------------------------------------------------------------------------------
-- PRIMARY NAVIGATION
------------------------------------------------------------------------------------ */

#navMain {border-bottom:1px solid #666; text-align:center; color:#fff; background:#000;}
#navMain ul {width:900px; height:40px; padding:0; list-style-type:none; background:url(/graphics/menu-matrix4.gif) 0 0 no-repeat; z-index:500;}
#navMain li {float:left; display:block; height:40px;}
#navMain li:hover {position:relative; z-index:105;}

/* top level link styles */
   #navMain li a, #navMain li a:link, #navMain li a:visited {display:block; width:152px; height:40px; text-decoration:none; text-indent:-9999px; cursor:default; overflow:hidden;}
   #navMain li#home a {width:80px; cursor:pointer}
   #navMain li#about a {width:241px;}
   #navMain li#extras a {width:123px;}

   #navMain li a:hover, #navMain :hover > a, #navMain li a:focus, #navMain a.active {background:url(/graphics/menu-matrix4.gif) no-repeat;}
   #navMain li#home a:hover, #navMain li#home a:focus {background-position:0 -40px;}
   #navMain li#about a:hover, #navMain li#about a:focus, #navMain :hover li#about > a {background-position:-80px -40px;}
   #navMain li#wing-chun a:hover, #navMain li#wing-chun a:focus, #navMain :hover li#wing-chun > a {background-position:-321px -40px;}
   #navMain li#kali a:hover, #navMain li#kali a:focus, #navMain :hover li#kali > a {background-position:-473px -40px;}
   #navMain li#multi a:hover, #navMain li#multi a:focus, #navMain :hover li#multi > a {background-position:-625px -40px;}
   #navMain li#extras a:hover, #navMain li#extras a:focus, #navMain :hover li#extras > a {background-position:-777px -40px;}

   #navMain li#home a.active {background-position:0 -80px;}
   #navMain li#about a.active {background-position:-80px -80px;}
   #navMain li#wing-chun a.active {background-position:-321px -80px;}
   #navMain li#kali a.active {background-position:-473px -80px;}
   #navMain li#multi a.active {background-position:-625px -80px;}
   #navMain li#extras a.active {background-position:-777px -80px;}

/* hide drop level and allow positioning */
   #navMain ul ul {visibility:hidden; position:absolute; width:145px; height:0; top:40px; left:0; padding:0; margin:0; z-index:110;}
   #navMain #about ul {width:165px; margin-left:35px;}
   #navMain #extras ul {width:116px;}
/* reveal drop level when hover top level list/link */
   #navMain ul :hover ul {visibility:visible; height:auto; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; background:#000 url(/graphics/trans.gif);}
   #navMain ul ul li {width:auto; height:auto; line-height:1em; padding:0px; margin:0px; background:none;}

/* drop level link styles */
   #navMain ul ul li:hover {position:relative;}
   #navMain ul ul a, #navMain ul ul a:link, #navMain ul ul a:visited {display:block; width:135px; height:100%; padding:5px 0; margin:0 5px; border-top:1px solid #3a3a3a; font-size:11px; color:#fff; line-height:1em; text-align:left; text-transform:none; text-indent:0px; cursor:pointer; background:#000;}
   #navMain #about ul a {width:155px;}
   #navMain #extras ul a {width:106px;}
   #navMain ul ul a:hover, #navMain ul ul :hover > a, #navMain .nav a:hover {color:#d0af86; background:#000;}


/* ------------------------------------------------------------------------------------
-- INTERNAL NAVIGATION
------------------------------------------------------------------------------------ */

#navSec {width:280px; padding:10px 0; margin:0 0 30px;}
	#navSec h5 {padding-bottom:14px; border:0; font-size:140%; font-weight:normal; color:#d0af86; background:url(/graphics/module-bkgd.gif) no-repeat 50% 100%;}
	#navSec li {position:relative; display:block; margin:0;}
	#navSec a {display:block; padding:0 20px 0px 35px; text-decoration:none; background:url(/graphics/mininav-bullet.gif) 20px 7px no-repeat;}
	#navSec a:hover, #navSec a:focus, #navSec a:active {background:#1d2327 url(/graphics/mininav-bullet-hover.gif) 20px 7px no-repeat;}
	#navSec a.current {color:#d0af86; background:#1d2327 url(/graphics/mininav-bullet-hover.gif) 20px 7px no-repeat;}

/*mininav class styles related to javascript reveal of sub category*/
#navSec ul li.category {list-style-type:none; font-style:italic; color:#ccc;}
	#navSec li.category a.show {display:block; padding:0 20px 0px 50px; text-decoration:none; background:url(/graphics/show.gif) 30px center no-repeat;}
	#navSec li.category a:hover.show, #navSec li.category a:focus.show, #navSec li.category a:active.show {background:url(/graphics/show-hover.gif) 30px center no-repeat;}

/*mininav sub category styles*/
#navSec ul li.last {margin-bottom:5px;}
	#navSec ul ul li a {padding-left:50px; color:#999; font-style:normal; background:url(/graphics/mininav-bullet2.gif) 35px center no-repeat;}
	#navSec ul ul li a:hover, #navSec ul ul li a:focus, #navSec ul ul li a:active {color:#d0af86; background:#1d2327 url(/graphics/mininav-bullet2-hover.gif) 35px center no-repeat;}
	#navSec a.current-sub {color:#d0af86; background:#1d2327 url(/graphics/mininav-bullet2-hover.gif) 35px center no-repeat;}


/* ------------------------------------------------------------------------------------
-- CONTENT
------------------------------------------------------------------------------------ */

/* Primary content */
#contPri {float:left; position:relative; padding:0px; width:600px; color:#fff; background:#1d2327;}
   #contPri h2 {height:auto; display:block; margin:5px 0 0.5em; font-size:120%; font-weight:normal; line-height:1.4em; color:#f90; text-align:left;}
   #contPri h3 {height:auto; margin-top:1.65em; font-size:140%; line-height:1.4em; color:#fff;}
   #contPri h3 .primary {margin-top:0.55em;}
   #contPri h4 {margin:1.5em 0 0.5em; font-size:120%; line-height:1em; color:#fff;}
   #contPri ul {margin:1.25em 0.8em; padding:0 5px;}
   #contPri ul li {list-style-type: disc; margin:0.5em 0;}
   #contPri ul ul {margin-top:0.4em;}

#primarypi {float:left; margin: 0px 10px 0px 0; }
#primarypi h5 {margin: 0 0 20px 0; font-size:110%; font-weight:bold;}
/* Secondary content */  
#contSec {float:right; position:relative; width:280px; padding:0; text-align:left; background:transparent;}
/*module general styles*/
   .module {clear:both; width:240px; padding:10px 20px; margin-bottom:15px;}
   .module h5 {padding-bottom:14px; margin-bottom:0.55em; font-size:115%; font-weight:bold; color:#fff; text-align:center;background:url(/graphics/module-bkgd3.gif) no-repeat 50% 100%;}
   .module a:link, .module a:visited {text-decoration:none;}

	
/* Specific to homepage
----------------------------------- */
#homebox1 {float:left;  width:130px; padding:10px 0 10px 10px; background:#1d2327;}
/* #homebox2 {  position: absolute; left: 30%;  background:#1d2327;} */
#homebox3 {float:right;  width:130px; padding:10px 0 10px 10px; background:#1d2327;}
#homebox2 {float:right;  width:130px; padding:10px 0 10px 10px; background:#1d2327;}


/* pictures of lucas + SWF */
#homebox {  width:135px; padding:10px 0 10px 10px; background:#1d2327;}
#homebox a { display:block; width:130px; border:1px solid #fff; margin-bottom:10px;}
#homebox a:hover, #homebox a:focus, #homebox a:active {border:1px solid #d0af86;}
#homebox img {display:block;}

.phone {font-size:80%; text-align:right; }
.apply  {font-size:140%; color:#CC0000; text-align:left; }
.apply a:hover, .apply a:focus, .apply a:active { color:#CC0000; }
.rozvrh {color:#999999; text-align:center; }

/* the quote */
body.home .comment {margin:2em 0; font-size:1.1em; line-height:1.5em; border-top:1px solid #333; border-bottom:1px solid #333; background-position:5px 10px;}
body.home .comment	p {margin:1.25em 0;}

p.promo2 {font-size:1.3em; text-align:center;}
p.promo {font-size:1.4em; text-align:center;}
p.promo span {display:block; font-weight:bold; font-style:italic; color:#CC0000; text-align:center;}
p.promo span a:link, p.promo span a:visited {color:#CC0000; text-decoration:none;}
p.promo span a:hover, p.promo span a:focus, p.promo span a:active {border-bottom:1px solid #CC0000;}


/* Found in Primary Content
----------------------------------- */

#contPri p {line-height:1.5em;}

/*box*/
.box {clear:both; position:relative; padding:10px; border:1px solid #383838; margin:2em 0; background:#272727;}
.box em {position:absolute; top:-1px; right:-1px; display:block; width:15px; height:15px; background:url(/graphics/box-bkgd.gif) center no-repeat;}
#awardWrap.box {margin-top:5em; background:#000; font-size:95%; text-align:center;}
#contPri .box h4 {margin:0 0 1em; font-weight:bold; line-height:1.4em; color:#fff;}
.box p {margin:0 0 0.77em;}
.box img {float:right;}

.event {padding-left:35px; margin-top:10px}
.event .date {position:relative; float:left; width:35px; height:30px; margin-left:-45px; background:url(/graphics/date-bkgd.gif) 0 0 no-repeat;}
.event .date b {position:absolute; top:6px; left:5px; margin:0; font-style:normal; font-size:20px; color:#004a7c;}

/*product*/
.product {padding-left:130px;}
.product span {line-height:20px;}
.product span img {margin-right:15px; vertical-align:bottom;}
.product-image {float:left; width:105px; margin-left:-120px;}
.product-image img {display:block; border:1px solid #fff;}

/*comment*/
.comment {display:block; margin:10px 0; padding:1px 35px; background:url(/graphics/quote-marks.gif) 5px 5px no-repeat; font-style:italic;}
.alt {border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; }
.alt2 {border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; padding: 0 30px;}
.altdummy {border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; padding: 5px; }
.altdummy img {border:1px solid #B4B5B5;}
.comment p.author {padding-top:5px; color:#f90; font-family:arial narrow, sans-serif; font-size:105%; font-weight:700;}
.comment p.author a {color:#f90;}

/*flash containers*/
#award {float:left; width:270px; height:80px; margin:0 15px 0 0;}

/*lists - articles & sitemap*/
#contPri ul.articles li {list-style-type:none; padding:0.15em 0 0.15em 15px; margin:0; background:url(/graphics/icon-article.gif) 0 center no-repeat;}
#contPri ul.photo li {list-style-type:none; padding:0.3em 0 0.3em 15px; margin:0; background:url(/graphics/icon-photo.gif) 0 center no-repeat;}
/*#contPri ul.articles li a, #contPri ul.photo li a {text-decoration:none;}*/
#contPri ul.sitemap ul li.subject {list-style-type:none; margin:5px 0 0 -15px;}

/*workshop photo display styles*/
#photobox {display:block; width:498px; height:285px; padding:0; border:1px solid #383838; margin:10px auto 0 auto; overflow:auto; background:#1d2327; }
#photobox1 {display:block; width:498px;  padding:0; border:1px solid #383838; margin:10px auto 0 auto; overflow:auto; background:#1d2327; }
#photobox1 img {border:1px solid #383838;}
#photobox2 {display:block; padding:10px; border:1px solid #383838; margin:10px; overflow:auto; background:#2D2C2C; width:500px; text-align:center;}
#photobox2 img {border:1px solid #383838;}
#photobox3 {display:block; padding:10px; border:1px solid #383838; margin:10px; overflow:auto; background:#2D2C2C; width:100px;}
#photobox31 {display:block; padding:10px; border:1px solid #383838; margin: 0 10px 0 20px; overflow:auto; background:#2D2C2C; width:210px; float:right;}
#photobox a:link img, #photobox a:visited img, #photobox1  a:link img,#photobox1 a:visited img {float:left; vertical-align:top; border:3px solid #fff; margin:7px;}
#photobox a:hover img, #photobox a:focus img, #photobox a:active img, #photobox1 a:hover img, #photobox1a:focus img, #photobox1 a:active img{border:3px solid #d0af86;}
#photobox4 {display:block; padding:10px; border:1px solid #383838; margin:10px; overflow:auto; background:#2D2C2C; width:555px; text-align:center;}
#photobox4 img {border:1px solid #383838;}
/*instructors*/
.instructor {float:left; width:442px; padding:20px 79px;}
.instructor p {float:left; margin:0; text-align:center;  width:200px; text-align: justify;}
.instructor p.first {margin-right:30px;}
.instructor a:link img, .instructor a:visited img {display:block; border:3px solid #fff; margin-bottom:0.5em;}
.instructor a:hover img, .instructor a:focus img, .instructor a:active img {border:3px solid #d0af86;}


/* Found in Secondary Content
----------------------------------- */

/*related & highlights */
#highlights, #contact-details {margin-top:0px;}
#related, #highlights {width:280px; padding:10px 0;}
#related li, #highlights li {position:relative; display:block; margin:0;}
#related a, #highlights a {display:block; padding:0 20px 0px 35px; text-decoration:none; background:url(/graphics/mininav-bullet.gif) 20px 7px no-repeat;}
#related a:hover, #highlights a:hover
#related a:focus, #highlights a:focus {background:#1d2327 url(/graphics/mininav-bullet-hover.gif) 20px 7px no-repeat;}

/*photos & photos_alt*/
#photos li, #photos-alt li, #photos-art li {float:left; padding:0px; margin:0 7px 10px 7px;}
#photos a img, #photos-alt a img, #photos-art a img {width:100px; height:75px; border:3px solid #fff;}
#photos-art a img {height:auto;}
#photos a:hover img, #photos-alt a:hover img, #photos-art a:hover img, #photos a:focus img, #photos-alt a:focus img, #photos-art a:focus img {border:3px solid #d0af86;}

/*quotes*/
#quotes div {padding:5px 23px; font-size:110%; font-weight:700; font-style:italic; color:#fff; background: transparent url(/graphics/quote-marks-sm.gif) 2px 2px no-repeat;}
#quotes p {margin:0 0px 3px 0;}
#quotes p.cite {text-align:right; font-size:90%; font-weight:normal;}

/*location & contact_details*/
.about #contact-details {margin-top:1em;}
#location, #contact-details {display:block; position:relative;}
#location li, #contact-details li {display:block; list-style-type:none; padding:0.15em 2px 0.15em 22px;}
#location li.address, #contact-details li.address {margin-bottom:5px; background:url(/graphics/icon-address.gif) no-repeat 0 0.3em;}
#location li.apply, #contact-details li.apply {background:url(/graphics/icon-apply.gif) no-repeat 0 0.3em;}
#location li.contact, #contact-details li.contact {background:url(/graphics/icon-contact.gif) no-repeat 0 0.3em;}
#location li.email, #contact-details li.email {background:url(/graphics/icon-email.gif) no-repeat 0 0.3em;}
#location li.tele, #contact-details li.tele {background:url(/graphics/icon-tele.gif) no-repeat 0 0.3em;}
#location li.mob, #contact-details li.mob {background:url(/graphics/icon-mob.gif) no-repeat 0 0.3em;}
#location em {font-size:90%; vertical-align:bottom;}

/*timetable*/
#timetable th {font-weight:bold;}
#timetable tr.last th {padding-top:15px;}
#timetable table span {font-size:80%;}
#timetable p {margin:10px 0px 0px 0; font-size:95%;}

/*highlights*/
#highlights li {margin:0.25em 0;}
	
/*thanks*/
#thanks {width:280px; padding:10px 0;}
#thanks div {padding:0 20px; text-align:justify; background:url(/graphics/basementlogo-150.gif) center 55% no-repeat;}
#thanks a {display:block; padding:0 20px 0px 35px; text-decoration:none; background:url(/graphics/mininav-bullet.gif) 20px 7px no-repeat;}
#thanks a:hover, #thanks a:focus, #thanks a:active {background:#1d2327 url(/graphics/mininav-bullet-hover.gif) 20px 7px no-repeat;}

/*ads*/
#ads h5 {padding-bottom:14px; color:#fff; background:url(/graphics/module-bkgd2.gif) no-repeat 50% 100%;}
#ads li {margin-bottom:4px;}
#ads a {display:block; padding:2px; margin-right:3px; border:1px solid transparent;}
#ads a:hover, #ads a:focus, #ads a:active {border:1px solid #fff; color:#000; background:#d0af86;}
#ads a img {padding:0 3px 0px 0; margin-bottom:-3px;}
	
/*site_info*/
#site-info {margin-top:0px;}
#site-info li {padding:5px 0;}

/*copyright*/
#copy a:link, #copy a:visited {text-decoration:underline;}


/* Application & Contact forms
----------------------------------- */

#form-wrapper {margin:15px auto;}

   fieldset {padding:10px; border:1px solid #4a4a4a; margin:10px 0px 20px 0;}
	label {float:left; width:180px; padding:3px 20px 3px 0; line-height:normal; text-align:right;}
   .text input, .select select, .text textarea {float:left; width:350px; padding:2px; border:1px solid #4a4a4a; margin:0; font-family:helvetica, arial, sans-serif; font-size:100%; color:#f90; background-color:#111;}
	.text textarea {height:7em;}
	.select select {width:353px;}
   p.alert {padding:5px; border:1px solid #f00; font-size:105%; font-weight:700; color:#f00; background:#000;}
   .send-btn {padding-left:200px;}
	.send-btn input {/*width:auto; border:1px solid #4a4a4a; font-weight:700; color:#f90; text-transform:uppercase; cursor:pointer;*/}
   
   input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active {border:1px solid #fff;}

	
/* ------------------------------------------------------------------------------------
-- FOOTER
------------------------------------------------------------------------------------ */

#footer {clear:both; border-top:1px solid #666; border-bottom:1px solid #666; background:#000;}
   #footer ul {font-size:11px;}
   #footer a {text-decoration:none;}
	
/*web_info*/
   #web-info {float:right; width:280px; padding:10px 0;}
	#web-info h5 {height:25px; margin-bottom:10px; font-size:120%; font-weight:700; color:#fff; text-align:center;}
   #web-info ul {margin-bottom:10px;}
   #web-info a:link, #web-info a:visited {display:block; padding:0 20px 0px 35px; color:#0099ff; background:#000 url(/graphics/webinfo-bullet.gif) 20px center no-repeat;}
   #web-info a:hover, #web-info a:focus, #web-info a:active {color:#00ccff; background-image:url(/graphics/webinfo-bullet-hover.gif);}
   #web-info div {width:240px; margin:0 auto;}
   #web-info div a, #web-info div a:visited {display:inline; padding:0; margin:0 1px; background:none;}
   #web-info div a:hover {background:none;}
	

/* ------------------------------------------------------------------------------------
-- SELF-CLEARING FLOATS
------------------------------------------------------------------------------------ */

#navMain:after,
#content:after,
#ads:after,
#footer:after,
#photobox:after,
.module:after,
.box:after,
.event:after,
.clink:after,
.top:after,
fieldset p:after {
	content:"."; display:block; height:0; font-size:0; line-height:0; clear:both; visibility:hidden;
}
/* ------------------------------------------------------------------------------------
-- Home
------------------------------------------------------------------------------------ */
.ram {border:1px solid #FFFFFF;}
.nadpis {height:auto; display:block; margin:0 0 0.5em; font-size:150%; font-weight:normal; line-height:1.4em; color:#f90; text-align:left;}
.nadpis2 {height:auto; display:block; margin:0 0 0.5em; font-size:90%; font-weight:bold; line-height:1.4em; color:#ccc; text-align:left;}
.nadpis3 {height:auto; display:block;  font-size:110%; line-height:1.4em; color:#fff; text-align:left; font-weight:bold; text-align:center; }
/* ------------------------------------------------------------------------------------
-- timetables
------------------------------------------------------------------------------------ */
.timetables1 {height:auto; display:block; padding:0 0 0 30px; font-size:90%; line-height:1.4em; color:#ccc; text-align:left;}
.timetables2 {height:auto; display:block;  font-size:100%; line-height:1.4em; color:#fff; text-align:left; font-weight:bold;}
.timetables3 {height:auto; display:block; padding:0 0 0 30px; font-size:80%; line-height:1.4em; color:#fff; text-align:justify;}
.timetables4 {height:auto; display:block; padding:0 0 0 30px; font-size:80%; line-height:1.4em; color:#ccc; text-align:left;}
.altime {border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; padding: 10px 50px;}
/* ------------------------------------------------------------------------------------
-- upcoming
------------------------------------------------------------------------------------ */
.click { font-size:80%;   color:#ccc; text-decoration:none; font-weight:normal; padding:0 0 0 10px;}
.seznam { margin:0 40px; font-size:110%; text-decoration:none;}
.seznam a {text-decoration:none;}
.whit {font-size:90%;   color:#fff; text-decoration:none; margin:10px ;}
.nadpis1 {height:auto; display:block; margin:0.5em 0.5em 0.5em; font-size:80%; font-weight:bold; line-height:1.4em; color:#d0af86; text-align:left;}
.nadpis11 {height:auto; display:block; margin:20px 10px 0 10px; font-size:120%; font-weight:normal; line-height:1.4em; color:#d0af86; text-align:left;}
.floatright1 {float:right; margin:0 10px 5px 5px; font-size:80%;}
.floatleft1 {float:left; margin:0px 0px 5px 10px; font-size:80%;}
.smaller {font-size:90%;  color:#d0af86; text-decoration:none; }
.smaller1 {font-size:80%;  color:#fff; text-decoration:none;}
.packit {font-size:90%; padding: 0px 0px 0px 35px;}
.packit1 { padding: 0px 0px 0px 35px;}
.packit2 { padding: 0px 0px 0px 15px; font-size:90%;}
.fla {position: relative; z-index: 5; margin:  0px 0px 0px 45px;}
.linka a:link, .linka a:visited{text-decoration:underline;}
.linka a:hover,.linka a:focus, .linka a:active {text-decoration:none;}

.flash10 { position:absolute; top: 200px; left:150px}

.years {clear:both; position:relative; padding:10px; border:1px solid #383838; margin: 0 10px 0 10px; text-align:justify; width:85%; text-align:justify; background:url(/graphics/content-bkgd-1.gif)}
.years em {position:absolute; top:-1px; right:-1px; display:block; width:15px; height:15px; background:url(/graphics/box-bkgd-1.gif) center no-repeat;}
.years-alt {text-align:right; margin: 10px 0 0 20px; font-weight:bold;}

.justify {text-align:justify;}
.pict {border:1px solid #666;}
.pict2 {border:1px solid #fff; margin: 0 10px 0 5px;}

.boxau1 {clear:both;  padding:10px 10px 10px 75px; border:1px solid #383838; margin:10px 18px; background:#272727; width:444px;;} 
.boxau1 img {margin: 0 20px 0 0;}
.boxau {clear:both; position:relative; padding:10px; border:1px solid #383838; margin:2em 50px; background:#272727; width:65%;} 
.boxau em, .boxau1 em {position:absolute; top:-1px; right:-1px; display:block; width:15px; height:15px; background:url(/graphics/box-bkgd.gif) center no-repeat;}
/* ----------------------------Past--------------------------------- */
#past {text-align:justify;}
/* ------------------------------------------------------------------------------------
-- VIDEO
------------------------------------------------------------------------------------ */
#videos2 h2 { height:auto; margin:0 0 0.5em; font-size:110%; font-weight:normal; color:#f90; padding: 0 0 0 10px; border-top:1px dashed #333;}
#videos2 {  width: 560px; padding: 0 10px 10px 0px; margin: 0 5px 10px 5px;}
#videos2 li {display:block; padding:3px 0; border:1px solid #333; background-color:#20272b;}
.videos21 {height:auto; margin:0 0 0.5em; font-size:110%; font-weight:normal; color:#f90; padding: 0px 10px 0 10px; }
#video1 {margin: 0 0 0 -35px;}

#video {margin: 0 0 0 40px;}

#videoshow { margin: 10px 10px;  width: 98%; text-align:center;}

#artic ul {margin: 10px 50px;}
#greek {margin: 0 0 30px 100px;}
#mezera {padding: 10px 0 0 0;}

#contact1 {margin: 25px 0 0 0;}

#diana img {border: 1px solid #ccc; margin: 5px 0 0 130px; }
.uprostred {margin: 0 0 0 188px;}
#oscar { width: 550px; text-align:center;}
#oscar img{border: 1px solid #ccc; margin: 5px 0 0 5px;}
.floatleft2 {float:left; padding: 10px 20px 0 10px;}
/* ------facebook-------------- */
.facebook {margin: 30px 10px 0 10px; color:#3b5997;}
.facebook em {float:left; display:block; width:60px; height:17px; background:url(/graphics/facebook.gif) center no-repeat; margin: 0 5px 0 0;}