/*** ---------- LAYOUT STRANKY ----------- ***/

body {
    background-color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #333333;
    background-image: url('../graphic/layouts/front/bg.gif');
}

#wholePage {
    background-image: url('../graphic/layouts/front/background-pattern.gif');
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#contentPart {
    width:100%;
    height:100%;
    background-image: url('../graphic/layouts/front/background.jpg');
    background-repeat:repeat-x;
}

.coheLine {
    background-image: url('../graphic/layouts/front/color_line.gif');
    width: 100%;
    height: 13px;
}

#mainWindow {
    position: relative;
    margin:  auto;
    text-align: left;
    width: 1000px;
}

#headerPart {
    position: relative;
    background-image: url('../graphic/layouts/front/head.jpg');
    background-repeat: no-repeat;
    height: 173px;
    width: 100%;
}

#topMenu {
    position: relative;
    width: 100%;
    height: 32px
}

#mainContent {
    position: relative;
    background-color: #fff;
}

#mainInnerBorder {
    padding: 7px;
}

#leftBlock {
    float: left;
    width: 165px;
    min-height: 600px;
}

#centerBlock {
    position:relative;
    float:left;
    margin-left:8px;
    width:587px;
    background-image:url('../graphic/layouts/front/main_bg.gif');
    background-repeat:repeat-x;
    min-height: 600px;
}

#rightBlock {
    position:relative;
    float: right;
    width:218px;
    background-image:url('../graphic/layouts/front/main_bg.gif');
    background-repeat:repeat-x;
    min-height: 600px;
}

#footerPart {
    position: relative;
    background-color: #9eadb7;
    border-top: 5px solid #5a6b73;
    width: 100%;
    text-align:center;
}

#subFooter {
    background-color: #5a6b73;
    height: 33px;
    width: 100%;
}



/*** ---------- LOGO VLEVO NAHORE ----------- ***/

#headerPart a {
    position: absolute;
    display: block;
    left: 55px;
    top: 50px;
    height: 65px;
    width: 135px;
}

/*** ---------- VRCHNI MENU / VYHLEDAVANI / JAZYKOVE VERZE / RYCHLA NAVIGACE ----------- ***/

#fastNavigation {
    position: relative;
    float: right;
    margin-right: 25px;
}

#fastNavigation .iconBar {
    position: relative;
    float: left;
    text-align: center;
    margin-right: 2px;
    padding: 0px 0px 0px 0px;
    width: 55px;
    background-color: #fff;
}

#searchBar {
    position: relative;
    float: right;
    margin-right: 25px;
    background-color: #fff;
    padding: 1px 10px 3px 10px;
}

#languageBar {
    position: relative;
    float: left;
    margin: 10px 0px 0px 200px;
    padding: 1px 8px 3px 8px;
    background-color: #fff;
}

#languageBar a {
    font-size: 11px;
    font-family: Arial;
    color: #555555;
    font-weight: 800;
}

#languageBar a:hover {
    text-decoration: underline;
}



/*** ---------- HLAVNI MENU ----------- ***/

#mainMenu {
    position:relative;
    border-top: 1px solid #5c6d75;
}

#mainMenu .topLeftCorner {
    position: absolute;
    background-image: url('../graphic/layouts/front/menu_l_corner.gif');
    height: 8px;
    width: 7px;
    left: 0px;
    top: -1px;
    font-size: 1px !important;
}

#mainMenu .topRightCorner {
    position: absolute;
    background-image: url('../graphic/layouts/front/menu_r_corner.gif');
    height: 8px;
    width: 7px;
    right: 0px;
    top: -1px;
    font-size: 1px !important;
}

#jsMenu {
    width: 165px;
    visibility: hidden;
    position: relative;
}

.firstLevelMenu {
    width: 175px;
    position: relative;
}

.firstLevelMenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.firstLevelMenu ul li {
    background-image: url('../../graphic/layouts/front/menu_item.gif');
    width: 165px;
    height: 52px;
    margin: 0px;
    padding: 0px;
    text-align: right;
    border: 0px;
}

.firstLevelMenu ul li h2 {
    margin: 0px;
    padding: 0px
}

.firstLevelMenu ul li:hover {
    background-image: url('../../graphic/layouts/front/menu_item_on.gif');
}

