* {padding: 0px; margin: 0px;}
body {background:#B0D7F3 url(../img/layout/body_bg.png) top repeat-x; color:#000; font-size:80%; margin:0 auto; width:100%; height:100%; letter-spacing:1.0px; text-align:center; font-family: Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif; line-height:1.4;}

a img, fieldset {border:none; text-decoration:none;}
.textbox {width:150px; height:20px; border: none; background:#FFF url(../img/layout/find-textbox-bg.png) no-repeat; text-indent:10px;}
.button {width:80px; height:25px; border: none; background: url(../img/layout/find-button-bg.gif) no-repeat; cursor: pointer; font-weight:bold; position:relative; top:3px;}
.multiline {width:400px; height:200px; border:1px solid #99CCFF;}
a {color:#005197; font-weight:bold;}
a:hover {color:#82C4FF;}
.a-orange {color:#FF7C00; font-weight:normal; font-weight:bold;}
.a-orange:hover {color:#FFA95B;	text-decoration:none;}
li  {text-align:left; list-style-image:url(../img/support/list-tab.gif);}

#flags {width:950px; margin:0 auto; background:url(../img/layout/flags_bg.png) top left no-repeat; height:33px; padding-top:8px;}
#flags span {text-align:left; font-size:1.1em; font-weight: bold; color: #005197; display:block; text-indent:30px;}
#flags div {float:right; text-align:right; font-size:0.7em;}
#flags div a img {margin-right:10px;}
.atsign {width:12px; height:10px; border:none;}

#container {width:950px; margin:auto; background:#E5EEF5 url(../img/layout/container_bg.png) repeat-y;}

#rightpart {width:275px; float:right;}
#leftpart {width:675px; float:left;}
#rightpart .header {background:url(../img/layout/header_right_bg.png) no-repeat; width:275px; height:115px;}
#rightpart .header a {display:block; width:255px; text-align:right; color:#59ACE3; margin-bottom:37px; padding:10px 10px; text-decoration:none;}
#rightpart .header a:hover {color:#FF7C00; text-decoration:underline;}
.smalltitle {font-size:1em; color:#005197; font-weight:bold; text-align:left; margin:10px 0 10px 10px; display:block;}

#rightpart .menu {background:#B0D7F3 url(../img/layout/menu_right_bg.png) no-repeat; width:275px; height:50px; margin:auto;}
#rightpart .menu a, .link-large-orange {display:block; width:265px; height:38px; background:url(../img/layout/right-menu-button-bg.gif) no-repeat; color:#FFF; font-weight:bold; font-size:1.3em; padding-top:13px; text-decoration:none;}
#rightpart .menu a:hover, .link-large-orange:hover {color: #FFEBD7;}
#rightpart .content {background:url(../img/layout/content_right_bg.png) no-repeat top right; width:275px; text-align:center; padding-top:5px;}
#rightpart .content .eshop {background:url(../img/layout/e-shop.png) no-repeat top left; width:265px; height:35px; text-align:center; padding-top:155px;}
#rightpart .content .eshop a {color:#005197;}
#rightpart .content .eshop a:hover {color:#FFF;}
#rightpart .content .newsletter {background:url(../img/layout/newsletter.png) no-repeat top left; width:265px; height:200px; text-align:right;}

#rightpart .content .newz {margin:3px 10px 0 10px; text-align:left;}
#rightpart .content .newz img {float:left; margin-right:10px;}
#rightpart .content .newz p {padding:10px;}
#rightpart .content .newz ul {margin-left:25px;}
#rightpart .content .newz li {margin-bottom:5px;}
#rightpart .blok-foto {background:url(../img/layout/blok-foto_bg.png) top center no-repeat; width:218px; height:220px; margin:10px 0 10px 10px;}

#leftpart .header {background:url(../img/layout/header_left_bg.png) no-repeat; width:675px; height:115px; position:relative;}
#leftpart .header-de {background:url(../img/layout/header_left_bg_de.png) no-repeat; width:675px; height:115px; position:relative;}
#leftpart .header-en {background:url(../img/layout/header_left_bg_en.png) no-repeat; width:675px; height:115px; position:relative;}
#leftpart .menu {background:#B0D7F3 url(../img/layout/menu_left_bg.png) no-repeat; width:675px; height:47px; padding-top:3px;}
#leftpart .menu ul {height:40px; position:relative; margin:0 auto;}
#leftpart .menu li {display:inline; line-height:45px; height:40px; letter-spacing:2px; margin-right:-7px; list-style-image:none;}
#leftpart .menu li a {font-size:0.8em; font-weight:bold; color:#000; text-decoration:none; padding:13px 9px 11px 12px; text-align:center; border-right:1px solid #A1D4F3;}
#leftpart .menu li a:hover {background:#FF7C00 url(../img/layout/menu-hover-bg.png) repeat-x; color:#FFF;}
#leftpart .menu .active {background:#FF7C00 url(../img/layout/menu-hover-bg.png) repeat-x; color:#FFF;}
#firstmenuitem {border-left:1px solid #A1D4F3;}

#leftpart .content {width:675px;}
h1 {padding:0; margin:15px 0 0 30px;}
h1, h1 span {height:91px; font-size:1.2em; position:absolute; left:0; overflow:hidden; width:192px; display:block; z-index:1;}
h1 span {z-index:2; background:url(../img/layout/bobo_logo.png) no-repeat left top; cursor:pointer; top:0;}
h1 a {color:#005197; text-decoration:none;}
h1 a:hover {color:#0061B9; text-decoration:underline;}
h2, h3 {font-size:1.2em; color:#005197; background:url(../img/layout/h3.png) left top no-repeat; padding:2px 0 2px 35px; text-align:left; margin:10px 0 10px 10px;}
h3 {color:#005197;}
.blok h2, .blok h3, .blok-foto h2, .newz h3, .blok-foto h3 {font-size:1.1em; padding:20px 15px 0 15px; background-image:none; text-align:center; margin:0;}
.board h2 {display:block; width:600px; height:30px; padding:20px 0 0 60px; background:url(../img/support/board_bg_top.png) no-repeat top left; margin:0;}
.newz h3, .board h3 {background:url(../img/support/odrazka-blue.gif) left no-repeat; padding:0; text-align:left; text-indent:20px; margin:10px 0 10px 0;}
strong {color:#906C2B}  

#mainfield {width:660px; height:200px; margin:3px 0 0px 7px;}
#vize {width:600px; margin:20px auto 10px auto; text-align:left; border:2px solid #FFF; padding:10px 25px 10px 25px;}
#vize div {padding-left:100px; height:93px; width:450px; margin:20px auto;}
#vize div.vize1 {background:url(/img/vize/vize-1.png) left no-repeat;}
#vize div.vize2 {background:url(/img/vize/vize-2.png) left no-repeat;}
#vize div.vize3 {background:url(/img/vize/vize-3.png) left no-repeat;}
#vize div h3 {background:none; margin:0; padding:0;}
#vize span {font-size:1.5em; text-align:right; width:600px; display:block; font-weight:bold; color:#ff8513;}
#vize span strong {color:#005197; font-size:1.3em;}

#leftpart .blok-box {float:none; height:220px;}
#leftpart .blok-box .blok {margin-right:0;}
#leftpart .blok, #rightpart .blok {background:url(../img/layout/blok_bg.png) top center no-repeat; width:218px; height:220px; margin-left:6px;}
#leftpart .blok-foto {background:url(../img/layout/blok-foto_bg.png) top center no-repeat; width:218px; height:220px; margin:0 10px 0 6px; float:right;}
#leftpart .blok-foto img {margin-top:10px;}
#leftpart .blok {float:left; margin-right:30px;}
#leftpart .blok img, #rightpart .blok img {margin:10px 20px 15px;}
#leftpart .blok a, #rightpart .blok a {text-align:center; float:left; width:100%; font-size:0.8em; color:#005197;}
#leftpart .blok a:hover, #footer-top p a:hover, #rightpart .blok a:hover {color:#FFF;}
#leftpart .blok .h2-de, #leftpart .blok-foto .h2-de {font-size:90%; margin-bottom:4px;}

#reference {width:290px; text-align:left;}
#reference strong {color:#005197;}
#reference ul {margin:10px 0 10px 0;}
#reference ul li {text-align:left; margin:0 0 0 45px; list-style-image:url(../img/support/list-tab.gif);}
#reference ul li ul li {list-style:none; margin-left:10px;}
#reference ul li ul li a {font-weight:normal; color:#000;}
#reference ul li ul li a:hover {color:#FF7C00;}
.img {background:url(../img/reference/img_bg.png) top left no-repeat; width:170px; height:170px; float:left; margin:0 10px 10px 8px;}
.img img {margin-top:20px;}

#leftpart p {padding:10px 10px; text-align:left;}
.tab {text-indent:20px;}
.list {text-align:left; margin:20px 0 10px 50px;}
.list li {padding-left:15px; background:url(../img/support/list-tab.gif) left center no-repeat; display:block; list-style-type:none; list-style-image:none;}
.list2 {text-align:left; margin:15px 0 15px 30px; list-style-image:url(../img/support/list-tab.gif);}
.list2 li {margin-top:5px;}
.list3 {text-align:left; margin:30px 50px 15px 50px;}
.list3 li {list-style-type: circle; list-style-image:none; margin-bottom:5px; padding-left:10px;}
.list4 {text-align:left; float:right; width:240px; padding-left:20px; margin-bottom:10px;}
.list4 li {list-style-image:none; list-style-type:square;}

.board {width:660px; margin:2px 0 10px 6px; text-align:left; background: url(/img/support/board_bg.png) repeat-y;}
.board .right {border:none; float:right; margin:20px;}
.board div {background:url(/img/support/board_bg_bottom.png) no-repeat bottom left; width:660px; padding-bottom:10px;}
.board p {margin-left:20px;}
.board li strong {color:#005197;}
.board li {margin-bottom:10px;}
.board ul {margin-left:50px;}
.board table {margin:10px 0 20px 50px;}
.board table .textbox {background-image:none; width:200px; border:1px solid #99CCFF; text-indent:0px;}

.text-right {text-align:right;}
.right {float:right; text-indent:0;}
.left {float:left; text-indent:0;}
.center {text-align:center; width:100%; display:block;}
.Err {font-size:0.8em; font-weight:bold; color:#D90005;}

.job-offer {width:90%; margin:0;}
.prace{width:420px; float:right;}

#footer-top {width:950px; clear:both;}
#footer-top-info {width:630px; background:url(../img/layout/footer_top_bg.png) top left no-repeat; margin-left:3px; font-size:0.9em; text-align:left; padding:15px 0 0 30px; float:left;}
#footer-top-info span {font-size:1.2em; color:#005197; font-weight:bold;}
#footer-top-info p {text-indent:0; padding-left:20px;}
#footer-top-info p a {color:#005197; margin-left:10px;}
#footer-top-info .menu {margin-top:25px; margin-bottom:5px;}
#footer-top-info .menu a {color:#000;}
#footer-top-info .menu a:hover {color:#FF7C00;}
a.print {background:url(../img/layout/print.png) left center no-repeat; padding:8px 3px 8px 35px; line-height:30px; }
a.up {background:url(../img/layout/up.png) left center no-repeat; padding:8px 3px 8px 35px; line-height:30px;}
a.sitemap {background:url(../img/layout/mapa.png) left center no-repeat; padding:8px 3px 8px 35px; line-height:30px;}
a.archive {background:url(../img/layout/archiv.png) left center no-repeat; padding:8px 3px 8px 35px; line-height:30px;}
a.job {background:url(../img/layout/kariera.png) left center no-repeat; padding:8px 3px 8px 35px; line-height:30px;}

#footer-right, #footer-right-green, #footer-right-red {width:250px; padding:10px 0 10px 15px; text-align:left; float:right; margin-right:10px; margin-top:3px;}
#footer-right {background:url(../img/layout/footer-right-bg.png) top left no-repeat;}
#footer-right-green {background:url(../img/layout/footer-right-bg-green.png) top left no-repeat;}
#footer-right-red {background:url(../img/layout/footer-right-bg-red.png) top left no-repeat;}
#footer-right span, #footer-right-green span, #footer-right-red span {font-size:1.1em; font-weight:bold;}
#footer-right p, #footer-right-green p, #footer-right-red p {font-size:0.9em; margin-bottom:35px; margin-right:10px;}

.cleaner {visibility:hidden; clear:both;}
#footer-bottom {width:100%; background:url(../img/layout/footer-bottom-bg.png) repeat-x; height:50px; text-align:center; padding-top:20px;}

#nav {background:#B0D7F3 url(../img/support/nav-menu.png) top left no-repeat; width:670px; height:47px; margin:10px 0 20px 5px; padding-top:3px}
#nav h2 {margin-left:20px;}
#nav ul {float:right; display:block; width:420px; margin:5px 25px; height:36px;}
#nav ul li {float:left; display:block; border-left:1px solid #A1D4F3;}
#nav ul li a {color:#000; text-decoration:none; display:block; padding-top:8px; width:70px; height:28px; text-align:center;}
#nav ul li a:hover {background:#FF7C00 url(../img/layout/menu-hover-bg.png) repeat-x; color:#FFF;}
#nav .active {background:#FF7C00 url(../img/layout/menu-hover-bg.png) repeat-x; color:#FFF; padding-top:8px; width:70px; height:28px; text-align:center; font-weight:bold;}
.archiv {margin:20px 10px 0 20px; clear:both; text-align:left;}
.archiv img {float:left; margin-right:10px;}
.archiv span {font-weight:bold; font-size:0.8em;}
.archiv a {font-size:1.1em; display:block;}
.archiv p a {font-size:1em; display:inline;}
.mapsite {margin-left:60px; margin-bottom:20px;}
.mapsite ul {margin:5px 0 5px 30px;}
.mapsite li {font-size:1.2em;}
.mapsite ul li {font-size:1.1em; list-style-image:none; list-style-type:square; color:#005197;}
.mapsite ul li a {text-decoration:none;}
.mapsite ul ul li {font-size:1em; list-style-image:none; list-style-type:disc; color:#005197;}
.mapsite ul ul li a { font-weight:normal;}
.soutez strong {color:#000; font-size:150%;}
.totalni-vyprodej {float:left; margin:0 20px 0 20px;}
.eu {text-align:left; margin-left:5px;}
.eu img {margin-top:30px;}
.eu-table strong {color:black;}
.eu-table li {list-style-image:none; margin-left:40px;}
.ol-style-alpha li {list-style-type:lower-alpha;}
.eu-table {margin-left:20px;}
.zak-diar-imgbox {width:410px; text-align:left; float:left; margin-left:5px;}
.nofloat {float:none;}
.zak-dir-table {margin-left:10px; text-align:left;}
.zak-dir-table strong {color:#000000;}
.zak-dir-table td {padding:10px;}
.foucek {margin-right:30px;}
.skolni-potreby {margin:0 10px 0 10px; float:left; display:block;}
/*Žákovský diář*/
.zk-left {float:left; width:200px; text-align:left; height:200px; margin:10px 0 10px 10px;}
.zk {float:right; margin:10px 0 0 0; width:450px;}