img#logo{
position: absolute;
top: 10px;
bottom: - 5px;
}

/*html deklarace*/
img {
border : 0;
}
* {
margin : 0;
padding : 0;
}
body {
background-color: rgb(224,224,224);
text-align : center;
}
h2 {
background-color : rgb(0, 0, 204);
background-image : url(obrazky/h2.png);
background-repeat : repeat-x;
color : rgb(255, 255, 255);
text-transform : uppercase;
font-family : arial;
font-size : 18px;
padding : 5px;
}
h3 {
color : rgb(128, 128, 128);
text-transform : uppercase;
font-family : arial;
font-size : 15px;
padding : 5px;
background-image : url(obrazky/h3.png);
background-repeat : repeat-x;
}


/*----------------------------------------------------------------------------*/


/*obaly webu*/
#obal {
width : 800px;
border : 1px solid rgb(208, 208, 208);
background-color : rgb(255, 255, 255);
margin : 40px auto;
text-align : left;  
}
#obal_2 {
width : 800px;
border : 1px solid rgb(208, 208, 208);
background-color : rgb(255, 255, 255);
margin : 40px auto;
text-align : left;
padding-bottom : 285px;
background-image : url(http://mypage.jiribednar.eu/obrazky/pozadi_2.png);
background-repeat : no-repeat;
background-position : bottom; 
}


/*----------------------------------------------------------------------------*/


/*záhlaví webu*/
#zahlavi {
width : 800px;
height : 50px;
border-bottom : 1px solid rgb(208, 208, 208);
background-color : rgb(0, 0, 0);
background-image : url(obrazky/zahlavi_bg_2.png);
background-repeat : repeat-x;
}
#zahlavi h1 {
color : white;
padding-top : 13px;
margin-left : 100px;
text-transform : uppercase;
font-family : arial;
font-size : 20px;
}
#zahlavi img {
margin : 5px 5px;
float : left;
}


/*----------------------------------------------------------------------------*/


/*menu webu*/
ul#menu {
width : 800px;
height : 40px;
border-bottom : 1px solid rgb(208, 208, 208);
background-color: white;
}
ul#menu li {
display : inline;
border-right : 1px solid rgb(208, 208, 208);
line-height : 40px;
padding-top : 11px;
padding-bottom : 11px;
font-family : arial;
padding-left : 49px;
padding-right : 49px;
}
ul#menu li {
position : relative;
}

/*menu webu - vysouvací*/
ul#menu li ul li {
width : 152px;
height: 30px;
float : left;
padding-left: 3px;
padding-right: 3px;
background-image : url(obrazky/web/lista.jpg);
background-repeat : repeat-x;
border-left : 1px solid rgb(208, 208, 208);
border-top: 1px solid rgb(208, 208, 208);

}

ul#menu li ul{
margin-left: -4px;
border-bottom: 1px solid rgb(208, 208, 208);
}

ul#menu ul {
position : absolute;
left : -1px;
visibility : hidden;
background-color : rgb(255, 255, 255);
}
ul#menu li:hover ul {
visibility : visible;
}
ul#menu li {
position : relative;
}
ul#menu li#end_menu {
border-right: 0px;
}
ul#menu li ul#pluginy li {
width : 103px;
float : left;
background-image : url(obrazky/web/lista.jpg);
background-repeat : repeat-x;
border-left : 1px solid rgb(208, 208, 208);
padding-left : 9px;
padding-right : 8px;
border-bottom : 1px solid rgb(208, 208, 208);
}
ul#menu ul#pluginy {
position : absolute;
left : -5px;
visibility : hidden;
background-color : rgb(255, 255, 255);
}
ul#menu li:hover ul#pluginy {
visibility : visible;
}
ul#menu li#end {
border-right : 1px solid rgb(255, 255, 255);
}
ul#menu li a {
color : rgb(160, 160, 160);
text-decoration : none;
}
ul#menu li a:hover {
color : rgb(0, 0, 0);
}
ul#menu li a.active {
color : rgb(0, 0, 0);
}


/*----------------------------------------------------------------------------*/


/*úvodní stránka s boxem MyPage*/
#img-box-mypage {
padding-top : 10px;
padding-bottom : 10px;
text-align : center;
width : 800px;
height : 290px;
font-variant : small-caps;
font-style : italic;
font-family : arial;
font-weight : bold;
background-image : url(http://mypage.jiribednar.eu/obrazky/pozadi_3.png);
background-repeat : no-repeat;
color : rgb(255, 255, 255);
}
#img-box-mypage a {
color : rgb(255, 255, 255);
text-decoration : none;
font-variant : small-caps;
font-style : italic;
font-family : arial;
font-weight : bold;
}
#img-box-mypage a:hover {
text-decoration : underline;
}
#img-box-mypage ul {
float : left;
text-align : left;
margin-left : 90px;
margin-top : 80px;
list-style-type : none;
}
#img-box-mypage ul li {
padding-top : 20px;
}
#img-box-mypage img {
margin-left : -50px;
}


/*----------------------------------------------------------------------------*/


/*postraní box - aktualizace*/
#aktualizace {
width : 248px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : left;
background-color: rgb(255,255,255);
font-style: italic;
}
#aktualizace a {
color : black;
}
#aktualizace ul {
list-style-type : none;
font-size : 14px;
padding : 1px;
padding-left : 30px;
}
#aktualizace ul li {
padding : 1px;
list-style-image : url(obrazky/aktualizace.png);
}

