body {
   background: #c0c0c0;
   color: #666;
   font-family: arial, sans-serif;
   font-size: 12px;
   margin: 0 0 0 0;
   padding: 0;
}

a img {
   border: 0;
}
a {
   color: #006699;
   text-decoration: none;
}
a:hover {
   color: #be0f33;
   text-decoration: underline;
}

ul {
   list-style: square;
}

hr {
   display: none;
}

acronym {
   border-bottom: 1px dotted #666;
   cursor: help;
}

.hidden {
   display: none;
}

#skiplinks {
   display: none;
 }

#logo {
   height: 104px;
   overflow: hidden;
}

#navbar {
   float: left;
   font-size: 10px;
   margin-right: -2px;
   overflow: hidden;
   padding: 0;
   width: 176px;
}
#navbar h1 {
   display: none;
}
#navbar h3 {
   border-bottom: 1px solid #fff;
   color: #fff;
   font-size: 130%;
   margin: 1px 0 0 0;
   padding: 5px 0 2px 0;
   text-transform: uppercase;
}
#navbar ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#navbar ul li {
   margin: 0 0 0 -10px;
   padding: 0;
}
#navbar li a {
   color: #fff;
   display: block;
   line-height: 200%;
   padding: 0px 0 0px 30px;
   text-decoration: none;
   width: 146px;
}

#navbar .navblock {
   padding: 0 0 0 10px;
}

#navbar li a:hover {
   background-color: #ff0000;
}


#toprow {
   background: #fff;
   border-bottom: 1px solid #ddd;
   margin-right: 180px;
}

#breadcrumb {
   font-size: 90%;
   margin: 0;
   padding: 3px 20px;
}
#breadcrumb p {
   margin: 0;
   padding: 0;
}




#rightwrapper {
   min-height: 540px;
   height: auto !important; /* IE 6 hack */
   height: 540px;
   padding-left: 0;
   margin-left: 173px;
background: #fff;
}
html>body #rightwrapper {
   margin-left: 176px; /* IE 6 hack */
}

#container {
position: relative;
background: url(cyklista1.jpg) center right no-repeat !important;
background-color: #000;
   margin: 20px 0 20px 0;
   width: 872px;
height: 680px;
}

#line1 {
position: absolute;
top: 145px;
left: 240px;
background: url(line1.jpg) top left no-repeat !important;
width: 316px;
height: 1px;
}

#line2 {
position: absolute;
top: 110px;
left: 5px;
background: url(line2.jpg) top left no-repeat !important;
width: 433px;
height: 1px;
}

#line3 {
position: absolute;
top: 630px;
left: 0px;
background: url(line2.jpg) top left no-repeat !important;
width: 433px;
height: 1px;
}

#line4 {
position: absolute;
top: 640px;
left: 300px;
background: url(line3.jpg) top left no-repeat !important;
width: 242px;
height: 1px;
}

#line5 {
position: absolute;
top: 665px;
left: 300px;
background: url(line3.jpg) top left no-repeat !important;
width: 242px;
height: 1px;
}

#etxelogo {
position: absolute;
top: 0px;
left: 420px;
background: url(etxeondologo.jpg) top left no-repeat !important;
width: 149px;
height: 133px;
}

#progresslogo {
position: absolute;
top: 0px;
left: 20px;
background: url(progresscyclelogo.jpg) top left no-repeat !important;
width: 161px;
height: 106px;
}

#catalog{
position: absolute;
top: 644px;
left: 305px;
width: 242px;
height: 25px;
font-size: 16px;
}

#catalog a {
color: #fff;
text-decoration: none;
}


#catalog a:hover {
color: #fff;
text-decoration: none;
}

#contentbck {
position: absolute;
top: 125px;
left: 125px;
width: 350px;
height: 450px;
   -moz-opacity: 0.5;
   opacity: 0.50;
filter: alpha(opacity=50);
}

#content {
text-align: justify;
font-size: 11px;
width: 410px;
position: absolute;
top: 100px;
left: 100px;
color: #fff;
}


#content h1 {
   color: #fff;
   font-size: 150%;
   font-weight: normal;
   margin: 5px 5px 5px 5px;
   padding: 0;
   text-transform: uppercase;
}

#content h2 {
   color: #be0f33;
   font-size: 120%;
   font-weight: normal;
   margin: 20px 0 0 0;
   padding: 0;
   text-transform: uppercase;
}


#content h3 {
   color: #333;
   font-size: 100%;
   margin: 20px 0 0 0;
   padding: 0;
   text-transform: uppercase;
}


#content p {
   margin: 10px 0;
   padding: 0;
}


#content ul {
   background: #FEF5DE;
   border: 1px solid #ddd;
   color: #333;
   list-style: none;
   margin: 10px;
   padding: 10px 20px;
}
#content ul li {
   background-image: url(http://localhost:8080/opencms/opencms/system/modules/cz.etxeondo.www/resources/images/listbullet.gif);
   background-position: 2px 0.6em;
   background-repeat: no-repeat;
   margin: 5px 0;
   padding-left: 15px;
}
#content li ul {
   border: 0;
   margin: 0.5em;
   padding: 0;
}


#content ol {
   background: #E9EDF3;
   border: 1px solid #ddd;
   color: #333;
   margin: 10px;
   padding: 10px 20px;
}
#content ol li {
   margin: 5px 15px;
   padding-left: 0;
}


#content img.logofloat {
   display: block;
   float: left;
   margin: 10px 10px 10px 0;
}


#content blockquote {
   background: #F7EAEA url(http://localhost:8080/opencms/opencms/system/modules/cz.etxeondo.www/resources/images/quoteend.gif) bottom right no-repeat;
   border: 1px solid #ddd;
   color: #333;
   margin: 10px;
   font-style: italic;
   text-align: left;
}
#content blockquote .quotewrapper {
   background: url(http://localhost:8080/opencms/opencms/system/modules/cz.etxeondo.www/resources/images/quote.gif) top left no-repeat;
   padding: 1px 10px 1px 30px;
}
#content blockquote p.quotecaption {
   font-size: 90%;
   font-style: normal;
   margin-left: -15px;
   text-align: left;
}


#content form {
   font-size: 90%;
   margin-top: 20px;
}
#content label {
   float: left;
   width: 110px;
   font-weight: bold;
   padding: 2px 10px 2px 0;
   text-align: right;
}
#content input, textarea, select {
   width: 170px;
   margin-bottom: 10px;
   background-color: #ddd;
   border: 1px solid #aaa;
   color: #333;
   font-family: monospace;
   font-size: 12px;
   padding: 2px;
}
#content select {
   width: 177px;
}
#content input:hover, textarea:hover, select:hover {
   background-color: #eee;
}
#content input:focus, textarea:focus, select:focus {
   background-color: #fff;
   color: #000;
}
#content textarea {
   width: 170px;
   height: 50px;
}
#submitbutton {
   margin-left: 123px;
   margin-top: 5px;
   width: 100px !important;
}


.red {
   color: #f00;
}
.black {
   color: #000;
}


#sidebar {
   float: right;
   margin-top: 430px;
   width: 180px;
}
#sidebar p {
   margin: 0;
   padding: 0 10px;
}
#sidebar img {
   display: block;
   margin: 1px auto;
}




#footer {
position: absolute;
top: 660px;
left: 5px;
   border-top: 0px solid #ddd;
   font-size: 90%;
   text-align: center;
}
#footer p {
   margin: 0;
   padding: 2px;
}