body {
font-size: 0.8em;
font-family: Verdana, "Helvetica CE", "Arial CE", sans-serif;
margin: 0;
padding: 0;
text-align: left;
background: url(http://oofem.org/images/bgr1.gif);
}

a, a:visited {
color: blue;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: none;
}
7
img {
margin: 0px;
border-color: #000;
border: 1px solid #fff;
}

p {
font-family: Verdana, "Helvetica CE", "Arial CE", sans-serif;
line-height: 1.2em;
text-align: left;
text-indent: 0px;
padding: 0px;
font-size: 1.0em;
color: #000;
}

pre {
font-size: 1.2em;
}

ul {
line-height: 1.0em;
list-style-type: disc;
margin: 10px 0 10px 20px; 
padding: 0px;
padding-bottom: 15px;
color: #000;
}

li {
margin-top: 3px;
margin-bottom: 3px;
padding: 1px;
}

.leva {
padding: 20px 0;
float: left;
}
.prava {
padding: 20px 0;
float: right;
}

span.warning
{
color: #f00;
}

hr {
visibility: hidden;
clear: both;
}

#main {
clear: both;
margin-left: auto;
margin-right: auto;
height: auto;
border-top: 1px #000 solid;
padding-top: 10px;
position: relative;
}

/* ----- HORNI LISTA (logo, ...) ----- */
#logo-bg {
height: 100px;
width: 100%;
}
#logo-left {
float: left;
margin: 0 0 0 10px;
padding: 75px 0 0 0;
width: 530px;
background: url(http://oofem.org/images/oofem-logo.gif) no-repeat 0px 5px;
border-bottom: 1px #000 solid;
}
#logo-right {
float: right;
margin: 0 0 0 0px;
padding: 100px 0 0 10px;
width: 300px;
background: url(http://oofem.org/cgi-bin/OOFEM/oofem_figure.pl) no-repeat 100% ;
}
#logo-text {
clear: left;
text-align: left;
margin: 0 0 0 0px;
padding: 2px 0 0 10px;
color: #000;
}
#logo-text h1 {
font-size: 1.1em;
font-weight: bold;
color: #000;
margin: 0 0 0 10px;
border-top: 0px #000 solid;
}

/* ----- MENU (leva strana) ----- */
#menu-bg {
position: absolute;
top: 15px;
left:0px;
width: 205px;
padding: 0;

border-right: 2px dotted #000;
}

#menu {
font-size: 1.0em;
margin-bottom: 10px;
margin-top: 20px;
padding: 0 5px 20px 1px;
line-height: 1.2em;
}

#menu a, #menu a:visited {
text-decoration: none;
font-size: 1.0em;
color: #000;
display: block;
padding: 1px 0 1px 0px;
}

#menu ul {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
}

#menu li {
list-style-type: none;
list-style-position: outside;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-indent: 10px;
}

#menu a:hover {
text-decoration: none;
color: #000;
background-color: #C7E1FF;
}

#menu h3, #menu h4 {
border: 1px #000 solid;
font-weight: bold;
margin: 0 0 10 0px;
padding: 1px 1px 1px 5px;
background-color: #C7E1FF;
}

#submenu a, #submenu a:visited {
text-decoration: none;
color: #000;
display: block;
font-size: 1.0em;
}

#submenu a:hover {
 color: #000;
 background-color: #C7E1FF;
}

#submenu ul {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
}

#submenu li {
list-style-type: none;
list-style-position: outside;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-indent: 10px;
}

/* ----- PATICKA ----- */
#copyright-bg {
clear: both;
width: 100%;
padding-top: 5px;
}

#copyright {
color: #000;
text-align: center;
font-size: 0.8em;
margin-top: 10px;
padding: 2px;
border-top: 1px solid #000;
}
#copyright a, #copyright a:visited {
text-decoration: none;
}
#copyright a:hover {
text-decoration: underline;
}

#copyright-left {
float: left;
text-align: left;
padding-left: 10px;
}

#copyright-right {
float: right;
text-align: right;
padding-right: 10px;
}

#copyright-bottom {
clear: both;
text-align:center;
}