/*postraní box - archiv*/
#archiv {
width : 248px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : left;
position : fixed;
background-color: rgb(255,255,255);
font-style: italic;
}
#archiv a {
color : black;
}
#archiv ul {
list-style-type : none;
font-size : 14px;
padding : 1px;
padding-left : 30px;
}
#archiv ul li {
padding : 1px;
list-style-image : url(obrazky/archiv.png);
}

/*postraní box - preklad*/
#preklad {
width : 248px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : left;
position : fixed;
background-color: rgb(255,255,255);
font-style: italic;
}
#preklad a {
color : black;
}
#preklad ul {
list-style-type : none;
font-size : 14px;
padding : 1px;
padding-left : 30px;
}
#preklad ul li {
padding : 1px;

}

/*postrani box - databaze sablon*/
#databaze-sablon {
background-color: rgb(255,255,255);
width : 248px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : left;
position : fixed;
font-style: italic;
}
#databaze-sablon a {
color : black;
}
#databaze-sablon ul {
list-style-type : none;
font-size : 14px;
padding : 1px;
padding-left : 30px;
}
#databaze-sablon ul li {
padding : 1px;
list-style-image : url(obrazky/database.png);
}

/*postraní box - novinky*/
#novinky {
background-color: rgb(255,255,255);
width : 248px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : left;
font-style: italic;
}
#novinky a {
color : black;
}
#novinky ul {
list-style-type : none;
font-size : 14px;
padding : 1px;
padding-left : 30px;
}
#novinky ul li {
padding : 1px;
list-style-image : url(obrazky/informace.png);
}


/*----------------------------------------------------------------------------*/


/*obsah webu*/
#obsah {
width : 508px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : right;     
}
p {
font-family : Times New Roman, serif;
font-size : 17px;
text-indent : 15px;
padding : 5px;
}
#obsah ul {
margin-left : 50px;
}
#obsah a {
color : rgb(64, 0, 0);
}
#clear {
clear : both;
}

/*obsah_width webu*/
#obsah_full {
width : 777px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : right;     
}
p {
font-family : Times New Roman, serif;
font-size : 17px;
text-indent : 15px;
padding : 5px;
}
#obsah_full ul {
margin-left : 50px;
}
#obsah_full a {
color : rgb(64, 0, 0);
}
#clear {
clear : both;
}

code#code {
border: 3px black dashed;
height: 70px;
width: 500px; 
float: right;
margin: 10px;  
padding: 10px;
display: block;
}

/*obsah v obsahu*/
.in-in {
width : 490px;
border : 1px solid rgb(208, 208, 208);
margin : 10px;
float : right;
}
.in-in h3 {
background-color : rgb(0, 0, 0);
}
.in-in h3.actual {
background-color : rgb(0, 0, 90);
}
h3.actual {
background-color : rgb(0, 0, 90);
}
.in-in span.date {
float : right;
position : relative;
}

/*deklarace odstavců v obsahu*/
p.projekty {
float : left;
text-align : left;
width : 200px;
display : block;
margin : 10px;
}
p.projekty_panel {
text-align : left;
width : 200px;
float : right;
display : block;
border : 1px solid black;
margin : 10px;
text-indent : 0;
font-size : 15px;
}
   
/*deklarace odrážek do sekce ke stazeni, sablony a doplnky*/
ul.obsah-menu {
background-repeat : no-repeat;
float : left;
margin : 10px;
width: 190px;

}
ul.obsah-menu li.verze {
list-style-image : url(obrazky/clock.png);
}
ul.obsah-menu li.datum {
list-style-image : url(obrazky/archiv.png);
}
ul.obsah-menu li.ke-stazeni {
list-style-image : url(obrazky/stahnout.png);
}
ul.obsah-menu li.info {
list-style-image : url(obrazky/information.png);
}
ul.obsah-menu li.navod {
list-style-image : url(obrazky/book_open.png);
}
ul.obsah-menu li.demo {
list-style-image : url(obrazky/demo.png);
}
ul.obsah-menu li.pomoc {
list-style-image : url(obrazky/pill.png);
}
    
/*obsah v obsahu - návody*/
.navody {
width : 780px;
margin : 10px;
border : 1px solid rgb(208, 208, 208);
}
.navody p {
padding-left : 10px;
}
.navody ul {
padding : 10px 10px 10px 35px;
}


/*----------------------------------------------------------------------------*/


/*zápatí*/
p#zapati {
text-align : center;
font-size : 11px;
color : rgb(176, 176, 176);
}

p#zapati a{
color : rgb(176, 176, 176);
}


/*----------------------------------------------------------------------------*/


/*diskuse k novince*/
p.diskuse_k_novince{
border-top: 1px solid black;
margin: 5px;
font-size: x-small;
}

img#flag{
float: right;
margin-top: -20px;
}

dl#code{
padding: 10px;
}

dl#code dt{
padding: 2px;
font-weight: bold;
}

dl#code dd{
padding-left: 10px;
color: rgb(0,0,255);
font-style: italic;
}

#likes{
text-align: left;
float: left;
width: 200px;
}