A {color:#000; text-decoration:underline;}
A:hover {text-decoration:none;}

html, body {
      	   height:100%;
	   margin:0px;
	   padding:0;
	   background-image: url(pic/top.jpg);
	   background-position: 0% 0%;
	   background-repeat: no-repeat;
	   background-color:#F2F4F8; color:#000033;
	   }
img {border:none;}
li  {
    font-family:Garamond;
    font-weight:bold;
    padding-bottom:0.5em;}
    
p  {font-weight:normal;
    text-align: left;
    padding-left: 5px;
    text-indent: 0.5em;}
    
    
#top {

        margin-left: 344px;
        padding-top: 5px;
	height:195px;
	font: bold 1.1em Century Gothic;
	background-image: url(pic/backtopmain.jpg);
	background-position: 0% 0%;
	background-repeat:repeat-x;
	background-color:#639AD8;}


	#baner, #hotstring {
        	text-align: right;
		font: 0.9em Century Gothic;}
 	#biz
    	{
        position:absolute;
	top: 85px; right:0px;
     	width: 100%;
        text-align:right;
	font: 0.9em Century Gothic;
	}

 	#topbutyk, #topbutmail, #favorite, #topmain, #pozdr, #weather
	{visibility:hidden; position:absolute; top: 210px; left:20px;
	text-align:right; font:bold 0.8em Book Antiqua, Garamond; }
	
	#logo  {

         padding-right:0.5em;
         text-align: right;
         font: bold 0.9em Book Antiqua, Garamond;
	 clear:both;
	 }

	   #oskar, #mercuriy, #inmarket, #foryou, #klink, #tekstil
         {
	  position:absolute;
	  display: none;
	  top: 85px;
	  right:0px;
	  width: 400px;
	  z-index:10;
	  text-align:right;
 	  font: bold 0.9em  Book Antiqua, Garamond;
	 }
	 #klink
        {
  	  display: block;
	  }


 	  .link {
       position:absolute;
       top:150px; left:10px;
       }

#container {
	   width: 100%;
	   margin-top:2em;}

#content{
        float:left;
        width: 100%;
       	}

	.vkladka {
        float:right;
        height: 24px;
	text-align:right;
        background-image: url(pic/vkladkaB.gif);
	background-position: 0% 0%;
	background-repeat:repeat-x;
        font: bold 1em Garamond, Palatino Linotype, Courier New;
	}
         .vkladka img{
        float:left
               }
#contentleft
	     {
            float: left;
 	    width: 220px;
  	    margin-left: -100%;
	     }
.comgrImg {
	  float:left;
          width: 150px;
	  height: 200px;
	  text-align:center;
	  }
.comgrImg img
	  {
	  padding: 1%;
	  }
.bottom  {
       padding-top:0.5em;
         }
#blokleft {
           padding-left:0.5em;
	   background-color:#FFF;
	   clear:both;
	  }
	   
#katalog {
    padding-left:0.5em;
    background-color:#FFF;
         text-align:left;
         cursor: pointer;
         font: bold 0.9em Book Antiqua, Garamond;
	 clear:both;
 	 }
.pagenom {width:100%;
	 text-align:left;
	 margin-bottom:1px; }
.podkatalog {display: none;
	    font: italic 1em Book Antiqua, Garamond, Monotype Corsiva, ;
	    text-align:center;
	    margin-bottom: 15px;
	    }
.podkatalog A:hover {color:#CC6633; font-weight:bold;}
.rblock  {
        width:100%;
	margin: 1em 0em 2em 0em;
 	border-bottom: 1px solid #0D2771;
	font:1em serif;
	text-align:center;}
.rblocktit {width:100%; background-color:#448ED5; color:#FFF; font: bold 0.9em serif;
	  border: 1px solid #0D2771;}

#contentcenter {
              margin: 0 300px;
     		}

#main {
     width:100%;	 
     padding-top: 1em;	
     text-align:center;
     background-color:#FFF;
     clear:both;
     }
#mainform {
     width: 100%;
     text-align: left;
     background-color:#FFF;
     clear:both;
     }
#mainform p
	  {
          padding-left: 1%;
    	  font-weight:bold;
      	  }

#contentright {
   float: left;
  width: 220px;
  margin-left: -220px;
  		}
