/* 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; }
    
    
/* TWITTER **********************************************/
   .facebook_link     { display: block; text-align: center; margin-bottom: 10px; }

   #twitter_div ul    { list-style: none; padding: 0px 10px; }
   #twitter_div li    { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px gray; }
   #twitter_div span  { display: block; padding-bottom: 3px; }
   #twitter-link      { display: block; text-align: center; margin-bottom: 5px; }
   #twitter-link img  { width: 100px; height: 35px; }