@import 'fonts.css';

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0; padding: 0; border: 0;
}

html, body, input, button, select, td, th{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; /* bezpatkove */
    font-size: 12px;
}

html, body{margin: 0; padding: 0; height: 100%; min-height: 100%}
body{font-size: 100%; background-color: #f2f2f2; color: #010101}



.centered{position: relative; margin: 0 auto; width: 1230px}



/* --------------- Header --------------- */
#header{position: relative; min-width: 1230px; background-color: #FFF;background-image: url('../images/layout/header_bg.jpg'); background-position: left top; background-repeat: no-repeat;}
#header > .centered{height: 146px; }
#header .logos{position: relative}
#header .logos .cepro{position: absolute; z-index: 5; left: 22px; top: 15px; width: 167px; height: 65px; background-image: url('../images/logo.png'); background-position: center center; background-repeat: no-repeat; display: block}
#header .logos h1.intranet{position: absolute; z-index: 5; left: 322px; border: none}
#header .logos a{width: 140px; height: 65px; display: block}

#header .right{width: 730px; height: 90px; padding-right: 15px; float: right}
#header ul.mmenu{padding: 20px 0 0 0; list-style: none; float: right}
#header ul.mmenu li{margin-left: 33px; float: left; display: block}

.search_widget{padding-top: 13px; clear: both; display: block}
.search_widget input.text{margin: 0}
.search_widget input.button{margin: 0}
.search_widget input.button{position: relative; top: -1px}

#header .search_widget form {float: right;}

/* --------------- Menu -------------*/
#header .line{position: absolute; z-index: 5; top: 97px; left: 0px; right: 0px; height: 49px; background-image: url('../images/layout/line_bg1.jpg'); background-position: center bottom; background-repeat: repeat-x}
#header ul.menu{list-style: none; padding: 1px 0 0}
#header ul.menu > li{position: relative; padding: 0 5px; font-family: Tahoma; font-size: 12px; float: left}
#header ul.menu > li.first{padding-left: 15px}
#header ul.menu a{color: #3a98ba; padding: 2px 22px 0; line-height: 45px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block}
#header ul.menu li:hover a,
#header ul.menu li.active a,
#header ul.menu li.activeParent a{color: #FFFFFF; background-color: #3a98ba}

#header ul.menu li:hover ul.level2{display: block}
#header ul.menu ul.level2{padding: 10px 0; list-style: none; position: absolute; z-index: 5; background-color: #3a98ba; display: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95}
#header ul.menu ul.level2 > li{position: relative; padding: 0 15px; clear: both}

#header ul.menu ul.level2 > li > .sep{border-bottom: 1px dotted #3a98ba; padding: 1px 0}
#header ul.menu ul.level2 > li.last > .sep{border: none}

#header ul.menu ul.level2 > li > .sep > a{padding: 0 25px 0 10px; line-height: 28px; text-align: left; color: #FFFFFF; white-space: nowrap; text-transform: none}
#header ul.menu ul.level2 > li.subs > .sep > a{background-image: url('../images/layout/ico_arr_right_light.png'); background-repeat: no-repeat; background-position: right center}
#header ul.menu ul.level2 > li:hover > .sep > a,
#header ul.menu ul.level2 > li > .sep > a:hover{background-color: #4abadf; color: #FFF}

#header ul.menu ul.level2 li:hover ul.level3{display: block}
#header ul.menu ul.level3{position: absolute; z-index: 6; top: -10px; left: 100%; padding: 10px 15px; list-style: none; background-color: #3a98ba; display: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95}
#header ul.menu ul.level3 > li{padding: 1px 0; clear: both; border-bottom: 1px dotted #3a98ba}
#header ul.menu ul.level3 > li.last{border: none}
#header ul.menu ul.level3 > li > .sep > a{padding: 0 10px; line-height: 28px; text-align: left; color: #4abadf; white-space: nowrap; text-transform: capitalize}
#header ul.menu ul.level3 > li > .sep > a:hover{background-color: #4abadf; color: #FFF}


/* --------------- Content --------------- */
#content{position: relative; min-width: 1230px; overflow: hidden; padding-top: 7px; font-size: 13px; background: url('../images/layout/content_bg.jpg') repeat-x center top;background-color:#f7f7f7;}
#content .flash,
#content .flash.info{margin: 15px; padding: 15px; font-family: amor_sans_text_pro; font-size: 18px; color: #3a98ba; font-weight: normal; background-color: #FFF; box-shadow: 0 0 15px #CCC; clear: both}
#content .flash.err{color: #e15501}

.ui-dialog-content .flash,
.ui-dialog-content .flash.info{margin: 0 0 10px; padding: 8px 10px 5px; font-family: amor_sans_text_pro; font-size: 14px; color: #3a98ba; font-weight: normal; background-color: #FFF; box-shadow: 0 0 15px #CCC; clear: both}

#content .leftCol{position: relative; width: 720px; padding: 25px 35px; margin: 0 15px; background-color: #FFF; box-shadow: 0 0 15px #CCC; float: left}
#content .rightCol{float: right}
#content ul li{list-style: url('../images/layout/ico_li.jpg'); line-height: 25px}



#content #sitemap ul li a{color: #010101; text-decoration: none}
#content #sitemap ul li a:hover{text-decoration: underline}
#content ul.news.categories li{list-style: url('../images/layout/ico_li_a.jpg'); line-height: 25px}



#content .navigation.breadcrumbs { height: 26px; padding: 0 0 9px 15px; line-height: 26px; font-size: 11px; }
#content .navigation.breadcrumbs ul {margin: 0; list-style: none; float: left; background-color: #ededed; padding: 0 3px;}
#content .navigation.breadcrumbs ul li {float: left; padding:  0 5px; list-style: none}
#content .navigation.breadcrumbs .sep {float: left; color: black;}

/* --------------- Boxes --------------- */
.box.A{position: relative; margin: 0 15px 15px 15px; width: 380px; background-color: #FFF; box-shadow: 0 0 15px #CCC}
.box.A .top{position: relative; padding: 0 40px 0 22px; border-left: 6px solid #3a98ba}
.box.A.sort .top{cursor: move}
.box.A .top > h2{margin-bottom: -17px; font-size: 22px; color: #3a98ba; line-height: 52px; font-weight: normal; font-family: amor_sans_text_pro; padding: 0; white-space: nowrap; overflow: hidden}
.box.A .top > h2 .first{color: #3a98ba; text-transform: uppercase}
.box.A .content{position: relative; min-height: 285px; padding-bottom:  30px; border-left: 6px solid #4abadf}
.box.A .content > a.more_link{position: absolute; bottom: 0; line-height: 27px; padding: 0 15px; font-size: 13px; font-family: Verdana;  background-color: #4abadf; color: #FFF; text-decoration: none; display: block}
.box.A .content > a.more_link:hover{text-decoration: underline}
.box.A .content > .main{padding: 20px 15px}

.box.A .submenu{position: absolute; right: 5px; top: 5px; width: 35px; height: 30px; background-position: center center; background-image: url('../images/layout/ico_sett_menu.png'); background-repeat: no-repeat; cursor: pointer}
.box.A .submenu:hover{box-shadow: 0 0 5px #CCC}

.box.B{position: relative; margin: 15px; width: 380px; min-height: 210px; background-color: #FFF; box-shadow: 0 0 15px #CCC}
.box.B .top{padding: 0 40px 0 22px; border-left: 6px solid #4abadf; background-color: #edf5f3;}
.box.B .top > h2{font-size: 22px; color: #3a98ba; line-height: 36px; font-weight: normal; font-family: amor_sans_text_pro; padding: 0; white-space: nowrap; overflow: hidden; padding-top: 2px}
.box.B .top > h2 .first{color: #3a98ba; text-transform: uppercase}
.box.B .content > h3{padding: 15px 15px 0; font-weight: normal; font-size: 22px; font-family: amor_sans_text_pro; color: #3a98ba}
.box.B .content{position: relative; /*min-height: 150px;*//* padding-bottom: 30px*/}
.box.B .content > a.more_link{position: absolute; bottom: 0; line-height: 27px; padding: 0 15px; font-size: 13px; font-family: Verdana;  background-color: #4abadf; color: #FFF; text-decoration: none; display: block}
.box.B .content > a.more_link:hover{text-decoration: underline}
.box.B .content > .main{padding: 20px 15px}



.box.B.importantMessage .top{border-left: 6px solid #e15501; background-color: #ffe3d2;}
.box.B.importantMessage .top > h2{color: #e15501}
.box.B.importantMessage .content > h3{color: #e15501}

.box.A.news .content .item .date{color: #4abadf; font-style: italic}
.box.A.news .content .item a{padding: 10px 7px; color: #000; text-decoration: none; font-size: 11px; border-bottom: 1px dotted #989898; display: block}
.box.A.news .content .item a:hover{background-color: #f7f7f7}

.box.A.publicTexts.tips .content .item a{padding: 10px 12px 10px 38px; color: #4abadf; background-image: url('../images/layout/ico_ctete_piste.png'); background-repeat: no-repeat; background-position: 8px center;  text-decoration: none; font-size: 12px; border-bottom: 1px dotted #989898; display: block}
.box.A.publicTexts.tips .content .item a.even{color: #4abadf}
.box.A.publicTexts.tips .content .item a:hover{background-color: #f7f7f7}

.box.A.publicTexts.offer .content .item a{padding: 10px 12px 10px 35px; color: #4abadf; background-image: url('../images/layout/ico_play.png'); background-repeat: no-repeat; background-position: 8px center;  text-decoration: none; font-size: 12px; border-bottom: 1px dotted #989898; display: block}
.box.A.publicTexts.offer .content .item a.even{color: #4abadf}
.box.A.publicTexts.offer .content .item a:hover{background-color: #f7f7f7}

.box.A.linksInternalApp .content .item a{width: 150px; min-height: 50px; text-align: center}
.box.A.linksInternalApp .content .item a{padding: 10px; color: #4abadf; text-decoration: none; font-size: 12px; border: none; display: block}
.box.A.linksInternalApp .content .item a .annotation{display: block; clear: both; color: #000; font-size: 10px}

.box.A.linksInternalApp .content td:hover{background-color: #f7f7f7}
.box.A.linksInternalApp .content td.notHov:hover{background: none}

.box.A.linksInternalApp .content tr td.even a{color: #4abadf}
.box.A.linksInternalApp .content tr.even td.even a{color: #4abadf}
.box.A.linksInternalApp .content tr.even td a{color: #4abadf}
.box.A.linksInternalApp .content table{border-collapse: collapse}
.box.A.linksInternalApp .content table tr td{border-top: 1px dotted #989898}
.box.A.linksInternalApp .content table tr.firstRow td{border-top: none}
.box.A.linksInternalApp .content table tr td.odd{border-right: 1px dotted #989898}
.box.A.linksInternalApp .content table tr td.even{border-left: 1px dotted #989898}

.box.A.linksInternalApp .content .sepR{width: 165px; height: 1px; display: block; border-bottom: 1px dotted #989898}
.box.A.linksInternalApp .content .sep{height: 50px; display: block; border-right: 1px dotted #989898}

.box.B.publicTexts.importantMessages .more_link{position: absolute; left: 0px; right: 0px; bottom: 0px;}
.box.B.publicTexts.importantMessages .more_link a{width: 90px; margin: 0 auto; color: #FFF; line-height: 27px; padding: 0 15px; background-color: #4abadf; display: block; text-align: center; text-decoration: none}
.box.B.publicTexts.importantMessages .more_link a:hover{text-decoration: underline}

.box.B.links.importantLinks a.more_link{position: absolute; bottom: 0; color: #FFF; line-height: 27px; padding: 0 15px; background-color: #4abadf; display: block; text-align: center; text-decoration: none; float: left}
.box.B.links.importantLinks a.more_link:hover{text-decoration: underline}

.box.B.links.importantLinks .content .item a{padding: 15px 15px 12px 45px; color: #4abadf; background-image: url('../images/layout/ico_star.png'); background-repeat: no-repeat; background-position: 12px center;  text-decoration: none; font-size: 12px; border-bottom: 1px dotted #989898; display: block}
.box.B.links.importantLinks .content .item a.even{color: #4abadf}
.box.B.links.importantLinks .content .item a:hover{background-color: #f7f7f7}


.box.A.phonebook .content .item a{padding: 10px 7px; color: #000; text-decoration: none; font-size: 11px; border-bottom: 1px dotted #989898; display: block}
.box.A.phonebook .content .item a:hover{background-color: #f7f7f7}
.box.A.phonebook .content .item .number{color: #4abadf; font-weight: bold}

/* --------------- Calendar --------------- */
.box.calendar .content{}
.box.calendar .content .main{padding: 15px}
.box.calendar .content .info{width: 60px; margin: 0 auto; padding-top: 6px}
.box.calendar .content .info .prev{width: 24px; height: 24px; padding-right: 10px;  background-image: url('../images/layout/ico_cal_arr_left.png'); background-repeat: no-repeat; display: block; float: left}
.box.calendar .content .info .next{width: 24px; height: 24px; background-image: url('../images/layout/ico_cal_arr_right.png'); background-repeat: no-repeat; display: block; float: left}
.box.calendar .content .currentMonth{font-family: amor_sans_text_pro; font-size: 20px; color: #FFFFFF; text-transform: capitalize}

.box.calendar table.ui-datepicker-calendar{border-collapse: collapse; border: none}
.box.calendar table.ui-datepicker-calendar th,
.box.calendar table.ui-datepicker-calendar td{padding: 0; border: 1px solid #D3D3D3; line-height: 20px; text-transform: capitalize}
.box.calendar table.ui-datepicker-calendar a{background: none; border: none; text-align: center; padding: 0; font-family: Tahoma; font-size: 11px}
.box.calendar .ui-datepicker-header{display: none}
.box.calendar .ui-datepicker-calendar thead th{color: #4abadf}
.box.calendar .ui-datepicker-inline{width: 175px; border: none}
.box.calendar .ui-datepicker th{padding: 0}
.box.calendar table.ui-datepicker-calendar .ui-datepicker-today a{background: none; background-color: #4abadf; color: #FFF; text-decoration: underline; /*border: 1px solid #D3D3D3*/}

.links.list .item h3 a{text-decoration: none; font-size: 18px; font-family: amor_sans_text_pro}
.links.list .item h3 a.even{color: #4abadf}
.links.list .item h3 a:hover{text-decoration: underline}
.links.list .item h3{padding: 0}
.links.list .item .annotation{font-size: 12px}
.links.list .item{position: relative; border-bottom: 1px dotted #989898; padding: 10px 0}
.links.list .item .dot{position: absolute; top: 16px; left: -35px; width: 6px; height: 12px; background-color: #4abadf; display: block}

.publicTexts.tips.list{padding-bottom: 40px}
.publicTexts.tips.list h2{font-size: 17px; padding: 0 0 3px}
.publicTexts.tips.list h2 a{padding-left: 25px; padding-top: 1px; text-decoration: none; font-family: amor_sans_text_pro; background-image: url('../images/layout/ico_ctete_piste.png'); background-repeat: no-repeat; background-position: left center}
.publicTexts.tips.list h2 a.even{color: #4abadf}
.publicTexts.tips.list h2 a:hover{text-decoration: underline}
.publicTexts.tips.list .item{padding: 13px 0 10px; border-bottom: 1px dotted #979797}
.publicTexts.tips.list .annotation{font-size: 12px}

.publicTexts.offer.list{padding-bottom: 40px}
.publicTexts.offer.list h2{font-size: 17px; padding: 0 0 3px}
.publicTexts.offer.list h2 a{padding-left: 25px; padding-top: 1px; text-decoration: none; font-family: amor_sans_text_pro; background-image: url('../images/layout/ico_play.png'); background-repeat: no-repeat; background-position: left center}
.publicTexts.offer.list h2 a.even{color: #4abadf}
.publicTexts.offer.list h2 a:hover{text-decoration: underline}
.publicTexts.offer.list .item{padding: 13px 0 10px; border-bottom: 1px dotted #979797}
.publicTexts.offer.list .annotation{font-size: 12px}



/* --------------- Footer --------------- */
#footer .copy{clear: both; text-align: center; padding: 45px 0}



/* --------------- Form elements --------------- */
input.button{padding: 8px 7px 6px; font-weight: bold; color: #FFF; font-size: 11px; font-family: Arial; -moz-border-radius: 3px; border-radius: 3px; background-color: #4abadf; border: none; text-transform: uppercase; cursor: pointer}
input.text{padding: 6px; color: #4abadf; border: 1px solid #c9dbd7}
input.search{padding-left: 25px; border-right: none; background-image: url('../images/layout/ico_search.png'); background-position: 5px center; background-repeat: no-repeat}
textarea{border: 1px solid #c9dbd7; color: #4abadf;; padding: 8px 6px}

.form-error-message{padding-left: 20px; margin-left: 10px; color: #bf2d00; background-image: url('../images/layout/ico_arr_red_l.png'); background-repeat: no-repeat; background-position: left center}
.sendEmail.form td{padding: 3px}
.sendEmail.form td{vertical-align: top}
.sendEmail.form td label{line-height: 32px}
.sendEmail.form td textarea{float: left}


.pagination ul{list-style: none; padding: 15px 0 0 0}
.pagination ul li{display: block; float: left}
.pagination ul li a{padding: 0 6px; display: block;}
.pagination ul li.active{padding: 0 6px}
.pagination ul li.disabled{display: none}
.pagination ul li.prev{padding-right: 10px}
.pagination ul li.next{padding-left: 10px}

.pagination{position: absolute; left: 0px; right: 0px; bottom: 0px}
.pagination.pagination-centered table{margin: 0 auto}
.pagination table{background-color: #F5F5F5; padding: 0 20px}
.pagination td.disabled{display: none}
.pagination td{line-height: 15px}
.pagination td.active span{padding: 10px 5px; display: block}
.pagination td a{padding: 10px 5px; display: block}
.pagination td.prev{padding-right: 10px}
.pagination td.next{padding-left: 10px}



.documents.categories{padding: 8px 10px 10px; margin-bottom: 25px; border: 1px solid #EDEDED; color: #C0C0C0; box-shadow: 2px 2px 4px #EEE;}
.documents.categories strong a{color: #797979; text-decoration: none}
.documents.catAnnotation{padding: 0 20px 20px; margin-bottom: 10px; border-bottom: 1px dotted #979797}


.box.A.documents .content .item a{padding: 10px 7px; color: #4abadf; text-decoration: none; font-size: 11px; border-bottom: 1px dotted #989898; display: block}
.box.A.documents .content .item a:hover{background-color: #f7f7f7}
.box.A.documents .content .item a.even{color: #4abadf}


.news h2{font-size: 17px; padding: 0 0 3px}
.news h2 .date{color: #000; font-size: 14px}
.news.categories{padding: 8px 10px 10px; margin-bottom: 25px; border: 1px solid #EDEDED; color: #C0C0C0; box-shadow: 2px 2px 4px #EEE;}
.news.categories strong a{color: #797979; text-decoration: none}
.news .sep{height: 25px; clear: both; display: block}
.news a img{margin: 3px 15px 0px 0}
.news.detail h2{font-size: 21px}
.news.detail .thumb{padding: 3px 10px 10px 3px}
.news.item{padding-bottom: 25px; border-bottom: 1px dotted #979797}
.news.items{padding-bottom: 45px}
.news.detail .content{padding-bottom: 30px}

#content .searchResults ul li{line-height: 18px; padding-bottom: 15px; list-style: none}
#content .searchResults ul{padding: 0}
.searchResults h2{position: relative; padding: 30px 0 5px; font-size: 22px}
.searchResults h2 .dot{position: absolute; left: -35px; top: 38px; width: 6px; height: 12px; background-color: #4abadf; display: block}
.searchResults .footPanel{border-bottom: 1px dotted #989898; font-family: Verdana; clear: both}
.searchResults .footPanel a{padding: 5px 10px; border: 1px dotted #989898; border-bottom: none; text-decoration: none; font-size: 12px; display: block; float: left}
.searchResults .footPanel a:hover{background-color: #F7F7F7}
.searchResults .footPanel .count{padding-top: 9px; color: #989898; font-style: italic; font-size: 11px; display: blocks; float: right}


.phonebook.list .item{border-bottom: 1px dotted #979797; font-weight: bold}
.phonebook.list .item a{padding: 8px 10px; color: #000; text-decoration: none; display: block}
.phonebook.list .item a:hover{background-color: #F7F7F7}
.phonebook.list .item .number{color: #4abadf; float: right}
.phonebook.list .item .name{float: left}
.phonebook.list .items{padding-bottom: 40px}
.phonebook.detail .nums{width: 400px}
.phonebook.detail .nums th{width: 80px; text-align: left}

.phonebook.list form{padding-bottom: 25px; display: block}
.phonebook.list table th{text-align: left}
.phonebook.list table td.sipka{width: 81px; height: 178px; background-repeat: no-repeat; background-image: url('../images/layout/sipka.png')}

.phonebook.list table th,
.phonebook.list table td{padding: 2px}

.phonebook .filter .abeceda{background-color: #fdfbe3}
.phonebook .filter .abeceda a{padding: 9px 8px; float: left; display: block; color: #4abadf; font-size: 17px; font-family: amor_sans_text_pro; text-decoration: none}
.phonebook .filter .abeceda a:hover{text-decoration: none}
.phonebook .filter a.act{color: #3a98ba; background-color: #4abadf; text-decoration: none}
.phonebook .filter a:hover{color: #3a98ba; background-color: #4abadf}
.phonebook .items{padding-top: 50px}

.box.A.phonebook .abeceda{background-color: #fdfbe3}
.box.A.phonebook .abeceda a{padding: 5px; float: left; display: block; color: #4abadf; font-size: 15px; font-family: amor_sans_text_pro; text-decoration: none}
.box.A.phonebook .abeceda a:hover{color: #3a98ba; background-color: #4abadf; text-decoration: none}

.phonebook a.unsetFilter{font-size: 28px; font-weight: bold; text-decoration: none; font-family: amor_sans_text_pro}
.phonebook a.unsetFilter:hover{background: none}

.ui-dialog .ui-multiselect.ui-state-default,
.ui-dialog .ui-multiselect.ui-widget-content .ui-state-default,
.ui-dialog .ui-multiselect.ui-widget-header .ui-state-default,
#content .ui-multiselect.ui-state-default,
#content .ui-multiselect.ui-widget-content .ui-state-default,
#content .ui-multiselect.ui-widget-header .ui-state-default{border: 1px solid #C9DBD7; background: none; background-color: #FFF; color: #4abadf; cursor: pointer}

.ui-multiselect-menu label.ui-corner-all.ui-state-hover,
.ui-multiselect-menu label.ui-corner-all.ui-state-hover{border: 1px solid #EEE; background: none; background-color: #EEE}

#sortable {padding-top: 23px}
#sortable .sortable-placeholder{width: 390px; height: 100px; border: 4px dotted #FFF}

#loader{
    display: none;
    position: fixed; z-index: 1500; width: 100%; height: 100%; min-width: 100%; min-width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px;
    background-color: #FFF; background-image: url('../images/loader.gif'); background-position: center 300px; background-repeat: no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50
}

form.ajaxBlockSettings th,
form.ajaxBlockSettings td{padding: 5px}
form.ajaxBlockSettings th{text-align: right; white-space: nowrap}

/* --------------- BASE --------------- */
p{margin: 0; padding: 0 0 12px 0}
sub, sup{line-height: 0}
ul, li{margin: 0}
ul, ol{padding: 5px 0 10px 20px}
img{border: 0}
form{margin: 0}

h1, h2, h3, h4, h5, h6{margin: 0; font-family: amor_sans_text_pro; color: #3a98ba; font-weight: normal}
h1{padding: 0 0 16px 0; font-size: 25px;}
h2{padding: 0 0 14px 0; font-size: 21px;}
h3{padding: 0 0 14px 0; font-size: 18px;}
h4{padding: 0 0 15px 0}
h5{padding: 0 0 16px 0}
h6{padding: 0 0 18px 0}

a{text-decoration: none; color: #4abadf; text-decoration: underline}
a:hover{text-decoration: underline; text-decoration: none}

.b{font-weight: bold}
.u{text-decoration: underline}
.i{font-style: italic}

.up{text-transform: uppercase}
.down{text-transform: lowercase}

.cb{display: block; clear: both}
.dn{display: none}

.db{display: block}
.fl{float: left}
.fr{float: right}
.center{text-align: center}
.left{text-align: left}
.right{text-align: right}
.black{color: #010101}
.nowrap{white-space: nowrap}

.transp80{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80}
.transp1{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1}