.firstLevelMenu ul li a {
    display: block;
    width: auto;
    margin: 0px;
    padding-top: 26px;
    padding-left: 26px;
    padding-right: 26px;
    padding-bottom: 5px;
    height: 52px;
    color: #fefefe;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.firstLevelMenu ul li.selected {
    color: #f78a2c;
}

.firstLevelMenu ul li a:hover {
    color: #f78a2c;
}

/*** ---------- STRED - HLAVNI ZOBRAZOVACI OKNO ----------- ***/

#centerBlock #topLeftCorner {
    position: absolute;
    background-image: url('../graphic/layouts/front/main_corner.gif');
    height: 7px;
    width: 7px;
    left: 0px;
    top: 0px;
    font-size: 1px !important;
}

#centerBlock p {
    padding:10px 0px 10px 0px;
    margin:0px;
}

#centerBlock table p {
    padding: 0px;
}

#centerBlock .innerMargin {
    padding: 25px;
}

#centerBlock ul {
    list-style-image: url('../graphic/layouts/front/list_dot.gif');
}

/* BreadCrumbs */

#centerBlock .breadCrumb {
    color: #97a7af;
    font-size: 11px;
}

#centerBlock .breadCrumb a {
    color: #97a7af;
    font-size: 11px;
    display: block;
    float: left;
}

#centerBlock .breadCrumb a:hover {
    text-decoration: underline
}

#centerBlock .breadCrumb .separ {
    color: #97a7af;
    font-size: 11px;
    display: block;
    float: left;
    padding: 0px 5px 0px 5px;
}

#centerBlock .breadCrumb h2, #centerBlock .breadCrumb h3 {
    display: block;
    float: left;
    margin: 0px;
}

#centerBlock .breadCrumb a.current {
    color: #f78a2c;
}

/*** ---------- PRAVA CAST ----------- ***/

#rightBlock #topRightCorner {
    position: absolute;
    background-image: url('../graphic/layouts/front/right_corner.gif');
    height: 7px;
    width: 7px;
    right: 0px;
    top: 0px;
    font-size: 1px !important;
}

#rightBlock .innerMargin {
    padding:7px;
}

#rightBlock h3 {
    background-image: url('../graphic/layouts/front/right_title.gif');
    background-repeat:no-repeat;
    background-position:bottom left;
    padding:8px 0px 10px 10px;
    margin:0px;
    margin-bottom: 5px;
}

#rightBlock p {
    font-size:12px;
    margin: 5px 0px 5px 0px;
    line-height: 15px;
}

#rightBlock p a {
    color: #333;
}

#rightBlock p b a  {
    color: #ffc266;
}

#rightBlock p a:hover {
    text-decoration: underline
}


/*** ---------- PATICKA A MENU V PATICCE ----------- ***/

.innerFooter {
    width: 1000px;
    margin: auto;
}

.menuBlock {
    position:relative;
    float:left;
    text-align:left;
    margin: 7px 8px 15px 8px;
}

.menuBlock h2 {
    margin-bottom: 4px;
}

.menuBlock h2 a {
    color:#5a6b73;
    font-size:13px;
    font-weight:900;
    margin:0px 0px 5px 0px;
}

.menuBlock h3 a {
    display:block;
    color:#5a6b73;
    font-size:12px;
    line-height: 15px;
}

.menuBlock a:hover {
    color:#d6dadc;
}

#footerPart p, #subFooter p {
    float:left;
    padding:7px 0px 0px 10px;
    margin:0px;
    color:#d6dadc;
}



/*** ---------- BOX ----------- ***/

.boxEd {
    position:relative;
    border:1px solid #eeeeee;
    width:100%;
    background-color:#fff;
    margin-bottom:7px;
}

.boxEd h2 {
    font-size: 18px;
}

.boxEd h3 {
    color: #b23427
}

.boxEd .innerBoxMargin {
    margin: 10px 20px 10px 20px;
}

/*** ---------- NEWS BOX ----------- ***/

.newsBox {
    position:relative;
    width:100%;
    background-color:#fff;
    padding-bottom:10px;
    text-align: justify;
}

.newsBox img {
    float: right;
}

h3.news {
    font-size: 18px;
    margin-bottom: 10px;
}

.newsBox h4 {
    padding-top: 7px;
    margin-bottom: 3px;
    font-size:15px;
}

