body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #ffffff url('images/bodybg.jpg') repeat-x; text-align: center; font-family: arial; font-size: 12px; margin: 0; }
#page { width: 900px; margin: 0 auto; }
.page_in { text-align: left; }

#logo { padding: 22px 1px 0 4px;}
#logo p a.galaxy, #logo p a.galaxy span { width: 87px; height: 52px; color: #2270aa; font-size: 14px; }
#logo p a.angl, #logo p a.angl span { width: 210px; height: 37px; color: #2270aa; font-size: 14px; }

#logo p a.galaxy, #logo p a.angl { position: relative; overflow: hidden; cursor: pointer; }


#logo p a.galaxy span { background: url('images/galaxy.jpg') no-repeat left top; position: absolute; left: 0; top: 0; }
#logo p a.angl span { background: url('images/logo.jpg') no-repeat left bottom; position: absolute; left: 0; top: 0; }


#left { width: 305px; margin: 0; float: left; clear: left; }
#leftbox { width: 305px; height: 460px; background: url('images/leftbox.jpg') 0 0 no-repeat; }
.leftbox_in { padding: 35px 0 0 40px; width: 223px; }
#leftbox h3 { font-size: 27px; color: #2e74af; font-weight: bold; margin: 0 0 7px 0;}
#leftbox h3, #leftbox h3 span { width: 223px; height: 37px; }
#leftbox p.obj { font-size: 12px; color: #317aba; margin: 0 0 8px 0;}
#leftbox p.info { font-size: 11px; color: #828282; line-height: 1.4; padding: 0 0 14px 1px; }
#leftbox p.info a, #leftbox p.info a:visited { color: #828282; text-decoration: underline; }
#leftbox p.info a:hover { text-decoration: none; }


#leftbox h4 { color: #2d76b6; font-size: 17px; margin: 0 0 8px 0;}
#leftbox .bbox { width: 195px; margin: 0 0 15px 24px; background: #2d76b6;  }
#leftbox .bbox_top { background: url('images/left_bbox_top.gif') 0 0 no-repeat; } 
#leftbox .bbox_btm { width: 195px; background: url('images/left_bbox_btm.gif') 0 100% no-repeat; padding: 10px 25px 3px 25px;  } 

#leftbox ul { list-style: none; }
#leftbox ul li { color: #ffffff; font-size: 12px; font-weight: bold; margin: 0 0 7px 0; }
#leftbox ul li a, #leftbox ul li a:visited { color: #ffffff; text-decoration: none; }
#leftbox ul li a:hover { text-decoration: underline; }
#leftbox .ads2 { padding: 0 0 0 20px; }
#leftbox .ads { padding: 0 0 0 15px; }

#leftbox h3 { position: relative; overflow: hidden; }
#leftbox h3 span { background: url('images/h2_neprehlednete.jpg') no-repeat left top; position: absolute; left: 0; top: 0; }

#leftbox .tips { padding: 18px 0 10px 20px; }
#leftbox .tips ul { list-style: none; }
#leftbox .tips ul li { color: #0c5c99; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; }
#leftbox .tips ul li a, #leftbox .tips ul li a:visited { color: #ffffff; text-decoration: none; }

#leftbox .tips ul li a, #leftbox .tips ul li a span { width: 264px; height: 28px; display: block; cursor: pointer; }
#leftbox .tips ul li a, #leftbox .tips ul li a span { position: relative; overflow: hidden; }

#leftbox .tips ul li a.bod1 span { background: url('images/bod1.gif') no-repeat left top; position: absolute; left: 0; top: 0; }
#leftbox .tips ul li a.bod2 span { background: url('images/bod2.gif') no-repeat left top; position: absolute; left: 0; top: 0; }
#leftbox .tips ul li a.bod3 span { background: url('images/bod3.gif') no-repeat left top; position: absolute; left: 0; top: 0; }
#leftbox .tips ul li a.bod4 span { background: url('images/bod4.gif') no-repeat left top; position: absolute; left: 0; top: 0; }