#contentright {
   float: left;
  width: 250px;
  margin-left: -250px;
  		}
#blokrightCon{
	   width:100%;
           background-color:#FFF;
	   clear:both;}
#blokrightNew{
	   width:100%;
           background-color:#FFF;
	   clear:both;}

.pozdr {
          width: 218px;
          text-align:left;
          margin-bottom:0.5em;
          border-style:outset; border-width:1.5px;
          font: 1.1em Garamond;
          background-image: url(pic/poztop.jpg);
	  background-position: 0% 0%;
	  background-repeat: no-repeat;
	  background-color:#F2F4F8;}
.pozdbot {
         width: 218px;
  	 text-align:right;
	 font: italic 0.8em Arial;
         }

.news {
        width: 218px;
	padding-left:0.2em;
	padding-top:0.5em;
        text-align:left;
        margin-bottom:0.5em;
        background-color:#FFF;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	font: bold 0.9em Times New Roman;
	}

.news p {
        width: 218px;
	padding-left: 0.7em;
        text-align:left;
        margin-bottom:0.5em;
        background-color:#FFF;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	font: normal 1em Times New Roman;
	}
.news  A {color:#000; text-decoration:underline;
	font: italic 0.8em Arial;
	}
.news  A:hover {color:#C30000; text-decoration:none;}


#down {
        margin-top:5%;
 	text-align:center;
	border-top-width:1px;
	font: bold 0.8em Garamond, Palatino Linotype, Courier New;
        background-image: url(pic/backbotmain.jpg);
	background-position: 0% 0%;
	background-repeat:repeat-x;
	background-color:#639AD8;}

.clearing {
    clear: both;
    height:1px;
    width:100%;
    	 }


.message {
         width: 85%;
	 margin-left: 2em;
         text-align:center;
	 margin-bottom:15px; padding-right:5px;
	 border-style:outset;
	 border-width:1.5px;
	 border-color: #DADCE0;
	 background-color:#F6F8FB;}
.messagehead {width:95%; padding-bottom:1%; font: bold 1em Garamond, Palatino Linotype, Courier New;}
.messagebody {float: left;  width:98%; padding-left:2%; text-align:left; text-indent:2%; font: 1em Times New Roman; color:#34316E;}
.messagebody img {float:left; width:100px; padding-right:1%;}
.messagedown {

	     width:100%;
	     padding-top:10px;
      	     font: bold 0.7em Garamond, Palatino Linotype, Courier New;
	     color:#CCC;}
.messagekont {margin: 2%; font: bold 0.8em Garamond, Palatino Linotype, Courier New; text-align:right;}

.meslposter {width:21px; background-image: url(pic/images/ob-grey_04.jpg);}
.mesrposter {width:21px; background-image: url(pic/images/ob-grey_05.jpg);}
.mesheadposter {font: bold 1em Garamond, Palatino Linotype, Courier New; text-align:center;  background-image: url(pic/images/ob-grey_02.jpg);}
.mesimgposter {float:left; width:90px; margin:5px; padding-bottom:5px;}
.mesbodyposter {padding:2%; font: 1em Times New Roman; color:#34316E; background-color:#F0F; }
.meskontposter {width:95%; padding:0.7em; font: bold 0.9em Garamond, Palatino Linotype, Courier New; text-align:right;}
.mesdownposter { background-image: url(pic/images/ob-grey_9.jpg);
                 background-repeat:repeat-x;
                 background-color:#F0F; }

#wrapper {
  width: 100%;
  width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
  min-width: 1000px;
         }

.messageNews {
         width: 85%;
	 margin-left: 2em;
	 border-style:outset;
	 border-width:1.5px;
	 border-color: #DADCE0;
	 background-color:#F6F8FB;}
.messageheadNews 

	{width:95%; padding-bottom:1%; 
	font: bold 1em Arial ;}

.messagebodyNews 
	{float: left;  width:98%; padding-left:2%; text-align:left; text-indent:2%; 	font: 1em Times New Roman; color:#34316E;}
.messagebodyNews img {float:left; padding-right:1%;}

.messagekontNews {margin: 2%; font: bold 0.8em Garamond, Palatino Linotype, Courier New; text-align:right;}