/* ----- HLAVNI VKLADANA STRANKA ----- */
#hlavni-bg {
margin: 10px;
padding: 0px 10px 0 210px;
}

#hlavni {
line-height: 1.2em;
margin: 0;
}

#hlavni h2 {
text-align: center;
border: 1px #000 solid;
font-size: 1.1em;
margin-top: 5px;
background-color: yellow;
padding: 3px;
}
#hlavni h3 {
text-align: left;
border: 1px #000 solid;
font-size: 1.0em;
background-color: #ff9;
padding: 3px;
}
#hlavni a, #hlavni a:visited {
color: blue;
text-decoration: none;
}
#hlavni a:hover {
color: #000;
text-decoration: underline;
}
#hlavni .table a, #hlavni .table a:visited {
color: #000;
text-decoration: none;
}
#hlavni .table a:hover {
color: #f00;
text-decoration: none;
}
#hlavni .table img {
border: none;
padding: 1px 5px 0 5px;
}
#hlavni .news {
border: 1px #000 solid;
background-color: #C7E1FF;
margin: 10px 0px 10px 0px;
}

#hlavni .newsbody {
padding: 10px;
}

#hlavni .news h4 {
background-color: #B4CEED;
text-align: right;
font-weight: bold;
font-size: 1.0em;
padding: 5px;
margin: 0;
}
#hlavni .news h3 {
border: none;
background-color: #c7e1ff;
text-align: left;
font-weight: bold;
text-decoration: underline;
padding: 0;
margin: 0;
}


#hlavni .oldnews {
border: none;
text-align: left;
float: left;
}

#hlavni .widgets {
border: none;
text-align: right;
float: right;
}



#version h4 {
text-align: center;
text-decoration: none;
}

#languages {
text-align: right;
padding: 0px;
margin-top: 0px;
}

#statistics {
background-color: e3f3ff;
border: 1px #000 solid;
width: 400px;
margin-bottom: 3px;
}

#statistics h1 {
border: none;
text-align: left;
background-color: e3f3ff;
}

#statistics h2 {
border: none;
text-align: left;
background-color: e3f3ff;
}

#statistics h3 {
border: none;
text-align: left;
background-color: e3f3ff;
}







/* ----- CLASS ----- */
.red {
text-color: red;
}

.leva {
padding: 20px 0;
float: left;
}
.prava {
padding: 20px 0;
float: right;
}

.strong {
color: blue;
text-weight: bold;
font-size: 1.1em;
list-style-type:  square;
}

.list_circle {
list-style-type:  circle;
}

.box {
border: 1px #000 solid;
padding: 8px;
background: #f0f0f0;
}

.box_img {
border: 1px #888 solid;
padding: 8px;
margin-bottom: 10px;
}

.box_img img {
border: 1px #000 solid;
margin: 5px;
cursor: help;
}

.box_title {
color: #fff;
font-weight: bold;
padding: 2px;
margin: 0;
background: #888;
}

.item hr {
clear: right;
visibility: hidden;
}

.selected {
text-decoration: none;
font-weight: bold;                 
font-size: 1.0em;
color: #000;
background-color: #B4CEED;
}

.hidden {
display: none;
}

@media handheld {
#menu-bg {width: 150px; border-right: none;}
}

@media handheld {
#menu div {line-height: 1em;}
}

@media handheld {
#menu a, #menu a:visited {margin-bottom: 0px; margin-top: 1px; padding-top: 0px; padding-bottom: 0px; font-size: 1em;}
}

@media handheld {
#menu hr {height: 0px;}
}

@media handheld {
#hlavni-bg { clear: both; padding: 0 0 0 0;}
}

@media handheld {
#logo-right {display: none;}
}

@media handheld {
#logo-left {padding: 50px 0 0 0; }
}

@media handheld {
#logo-bg {height: 70px;}
}

@media handheld {
.hidden {display: block;}
}

@media handheld {
#menu li {list-style-type:square; list-style-position: inside;}
}

@media handheld {
.selected {background-color: transparent;}
}

@media handheld {
#menu a:hover {background-color: transparent;}
}