.newsBox h4 a {
    color: #5a6b73;
}

.newsBox h4 a:hover {
    text-decoration: underline
}

.newsBox p {
    font-size: 13px;
    width: 410px;
    padding: 0px !important;
    color: #333333
}

/*** ---------- ROHY / ZAOBLENI ----------- ***/

.leftTopCorner {
    position:absolute;
    background-image:url('../graphic/layouts/front/corner_tl.gif');
    height:7px;
    width:7px;
    left:0px;
    top:0px;
    font-size: 1px !important;
}

.rightTopCorner {
    position:absolute;
    background-image:url('../graphic/layouts/front/corner_tr.gif');
    height:7px;
    width:7px;
    right:0px;
    top:0px;
    font-size: 1px !important;
}

.leftBottomCorner {
    position:absolute;
    background-image:url('../graphic/layouts/front/corner_bl.gif');
    height:7px;
    width:7px;
    left:0px;
    bottom:0px;
    font-size: 1px !important;
}

.rightBottomCorner {
    position:absolute;
    background-image:url('../graphic/layouts/front/corner_br.gif');
    height:7px;
    width:7px;
    right:0px;
    bottom:0px;
    font-size: 1px !important;
}



/*** ---------- STYLY ZAKLADNICH PRVKU A VSEOBECNE DEFINICE ----------- ***/

form {
    margin:0px;
    vertical-align:middle;
}

form input {
    vertical-align:middle;
}

.clear {
    clear:both;
    font-size:1px;
    height:1px;
}

.innerMargin {
    padding:15px;
}

a {
    color: #77878F;
    text-decoration:none;
    outline: none;
}

a img {
    border:0px;
}

h1 {
    color:#b23427;
    font-size:18px;
    font-weight:800;
}

h2 {
    color:#333333;
    font-size:15px;
    font-weight:800;
    margin:0px;
}

h2.tableTitle {
    color: #5a6b73;
}

h3 {
    color:#333333;
    font-size:15px;
    font-weight:800;
    margin:0px;
}

h4 {
    color:#b23427;
    font-size:14px;
    font-weight:800;
    margin:0px;
}

h5 {
    font-size:14px;
    margin:0px;
}

h6 {
    font-size:13px;
    margin:0px;
}

td {
    font-family: "Trebuchet MS";
    /*font-size: 12px;*/
    color: #4d4d4d;
}

hr {
    background-color:#eeeeee;
    color:#eeeeee;
    border:0px;
    height:2px;
}

/*** -------------- TABULKY PREHLEDU KURZU ---------------- ***/
img.paramTableIco {
    margin: 0 2px;
}

img.width6 {
    width: 6px;

}

img.width8 {
    width: 8px;
}

img.width10 {
    width: 10px;
}

img.width13 {
    width: 13px;
}

img.width14 {
    width: 14px;
}

a.tableLink {
    padding: 0 0px;
    margin: 0 0px;
    color: #455660;
}

a.tableLink:hover {
    text-decoration: underline;
}

a img {
    border: 0px;
}

table.datailTable tr td {
    padding: 3px 2px;
    padding-left: 5px;
}

.centered {
    text-align: center !important;
}

.topped {
    vertical-align: top;
}

table.datailTable tr td.lefted {
    text-align: left;
}
table.datailTable tr td.flags {
    width: 83px;
}

span.smallPrice {
    font-size: smaller;
}

.width56 {
    width: 56px;
}

.rightPadding {
    padding-right: 5px !important;
}

.leftPadding {
    padding-left: 5px !important;
}

.righted {
    text-align: right;
}
/*** -------------- DETAIL KURZU ---------------- ***/
div.detail_lesson_button {
    text-align: center;
    vertical-align: middle;
    color: #FEFEFE;
    font-size: 12px;
    padding-top: 2px;
    background-image: url('../graphic/layouts/front/buttons/button_lesson_detail.jpg');
    background-repeat: no-repeat;
    width: 73px;
    height: 22px;
    float: left;
    margin-right: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-family: Georgia,'Times New Roman',times,serif;*/
}

div.detail-links {
    float: right;
}
/*** -------------- section ---------------- ***/
.morelink {
    color: #FFC266;
}

h3 .sectionarticle {
    color: #5A6B73;
}

