@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0}

html, body { background:url(../images/body_background.jpg) repeat-x; background-color: #45a2d5; }

#main { margin-left:auto; margin-right:auto; width:955px; height:auto; margin-top:15px}

#jazyky { width:955px; height:22px;}
#jazyky_box { width:95px; height:22px; float:right;}

#main_box { width:955px; height:auto; padding-top:12px; background:#FFF}
#main_box_inside { width:955px; height:auto; background: url(../images/page_background.jpg) repeat-y;}
#left { width:246px; padding-left:10px;  height:auto; float:left}
#right { width:694px; padding-left:3px;  height:auto; float:left}

#left #flash{ width:246px; height:297px; padding-bottom:2px}
#left #menu{ width:246px; height:320px;background:url(../images/menu_left_background.jpg) repeat-x #add9fd; float:left}
#left #menu .box{ width:210px; height:auto; padding-left:15px; padding-top:10px; padding-bottom:10px; min-height:100px; float:left }

#left #kontakt{ width:246px; height:auto;background:url(../images/kontakt_left_background.jpg) repeat-x; margin-top:2px; float:left }
#left #kontakt .box{ width:210px; height:auto; padding-left:15px; padding-top:10px; padding-bottom:10px; min-height:100px; float:left }

#left #menu li { list-style-type:none; padding-left:0px; padding-top:0px; padding-bottom:4px;line-height:1.4; color:#003340}
#left #menu li a {  font-size: 12px;}
#left #menu li a:link,#left #menu li a:visited { font-weight: bold; text-decoration:none;color:#003340 }
#left #menu li a:hover { font-weight: bold; text-decoration: underline;color: #24647c  }


#right #menu_top{ width:689px; height:31px;}
#right #menu_top li { list-style-type:none; float:left; background:url(../images/menu_top_background_n.jpg) repeat-x; padding-top:7px; margin-left:0; padding-bottom:9px;border-right:solid 1px #FFF;}
#right #menu_top li a {  font-size: 12px; }
#right #menu_top li a:link, #right #menu_top li a:visited { font-weight: bold; text-decoration:none;color:#393939; background:url(../images/menu_top_background_n.jpg) repeat-x;}
#right #menu_top li a:hover { font-weight: bold; text-decoration:none;color: #FFF; background:url(../images/menu_top_background_mo.jpg) repeat-x;   }


#right #menu_top .item1 { width:50px; height:31px; padding:7px 10px 9px 10px;}
#right #menu_top .item2 { width:90px; height:31px; padding:7px 17px 9px 17px;}
#right #menu_top .item3 { width:70px; height:31px; padding:7px 15px 9px 15px;}
#right #menu_top .item4 { width:50px; height:31px; padding:7px 20px 9px 20px;}
#right #menu_top .item5 { width:50px; height:31px; padding:7px 15px 9px 15px;}
#right #menu_top .item6 { width:50px; height:31px; padding:7px 12px 9px 12px;}
#right #menu_top .item7 { width:50px; height:31px; padding:7px 19px 9px 20px;}
#right #menu_top .item8 { width:50px; height:31px; padding:7px 15px 9px 15px;}


#right #menu_top .item_en1 { width:50px; height:31px; padding:7px 10px 9px 10px;}
#right #menu_top .item_en2 { width:90px; height:31px; padding:7px 12px 9px 11px;}
#right #menu_top .item_en3 { width:70px; height:31px; padding:7px 12px 9px 13px;}
#right #menu_top .item_en4 { width:50px; height:31px; padding:7px 10px 9px 10px;}
#right #menu_top .item_en5 { width:50px; height:31px; padding:7px 10px 9px 10px;}
#right #menu_top .item_en6 { width:50px; height:31px; padding:7px 8px 9px 8px;}
#right #menu_top .item_en7 { width:50px; height:31px; padding:7px 12px 9px 12px;}
#right #menu_top .item_en8 { width:50px; height:31px; padding:7px 12px 9px 12px;}

#right #content { background:#d9d9d9; width:686px; height:auto; padding-top:7px; padding-bottom:7px;}
#right #content #box2{ background: url(../images/page_top_background.jpg) repeat-x #FFF; width:672px; margin:0 0 0px 6px; height:auto;}
#right #content #box2 #inside{ width:653px; height:auto; padding-left:10px;  margin-top:10px; float:left; padding-bottom:10px;min-height:615px }
#right #content #page_footer{ background:#dbdbdb; width:686px; height:1px; float:left }

#right #content #box2 #inside .quick_nav{ width:653px; height:auto;  }
#right #content #box2 #inside .box{ width:215px; height:auto; float:left; margin-right:2px}
#right #content #box2 #inside .box .header1{ width:215px; height:58px; float:left; background:url(../images/box_yellow.jpg);}
#right #content #box2 #inside .box .header2{ width:215px; height:58px; float:left; background:url(../images/box_blue.jpg);}
#right #content #box2 #inside .box .header3{ width:215px; height:58px; float:left; background:url(../images/box_red.jpg);}
#right #content #box2 #inside .box .header_box{ width:200px; height:40px; padding:7px 0 7px 7px; float:left;}
#right #content #box2 #inside .box .content{ width:215px; height:212px; float:left; background: url(../images/box_background.jpg) repeat-x;}
#right #content #box2 #inside .box .content .box{ width:200px; height:165px; float:left;padding:7px 0 7px 7px;}
#right #content #box2 #inside .box .content .footer { width:200px; height:24px; float:left;padding:3px 0 0px 7px;}
#right #content #box2 #inside .box .content .footer .button { width:73px; height:24px; float:right;}

#footer {width:955px; height:36px; background:#FFF;}
#footer #copy {width:200px; height:36px; float:left; padding-left:25px; padding-top:10px}
#footer #jk-design {width:150px; height:36px; float:right; padding-top:10px}

.clr {clear:both;}

h1, h2, h3, h4, p, ul, td { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-bottom:7px; line-height:1.5; color:#4c4c4c}

#right #content ul {padding-left:10px; font-weight:normal; padding-top:0}
p {font-weight:normal;}

a:link, a:visited{color:#d8181f; text-decoration:underline}
a:hover{color:#b01017; text-decoration:underline}

#content li{margin-left:7px}

h1 {text-align:right; color:#e41a22; font-size:14px; padding-bottom:5px}
h2{text-align:left; color:#e41a22; font-size:14px; padding-bottom:5px}
h3 {text-align:left; font-size:14px; padding-bottom:5px}

h3.yellow { color:#3e370e}
h3.blue { color:#002a35}
h3.red { color:#e41a22}

p.yellow { color:#3e370e}
p.blue { color:#00617a}
p.red { color:#e41a22}


#jazyky p { color:#FFF}
#jazyky p a { color:#FFF}
#jazyky p a:link, #jazyky p a:visited { color:#FFF; text-decoration:none}
#jazyky p a:hover{ color:#aad8fc; text-decoration:underline}

.white {color:#FFF}

.pict_right {float:right; border:solid 8px #dadada; margin-left:6px; margin-bottom:10px}
a img { border:none}

#footer a:link,#footer a:visited{color:#4c4c4c; text-decoration:underline}
#footer a:hover{color: #151515; text-decoration:underline}