#leftbox2 { width: 305px; background: url('images/leftbox2_bg.jpg') no-repeat; margin: 0 0 0 6px; }
#leftbox2 h3 { color: #115c9e; font-size: 24px; font-weight: normal; margin: 0 0 8px 0; }
#leftbox2 h3, #leftbox2 h3 span { width: 241px; height: 26px; }
#leftbox2 h3 { position: relative; overflow: hidden; }
#leftbox2 h3 span { background: url('images/h3_vyuka.png') no-repeat left top; position: absolute; left: 0; top: 0; }

#leftbox2 p.hl { color: #127bc4; line-height: 1.5; margin: 14px 0 12px 0; width: 227px; }
#leftbox2 p.hl a { color: #127bc4; }
#leftbox2 p.hl a:hover { text-decoration: none; }
#leftbox2 p.info, #leftbox3 p.info { color: #828282; font-size: 11px; line-height: 1.5; margin: 0 0 7px 0; width: 228px; }

#leftbox2 p.r_align { text-align: right; width: 228px; padding: 0 0 10px 0; border-bottom: #bddff3 1px solid; }
#leftbox2 p.bez { border: 0; }
#leftbox2 a.a_btn { color: #ffffff; font-size: 13px; text-align: center; padding: 2px 14px 3px 14px; background: url('images/btn_bg.gif') no-repeat; text-decoration: none; }
#leftbox2 a.a_btn:hover { text-decoration: underline;}

#leftbox3 { margin: 0 0 0 37px; }
#leftbox3 h3 { color: #2f78b8; font-size: 22px; font-weight: bold; margin: 20px 0 10px 0;}
#leftbox3 p.prodejny { margin: 7px 0; color: #2f78b8; font-size: 13px; font-weight: bold; line-height: 1.6; }
#leftbox3 p.prodejny a { color: #2f78b8; text-decoration: none; }
#leftbox3 p.prodejny a:hover { text-decoration: underline; }
#leftbox3 p.info a { color: #828282; text-decoration: none; }
#leftbox3 p.info a:hover { text-decoration: underline; }

#devetdva { background: url('images/92.jpg') 36px 10px no-repeat; }
#devetdva p { font-size: 14px; color: #0c5c99; line-height: 1.5; font-style: italic; padding: 25px 0 20px 130px; }
#devetdva .line { width: 228px; padding: 0 0 10px 0; border-bottom: #bddff3 1px solid; margin: 0 0 0 38px; }

.leftbox2_in { padding: 24px 0 0 32px; }

#main { width: 595px; margin: 1px 0 0 304px; }
#main .top_main { height: 342px; background: url('images/top_page.jpg') no-repeat; }
#main .form { background: url('images/top_form_bg.jpg') 0 0 repeat-y; height: auto; }
#main .top_main_form_btm { background: url('images/top_form_btm.jpg') 0 100% no-repeat; padding: 0 0 14px 0; }
#main .bg2 { background: url('images/top_page2.jpg') no-repeat; }
#main .bg3 { background: url('images/top_page3.jpg') no-repeat; }
#main .bg4 { background: url('images/top_page4.jpg') no-repeat; }
#main .bg5 { background: url('images/top_page5.jpg') no-repeat; }
#main .top_main_in { padding: 20px 0 0 15px; background: url('images/topmain_inbg.jpg') 470px 90px no-repeat; height: 292px; }
#main .top_main_in_form { padding: 20px 0 0 15px; background: url('images/top_form.jpg') 0 0 no-repeat; }


#main .form_table { border: 0; border-collapse: collapse;}
#main .form_table td { color: #0c5c98; padding: 2px 10px; }
#main .sirsi2 { margin: 0 0 25px 0; }
#main .sirsi2 td { color: #0c5c98; padding: 4px 10px; }
#main .form_table td.prvni { padding-left: 0; width: 55px; }
#main .form_table td.sirsi { padding-left: 0; width: auto; }
#main .form_table td.druhy { width: 300px; }
#main .form_table td a { color: #0c5c98; text-decoration: underline; }
#main .form_table td a:hover { text-decoration: none; }
#main .form_table td.odsad { width: auto; padding-top: 8px; }
#main .form_table td.odsad2 { padding-top: 16px; }
#main .form_table td label { color: #0c5c98; padding: 0 0 0 6px; }
#main .form_table td.sirsi4 { width: auto; }


