html, body { width: 100%; margin: 0; padding: 0 }
body,td,th,h1,h2,h3,h4,span,div,p,input,label,textarea { font-family: verdana, 'Arial CE'; font-size: 11px; line-height: 130%}
h1 { font-size: 15px; color: #110077 } 
h2 { font-size: 11px; color: #DA251D; font-weight: bold; margin: 0 0 15px 0 }
h3 { display: inline }
h4 { display: inline }

a      { color: #5F718D; text-decoration: underline }
a:hover { color: #8FA3BF; text-decoration: none }
img {border: none}

ul { list-style-position: outside; list-style-image: url(images/ul.gif); list-style-type: square; margin: 5px 0 0 15px; padding: 0; _margin-left: 17px}
/* li { margin: 0; padding: 0} */
object,embed {margin: 0}

ul.ul_large {font-size: 11px; font-weight: bold; line-height: 13px}
ul.ul_large li {margin-bottom: 15px}

.img_float_right {float: right; margin: 80px 0 20px 30px}
.img_float_left {float: left; margin: 5px 30px 20px 0}
.img_float_left2 {float: left; margin: 5px 20px 20px 0}

.right {display: block; float: right}
.left_margin { width: 591px; background: transparent url('images/uvodni-strana2.jpg') 0% 0% no-repeat; margin: 5px 0 0 0; padding: 0 0 0 155px}
.center {width: 100%; text-align: center}

#top       { width: 862px }
#logo      { float: left; width: 201px; height: 66px }
#logo h1   { display: inline }
#logo a    { width: 201px; height: 66px; margin: 0; padding: 0; color: #107; display: block; position: relative }
#logo span { display: block; background: url('images/logo.gif') top left no-repeat; cursor: pointer; width: 201px; height: 66px; position: absolute; left: 0; top: 0; z-index: 1 }

#top_sub_menu         { float: left; width: 661px; }
#top_sub_menu div     { padding: 26px 0 0 0; color: #FAAD56; font-size: 11px; text-align: right }
#top_sub_menu a       { color: #FAAD56; text-decoration: none }
#top_sub_menu a:hover { color: #FFBB66; text-decoration: underline }

#top_menu         { width: 862px; height: 35px; background: url('images/top_trim.gif') top left repeat-x; clear: both }
#top_menu div     { float: right; padding: 12px 0 0 0; color: #5F718D; font-size: 11px }

#nav li:hover ul,
#nav li.over ul  { display: block }
#nav li {width: auto; font-size: 1px; line-height: 1px }
#nav a       { color: #5F718D; text-decoration: none }
#nav a:hover { color: #8FA1BD }
#nav div{padding: 0;}
.nav_lvl_1 span {font-size: 11px; line-height: 12px; cursor: hand;}
.nav_lvl_1,
.nav_lvl_2,
.nav_lvl_2_2   { padding: 0; margin: 0; list-style: none }
.nav_lvl_1 li,
.nav_lvl_2 li,
.nav_lvl_2_2 li { float: left; position: relative; width: 10em }
.nav_lvl_1 li   ul.nav_lvl_2,
.nav_lvl_1 li   ul.nav_lvl_2_2 { display: none; position: absolute; top: 1em; left: 0 }
.nav_lvl_2         { width: 135px }
.nav_lvl_2 li      { display: block; clear: left }
.nav_lvl_2 a       { width: 135px; padding: 3px; display: block; background: #FFF;border: 1px solid #5F718D; border-right: 2px solid #5F718D;  border-bottom: none; }
.nav_lvl_2 a:hover { width: 135px; padding: 3px; display: block; background: #F6F9FF }
.nav_lvl_2_2         { width: 180px }
.nav_lvl_2_2 li      { display: block; clear: left }
.nav_lvl_2_2 a       { width: 180px; padding: 3px; display: block; background: #FFF;border: 1px solid #5F718D; border-right: 2px solid #5F718D;  border-bottom: none; }
.nav_lvl_2_2 a:hover { width: 180px; padding: 3px; display: block; background: #F6F9FF }
li.lispace      { height:20px; background: transparent; border: none; color: #FFF; font-size: 1px; line-height: 1px; display: block}
li.bottom       { border-bottom: 2px solid #5F718D}

#big_screen  { width: 862px; height: 169px; background: url('images/screen.jpg') top left no-repeat; margin: 0 0 5px 0 }
#middle_trim { width: 862px; height: 9px; background: url('images/middle_trim.gif') top left no-repeat; font-size: 1px }

#container      { width: 866px }
#main_container { width: 657px; float: left }
#main           { padding: 13px 0 51px 34px; float: left; font-size: 11px; line-height: 11px; color: #5F718D }
#sub_container  { width: 591px }
#main h2        { color: #FB9131; font-size: 12px; display: block; margin: 0 0 13px 0 }
#main_left      { float: left; width: 292px; margin: 0 21px 0 0 }
#main_right     { float: left; width: 278px }
#main_center    { width: 591px;}

#main_line { width: 591px; height: 5px; background: url('images/line.gif') top left repeat-x; margin: 16px 0 17px 0; font-size: 1px }

#main_bottom_block  { width: 591px }
#main_bottom        { width: 591px; background: url('images/main_cb.gif') top left repeat-y; margin: 11px 0 0 0 }
#mainb_top    { width: 591px; background: url('images/main_tb.gif') top left no-repeat }
#mainb_bottom { width: 591px; background: url('images/main_bb.gif') bottom left no-repeat }
#mainb_inner  { color: #2E3092; padding: 13px 90px 15px 13px; color: #2E3092; background: url('images/main_img1.gif') 100% 100% no-repeat; font-size: 11px; }
#mainb_inner2 { color: #2E3092; padding: 11px; color: #2E3092; font-size: 11px; }
#mainb_logo_text { width: 450px}

#right_menu           { width: 209px; float: left; padding: 11px 0 20px 0; font-size: 1px }
#right_border         { width: 209px; height: auto; background: url('images/right_cb.gif') top left repeat-y }
#right_border div     { width: 209px; height: 100%; background: url('images/right_tb.gif') top left no-repeat }
#right_border p       { width: 209px; height: 100%; background: url('images/right_bb.gif') bottom left no-repeat }
#right_border_span    { padding: 20px; color: #5F718D; font-size: 11px; line-height: 13px; font-weight: normal; display: block }
#right_border a       { color: #5F718D; font-size: 9px; font-weight: normal; text-decoration: underline }
#right_border a:hover { color: #8FA3BF; text-decoration: none }

#vzdelani_opera_filter { font-size: 1px; line-height: 1px }
#vzdelani_1 { width: 170px; height: 135px; float: left }
#vzdelani_1 span {padding: 50px 0 0 6px; color: #FB9131; display: block; font-weight: bold}
#vzdelani_2 { width: 213px; height: 135px; float: left; background: url('images/pyramide1.gif') 0% 0% no-repeat }
#vzdelani_2 span {text-align: center; display: block; padding: 65px 0 0 0; line-height: 13px}
#vzdelani_2 strong {font-size: 14px; display: block; margin: 0 0 3px 0; line-height: 17px}
#vzdelani_3 { width: 208px; height: 135px; float: left }
#vzdelani_3 span {padding: 50px 0 0 6px; color: #2E3092; display: block; font-weight: bold}
#vzdelani_4 {clear: both; margin: 0 0 0 6px; width: 539px; height: 227px; background: url('images/pyramide2.gif') 0% 0% no-repeat }
#vzdelani_4 span {text-align: center; display: block; padding: 11px 0 0 0; line-height: 15px}
#vzdelani_4 strong {font-size: 14px; display: block; margin: 0 0 5px 0; padding: 0; line-height: 17px}

#prspkt_graf { width: 591px; height: 365px;  background: url('images/graf.gif') 0% 0% no-repeat }
#prspkt_graf span {font-size: 14px; font-weight: bold;}
#graf_part1  { width: 591px; height: 72px; text-align: center}
#graf_part1 span { display: block; padding: 22px 11px 0 0; color: #FB9131}
#graf_part2  { width: 190px; height: 72px; float: left; text-align: center }
#graf_part2 span { display: block; padding: 32px 0 0 0; color: #FB9131}
#graf_part3  { width: 200px; height: 72px; float: left; text-align: center }
#graf_part3 span { display: block; padding: 22px 0 0 0; color: #FB9131}
#graf_part4  { width: 190px; height: 72px; float: left; text-align: center }
#graf_part4 span { display: block; padding: 32px 0 0 0; color: #5F718D}
#graf_part5  { width: 290px; height: 77px; float: left; text-align: center}
#graf_part5 span { display: block; padding: 19px 0 0 40px; color: #FB9131}
#graf_part6  { width: 290px; height: 77px; float: left; text-align: center }
#graf_part6 span { display: block; padding: 19px 40px 0 0; color: #5F718D}
#graf_part7  { width: 591px; height: 72px; clear: both; text-align: center }
#graf_part7 span { display: block; padding: 18px 11px 0 0; color: #5F718D}
#graf_part8  { width: 591px; height: 72px; text-align: center }
#graf_part8 span { display: block; padding: 18px 11px 0 0; color: #5F718D}

#graf_part3 a,#graf_part5 a{color: #FB9131; text-decoration: none}
#graf_part3 a:hover,#graf_part5 a:hover{color: #F08325; text-decoration: underline}

#graf_part6 a,#graf_part7 a,#graf_part8 a{text-decoration: none}
#graf_part6 a:hover,#graf_part7 a:hover,#graf_part8 a:hover{ text-decoration: underline}

#right_inner         { margin: 0 0 0 7px; width: 195px; font-size: 1px }
#bottom_menu         { width: 862px; height: 45px; background: url('images/bottom_trim.gif') top left repeat-x; clear: both }
#bottom_menu div     { float: left; padding: 19px 0 0 33px; color: #8FA3BF; font-size: 11px }
#bottom_menu a       { color: #8FA3BF; text-decoration: none }
#bottom_menu a:hover { color: #5F718D; text-decoration: none }

#poradce_form {width: 315px;}
#poradce_form textarea { background: #FFF4B9;  color: #FB9131; font-size: 11px; line-height: 12px; width: 314px; height: 95px; padding: 3px 3px 0 3px; _padding: 3px; border: 1px solid white; display: inline; margin: 0;  overflow: hidden}
.poradce_input {background: #FFF4B9; color: #FB9131; font-size: 11px; line-height: 12px; width: 250px; height: 20px; padding: 3px 3px 0 3px; _padding: 3px; border: 1px solid white; display: inline; margin: 0;}
.button_odeslat {width: 70px; height: 32px; color: #5F718D; font-size: 11px; line-height: 11px; padding: 0 0 2px 1px; font-weight: bold; background: url('images/button_odeslat.gif') 0% 0% no-repeat; border: 1px solid white; _border: none; float: right; margin: 0 0 0 3px}

#right_form       { margin: 0; padding: 0; display: inline }
.right_form_input_user,
.right_form_input_pass,
.right_form_input_pass_hidden { background: #FFF4B9; color: #FB9131; font-size: 11px; line-height: 12px; width: 92px; height: 20px; padding: 3px 3px 0 3px; _padding: 3px; border: 1px solid white; display: block; margin: 0;}
.right_form_input_user {margin: 11px 0 0 0}
.right_form_input_pass,.right_form_input_pass_hidden { float: left; margin: 7px 0 0 0}
.right_form_input_pass_hidden {display: none}
.button_vstup     { width: 60px; height: 32px; color: #5F718D; font-size: 11px; line-height: 11px; padding: 0 0 2px 1px; font-weight: bold; background: url('images/button_vstup.gif') 0% 0% no-repeat; border: 1px solid white; _border: none; float: left; margin: 0 0 0 3px }

.pure_blue {color: #2E3092}

.clear          { width: 591px; height: 1px; clear: both; font-size: 1px; line-height: 1px}
.plus_a         { font-size: 11px; background: url('images/plus.gif') 0% 50% no-repeat; display: block; padding: 0 0 0 12px }
.plus_a a       { color: #2E3092; text-decoration: underline }
.plus_a a:hover { color: #5F718D; text-decoration: none }

.right_mm         { width: 195px; font-size: 9px; color: #5F718D }
.right_mm a       { text-decoration: none }
.right_mm a:hover { text-decoration: underline }

.right_line  { width: 195px; height: 5px; background: url('images/line.gif') top left repeat-x; margin: 3px 0 3px 0; font-size: 1px }
.img_fp      { display: block; width: 88px; height: 42px; float: left }
.float_left  { float: left; margin: 4px 0 0 12px }
.right_large { font-size: 11px; color: #5F718D; font-weight: bold; margin: 4px 0 6px 0; display: block }
.main_large  { font-size: 12px; color: #FB9131; font-weight: bold; margin: 0 0 6px 0 }
.blue        { color: #2E3092 }
.orange      { color: #FB9131 }
.orange a       { color: #FB9131; text-decoration: none }
.orange a:hover { color: #FFBB66; text-decoration: underline }
.orange_h3   { font-size: 11px; color: #FB9131; line-height: 13px; display: block; margin: 2px 0 6px 0}
.fp_img {margin: 0 15px 0 0; border: none}


.middle_line_height {line-height: 20px}

.bigorange { font-size: 28px; color: #FB9131; font-weight: bold; text-align: center }