/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif;	color: #000000; font-size: 12px;	line-height: 18px;
	background: none; 
}

address { font-style: normal; }


/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #C2221F; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }

img { border: none; }
a img { border: none; }
a { outline: none !important; }

img.right { float: right; margin-left: 15px; margin-bottom: 5px; }
img.left { float: left; margin-right: 18px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: visible; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/*****************/
/* EVENT CLASSES */
/*****************/
.clickable {}
._blank {}


/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #F4F4F5 url(/img/body-bg.png) repeat-x left top; color: #1F1F1F; font-size: 12px; line-height: 18px; }
h1 { font-size: 25px; line-height: 35px; color: #3b2a5f; font-weight: normal; letter-spacing: -1px; padding-bottom: 12px; }
h4 { font-size: 25px; line-height: 35px; color: #3b2a5f; font-weight: normal; letter-spacing: -1px; padding-bottom: 12px; }
h2 { font-size: 14px; font-weight: bold; color: #373737; font-weight: bold; padding-bottom: 5px; }
h2 a { color: #373737; }
h3 { font-size: 12px; font-weight: bold; color: #373737; }
p { padding-bottom: 1em; }
ul { list-style: none; padding-bottom: 1em; }
ul li { background: url(/img/li.png) no-repeat left 8px; padding: 2px 5px 2px 14px; }
ol { margin-left: 2em; padding-bottom: 1em; }
a { color: #C00629; text-decoration: underline; }
a:hover { color: #8454a0; }
.intro { font-size: 14px; color: #1f1f1f; line-height: 20px; }
ul.intro li { background-position: left 10px; position: relative; float: left; width: 420px; padding: 2px 20px 10px 12px; }
ul.intro li h2 a { color: #c00629; }
ul.intro li h2 a:hover { color: #8454a0; }
ul.intro li p { font-size: 12px; line-height: 1.4; padding: 0; height: 34px; overflow: hidden; }
ul.intro li p.more { margin: 5px 0 8px; height: auto; }

.hr-line { background: transparent url(/img/dotted.png) repeat-x left bottom; margin-bottom: 1em; }

/**********/
/* BUTTON */
/**********/
.button { text-decoration: none; }
.button span { background: url(/img/button-red.png) right center no-repeat; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; height: 15px; line-height: 15px; font-size: 11px; color: #FFFFFF; padding: 0px 7px 0px 0px; }
.button span span {  padding-left: 8px; background: #cc2d66 url(/img/button-red-repeat.png) 0 50% repeat-x; white-space: nowrap; }
a.button:hover span span { text-decoration: underline; cursor: pointer; }

/* COLORS */
.button.blue span { background-image: url(/img/button-blue.png); }
.button.blue span span { background: #784796 url(/img/button-blue-repeat.png) 0 50% repeat-x; }

/* SIZE */
.button.middle span { height: 17px; line-height: 17px; padding-right: 8px; }
.button.big span { height: 19px; line-height: 19px; padding-right: 9px; font-size: 12px; font-weight: bold; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { text-align: left; width: 908px; margin: 0px auto; position: relative; background: url(/img/page-bg-1.jpg) 50% top no-repeat; }
.section-kurzy #page-wrapper { background-image: url(/img/page-bg-2.jpg); }
.section-clanky #page-wrapper { background-image: url(/img/page-bg-3.jpg); }
.section-kontakt #page-wrapper { background-image: url(/img/page-bg-4.jpg); }
.section-o-nas #page-wrapper { background-image: url(/img/page-bg-5.jpg); }
.section-rekli-o-nas #page-wrapper { background-image: url(/img/page-bg-6.jpg); }

#main-content { width: 590px; float: left; margin-right: 30px; padding-bottom: 30px; }
#right-column { width: 285px; float: right; }

#main-content.wide { float: none; width: auto; margin-right: 0px; }

p.description { display: block; margin-top: -22px; margin-bottom: 14px; }

/********/
/* GRID */
/********/
.grid-1-1 {}
.grid-1-1 .cell { width: 49%; float: left; padding-bottom: 1em; }
.grid-1-1 .cell.first { margin-right: 1%; }
.grid-1-1 ul li { font-size: 12px; line-height:200%; }

/* ORNAMENT */
#ornament { background: url(/img/ornament.jpg) 50% 0 no-repeat; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 380px; }

/********/
/* LOGO */
/********/
#logo,
#logo * { display: block; width: 212px; height: 45px; overflow: hidden; padding: 0px; margin: 0px; }
#logo { padding: 40px 0px 0px 0; }

/*********/
/* CLAIM */
/*********/
#title { width: 197px; background: url(/img/title-claim.png) no-repeat left top; position: absolute; top: 100px; left: 689px; padding: 0px; margin: 0px; }
#title em { visibility: hidden; display: block; width: 197px; height: 84px; padding: 0px 0px 20px 0px; }
#title a { position: relative; left: 30px; }

 

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { border-top: 3px solid #c6c6c7; font-size: 11px; color: #888888; padding: 5px 5px 20px 5px; }
#footer a { color: #888888; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#giant { float: right; }
#giant a:hover { text-decoration: none; }
#giant strong { background: url(/img/logo-giant.png) no-repeat left center; padding: 4px 0px 5px 22px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 227px; height: 258px; position: absolute; top: 95px; left: -20px; overflow: hidden; }
#menu div { width: 227px; height: 258px; background: url(/img/menu-bg.png) no-repeat left top; }
#menu ul { width: 173px; position: absolute; top: 53px; left: 46px; margin: 0px; padding: 0px; }
#menu li { list-style: none; padding: 0px; margin: 0px; height: 28px; overflow: hidden; float: left; background: none; background-color: #C7007E; }
#menu a { font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: none; font-style: italic; display: block; padding: 0px 0px 0px 29px; width: 144px; height: 27px; line-height: 24px; position: relative; }
#menu a:hover { color: #142a38; }
#menu span { display: block; width: 173px; height: 28px; overflow: hidden; position: absolute; top: 0px; left: 0px; background: url(/img/menu-sprite.png) no-repeat left top; cursor: pointer; }
#menu a:hover span { background-position: right top; }

/* CUSTOM PARAMS */
#menu-homepage,
#menu-homepage span,
#menu-kurzy,
#menu-kurzy span,
#menu-rekli-o-nas,
#menu-rekli-o-nas span,
#menu-clanky,
#menu-clanky span { width: 160px; overflow: hidden; }
#menu-o-nas,
#menu-o-nas span { width: 140px; overflow: hidden; }
#menu-kontakt,
#menu-kontakt span { width: 120px; overflow: hidden; }

#menu-homepage a:hover span { background-position: -173px 0; }
#menu-kurzy span { background-position: 0px -27px; }
#menu-rekli-o-nas span { background-position: 0px -54px; }
#menu-clanky span { background-position: 0px -81px; }
#menu-o-nas span { background-position: 0px -108px; }
#menu-kontakt span { background-position: 0px -135px; }

/* HOVER */
#menu-homepage {}
#menu-kurzy.active a span,
#menu-kurzy a:hover span { background-position: -173px -27px; }
#menu-rekli-o-nas.active a span,
#menu-rekli-o-nas a:hover span { background-position: -173px -54px; }
#menu-clanky.active a span,
#menu-clanky a:hover span { background-position: -173px -81px; }
#menu-o-nas.active a span,
#menu-o-nas a:hover span { background-position: -173px -108px; }
#menu-kontakt.active a span,
#menu-kontakt a:hover span { background-position: -173px -135px; }


/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column { font-size: 11px; color: #1F1F1F; padding-bottom: 20px; }

/*********/
/* BLOCK */
/*********/
.block {}
.block h2 { font-size: 22px; font-weight: normal; letter-spacing: -1px; line-height: 37px; padding-bottom: 5px; }
.block p { padding-bottom: 4px; }

/*****************/
/* BLOCK COURSES */
/*****************/
#block-courses h2 { background: url(/img/title-kurzy.png) no-repeat left 5px; text-indent: -10000px; overflow: hidden; width: 159px; height: 26px; padding-top: 5px; }
#block-courses ul { padding-bottom: 5px; width: 285px; }
#block-courses li { background: #d1d1d1 url(/img/block-course-bg-bottom.jpg) center bottom no-repeat; padding: 0 0 6px; position: relative; margin-top: 7px; }
#block-courses h3 { font-size: 13px; color: #1f1f1f; background: url(/img/block-course-bg-top.png) center top no-repeat; padding: 10px 85px 5px 12px; }
#block-courses p { padding: 3px 14px 7px; line-height: 1.3; }
#block-courses .register { width: 62px; position: absolute; top: 8px; right: 10px; background: #cc2d66 url(/img/button-red-repeat.png) 0 50% repeat-x; text-align: center; padding: 1px 2px; }
#block-courses .register a { color: #fff; font-size: 11px; text-decoration: none; }
#block-courses .register a:hover { text-decoration: underline; }
#block-courses .date { float: right; position: relative; }
#block-courses .more { color: #C00629; }
#block-courses .more a:hover { color: #C00629; }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content {}

.cell li { font-size: 11px; line-height: 20px; background-position: left 7px; padding-right: 0px; }

.special dt { font-size: 14px; font-weight: bold; padding-bottom: 2px; }
.special dd { padding-bottom: 1.5em; }

h1.no-sifr { text-indent: -10000px; background: url(/img/hp-title.png) no-repeat 1px 5px; width: 420px; height: 29px; padding-top: 5px; padding-bottom: 20px; }

/**************/
/* ICON BLOCK */
/**************/
.icon-block { font-size: 11px; padding-top: 1em; }
.icon-block h2 { font-size: 21px; letter-spacing: -1px; font-weight: normal; line-height: 23px; padding-bottom: 3px; }
.icon-block p { padding-bottom: 3px; }
.icon-block .content { min-height: 80px; padding-left: 128px; padding-right: 5px; background-position: left top; background-repeat: no-repeat; }
.icon-block .ico-book { background-image: url(/img/book.jpg); }
.icon-block .ico-smiley { background-image: url(/img/smiley.jpg); }

/*********/
/* TABLE */
/*********/
table { border-collapse: collapse; margin-bottom: 1em; margin-top: 1em; }
tr { background: url(/img/dotted.png) repeat-x left bottom; }
th { text-align: left; vertical-align: bottom; padding: 3px 10px; }
td { vertical-align: top; padding: 6px 10px 7px 10px; }
thead tr { background: none; }
thead th { border-bottom: 2px solid #8454a0; white-space: nowrap; }
td.price { text-align: right; white-space: nowrap; }
th.price { text-align: center; }

/* course terms */
table.course-terms { margin-top: 0; }
table.course-terms caption { font-size: 14px; font-weight: bold; color: #373737; font-weight: bold; text-align: left; padding: 15px 0 5px; border-bottom: 1px solid #d9ebef; }

/********/
/* FORM */
/********/
form {}
button { border: none; background: none; cursor: default; }
form table { margin: 0px; }
form label { line-height: 20px; padding-right: 10px; padding-top: 1px; }
form tr { background: none; }
form td { padding: 5px 0px 5px 0px; vertical-align: middle; }
form td.top { vertical-align: top; }
form td.col { padding-right: 40px; }
form table label { display: block; }
form, .input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.input, textarea { border: 1px solid #DEDBD8; background-color: #FFFFFF; padding: 3px 5px; }
.input { width: 150px; }
.input.short { width: 50px; }
textarea { width: 96%; }


/***********/
/* OVERLAY */
/***********/
#overlay { display: none; position: absolute; top: 0px; left: 0px; background-color: #000000; width: 100%; }
#overlay-position { display: none; top: 50%; left: 50%; width: 1px; height: 1px; overflow: visible; position: absolute; }
#overlay-box { width: 490px; height: 480px; padding: 10px 0px 10px 10px; position: absolute; top: -250px; left: -250px; background-color: #FFFFFF; text-align: left; border: 1px solid #999999; }
#overlay-content { width: 480px; height: 480px; padding: 0px 10px 0px 0px; overflow: auto; }
#closebox { width: 30px; height: 30px; cursor: pointer; display: block; background: url(/img/closebox.png) no-repeat left top; position: absolute; top: -15px; left: -15px;  }


/************/
/*    vl    */
/************/
.otazka { font-weight:bold; padding-top:15pt; padding-bottom:3pt; }
.odpoved { font-weight:normal; padding-top:0pt; }