/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.4;color:#000}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#F3F3F3}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#F3F3F3 url(../gfx/body-bg.png) repeat-x 0 0;padding:37px 0 20px}

/* odkazy */
a {color:#80980C;text-decoration:underline}
a:hover {color:#394606;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}
a.arrow-r {font-weight:bold;padding:0 30px 0 0;background:url(../gfx/arrow-r.png) no-repeat 100% 60%}
a.arrow-l {font-weight:bold;padding:0 0 0 30px;background:url(../gfx/arrow-l.png) no-repeat 0 60%}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:980px;margin:0 auto}


/* lista prihlaseny uzivatel */
.options {font-size:1.2em;background:#F3F3F3;padding:0 0 10px;float:right}
.options ul {float:left;margin:10px 15px 0 0}
.options ul li {float:left;padding:0 10px}
.options ul li.odd {background:url(../gfx/li-odd-bg.png) no-repeat 0 0;padding:0 10px 0 12px}
.options span.login {float:left;background:#EAEAEA;padding:10px}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height:240px;background:url(../gfx/header-bg.jpg) no-repeat;position:relative;clear:both}

.header a.logo, a.logo span {display:block;width:0;height:125px;padding-left:740px;overflow:hidden;position:relative;margin:0 0 0 50px}
a.logo span {position:absolute;top:0;left:0;background:url(../gfx/logo-bg.png) no-repeat;margin:0;cursor:pointer}
a.logo span { behavior: url(../js/iepngfix.htc) }
.lang-switch {float: left; margin-bottom: 10px;}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {background:#fff url(../gfx/content-bg.png) repeat-x 0 1px;padding:15px 30px 50px; min-height: 400px; _height: 400px;}

.content h1 {font-size:2.2em;color:#7B9621;font-weight:normal;margin:25px 0 10px}
.content p {font-size:1.2em;margin:0 0 15px}

/* sloupce */
.content .col-1 {float:left;width:400px;padding:40px 0 0}
.content .col-2 {float:right;width:450px;padding:40px 0 0}
.wide .col-1 {width:100%}

/* formular */
.content form fieldset {background:#F5F5F5;border:1px solid #E0E0E0;padding:30px;position:relative;margin:0 0 15px}
.content form fieldset h2 {font-size:1.4em;font-weight:bold;margin:-25px 0 22px;position:relative;top:-13px}
.content form fieldset h2 span {background:#ddd;font-weight:bold;padding:7px 20px}
.content form label {font-size:1.2em;display:block;margin:15px 0 5px;}
.content form input.txt {display:block;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-top:1px solid #BDBDBD;border-left:1px solid #BDBDBD;width:300px;padding:3px 2px;height:17px;font: normal 1.2em/1 Arial,Tahoma,sans-serif}
.content form input.small {width:100px}
.content form select.small {width:100px}
.content form textarea {display:block;width:400px;height:150px;padding:2px;font: normal 1.2em/1 Arial,Tahoma,sans-serif;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-top:1px solid #BDBDBD;border-left:1px solid #BDBDBD}
.content form select {display:block;width:300px;padding: 3px 2px;}
.content form input.submit {display:block;background:url(../gfx/submit-bg.png) repeat-x;border:0 none;color:#fff;text-align:center;font: normal 1.3em/1 Arial,Tahoma,sans-serif;cursor:pointer;height:40px;margin:15px 0 0}
.content form a.float-r {font-weight:bold;font-size:1.2em;margin:30px 30px 0}
.content form input.err {background: #faa;}
.content form div.err {color: #f00; margin: 2px 0;}
.content form label.error {margin-top: 2px;}

/* vyhody registrace */
.content .benefits {background:#FAFAFA;border:1px solid #F4F4F4;padding:30px}
.content .benefits h2 {font-size:1.4em;color:#fff;font-weight:bold;margin:-37px 0 35px}
.content .benefits h2 span {background:url(../gfx/benefits-h2-bg.png) repeat-x 0 0;padding:7px 10px}
.content .benefits ul {margin:0 0 30px;font-size:1.2em;line-height:1.2}
.content .benefits ul li {margin:20px 0 0;background:url(../gfx/li-bg.png) no-repeat 0 0;padding:0 0 0 30px}
.content .benefits a {display:block;width:224px;height:42px;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;background:url(../gfx/registration-bg.png) no-repeat;margin:0 auto;line-height:42px;text-decoration:none}
.content .benefits a:hover {color:#DFE8F4;text-decoration:none}
.content .benefits a span {background:url(../gfx/registration-span-bg.png) no-repeat 100% 50%;padding:0 20px 0 0}

/* nastaveni */
.settings form fieldset h2 {margin:0;position:static;padding:0 0 15px}
.settings form p {clear:left;padding:5px 0;margin:0}
.settings form p.noinput {padding:10px 0}
.settings form label {float:left;width:120px;font-size:1em;margin:5px 0 0}
.settings form p.noinput label {margin:0}
.settings form input.submit {font-size:1em;margin:15px 0 0 120px}
.settings span.hint {padding-left:120px;}
.settings ul.tabs {font-size:1.2em;text-align:center;padding:0 0 0 30px} 
.settings ul.tabs li {float:left;margin:0 3px 0 0;font-weight:bold}
.settings ul.tabs li a {float:left;color:#fff;padding:10px 30px;background:url(../gfx/tab-bg.png) repeat-x;border:1px solid #6E830F;border-width:1px 1px 0;}
.settings ul.tabs li a:hover, .settings ul.tabs li.active a {background:url(../gfx/tab-active-bg.png) repeat-x;color:#000;text-decoration:none;position:relative;top:1px;border:1px solid #F4F4F4;border-width:1px 1px 0;z-index:99}

/* lekce */
.lesson form fieldset h2 {font-size:1.4em;font-weight:bold;margin:-25px 0 22px;position:relative;top:-13px;padding:0}
.lesson form {margin:40px 0 0}
.lesson form fieldset {padding-bottom:15px}

/* kalendar */
table.calendar {width:100%;background:#FAFAFA;border-bottom:10px solid #7D950F;margin:15px 0}
table.calendar th {font-size:1.2em;color:#fff;font-weight:bold;text-align:center;background:url(../gfx/calendar-th-bg.png) repeat-x;border-left:1px solid #768D20}
table.calendar td {font-size:1.1em;text-align:center;border:1px solid #EAEAEA;border-width:0 1px 1px 1px;border-bottom:1px solid #999}
table.calendar td.lesson {font-size:1em;background:url(../gfx/td-lesson-bg.png) repeat}
table.calendar td a {text-transform:uppercase;color:#fff;font-weight:bold}
table.calendar td a:hover {color:#fff}
table.calendar th, table.calendar td {padding-top:10px; padding-bottom:10px}
table.calendar td.left {text-align:left}

.my-lessons {margin-bottom: 40px;}
.my-lessons span {font-size:1.2em;}
.my-lessons h2 {font-size:2.2em;color:#7A9620;font-weight:normal;margin:15px 0}
.my-lessons ul {line-height:1.2;font-size:1.2em;margin:0 0 0 15px}
.my-lessons ul li {margin:20px 0 0;background:url(../gfx/li-bg.png) no-repeat 0 0;padding:0 0 0 30px}
.my-lessons a.delete {background:url(../gfx/ico-delete.png) no-repeat 0 50%;padding:0 0 0 15px;margin:0 0 0 30px}
a.delete {background:url(../gfx/ico-delete.png) no-repeat 0 50%;padding:0 0 0 15px;margin:0 0 0 30px}

/* info lista */
.info {background:url(../gfx/info-bg.png) repeat-x 0 100%;margin:0 0 25px}

/* seznam treneru */
.list .pad {background:url(../gfx/info-bg.png) repeat-x 0 0;padding:25px 0 0;margin:25px 0 0}
.list form fieldset h2 {margin-bottom:0}
.list form fieldset {padding:30px 10px 15px 30px}
.list form fieldset input.txt {width:200px;display:inline;margin:15px 15px 0 0;font-style:italic}
.list form fieldset input.submit {display:inline}

.list .box {background:#FAFAFA;border:1px solid #EBEBEB;padding:10px;position:relative;margin:0 0 15px}
.list .box img {float:left;border:3px solid #E5E5E5;padding:1px;margin:0 15px 0 0}
.list .box a:hover img {border-color:#CECECE}
.list .box h2 {font-size:1.8em;color:#7A9620;font-weight:normal;margin:0 0 10px}
.list .box p {margin:0 0 8px}
.list .box a.choose {position:absolute;top:10px;right:10px;display:block;padding:8px 8px 8px 10px;background:#7A910C;border:1px solid #fff;color:#fff;font-weight:bold;font-size:1.2em}
.list .box a.profile {position:absolute;top:45px;right:25px;font-size:1.2em}

.list .col-2 h2 {font-size:1.4em;color:#000;font-weight:bold;margin:0 0 15px}
.list .col-2 table {width:100%}
.list .col-2 table td, .list .col-2 table th {padding:15px;background:#F2F2F2}
.list .col-2 table th {font-weight:bold;text-align:left;font-size:1.3em;border-bottom:5px solid #fff}
.list .col-2 table td {text-align:right;font-size:1.2em;border-bottom:5px solid #fff}
.list .col-2 .map {margin:30px 0}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {background:#fff url(../gfx/footer-bg.jpg) no-repeat 0 100%;padding:0 0 50px 0;clear:both}
.footer p {background:url(../gfx/footer-p-bg.jpg) no-repeat 50% 0;padding:130px 0 0 0;text-align:center;font-size:1.2em}
.footer p span {color:#8EAC28}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */
.highlight1 {background:#009933}
.highlight2 {background:#CC0000}
.highlight3 {background:#006699}
.highlight4 {background:#FF8800}
.highlight1, .highlight2, .highlight3, .highlight4 {color:#fff;padding:0 2px}

div.ok {padding:10px;font-size:1.2em;background:#EBF9DF;border:1px solid #A0E469;margin:15px 0;color:#3A6A1E}
div.error {padding:10px;font-size:1.2em;background:#FFE2D9;border:1px solid #CC3300;margin:15px 0;color:#CC3300}

div#map {margin:30px 0; padding: 0px; background: #52a53c url(../img/mapa-cr-bg.gif) top left no-repeat; background-position: 628px -1358px; width: 314px; height: 194px; font-size: 1px;}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
.clr {clear:both;height:0;font-size:0;line-height:0}

/* hacky */
div#dashboard-left {float: left; width: 550px;}
div#dashboard-left h2 {margin-top: 0;}
div#dashboard-right {float: right; width: 350px;}
div#dashboard-right div.infobox {width: 276px; height: 200px; background: #eee; border: solid 2px #ddd; float: right; text-align: center; padding: 20px 10px; font-size: 14px; margin-bottom: 10px;}

/* reklama */
div.ad-rectangle {width: 300px; height: 300px; xbackground: #ddd;}
div.ad-fullbanner {width: 468px; height: 60px; xbackground: #ddd;}

/* formulare */
input.error { border: 1px solid red; }
label.error {color: #f00;}
label.valid {color: #0f0;}