#main .top_main_in h2.odkazy { line-height: 1.3; }
#main .top_main_in h2 a { text-decoration: none; }
#main .top_main_in h2 a:hover { text-decoration: underline; }
#main .bez_bg {background: none; }

#main .top_main p.links { color: #0c5c99; font-size: 12px; padding: 3px 0 0 12px; }
#main .top_main p.links span { padding: 3px 12px 3px 24px;}
#main .top_main p.links span.pdf { background: url('images/pdf_ico.jpg') no-repeat; }
#main .top_main p.links span.arrow { background: url('images/arrow_ico.jpg') no-repeat; }
#main .top_main p.links a, #main .top_main p.links a:visited { color: #0c5c99; }
#main .top_main p.links a:hover { text-decoration: none; }


#main .top_main .main_links { padding: 0 0 7px 0; }
#main .top_main .main_links a.box_tel, #main .top_main .main_links a.box_zav, #main .top_main .main_links a.box_cisty { font-size: 18px; color: #0c5c99; display: block; background: url('images/box_tel.gif') no-repeat; width: 224px; padding: 3px 0 4px 40px; text-decoration: none; margin: 0 0 7px 0; }
#main .top_main .main_links a.box_zav { background: url('images/box_zavinac.gif') no-repeat; }
#main .top_main .main_links a.box_cisty { background: url('images/box_cisty.gif') no-repeat; }
#main .top_main .main_links a.box_tel:hover, #main .top_main .main_links a.box_zav:hover, #main .top_main .main_links a.box_cisty:hover { text-decoration: underline;}
#main .top_main p.ods { padding: 6px 0 20px 3px; width: 370px; }


#main .panel p.links { color: #0c5c99; font-size: 12px; padding: 0 0 0 12px; }
#main .panel p.links span { padding: 3px 12px 3px 24px;}
#main .panel p.links span.pdf { background: url('images/pdf_ico2.jpg') no-repeat; }
#main .panel p.links span.arrow { background: url('images/arrow_ico2.jpg') no-repeat; }
#main .panel p.links a, #main .panel p.links a:visited { color: #0c5c99; }
#main .panel p.links a:hover { text-decoration: none; }


#main .top_main h2.super { color: #0c5c99; font-size: 20px; font-weight: bold; line-height: 1.15; margin: 0; }
#main .top_main h2.super { background: url('images/super.jpg') no-repeat; padding: 5px 0 30px 130px; }
#main .top_main h2.obj { font-size: 14px; width: 420px; }
#main .top_main_in p { color: #0c5c99; font-size: 14px; line-height: 1.5; width: 420px; }

#main .top_main h2.super2 { color: #0c5c99; font-size: 20px; font-weight: bold; line-height: 1.15; margin: 0; }
#main .top_main h2.super2 { background: url('images/super.jpg') no-repeat; padding: 5px 0 30px 130px; }
#main .top_main h2.obj { font-size: 14px; width: 420px; }
#main .top_main_in p { color: #0c5c99; font-size: 14px; line-height: 1.5; width: 420px; }

#main h1 { color: #0c5c98; font-weight: bold; font-size: 50px; text-transform: uppercase; margin: 0 0 3px 0; }
#main .uvod h1 { margin: 0; }

#main h1.tp2 { padding: 6px 0 5px 78px; }
#main h2.tp2 { padding: 0px 0 0 117px; }
#main p.tp2 { padding: 0px 0 0 117px; }
#main .top_tp2 { height: 295px; }

#main #main_in { padding: 9px 0 0 9px; }

#main_in .panel { background: url('images/panel1_bg.jpg') no-repeat; padding: 7px 0 9px 30px; margin: 0 0 7px 0; }
#main_in .panel2 { background: url('images/panel2_bg.gif') no-repeat; padding: 7px 0 9px 0; margin: 0; }
#main_in .panel p { color: #0c5c99; font-size: 12px; }
#main_in .panel p a { color: #0c5c99; text-decoration: underline; }
#main_in .panel p a:hover { text-decoration: none; }

