body {margin: 10px auto; width: 770px; padding: 0; font-family: Arial, Verdana, Trebuchet;
      font-size: 12px; background-color: #ffffff;}

.cleaner {clear: both; height: 0; border: none; visibility: hidden; margin: 0; padding: 0;}

ul {padding: 0; margin: 0;}
a {text-decoration: none; color: #000000; font-weight: bold;}
a:hover {text-decoration: underline;}

ul#topmenu {list-style: none; width: 770px; height: 64px; }
ul#topmenu li {float: left; width: 127px; border-top: 1px solid #FFCC80;
               height: 64px; background: #FFA217 url(../images_web/top_back.png) bottom left repeat-x;
               border-bottom: 1px solid #FEFFFF;}
               
ul#topmenu li.border {width: 1px; background: url(../images_web/top_back_border.png) 0 0 no-repeat;}

ul#topmenu li span {text-align: center; padding: 15px 3px 0 3px}
ul#topmenu li a, ul#topmenu li span {color: #ffffff; font-weight: bold; display: block; ;
                 height: 49px;}
ul#topmenu li a:hover {text-decoration: none;}

ul#topmenu li ul {list-style: none; visibility: hidden; position: absolute; width: 250px; 
                  border:1px solid #FD7F2C; margin-top: 1px; }

/* hover efekt */
ul#topmenu li {behavior: url(hover.htc); }
ul#topmenu li:hover,  ul#topmenu li.hover {background: #FF6A06;}
ul#topmenu li:hover ul,  ul#topmenu li.hover ul {visibility: visible;}
ul#topmenu li:hover ul li ul,  ul#topmenu li.hover ul li ul {visibility: hidden;}

ul#topmenu li ul li {float: none; width: auto;  border: none; height: auto; background-color: none;
                     background: url(../images_web/submenu.png) 0 0 repeat; }

ul#topmenu li ul li a {color: #000000; height: auto; _height: 2px; padding: 3px 4px;}
.arrow { background: url(../images_web/submenu_arrow.png) 240px 50% no-repeat;}

ul#topmenu li ul li a:hover {color: #ffffff;}
ul#topmenu li ul li a:hover.arrow {color: #ffffff;
                                   background: url(../images_web/submenu_arrow_hover.png) 240px 50% no-repeat;}

ul#topmenu li ul li:hover ul, ul#topmenu li ul li.hover ul {visibility: visible; }
ul#topmenu li ul li ul {margin: -22px 0 0 251px; padding: 0; }




h1 {background: url(../images_web/logo.png); width: 392px; height: 72px; float: left; margin: 15px 0;}
h1 span {display: none;}
#kontakt {float: left; margin-left: 200px; padding-top: 15px; height: 57px; font-weight: bold;}
#kontakt .phone {background: url(../images_web/phone.png) 0 1px no-repeat; padding-left: 21px;
                 display: block;}
#kontakt .mail {background: url(../images_web/mail.png) 0 50% no-repeat; padding-left: 21px;
                 display: block; margin-top: 5px;}
                 
#logo {float: left; background: url(../images_web/main_logo.jpg) 0 0 no-repeat; width: 552px; height: 240px;
       border: 3px solid #FF6600;}
#partner {float: left; background-color: #FF7022; height: 246px; width: 210px;}
#partner span {display: block; background-color: #FF6600; padding: 5px 0 5px 5px; color: #ffffff; font-weight: bold;}
#partner_logo {background: url(../images_web/partner.png) 50% 25% no-repeat; width: 200px; height: 200px;}

#content {width: 537px; float: left; margin-top: 10px; padding: 0 15px 0 5px;}
#content h2 {margin: 10px 30px; color: #FF6600; font-size: 14px;}
#content h2 span {color: #000000; font-size: 80%;}
#content h3 {margin: 15px 0; font-size: 14px;}
#content p {margin: 10px 0; color: #333333; text-align: justify;}
#content p a, table a {color: #FF6600;}
#content ul {margin-left: 20px;}

#right {float: left; border: 1px solid #FFB27F; margin-top: 10px; background-color: #FFE8D9;
        width: 208px;}
#right h3 {color: #ffffff; 
           width: 194px; height: 20px; text-align: right; padding: 3px 15px 3px 0;
           margin: 0; font-size: 13px;}
#right img {border: 1px solid #FFB27F;}
#right .middle {margin: 3px 3px;}
#right .middle h4 {font-size: 11px; color: #FF6600; margin: 0;}
#right .news {text-align: justify; margin-bottom: 10px;}

#newsletter {background-color: #FFCAA8; font-size: 11px; padding: 5px 2px;}
.orng_input {float:left; border: 1px solid #FF9933; margin: 10px 0 0 5px; padding: 2px 5px; width: 120px;
            font-size: 11px; height: 14px;}
.orng_submit {border: none; background-color: #FF9933; color: #ffffff; 
             padding: 3px; margin: 10px 0; font-size: 12px; width: 40px; height: 20px; font-weight: bold;}

#footer {clear: both; border-top: 1px dotted #FF6600; margin-top: 10px; padding: 5px;}

table {padding: 0; margin: 15px 0 0 25px;}
table tr.top td {font-weight: bold; background-color: #CC330F; color: #ffffff;}
table td {border-bottom: 1px solid #CC330F; padding: 7px;}

.block {margin: 15px 15px 15px 25px; padding: 7px; border-bottom: 1px dotted #DF8D84; float: left;
       width: 350px;}

form {margin: 0; padding: 0;}     
.orng_form {margin: 20px 5px 10px 25px; font-weight: bold;}
.orng_form label {display: block; margin: 5px 0; }
.orng_form input, textarea {border: 1px solid #EB9F6D; background-color: #ffffff; 
                             margin-left: 25px; width: 190px;}
.orng_form input.submit {margin-left: 75px; width: auto; color: #C6574E; font-weight: bold;}

.orng_filed {float: left; padding: 10px; background-color: #FEE2D1; margin-left: 25px; display: block;
             border-bottom: 1px solid #E56D60;}
.orng_filed img { border: 1px solid #E56D60;}

#jasan:hover #p_main {visibility: hidden;}

div.doporucujeme
{
font-size:10px;
}