body,img,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,td,th {margin:0;padding:0;}

/*******************************LAYOUT****************************************/


body{
    font-family: "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, Verdana, lucida, sans-serif;
    font-size: 13px;
    background:url('../img/bg_web.jpg') top left repeat-x;
    text-align: center;
    color: #0d2b7a;
    
}

#wrap{
    text-align: left;
  	width: 899px;
    margin: 0px auto;
    
}

#footer {
    font-size: 12px;
    text-align: left;
  	width: 899px;
    margin: 0px auto;
    color: gray;
}

#footer p {padding-left: 18px; padding-bottom: 5px;}


#topmenu {
    background: url('../img/bg_topmenu.jpg') top left repeat-x;
    width: 899px;  
    height: 54px;                
}

a img {border: none; }
img.twitter {margin-left: 10px; margin-top: 10px;}
a.logo {display: block; width: 167px; margin-bottom: 10px; margin-top: 15px; margin-left: 18px; height: 32px; background: url('../img/logo.jpg') top left no-repeat; }

ul#topmenu2 {float: left;}
ul#topmenu2 li {display: block; _display: inline; margin-left: 18px; padding-right: 18px; margin-top: 12px; float: left; height: 36px; background: url('../img/odrazka.jpg') top right no-repeat;}
ul#topmenu2 li a {color: #cad6e2; font-weight: bold; text-decoration: none; }
ul#topmenu2 li a:hover {color: white;}

ul#topmenu2 li a span {position: relative; top: 4px;}


ul#topmenu2 ol { display: none;  background-color: #e68313;  list-style-type: none; padding: 0px; padding-bottom: 20px; padding-right: 15px; margin: 0px; }
ul#topmenu2 ol li { display: block; background: none; float: none; height: 10px; padding: 0px; _width: 180px; }
ul#topmenu2 ol li a {color: white; }
ul#topmenu2 ol li a:hover {color: black;}

#topmenu ul li.active a {color: white;}

#left, #right {float: left; position: relative; left: 899px; overflow: hidden; margin-top: 12px; }

#left {width: 652px; margin-left: -899px; border-right: 1px solid #bbcddd;}
#right {width: 230px; margin-left: -230px;}

.item-orange {background: url('../img/item_orange.jpg') top left repeat-x; height: 30px;}
.item-blue {background: url('../img/item_blue.jpg') top left repeat-x; height: 30px;}

.item-blue h3, .item-orange h3 {font-size: 14px; text-indent: 18px; color: white; padding-top: 6px;}

.box-content {background-color: white; padding: 18px; margin-bottom: 19px; }
#left .box-content {min-height: 400px; _height: 400px; margin: 0px;}



.banner1 {display: inline; float: left; width: 318px; height: 230px; margin-right: 8px; margin-bottom: 8px; background: url('../img/banner1.jpg') top left no-repeat;}
.banner2 {display: inline; float: left; width: 318px; height: 230px; margin-bottom: 8px; background: url('../img/banner2.jpg') top left no-repeat;}
.banner3 {display: inline; float: left; width: 318px; height: 230px; margin-right: 8px; margin-bottom: 8px; background: url('../img/banner3.jpg') top left no-repeat;}
.banner4 {display: inline; float: left; width: 318px; height: 230px; margin-bottom: 8px; background: url('../img/banner4.jpg') top left no-repeat;}

.banner1 h2, .banner2 h2, .banner3 h2, .banner4 h2 {margin-left: 80px; margin-top: 96px; color: white;}
.banner1 p, .banner2 p, .banner3 p, .banner4 p {margin-left: 80px; margin-top: 8px; margin-right: 10px; color: black;}       


form label {width: 50px; float: left; font-weight: bold; } 
form p {margin-bottom: 3px; }

#left p {padding-bottom: 10px; color: black; line-height: 1.3;}

input.submit {
    background:transparent url('../img/bt_login.jpg') no-repeat scroll 0 0;
    border:0 none;
    float: right;
    margin-right: 8px;
    cursor:pointer;
    display:block;
    height:21px;
    width:91px;
}
          
.cistic {clear: both;}

input {width: 132px;}