#main #main_in h2, #main #main_in h2 a { font-size: 18px; text-decoration: none; }
#main #main_in h2 a:hover { text-decoration: underline; }
#main #main_in .skladem h2 span { margin: 0 0 0 10px; padding: 0 0 0 0; position: absolute; width: 69px; height: 21px; background: url('images/skladem.gif') 0 0 no-repeat; }

#main #main_in p.more { font-size: 11px; background: url('images/more.jpg') no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; color: #0c5c99; }
#main #main_in p.more2 { font-size: 13px; background: url('images/more.jpg') no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; color: #0c5c99; }
#main #main_in p { font-size: 12px; color: #0c5c99; line-height: 1.5; margin: 0 0 10px 0; }
#main #main_in p.cena { color: #283b63; }
#main #main_in .line2 { border-bottom: #bddff3 1px solid; margin: 0 0 13px 0; width: 575px; padding: 15px 0 0 0;}
#main #main_in .neod { margin: 0; }
#main #main_in h3 { color: #0c5c99; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }

#main .uvod { padding: 37px 0 0 257px; background: url('images/top.jpg') no-repeat; height: 305px; }
#main .uvod h1, #main .uvod h1 span { width: 333px; height: 81px; }
#main .uvod h1 { position: relative; overflow: hidden; }
#main .uvod h1 span { background: url('images/h1_anglictina.png') no-repeat left top; position: absolute; left: 0; top: 0; }
#main .uvod p, #main .top_main p.learn { color: #317aba; font-style: italic; padding: 197px 0 0 68px; }
#main .uvod p a, #main .top_main p.learn a { color: #317aba; text-decoration: underline; }
#main .uvod p a:hover, #main .top_main p.learn a:hover { text-decoration: none; }
#main .top_main p.learn { padding: 0 0 0 8px; }

#main #main_left {
	width: 377px;
	float: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#main #main_left.form_left { padding: 20px 0 0 0; width: 375px; margin: 0; }
#main h2, #main h2 a { color: #0c5c99; font-size: 20px; margin: 5px 0 15px 0;}
#main #main_left p { color: #0c5c99; font-size: 12px; line-height: 1.5; margin: 0 0 18px 0; }
#main #main_left p.more, #leftbox3 p.more { font-size: 11px; background: url('images/more.jpg') no-repeat; padding: 0 0 0 20px; margin: 0 0 20px 0; }
#main #main_left p.mene { margin: 0 0 12px 0; }
#main #main_left a, #leftbox3 p.more a { color: #0c5c99; text-decoration: underline; }
#main #main_left a:hover, #leftbox3 p.more a:hover { text-decoration: none; }
#main #main_left ul, #main ul { list-style: none; margin: 0 0 20px 0; }
#main #main_left ul li, #main ul li { background: url('images/more.jpg') no-repeat; padding: 0 0 4px 22px; margin: 0 0 2px 0; }
#leftbox3 p.more { padding: 1px 0 2px 23px; }

#main #main_right { width: 191px; padding: 20px 0 0 0; margin: 0 0 0 400px; }
#main #main_right.form_right { margin: 0 0 0 383px; }
#main #main_right p.txt { color: #0c5c99; font-size: 11px; line-height: 1.5; margin: 0 0 10px 0; }
#main #main_right h3 { color: #0C5C99; font-size: 20px; font-weight: bold; margin: 5px 0 15px 0;}
#main #main_right h3 a, a:visited { color: #0c5c99; text-decoration: none; }
#main #main_right h3 a:hoover { color: #0c5c99; text-decoration: underline; }
#main #main_right p.img { margin: 0 0 20px 0; }
#main #main_right p.img2 { margin: 0 0 11px 0; }
#main #main_right h4 { font-size: 14px; color: #0c5c99; font-weight: bold; padding: 1px 0 1px 22px; margin: 0 0 10px 0; }
#main #main_right h4 a, #main #main_right h4 a:visited { color: #0c5c99; text-decoration: underline; }
#main #main_right h4 a:hover { text-decoration: none; }
#main #main_right h4.h4_1 { background: url('images/tips.gif') 0 0 no-repeat; }
#main #main_right h4.h4_2 { background: url('images/tips.gif') 0 -19px no-repeat; }
#main #main_right h4.h4_3 { background: url('images/tips.gif') 0 -37px no-repeat; }
#main #main_right h4.h4_4 { background: url('images/tips.gif') 0 -56px no-repeat; }
#main #main_right h4.h4_5 { background: url('images/tips.gif') 0 -75px no-repeat; }
#main #main_right .super { padding: 30px 0 40px 0; text-align: center; }

