body                  { margin: 0px 0px 20px 0px; padding: 0px; background: #fff; text-align: center; font-size: 12px; font-family: verdana,arial; color: #000; }
#page                 { position: relative; width: 840px; margin: 0px auto 0px auto; text-align: left; }

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

a                     { text-decoration: none; color: #000; font-weight: bold; }
a:hover,active        { text-decoration: none; color: #f00; font-weight: bold; }

img                   { vertical-align: bottom; border: none; }
input                 { margin: 0px; font-size: 13px; }
textarea              { font-size: 13px; }
select                { font-size: 13px; }

ul                    { margin: 3px 0px 3px 10px; padding: 2px 0px 2px 10px; }
li                    { padding: 0px; margin: 0px; }

th                    { font-size: 12px; padding: 3px; text-align: left; }
td                    { font-size: 12px; padding: 3px; }

h1                    { font-size: 20px; font-weight: bold; }
h2                    { font-size: 16px; font-weight: bold; }
h3                    { font-size: 14px; font-weight: bold; }
h4                    { font-size: 12px; font-weight: bold; }





#top-panel            { display: block; width: 840px; height: 76px; background: url(/layout/butterfly-01.jpg) no-repeat; }
#top-slogan           { float: right; width: 225px; height: 45px; margin: 15px 90px 0px 0px; }

#left-panel           { float: left; width: 597px; }
#right-panel          { float: right; width: 243px; padding: 0px 0px 20px 0px; }


#menu-panel           { width: 597px; height: 225px; background: url(/layout/butterfly-02.jpg) top no-repeat; }
#menu-panel-top       { width: 597px; height: 68px; }
#page-header          { width: 522px; height: 45px; padding: 2px 75px 0px 0px; text-align: right; font-size: 13px; font-weight: bold; color: #fff8f0; }

#menu1                { position: absolute; left: 182px; top: 123px; margin: 0px; padding: 0px; font-size: 10px; color: #fff; }
.menu1_item           { display: inline; list-style-type: none; }
a.menu1_anch1         { padding: 0px 14px 0px 0px; border-right: 1px solid #fff; font-size: 10px; color: #fff; }
a.menu1_anch1:hover,active { text-decoration: underline; color: #fff; }
a.menu1_anch2         { padding: 0px 14px 0px 10px; border-right: 1px solid #fff; font-size: 10px; color: #fff; }
a.menu1_anch2:hover,active { text-decoration: underline; color: #fff; }
a.menu1_anch3         { padding: 0px 15px 0px 10px; font-size: 10px; color: #fff; }
a.menu1_anch3:hover,active { text-decoration: underline; color: #fff; }
a.menu1_anch1_a       { padding: 0px 14px 0px 0px; text-decoration: underline; border-right: 1px solid #fff; font-size: 10px; color: #fff; }
a.menu1_anch1_a:hover,active { text-decoration: underline; color: #fff; }
a.menu1_anch2_a       { padding: 0px 14px 0px 10px; text-decoration: underline; border-right: 1px solid #fff; font-size: 10px; color: #fff; }
a.menu1_anch2_a:hover,active { text-decoration: underline; color: #fff; }
a.menu1_anch3_a       { padding: 0px 15px 0px 10px; text-decoration: underline; font-size: 10px; color: #fff; }
a.menu1_anch3_a:hover,active { text-decoration: underline; color: #fff; }

#menu-left            { float: left; width: 441px; height: 157px; background: url(/layout/menu-bg.jpg) no-repeat; }
#flash                { float: right; width: 156px; height: 157px; background: url(/layout/flash.jpg) no-repeat; }

#menu2                { position: absolute; left: 0px; top: 236px; margin: 0px; padding: 0px; color: #fff; }
/* výška jednoho odkazu: 25px */
.menu2_item           { list-style-type: none; }
a.menu2_anch          { display: block; width: 165px; height: 16px; margin: 0px 0px 5px 0px; padding: 4px 0px 0px 5px; background: #20306b url(/layout/menu-2-bg.gif) left center no-repeat;; font-size: 10px; color: #fff; }
a.menu2_anch:hover,active { text-decoration: underline; color: #fff; }
a.menu2_anch_a        { display: block; text-decoration: underline; width: 165px; height: 16px; margin: 0px 0px 5px 0px; padding: 4px 0px 0px 5px; background: #20306b url(/layout/menu-2-bg.gif) left center no-repeat;; font-size: 10px; color: #fff; }
a.menu2_anch_a:hover,active { text-decoration: underline; color: #fff; }


#kontakt              { float: right; width: 84px; height: 284px; padding: 0px 0px 10px 0px; background: url(/layout/news-bg.jpg) right top no-repeat; }
a.kontakt_anch        { display: block; padding: 46px 0px 0px 17px; font-size: 10px; color: #fff; }
a.kontakt_anch:hover,active { text-decoration: underline; color: #fff; }
a.kontakt_anch_a      { display: block; text-decoration: underline; padding: 46px 0px 0px 17px; font-size: 10px; color: #fff; }
a.kontakt_anch_a:hover,active { text-decoration: underline; color: #fff; }


#search               { display: none; float: left; width: 143px; height: 25px; padding: 1px 6px 9px 10px; }
.search_input         { width: 110px; padding: 1px 0px 2px 2px; vertical-align: bottom; font-size: 10px; font-weight: bold; color: #f79a1c; }
.search_button        { width: 20px; height: 19px; vertical-align: top; border: none; background: url(/layout/search.jpg) no-repeat; cursor: pointer;}

#news                 { float: left; width: 143px; padding: 20px 6px 15px 10px; background: url(/layout/news-head.gif) left top no-repeat; }
.news_item            { width: 143px; padding: 8px 0px 5px 0px; border-bottom: 1px dotted #696677; }
.news_item_l          { width: 143px; padding: 8px 0px 0px 0px; }
.news_item_header1    { font-size: 9px; font-weight: bold; color: #ec6800; }
.news_item_header2    { font-size: 12px; font-weight: bold; color: #696677; }
.news_item_text       { padding: 3px 0px; font-size: 9px; color: #959595;  }
a.news_anch           { text-decoration: underline; font-size: 9px; font-weight: bold; color: #959595; }
a.news_anch:hover,active { text-decoration: none; color: #000; }
.news_img             { padding: 0px 0px 0px 34px; }
a.news_img_anch       { display: block; border: 1px solid #fff; }
a.news_img_anch:hover,active { border: 1px solid #eee; }

#last-work            { width: 228px; padding: 5px 0px 0px 15px; }
.last-work_header     { display: inline; font-size: 10px; font-weight: bold; color: #1f306a; }
.last-work_shadow     { float: left; width: 82px; height: 62px; margin: 8px 10px 10px 0px; padding: 2px 10px 10px 2px; background: url(/layout/shadow.jpg) left top no-repeat; }
.last-work_anch       { display: block; }
.last-work_img        { width: 85px; height: 66px; }


#content_home         { width: 577px; padding: 15px 5px 20px 15px; }
#content              { width: 577px; padding: 0px 5px 20px 15px; }
.main_header          { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #1f306a; }
.main_text            { font-size: 11px; }
.main_anch-box        { padding: 5px 0px 15px 0px; font-size: 9px; font-weight: bold; color: #f79a1c; }
a.main_anch           { font-size: 11px; color: #f79a1c; }
a.main_anch:hover,active { text-decoration: underline; color: #000; }
.main_line1           { clear: both; height: 1px; margin: 2px 15px 5px 15px; font-size: 1px; background: #ddd; }
.main_line2           { clear: both; height: 1px; margin: 5px 15px 0px 15px; font-size: 1px; background: #ddd; }

#main_icon1           { float: left; width: 180px; margin: 7px 0px 10px 0px; padding: 0px 0px 0px 15px; background: url(/layout/icon1.jpg) left top no-repeat; }
#main_icon2           { float: left; width: 180px; margin: 9px 0px 10px 0px; padding: 0px 0px 0px 15px; background: url(/layout/icon2.jpg) left top no-repeat; }
#main_icon3           { float: left; width: 170px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; background: url(/layout/icon3.jpg) left top no-repeat; }
.hidden               { display: none; }
a.main_icon1_anch     { display: block; width: 160px; padding: 78px 0px 5px 0px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #1f306a; }
a.main_icon1_anch:hover,active { color: #000; }
a.main_icon2_anch     { display: block; width: 160px; padding: 76px 0px 5px 0px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #1f306a; }
a.main_icon2_anch:hover,active { color: #000; }
a.main_icon3_anch     { display: block; width: 160px; padding: 85px 0px 5px 0px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #1f306a; }
a.main_icon3_anch:hover,active { color: #000; }
.main_icon_anch-box   { width: 160px; padding: 5px 0px 15px 0px; font-size: 9px; font-weight: bold; color: #f79a1c; }
a.main_icon-bot_anch  { font-size: 11px; color: #f79a1c; }
a.main_icon-bot_anch:hover,active { text-decoration: underline; color: #000; }
.main_icon_text       { padding: 0px 0px 4px 0px; }
a.main_icon_anch      { text-decoration: underline; font-size: 12px; font-weight: bold; color: #444; }
a.main_icon_anch:hover,active { text-decoration: none; color: #000; }


#navi_box             { padding: 2px 0px 20px 0px; font-size: 10px; color: #1f306a; }
.navi-char            { font-size: 10px; }
a.navi_anch           { font-size: 10px; color: #1f306a; }
a.navi_anch:hover,active { text-decoration: underline; color: #1f306a; }



.common_line1         { clear: both; height: 1px; margin: 2px 15px 5px 15px; font-size: 1px; background: #ddd; }
.common_line2         { clear: both; height: 1px; margin: 5px 15px 15px 15px; font-size: 1px; background: #ddd; }
.common_line3         { clear: both; height: 1px; margin: 15px 15px 20px 15px; font-size: 1px; background: #ddd; }
.common_line4         { clear: both; height: 1px; margin: 15px 15px 5px 15px; font-size: 1px; background: #ddd; }

.common_line-hr       { clear: both; margin: 15px 15px 20px 15px; height: 1px; background: #ddd; border: 0px; }

.common_header1       { padding: 5px 0px 10px 0px; font-size: 14px; font-weight: bold; color: #f79a1c; }
.common_header2       { padding: 0px 0px 10px 0px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #1f306a; }
.common_header3       { padding: 15px 0px 10px 10px; font-family: arial, verdana; font-size: 16px; font-weight: bold; color: #1f306a; }
.common_header-hid    { display: inline; font-size: 12px; }

.common_text          { padding: 10px; font-size: 11px; }

.common_info          { padding: 10px 10px 10px 50px; background: url(/layout/ico_info.gif) left center no-repeat; font-family: arial, verdana; font-size: 13px; font-style: italic; }


a.common_anch         { text-decoration: underline; font-size: 11px; font-weight: bold; color: #000; }
a.common_anch:hover,active { text-decoration: none; font-weight: bold; color: #000; }




.glossary_header      { padding: 0px 0px 10px 70px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #1f306a; }
.glossary-img         { float: left; width: 90px; }
.glossary-box         { float: left; width: 480px; font-size: 11px; }
.glossary_li          { padding: 0px 0px 15px 0px; }


.price_tbl            { width: 92%; margin: 10px 0px 20px 10px; background: #f79a1c; border-collapse: collapse; color: #fff; }
.price_tbl_th         { padding: 3px 8px; text-transform: uppercase; font-size: 13px; }
.price_tbl_tr1        { background: #fff; }
.price_tbl_tr2        { background: #f0f0f0; }
.price_tbl_td1        { padding: 3px 8px; vertical-align: top; font-size: 11px; color: #000; }
.price_tbl_td2        { padding: 3px 8px; vertical-align: top; font-size: 11px; text-align: right; color: #000; }
.price_tbl_td-spec    { padding: 5px 10px 8px 10px; text-align: center; font-size: 10px; font-weight: bold; color: #444; }
.special              { padding: 8px 0px 0px 10px; font-weight: bold; }
.special2             { padding: 0px 0px 0px 100px; }
.legend               { padding: 0px 0px 0px 10px; font-size: 10px; color: #444; }


.webhost_header       { padding: 0px 0px 5px 10px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #1f306a; }


#reference            { }
.refer-item-box       { float: right; width: 350px; padding: 0px 15px 10px 0px; }
.refer-item_header1   { font-size: 9px; color: #888; }
.refer-item_header2   { padding: 2px 0px 4px 0px; font-size: 12px; color: #f79a1c; }
.refer-item_subhead   { font-size: 10px; font-weight: bold; }
.refer-item_text      { padding: 2px 0px; font-size: 10px; }
a.refer1_anch         { float: left; }
.refer-item_img       { margin: 0px 0px 10px 0px; padding: 5px 5px 25px 5px; background: url(/layout/refer-bg1.gif) no-repeat; }
.refer-item_imgx      { float: left; margin: 0px 0px 10px 0px; padding: 5px 5px 15px 5px; background: url(/layout/refer-bg2.gif) no-repeat; }
a.refer2_anch         { display: block; float: right; margin: 6px 20px 0px 0px; padding: 3px 6px; background: #ccc; border: 1px solid #aaa; font-size: 10px; }
a.refer2_anch:hover,active { background: #ddd; color: #000; }
a.refer3_anch         { display: block; float: left; text-decoration: underline; padding: 2px 11px 0px 0px; background: url(/layout/away.gif) right center no-repeat; font-size: 10px; }
a.refer3_anch:hover,active { text-decoration: none; background: url(/layout/away_a.gif) right center no-repeat; color: #000; }



#quick_opinion        { width: 223px; padding: 30px 0px 20px 20px; font-size: 10px; }
.opinion              { padding: 10px 0px 10px 0px; }
.quick_opi_hand       { float: left; width: 25px; height: 21px; padding: 0px 5px 0px 0px; }
.quick_opi_header     { display: inline; font-size: 10px; font-weight: bold; color: #1f306a; }
.quick_opi_subheader  { padding: 6px 0px 0px 0px; font-size: 12px; font-weight: bold; color: #000; }
.quick_opi_img-box    { float: right; width: 87px; height: 68px; padding: 0px 0px 2px 2px; }
a.quick_opi_anch      { display: block; float: right; width: 85px; height: 66px; text-decoration: none; border: 1px solid #888; }
a.quick_opi_anch:hover,active { text-decoration: none; border: 1px solid #000; }
.quick_opi_sign       { padding: 5px 10px 5px 0px; text-align: right; font-size: 10px; font-weight: bold; color: #1f306a; }


#quick_philo          { width: 233px; padding: 30px 0px 20px 10px; font-size: 10px; }
.quick_philo_header   { padding: 0px 0px 5px 20px; font-size: 11px; font-weight: bold; color: #000; }
.quick_philo_ul       { margin: 0px; padding: 0px; }
.quick_philo_li       { padding: 3px 0px 3px 15px; list-style-type: none; background: url(/layout/check.gif) left no-repeat; }


#quick_msg            { width: 223px; padding: 30px 0px 20px 20px; font-size: 10px; }
.quick_msg-header1    { padding: 0px 0px 10px 0px; font-size: 13px; font-weight: bold; }
.quick_msg-header2    { font-weight: bold; }
a.quick_anch          { text-decoration: underline; color: black; }
a.quick_anch:hover,active { text-decoration: none; color: black; }
a.quick_anch2         { display: block; float: left; margin: 10px 20px 0px 0px; padding: 2px 4px; background: #eee; border: 1px solid #aaa; font-size: 10px; }
a.quick_anch2:hover,active { background: #ccc; color: #000; }
.quick_msg_form       { margin: 2px 0px 2px 0px; padding: 1px; border: 1px solid #888888; font-size: 12px; color: #555; }
.quick_msg_button     { margin: 2px 0px 2px 0px; border: 1px solid #888888; font-size: 10px; color: #555; }
.captcha_img          { float: left; padding: 2px 0px 0px 0px; }


.ctact-box            { padding: 0px 0px 25px 65px; }
.ctact-img            { float: left; width: 60px; height: 75px; border: 2px solid #222; }
.ctact-text           { float: right; width: 430px; font-size: 11px; }
.ctact-funct          { padding: 2px 0px 6px 0px; font-style: italic; }
a.ctact_anch          { text-decoration: none; font-size: 11px; font-weight: bold; color: #222; }
a.ctact_anch:hover,active { text-decoration: underline; font-weight: bold; color: #000; }
.ctact-header         { padding: 10px 0px 4px 90px; font-size: 10px; font-weight: bold; }
.ctact-text2          { float: left; padding: 0px 0px 30px 70px; font-size: 11px; }
.ctact_padding        { padding: 4px 0px; }
#napiste_nam          { width: 550px; padding: 0px 0px 15px 0px; font-family: verdana, arial; }
.ctact_field          { padding: 0px; border: none; }
.ctact_legend         { padding: 10px 1em 4px 90px; font-size: 10px; font-weight: bold; }
.ctact_tbl            { border-collapse: collapse; }
.ctact_td             { font-size: 11px; }
.ctact_td-r           { text-align: right; font-size: 11px; }
.ctact_mark           { padding: 0px 0px 0px 35px; font-size: 9px; }
.ctact_mark2          { text-align: center; font-size: 8px; }
.ctact-errmsg         { text-align: center; font-size: 10px; font-weight: bold; color: red; }
.captcha_img2         { float: left; }




#footer               { clear: both; width: 840px; height: 34px; background: url(/layout/footer-bg.gif) repeat-x; }
#econtrol             { float: right; width: 200px; margin: 14px 0px 0px 0px; padding: 4px 0px 0px 0px; background: url(/layout/econtrol.gif) center top no-repeat; text-align: center; font-size: 10px; color: #ddd; }
a.ec_anch             { font-weight: bold; text-decoration: underline; color: #ddd; }
a.ec_anch:hover,active { font-weight: bold; text-decoration: none; color: #fff; }


#promo                { width: 840px; padding: 3px 0px 0px 0px; text-align: center; font-size: 9px; color: #ccc; }
a.promo_anch          { text-decoration: none; color: #ccc; }
a.promo_anch:hover,active { text-decoration: underline; color: #999; }


#login-box            { width: 300px; margin: 20px auto 30px auto; }


.smaller1             { font-size: 11px; }
.smaller2             { font-size: 10px; color: #444; }
.spacer               { font-size: 4px; }

.float_img-l          { float: left; padding: 0px 10px 10px 0px; }
.float_img-r          { float: right; padding: 0px 0px 10px 10px; }
.upset_img_box        { position: relative; width: 1px; height: 1px; }
.upset_img            { position: absolute; top: -75px; left: -113px; width: 113px; height: 75px; }

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


.error_header         { font-size: 10px; font-weight: bold; text-transform: uppercase; color: #1f306a; }

#error                { width: 500px; margin: 50px auto 50px auto; padding: 50px 0px 50px 0px; background: #ddd; text-align: center; font-weight: bold; color: #000; }
.errmsg               { font-size: 10px; font-weight: bold; color: red; }

a.err_anch            { font-weight: bold; text-decoration: underline; color: black; }
a.err_anch:hover,active { font-weight: bold; text-decoration: none; color: black; }