/* NASTAVENÍ DEFAULTU ************************************/
* { font-family: Arial, Tahoma; font-size: 11px; margin: 0px; padding: 0px; }
body { text-align: center; }
img { border: 0px; }
.cleaner { clear: both; height: 1px; width: 100%; }
a { color: #CB0114; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
span.cerveny { background-image: url( "/layout/cerveny_bg.gif" ); width: 100%; height: 19px; border: 0px; padding: 3px 0px 0px 0px; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #EA2603; display: block; }
span.cerny { background-image: url( "/layout/tmavy_bg.gif" ); width: 100%; height: 19px; border: 0px; padding: 3px 0px 0px 0px; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #5F5F5F; display: block; }





/* PAGE: cela stranka ************************************/
    #page { margin: 0px auto 10px auto; width: 990px; text-align: left; background-image: url( "/layout/page_bg.gif" ); }
    
    
    
  /* PAGE_CONTENT: toto je kvůli tomu přechodu dole ********/
      #page_content { background-image: url( "/layout/page_bottom.gif" ); background-repeat: no-repeat; background-position: bottom; }
      
      
      
    /* TOP: horní proužek ************************************/
        #top { border-width: 0px 1px 1px 1px; border-color: #ADB9C2; border-style: solid; height: 18px; background-image: url( "/layout/top_bg.gif" ); background-color: #DAE0E5; }
        #top p { float: left; font-weight: bold; margin-left: 10px; }
        #top span { float: right; padding-right: 10px; }
        
        
        
    /* LEFT: levy panel **************************************/
        #left { width: 178px; float: left; }
        #left p { border: 1px solid #BDBCBD; background-image: url( "/layout/left_bg.gif" ); background-repeat: repeat-x; background-position: bottom; padding: 10px 5px 10px 15px; font-weight: bold; }
        #left p a { font-weight: normal; }
        
        #left p.list a { color: #333333; text-decoration: none; line-height: 20px; font-weight: bold; }
        #left p.list a:hover { color: #CB0114; }
        
        #left p.podpora { background-image: url( "/layout/kontakt_bg.gif" ); background-repeat: no-repeat; background-position: left top; text-align: right; line-height: 20px; padding-bottom: 18px; }
        #left p.podpora a { font-weight: normal; }
        
        #left p.last , #right p.last { border-bottom: 0px; background-image: none; background-color: transparent; }
        #left p span { font-weight: normal; }
        
        
        
      /* MENU: levé černé menu *********************************/
          #menu { border-left: 1px solid #000000; border-bottom: 1px solid #FFFFFF; background-color: #000000; background-image: url( "/layout/menu_bg.gif" ); background-repeat: no-repeat; line-height: 31px; padding-left: 10px; }
          #menu span { color: #8C8D8C; font-size: 18px;margin-right: 10px; background-image: url( "" ); }
          #menu a { color: #FFFFFF; text-decoration: none; font-size: 12px; }
          
          
          
    /* LOGO: logo :) *****************************************/
        #logo { float: right; border-bottom: 1px solid #FFFFFF; background-image: url( "/layout/logo.gif" ); background-repeat: no-repeat; background-position: right; width: 797px; height: 135px; padding: 20px 0px 0px 15px; }
        #logo img { position: absolute;}
        #logo h1 { font-size: 20px; margin: 0px 0px 25px 40px; }
        #logo h2 { font-size: 14px; color: #4E4E4E; margin-top: 15px; padding-left: 25px; background-image: url( "/layout/logo_sipka.gif" ); background-repeat: no-repeat; background-position: 5px 5px; }
        
        
        
    /* MAIN_OBAL: kolem hlavního obsahu ************************/
        #main_obal { width: 614px; padding: 10px 10px 0px 10px; float: left; background-image: url( "/layout/main_bg.gif" ); background-repeat: repeat-x; }
        
        
        
      /* MAIN: hlavní obsah **************************************/
          #main { width: 610px; font-size: 12px; }
          #main * { font-size: 12px; }
          #main h3 { color: #CB0114; padding: 10px 25px; background-image: url( "/layout/main_sipka.gif" ); background-repeat: no-repeat; background-position: 0px 10px; }
          #main p { text-align: Justify; padding: 5px 0px; }
          #main p.true { font-weight: bold; color: #249302; border: 1px solid #249302; background-color: #9CFF9E; margin-bottom: 10px; padding: 12px; }
          #main p.false { font-weight: bold; color: #CB0114; border: 1px solid #CB0114; background-color: #FF9CA6; margin-bottom: 10px; padding: 12px; }
          #main p.prouzek { background-color: #F1B9B0; border: 1px solid #CB0114; padding: 10px; margin: 10px 0px; }
          #main p.sluzba { border: 1px solid #BDBCBD; background-image: url( "/layout/left_bg.gif" ); background-repeat: repeat-x; background-position: bottom; padding: 10px 0px 10px 10px; width: 185px; margin: 10px 5px 10px 0px; float: left; font-size: 11px; line-height: 20px; cursor: pointer; }
          #main p.sluzba:hover { border: 1px solid #CB0114; }
          #main p.sluzba span { text-align: right; padding: 15px 3px 45px 3px; color: #2A2A2A; font-size: 14px; display: block; background-repeat: no-repeat; }
          #main p.sluzba span.seo { background-image: url( "/layout/h3_seo.gif" ); }
          #main p.sluzba span.hosting { background-image: url( "/layout/h3_hosting.gif" ); }
          #main p.sluzba span.grafika { background-image: url( "/layout/h3_grafika.gif" ); }
          #main span { color: #CB0114; font-weight: bold; }
          #main ul { margin: 15px 0px; }
          #main ul li { padding: 5px 0px 5px 25px; list-style-type: none; background-image: url( "/layout/li_sipka.gif" ); background-repeat: no-repeat; background-position: 5px 8px; }
          #main p.tym { float: left; text-align: center; width: 199px;  height: 200px;}
          #main hr { clear: both; width: 100%; }
            
          
          /* DEMO: ***************************************************/
            #demo { background-image: url( "/layout/demo_arrow.gif" ); background-position: 270px 50px; background-repeat: no-repeat; }
            #demo img { float: right; margin: 0px 10px 10px 10px; }
            
            
            
          /* DOTAZ: formulář na messages :) **************************/
            #dotaz { width: 305px; margin-bottom: 10px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #BDBCBD; background-image: url( "/layout/left_bg.gif" ); background-repeat: repeat-x; background-position: bottom; float: left; }
            #dotaz span.cerveny { color: #FFFFFF; }
            #dotaz form { margin: 10px; }
            #dotaz label { width: 100px; display: block; float: left; font-weight: bold; }
            #dotaz input { width: 180px; }
            #dotaz textarea { width: 280px; height: 70px; }
            #dotaz input.send { border: 1px solid #000; width: 70px; }
            
            
            
        /* POSLEDNI_PROJEKTY: výpis posledních projektů ************/
            #posledni_projekty { width: 305px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #BDBCBD; float: left; background-image: url( "/layout/left_bg.gif" ); background-repeat: repeat-x; background-position: bottom; height: 170px; }
            #posledni_projekty ul { margin-left: 10px; list-style-type: none; }
            #posledni_projekty li { margin-top: 9px; padding: 7px 0px 15px 40px; background-image: url( "/layout/projekty_li.gif" ); background-repeat: no-repeat; }
            
            
            
        /* AKTUALNI_PROJEKT: ***************************************/
            #aktualni_projekt { width: 305px; float: left; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #BDBCBD; background-image: url( "/layout/left_bg.gif" ); background-repeat: repeat-x; background-position: bottom; height: 170px; }
            #aktualni_projekt img { margin: 7px 0px 0px 10px; float: left; }
            #aktualni_projekt p { margin-top: 5px; padding-left: 10px; float: left; width: 170px; }
            #aktualni_projekt p span { color: #CB0114; }
            /*#aktualni_projekt table { width: 285px; border: 1px solid #333333; }*/
            
            
            
    /* RIGHT: pravý sloupec s referencema **********************/
        #right { width: 178px; float: right; }
        #right p { border: 1px solid #BDBCBD; background-image: url( "/layout/left_bg.gif" ); background-repeat: repeat-x; background-position: bottom; text-align: center; }
        #right p span { display: block; padding: 5px; }
        #right p span.reference { padding: 8px 0px 16px 0px; border-bottom: 1px dashed #666666; }
        
        
        
/* BOTTOM: spodek s copyrightem **************************/
    #bottom { margin: 0px auto; text-align: left; border-top: 3px solid #D7D7D7; background-color: #EAEAEA; width: 970px; padding: 10px; }
    #bottom p { vertical-align: middle; float: left; font-size: 10px; color: #333333; }
    #bottom a { font-size: 10px; color: #333333; }
    
    
/* LINKS: doporučujeme ... tam dole :) *******************/
    #links { margin: 0px auto; width: 990px; padding-top: 10px; font-size: 10px; color: #999999; clear: both; }
    #links a { font-size: 10px; color: #999999; }
    #menu ul
    {
      list-style:none;
      margin:0px;
      padding:0px;
    }