#main #main_right p.cena_t { padding: 2px 0 0 0; font-size: 15px; color: #0c5c99; font-weight: bold; }
#main #main_right p.cena_v { font-size: 26px; color: #0c5c99; font-weight: bold; margin: 9px 0 12px 0; }
#main #main_right p.cena_v span { text-transform: uppercase; font-size: 14px; padding: 0 0 0 6px; }
#main #main_right p.ods5 { margin: 0 0 30px 0; }

#main h5 { background: url('images/h5_bg.jpg') no-repeat; font-size: 10px; color: #ffffff; padding: 2px 0 3px 7px; margin: 0 0 13px 0; }
#main h5.main_in { background-position: 0 -1px; border-top: #bddff3 1px solid; margin: 25px 0 10px 0; padding: 2px 0 3px 7px; }
#main h5.detail { margin: 0 0 10px 0; }

#main .dale { background: url('images/dale_bg.gif') no-repeat; text-align: right; font-style: italic; padding: 7px 10px;}

#main p.programy { margin: 0; }

#main #boxy { background: url('images/boxy_bg.gif') repeat-x; }
#main #boxy.b_posun { background-position: 0 -27px; }

#main .box p.img { margin: 6px 0 11px 0; } 

#main .box { width: 193px; margin: 0 6px 0 0; float: left; }
#main .last { margin: 0; }
#main .box a.a_pod, #main a.a_pod { color: #ffffff; font-size: 13px; text-align: center; padding: 2px 14px 3px 13px; background: url('images/podrobnosti_btn.png') no-repeat; text-decoration: none; }
#main .box a.a_obj, #main a.a_obj { color: #ffffff; font-size: 13px; text-align: center; padding: 2px 15px 3px 15px; background: url('images/objednat_btn.png') no-repeat; text-decoration: none; }
#main .box a.a_podr, #main_right a.a_podr { color: #ffffff; font-size: 13px; text-align: center; padding: 2px 14px 3px 13px; background: url('images/podrobnostir_btn.png') no-repeat; text-decoration: none; }
#main .box a.a_objr, #main_right a.a_objr { color: #ffffff; font-size: 13px; text-align: center; padding: 2px 15px 3px 15px; background: url('images/objednatr_btn.png') no-repeat; text-decoration: none }
#main .box a.a_pod:hover, #main .box a.a_obj:hover, #main .box a.a_podr:hover, #main .box a.a_objr:hover, #main_right a.a_objr:hover, #main_right a.a_podr:hover, #main a.a_obj:hover, #main a.a_pod:hover { text-decoration: underline; }

#main a.sirsi { padding: 2px 22px 3px 22px; }

#main #main_in .detail_fcs p { color: #283b63; }
#main #main_in .detail_fcs p strong {margin: 0 5px; }
#main .detail_img { float: left; margin: 0 15px 0 0; }
#main .fl_a { float: left; }
#main #main_in .detail_fcs p { padding: 0 0 8px 0; }
#main #main_in .detail_fcs p a.platby { color: #186ba8; font-size: 11px; background: url('images/more.jpg') no-repeat; padding: 1px 0 2px 20px; margin: 0 0 2px 5px; }
#main #main_in .detail_fcs p a.platby:hover { text-decoration: none; }

#main #boxy h3 { margin: 0 0 3px 0; }

