/* ----------------------------------------------------------------------------------------------------------
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:#373D46}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#fff}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#fff}

/* odkazy */
a {color:#3B5BA5;text-decoration:underline}
a:hover {color:#3B5BA5;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}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:966px;margin-left:20px;background:url(../img/wrapper-bg.png) repeat-x 0 93px}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height:114px;background:url(../img/header-bg.jpg) no-repeat;position:relative}

.header a.top, .header a.top span {width:139px;height:84px;display:block;position:absolute;top:5px;left:10px;overflow:hidden;font-size:1.3em}
.header a.top span {top:0;left:0;background:url(../img/a-top-bg.png) no-repeat}

.header .nav-top {padding:10px 0 0 185px;font-size:1.1em}
.header .nav-top li {border-left:1px dotted #E01698;border-right:1px dotted #E01698;display:inline}
.header .nav-top a {color:#4F6275;text-decoration:none;padding:0 8px}
.header .nav-top a:hover {color:#4F6275;text-decoration:underline}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.nav {position:absolute;top:88px;left:182px;height:26px;font-size:1.2em;border-left:1px dotted #fff}
.nav li {float:left;border-right:1px dotted #fff;padding:0 1px}
.nav li a {color:#fff;text-decoration:none;float:left;padding:4px 5px 5px;border-top:5px solid #fff}
.nav li a:hover {color:#fff;text-decoration:underline}
.nav li.active a {color:#C30C65;text-decoration:none;font-weight:bold;background:#fff;border-top:5px solid #C30C65}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {width:766px;float:right;margin:27px 0 0}
.content.background {background:#F5F7FA}
.content div.inner {width:562px}

.content h1 {color:#C30C65;background:#fff;font-size:1.8em}
.content h2 {font-size:1.2em;color:#373D46;font-weight:bold}

.content h1.img, .content h1.img span {width:562px;height:165px;display:block;position:relative;overflow:hidden;font-size:1.8em}
.content h1.img span {position:absolute;top:0;left:0;background:url(../img/h1-moje-aak.jpg) no-repeat}
.content h2 {border-top:1px dotted #4F6275;padding:10px 15px 0}
.content p {padding:10px 15px 5px;font-size:1.2em}

.content ul {padding:0 10px 15px 40px;font-size:1.2em;line-height:1.4;border-bottom:1px dotted #4F6275}
.content ul li {background:url(../img/dot.png) no-repeat 0 60%;padding:0 0 0 10px}

.content form.login {padding:30px 0 0 100px}
.content form.login p {padding:5px;clear:left;width:300px}
.content form.login p label {float:left;width:120px;text-align:right;font-weight:bold;padding:2px 5px 0 0}
.content form.login p input.txt {border:1px solid #30302E;width:170px}
.content form.login p input.submit {width:100px;height:22px;border:0;background:transparent url(../img/submit-bg.png) no-repeat 100% 0;color:#7D95A7;font-size:0.92em;cursor:pointer}
.content form.login p.right {padding-bottom:0}


/* ----------------------------------------------------------------------------------------------------------
obsah 2
---------------------------------------------------------------------------------------------------------- */

.content2 {width:766px;float:right;margin:27px 0 0}
.content2.background {background:#F5F7FA}
.content2 div.inner {width:562px}

.content2 h1 {color:#C30C65;background:#fff;font-size:1.8em}
.content2 h2 {font-size:1.2em;color:#373D46;font-weight:bold}

.content2 h1.img, .content h1.img span {width:562px;height:165px;display:block;position:relative;overflow:hidden;font-size:1.8em}
.content2 h1.img span {position:absolute;top:0;left:0;background:url(../img/h1-moje-aak.jpg) no-repeat}
.content2 h2 {border-top:1px dotted #4F6275;padding:10px 15px 0}
.content2 p {padding:10px 15px 5px;font-size:1.2em}

.content2 ul {padding:0 10px 15px 40px;font-size:1.2em;line-height:1.4;border-bottom:1px dotted #4F6275}
.content2 ul li {background:url(../img/dot.png) no-repeat 0 60%;padding:0 0 0 10px}

.content2 form.login {padding:30px 0 0 100px}
.content2 form.login p {padding:5px;clear:left;width:300px}
.content2 form.login p label {float:left;width:300px;text-align:right;font-weight:bold;padding:2px 5px 0 0}
.content2 form.login p input.txt {border:1px solid #30302E;width:170px}
.content2 form.login p input.submit {width:100px;height:22px;border:0;background:transparent url(../img/submit-bg.png) no-repeat 100% 0;color:#7D95A7;font-size:0.92em;cursor:pointer}
.content2 form.login p.right {padding-bottom:0}

/* podstranky - tabulka */
.moje-kurzy {width:1570px}
.moje-kurzy .content {width:1360px;background:transparent}
.moje-kurzy .content table {width:100%;font-size:1.2em;text-align:center;line-height:1.4;margin:20px 0}
.moje-kurzy .content table th, .moje-kurzy .content table td {padding:10px 8px;border-bottom:1px dotted #4E6378}
.moje-kurzy .content table td {background:#F6F7FB url(../img/table-cell-bg.png) repeat-y 100% 0}
.moje-kurzy .content table td.highlight {color:#C40E65}
.moje-kurzy .content table td.highlight2 {color:#57BE17}
.moje-kurzy .content table th {background:#E2E6F1 url(../img/table-cell-bg.png) repeat-y 100% 0;border-top:4px solid #BBC7E1}
.moje-kurzy .content table .nobg {background-image:none}
.moje-kurzy .content table a {color:#373E46}

/* formular - osobni udaje */
.content form.info {margin:20px 0 10px;border-top:4px solid #BBC6E0;border-bottom:4px solid #BBC6E0}
.content form.info fieldset {background:#F5F7FA;clear:both}
.content form.info p {padding:5px;clear:left;border-bottom:1px dotted #4F6275}
.content form.info p label {float:left;width:135px;padding:2px 0 0 8px}

.content form.info p input.txt {border:1px solid #728191;width:380px;background:#E2E6F1}
.content form.info p input.w160 {width:160px}
.content form.info p input.w50 {width:50px}
.content form.info p select {width:200px}
.content form.info p.sub {border:0;background:#fff;padding:15px 0}
.content form.info p.sub input.submit {width:100px;height:22px;border:0;background:transparent url(../img/submit-bg.png) no-repeat 100% 0;color:#7D95A7;font-size:0.92em;text-align:left;cursor:pointer}

.content form.info div.clearfix {background:#E2E6F1;border-bottom:1px dotted #4F6275}
.content form.info h2 {float:left;padding:10px;width:128px;border:0}
.content form.info span.float-l {font-size:1.2em;color:#C30C65;background:#E2E6F1;padding:11px 0 0}


/* formular - dotaznik */
.content2 form.info {margin:20px 0 10px;border-top:4px solid #BBC6E0;border-bottom:4px solid #BBC6E0}
.content2 form.info fieldset {background:#F5F7FA;clear:both}
.content2 form.info p {padding:5px 5px 5px 16px;clear:left;border-bottom:1px dotted #4F6275}
.content2 form.info p label {float:left;width:340px;padding:2px 0 0 0px}

.content2 form.info p input.txt {border:1px solid #728191;width:380px;background:#E2E6F1}
.content2 form.info p input.w160 {width:160px}
.content2 form.info p input.w50 {width:50px}
.content2 form.info p select {width:200px}
.content2 form.info p.sub {border:0;background:#fff;padding:15px 0}
.content2 form.info p.sub input.submit {width:100px;height:22px;border:0;background:transparent url(../img/submit-bg.png) no-repeat 100% 0;color:#7D95A7;font-size:0.92em;text-align:left;cursor:pointer}

.content2 form.info div.clearfix {background:#E2E6F1;border-bottom:1px dotted #4F6275}
.content2 form.info h2 {float:left;padding:10px;width:500px;border:0}
.content2 form.info span.float-l {font-size:1.2em;color:#C30C65;background:#E2E6F1;padding:11px 0 0}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:180px;float:left;padding-right:20px;font-size:1.1em}

.sidebar .box {background:#BBC6E0;margin:0 0 15px}
.sidebar .box h2 {font-size:1em;font-weight:bold;padding:8px;border-bottom:1px dotted #fff}
.sidebar .box ul {padding:8px;line-height:1.4}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {width:736px;float:right;background:#F6F7FB;clear:none;padding:20px 15px}
.footer.light {background:none;padding:0 0 20px;width:766px}
.footer p {color:#A9A8B4;font-size:1.2em}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
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}