.pagesign {
    float: left;
}
.paginator {
    text-align: center;
    width: 100%;
}

p.sectionjustify {
    text-align: justify;
}

/*** -------------- Poetry Right ---------------- ***/

div.boxPoetry {
    background-color: #f8f4dd;
    background-image: url('../graphic/layouts/front/gradient.gif');
    background-repeat: repeat-x;
    text-align: center;
    padding: 4px;
    padding-top: 0px;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px;
    color: #333333;

}

div.boxPoetry p {
    line-height: 12px !important;
}

.boxPoetry h3.poetry {
    background: none !important;
    color: #ffffff;
}

.boxPoetry h4 {
    color: #333333;
}

/*** -------------- simpleMenu ---------------- ***/

ul.simpleMenu {
    padding-left: 0 !important;
    margin-left: 0 !important;

    list-style: none;
}

.center {
    text-align: center !important;
}
/*** -------------- messages ---------------- ***/
.errors {
    color: #B23427;
}

.okmsg {
    color: green;
}

/*** -------------- news form ---------------- ***/
.form #name, #company, #mail, #surname, #phone, #text, #pwd {width: 100%;}
.loyaltyreg {width: 100%;}
td.errors {width:40%;}

/*** -------------- Loyalty gifts ---------------- ***/
.right {text-align: right;}
.padRight {padding-right: 12px !important;}
.odd {background-color: #DDE0E2;}
.even {background-color: #F6F7F8;}

/*** -------------- Search ---------------- ***/
.result {
    margin: 0px 0px 15px 0px;
}

.result h4 {
    margin-bottom: 3px;
}

.result h4 a {
    position:  relative;
    color: #B23427;
}

.result p {
    padding: 0px !important;
}

/*** -------------- Remote Search ---------------- ***/
form.remoteSearch {
    text-align: center;
    padding : 10px;
    border: 1px solid #eee;
    background-color: #9EADB7;
}

form.remoteSearch .text {
    width: 400px;
    padding: 5px;
    font-size: 13px;
    color: #455660;
    font-weight: 800
}


#frm-time, #frm-date, #frm-nr {width: 95px;}

fieldset.noborder {
    border: 0px;
}
#frmmain-name , #frmmain-company {
    width: 370px;
}

.categName {

    margin-left: -24px;
    padding-left: 24px;
}
.selectedCategory .data .categName {
    background-color: #b1bdc5 !important;
    color: white !important;
    height: 24px;
    margin-top: -3px;
    margin-bottom: -3px;
}

.selectedC {
    background-color: #b1bdc5 !important;
    color: white !important;
    height: 24px;
    margin-top: -3px;
    margin-bottom: -3px;
}

/*** -------------- obednavka form ---------------- ***/

.titul-inp input { width: 50px !important;}
.mail-inp input { width: 98% !important;}
.surname-inp input { width: 170px !important;}
.phone-inp input { width: 170px !important;}
.code-inp input {width: 238px !important;}
/*** -------------- prometric form ---------------- ***/
.prometricForm input {
    width: 100%;
}

.prometricForm td {
    padding: 5px;
}

.prometricForm #frm-payment-0, #frm-payment-1, #frm-payment-2, #frm-ciscoPartner, #frm-pastPearsonVue ,#frm-pastPrometric ,#frm-ciscoEmplyee {
    width: 20px !important;
}

.prometricForm {
    width: 537px !important;
}

.prometricForm #frm-tel1, #frm-mob1, #frm-ic1, #frm-dic1 {
    width: 124px !important;
}



.prometricForm #frm-degree{
    width: 50px !important;
}



.prometricForm #frm-voucher{
    width: 149px !important;
}
#frm-ciscoEmplyeeId, #frm-connectionUsername, #frm-connectionId {
    width: 156px !important;
}

/*** -------------- roadShow form ---------------- ***/
.roadShowForm {width: 100%;}
.roadShowForm input, textarea {
    width: 100%;
}
.roadShowForm #frm-Souhlas {
    width: 20px !important;
}
.roadShowForm #frm-send {
    width: 100px !important;
}
/*** -------------- pocitacove-kurzy/e-learning/objednavka-2003/ form ---------------- ***/
#frm- #frm-note {width: 484px !important;}
#frm- legend {color:#B23427 !important;}