#main #boxy p.bl, #main_right p.bl { color: #0057a1; font-size: 11px; font-weight: bold; line-height: 1.5; margin: 18px 0 10px 0; }
#main #boxy p.red, #main_right p.red { color: #c84a3c; }
#main #boxy p.blue, #main_right p.blue { color: #317ABA; }

#main #boxy p.info, #main_right p.info { color: #828282; font-size: 11px; line-height: 1.5; }
#main_right p.bl { margin: 15px 0 8px 0; }
#main_right p { margin: 0; }

#main #boxy h3 a { color: #ffffff; background: #2270aa; }

#main #boxy h3, #main #boxy h3 span { width: 191px; height: 28px; }
#main #boxy h3 { position: relative; overflow: hidden; }

#main #boxy h3.h3_anglictina span { background: url('images/anglictina_btn.png') no-repeat left top; position: absolute; left: 0; top: 0; }
#main #boxy h3.h3_anglictinae span { background: url('images/anglictinae_btn.png') no-repeat left top; position: absolute; left: 0; top: 0; }
#main #boxy h3.h3_nemcina span { background: url('images/nemcina_btn.png') no-repeat left top; position: absolute; left: 0; top: 0; }





#topmenu { width: 595px; height: 48px; background: url('images/topmenu_bg.jpg') 0 6px no-repeat; padding: 25px 0 0 3px; float: right; }

#nav { height: 42px; }
#nav ul { list-style: none; }
#nav ul li { height: 42px; float: left; margin: 0; padding: 0; }
#nav ul li a span, #nav ul li a {	display: block; height: 42px;	width: 118px; }
#nav ul li a { position: relative; overflow: hidden; text-decoration: none; color: #156fa8; font-family: tahoma; font-size: 13px; background: #e8f4fb; }
#nav ul li a:hover { color: #ffffff; background: #2f89be; }

#nav ul li a span {	position: absolute; left: 0; top: 0; cursor: pointer; }
#nav ul li.m_produkty a span { background: url('images/m_produkty.png') no-repeat 0 -84px; }
#nav ul li.m_eshop a span { background: url('images/m_eshop.png') no-repeat 0 -84px; }
#nav ul li.m_kontakty a span { background: url('images/m_kontakty.png') no-repeat 0 -84px; }
#nav ul li.m_jak a span { background: url('images/m_jak.png') no-repeat 0 -84px; }
#nav ul li.m_reference a span { background: url('images/m_reference.png') no-repeat 0 -84px; }

#nav ul li.active a span { background-position: 0 0px; }
#nav ul li a:hover span { background-position: 0 -42px; }

#footer { background: #e0f2fd; clear: both; margin: 20px 0 0 0; }
#footer .footer_in { background: #e0f2fd; width: 880px; margin: 0 auto; text-align: left; padding: 16px 0; }
#footer p { color: #127bc4; font-size: 12px; margin: 0; }
#footer p a { color: #127bc4; }
#footer .fl_right { float: right; }
#footer a:hover { text-decoration: none}

#footer p.odsad { padding: 0 0 0 25px; }
#footer p a.me, #footer p a.me span { width: 114px; height: 22px; cursor: pointer; }
#footer p a.me { position: relative; overflow: hidden; }
#footer p a.me span { background: url('images/patka_me.gif') no-repeat left top; position: absolute; left: 0; top: 0; }



#main #main_left p.obch { font-size: 11px; color: #0c5c99; line-height: 1.5; }
#main #main_left h5.obch { background: none; color: #0c5c99; font-weight: bold; font-size: 11px; margin: 0 0 3px; padding: 0; }



.angl_ods { float: left; }
.cl { clear: both; height: 1px; }
a img { border: 0; }
.fl_left { float: left; width: 120px; margin: 0; }

.obt { margin: 0 0 0 120px; width: 450px;}
.posun { margin: 0 0 0 5px; }
#main .top_main .fl_left { float: left; width: 360px; }
#main .top_main p.obr { margin: 45px 0 0 380px; }

#main .top_main p.uzsi { width: 370px;}
#main ul li a { color: #0c5c99; text-decoration: underline; }
#main ul li a:hover { text-decoration: none; }
#main .top_main .fl_left_kontakt {
	float: left;
	width: 570px;
}