body {
   background: #ddd;
   color: #666;
   font-family: arial, sans-serif;
   font-size: 12px;
   margin: 20px 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;
 }

#container {
   margin: 0 auto 0;
   width: 777px;
}


#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 */
}

div.autolokator {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/autolokator.jpg) top right no-repeat !important;
}
div.autoradia {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/autoradia.jpg) top right no-repeat !important;
}
div.cenik {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/cenik.jpg) top right no-repeat !important;
}
div.defend {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/defend.jpg) top right no-repeat !important;
}
div.hfsady {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/hfsady.jpg) top right no-repeat !important;
}
div.navigace {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/navigace.jpg) top right no-repeat !important;
 }
div.zlaceni {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/zlaceni.jpg) top right no-repeat !important;
}
div.index {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/index.jpg) top right no-repeat !important;
}
div.kontakt {
   background: url(/opencms/opencms/system/modules/cz.fourtel.www/resources/kontakt.jpg) top right no-repeat !important;
}




#content {
   min-height: 492px;
   height: auto !important; /* IE 6 hack */
height:492px;
   background: #fff;
   font-size: 100%;
   line-height: 150%;
   margin-right: 180px;
   padding: 5px 20px 1px;

}

#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(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(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(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 {
   border-top: 1px solid #ddd;
   font-size: 90%;
   text-align: center;

   background: #fff;
   margin-right: 180px;
   padding: 5px 5px 1px;
}
#footer p {
   margin: 0;
   padding: 2px;
}