/* CSS Document */
body {margin: 0px;
     padding: 0px;
	   background: #EBD69A;	   
}
#podklad {width: 812px; 
          background: #8E2911;
          border: 0px solid red;
          margin-left: 150px;
          text-align: center;
}
#navigace1 {width: 800px; 
         font-family: Trebuchet MS, Arial CE;
         font-size: 15px;
         color: #EDD8A0;
         padding-top: 8px;
         padding-right: 10px;
         text-align: right;
}
a {color:  #EBD69A;
            text-decoration: none;
}
a:hover {color:  #EBD69A;
            text-decoration: underline;
}
#obsah {width: 800px; height: 615px;      
       background: #D2A443;
	     margin-top: 12px;
	     margin-left: 6px;
	     text-align: left;
}
#logo {width: 159px; height: 52px;
       margin-top: 2px;
       margin-bottom: 2px;
       background: url("images/logo_firma.gif");
       margin-left: 10px;
}
#hlavicka {width: 780px; height: 280px;
          border-top: 5px solid #8E2911;
          border-bottom: 5px solid #8E2911;
          margin-left: 10px;
}
#menu {width: 200px; height: 210px;     
       margin-top: 8px;       
       float: left;
       font-family: Arial CE, Trebuchet MS;
       font-size: 19px;
       color: #EDD8A0;
}
.odkaz_bot {width: 206px; height: 34px;        
            padding-left: 15px;
            padding-top: 10px;
            margin-top: 6px;  
            background: url("images/bg_odkaz_bot.gif");      
}

.odkaz_bot_akce {
	width: 206px;
	height: 34px;
	padding-left: 15px;
	padding-top: 10px;
	margin-top: 6px;
	background: url("images/bg_odkaz_bot.gif");
	font : bold;
}

.odkaz_bot a {color: #EDD8A0;
               text-decoration: none;
}
.odkaz_bot a:hover {color: #EDD8A0;
                    text-decoration: underline;
}
#hlavicka1 {width: 540px; height: 247px;
          background: #EDD8A0;          
          margin-left: 235px;
          margin-top: 10px;         
}
#obr_hl {width: 613px; height: 342px;
          background: url("images/obr_hl.gif");
          /*position: relative; left: 370px; top: 45px;*/          
}
h1 {width: 785px; height: 22px;    
    margin: 0px;
    font-family: Trebuchet MS, Arial CE;
    color: #8E2911;
    font-size: 20px;
    text-align: right;
    padding-top: 5px;
    padding-right: 15px;
}   
#stred {width: 800px;         
        margin-top: 5px;  
}
#stred_levy {width: 200px; height: 345px;       
       margin-top: 0px;
       margin-left: 5px;
       float: left;
}
#dekor_1 {width: 200px; height: 247px; 
        background: url("images/dekor_1.jpg"); 
        margin-top: 90px;     
        position: relative; left: 0px; top: 25px;
}
#obchodnici {width: 170px;height:80px;
             border: 2px solid #8E2911;
             margin-left: 5px;
             background: #ffffff;
             text-align: center;
             font-family: Arial CE, Verdana;
             font-size: 11px;
             padding:10px;
}
#obchodnici span {font-weight: bold;
             color: red;
}
#stred_pravy {width: 575px; height: 346px;         
        margin-left: 210px;
        margin-top: 2px;
        margin-bottom: 15px;
}
#okraj_horni {width: 575px; height: 20px;        
        background: url("images/bg_okraj_horni.jpg");        
}
#okraj_dolni {width: 575px; height: 20px;        
        background: url("images/bg_okraj_dolni.jpg");        
}
#obsah_stred {width: 575px; height: 306px;
        background: url("images/bg_obsah_stred.jpg");
        font-family: Arial CE;
        font-size: 11px;     
} 
#obsah_stred a {color:#8E2911;
          text-decoration: underline;  
}
#obsah_stred a:hover {color:#8E2911;
          text-decoration: none;  
}

/********************************************* hlavni stranka ***************/
.upo_nadpis{font-size: 14px;
      margin-left: 0px;
      font-family: Arial CE, Verdana;
      color:#8E2911;
}
#upo1 {width: 290px; height: 150px;
       border-bottom: 1px solid #EBD69A;
       margin-left: 25px;
       font-family: Arial CE, Verdana;
}
#obr_upo1 {width:73px; height: 110px;
       border: 1px solid #8E2911;
       float: right;
       margin-left:10px;
}
#upo2{width: 200px; height: 265px;
      border-left: 1px solid #EBD69A;
      float: right;
      margin-right: 25px;
      padding-left:10px;
      padding-right:10px;
      font-family: Arial CE, Verdana;
} 
#obr_upo2 {width:200px; height: 129px;        
}
#upo3 {width: 290px; height: 100px;      
       margin-left: 25px;
       margin-top: 15px;
       font-family: Arial CE, Verdana;
}   
#obr_upo3 {width:110px; height: 73px;
       border: 0px solid #8E2911;
       margin-left:5px;
       float:right;
}
/******************************************************* ramecky **************/
#menu2 {width: 180px; 
       margin-left: 8px;
       margin-top: 30px;      
       float: left;
}
.odkaz_bot1 {width: 170px; height: 25px;
            font-family: Arial CE, Trebuchet MS;
            font-size: 13px;            
            text-align: left;
            color: #EDD8A0;
            margin-top: 5px;
            padding-top: 5px;
            padding-left: 10px;
            background: url("images/bg_odkaz_bot1.gif");
}
.odkaz_bot1 a {color: #EDD8A0;
               text-decoration: none;
}
.odkaz_bot1 a:hover {color: #EDD8A0;
                     text-decoration: underline;
}
#obr_ramecky1 {width:190px; height: 142px;
               float: right;
               margin-top:40px;
               margin-right: 10px;
               border: 1px solid #8E2911;
}
#obr_ramecky2 {width:150px; height: 200px;
               float: right;
               margin-right: 10px;
               margin-left: 40px;
               border: 1px solid #8E2911;
}
#obr_ramecky3 {width:200px; height: 150px;
               float: right;
               margin-right: 10px;
               margin-left: 20px;
               border: 1px solid #8E2911;
}
#obr_ramecky4 {width:170px; height: 207px;
               float: right;
               margin-right: 10px;
               margin-left: 40px;
               border: 1px solid #8E2911;
}
.obr_vyroba    {width:170px; height: 117px;               
               margin-top: 50px;
               margin-left: 20px;
               border: 1px solid #8E2911;
}
.obr_prodej {width:210px;height:153px;
             float: right;
             margin: 10px;
             border: 1px solid #8E2911;             
}
/**************************************************** stranka euroklipy ****/
#obr_eklip {width: 220px; height: 150px;
            float: right;           
            margin-left: 10px;
}     

#repro1 {width: 240px; height: 173px;
            float: right;           
            margin-left: 10px;
} 

#repro2 {width: 420px; height: 229px;
            float: right;           
            margin-left: 10px;
} 

#obr_eklip2 {width: 180px; height: 123px;
            float: right;           
            margin-left: 10px;
            margin-top: 40px;
}                   
/****************************************************obrazove reprodukce ***/
.text_repro {font-family: Verdana, Arial CE, Trebuchet MS, Tahoma;
            font-size: 11px;
            margin-left: 25px;
            margin-right: 25px;
}
h4 {font-family: Verdana, Arial CE, Trebuchet MS, Tahoma;
    color: #8E2911;
    font-size: 15px;
    font-weight: normal;    
}
.vpravo {text-align: right;
} 
#odkaz_obj {width: 100px; height: 20px;
            text-align: center;
            color: #8E2911;
            margin-left: 250px;
            margin-top: 30px;*/
            font-family: Verdana, Arial CE, Trebuchet MS, Tahoma;
            font-size: 12px;
            border: 1px solid #8E2911;
            background: #EBD69A;
            padding-top: 2px;
}
#odkaz_obj a {color:#8E2911; 
}
/**********************************************************o firme *********/
.text_firma {font-family: Verdana, Arial CE, Trebuchet MS, Tahoma;
            font-size: 11px;
            margin-left: 25px;
            margin-right: 25px;
}
.text_firma a {color: #8E2911;
            text-decoration: none;
}
.text_firma a:hover {color: #8E2911;
            text-decoration: underline;
}
#tab_kontakt {font-family: Verdana, Arial CE, Trebuchet MS, Tahoma;
            font-size: 11px;
            margin-left: 100px;
}
#tab_kontakt td {padding-left: 10px;
}
#mapa {border: 0px;
}
/**************************************************prvek s posuvnym obsahem***/
      .cleaner {clear: both;
                height: 0;
                overflow: hidden;
                content: ' ';
      }
      .cleaner hr {display: none;
      }
      #page {width: 520px;/*100%;*/
             margin: 0 0 0 0;     /*top right bottom left */
             background-color: #ffffff; /*#CCCCCC;*/
             margin-left: 25px;
        }
      #header {padding: 1em;
      }
      #galerie {width: 520px; /*100%;*/ height: 170px;
               overflow: auto;
               background-color: #ffffff;/**#c1d3fb;*/
        }
      #galeriein {width: 5620px;
        margin: 0 20px;        
      }
      #galerie .foto {width: 140px; height: 140px;
        float: left;
        display: inline;
        overflow: auto;
        margin: 5px 5px 5px 5px;
        background-color: #ffffff; /*#f2f7fb;*/
        text-align: center;
        font-size: 12px;
        font-family: Arial CE, Tahoma;
      }
      #galerie .foto img {
        width:110px; height:110px;
        margin: 5px 0 0 0;
        border: 1px solid silver;
      }
        #galerie .foto a {color:#8E2911; /*#0A629E;*/
        }
      #galerie .foto p {margin: 0em;
      }
 /*********************************zobrazen9 a skryti tabulky ****************/
 .menubox1 {font-family:Tahoma, Arial CE, Helvetica CE, Arial, sans-serif;
           font-size: 10pt;
           color: #E5E5E5; 
           visibility: hidden;           
}            
.menubox2 {font-family: Tahoma, Arial CE, Helvetica CE, Arial, sans-serif;
           font-size: 10pt;
           color: #E8F7B3;
} 
/***********************************zobrazeni okna s tabulkou ***************/
#repro_1, #repro_2, #repro_3, #repro_4, #repro_5, #repro_6, #repro_7, #repro_8, #repro_9, #repro_10, #repro_11, #repro_12, #repro_13, #repro_14, #repro_15, #repro_16, #repro_17, #repro_18 
       {position: absolute; left: 40px; top: 150px; z-index: 20; 
        width: 670px;
        border-left: 1px solid darkorange;
        border-top: 1px solid darkorange;
        border-right: 3px solid darkorange;
        border-bottom: 3px solid darkorange;
        background: #F8F8F8;
        color: #000000;
        padding: 10px;
} 
#repro_v1, #repro_v2, #repro_v3, #repro_v4, #repro_v5, #repro_v6, #repro_v7, #repro_v8, #repro_v9  {position: absolute; left: 40px; top: 150px; z-index: 20; 
        /*width: 830px;*/
        border-left: 1px solid darkorange;
        border-top: 1px solid darkorange;
        border-right: 3px solid darkorange;
        border-bottom: 3px solid darkorange;
        background: #F8F8F8;
        color: #000000;
        padding: 10px;
} 
.tab_repro {
        background: #000000;
        font-family: Verdana, Arial CE;
        font-size: 11px;
        text-align: center;
}
.levy {text-align: left;
       padding-left: 5px;
}  
.tab_repro td {
        background: #ffffff;
} 
.obr_repro {width: 270px; height: 270px;        
}
#obr_repro1 {width: 400px; height: 270px;        
}
#obr_repro2 {width: 420px; height: 270px;        
}
#obr_repro3 {width: 440px; height: 270px;        
}
#obr_repro4 {width: 480px; height: 270px;        
}
/******************************************************** mapa webu **********/
.mapa {font-family: Arial CE, Trebuchet MS, Tahoma;
       font-size: 12px;
       color: #8E2911;
       margin-top: 8px;
       margin-left: 150px;
} 
.mapa a {text-decoration: underline;
         color: #8E2911;
}
.mapa a:hover {text-decoration: none;
         color: #8E2911; 
}
.uroven_2 {list-style-type: square;          
          margin-left: 20px;
}
/********************************************************* ceník ***********/
#tab_cenik {width: 540px;
            font-family: Arial CE, Trebuchet MS, Tahoma;
            font-size: 12px;
            text-align: center;
            background: #E5E5E5;
            margin-left: 15px;
            margin-top: 15px;            
}
#tab_cenik td {background: #ffffff;
}
#tab_cenik th {background: #FFFFCC; /*EDD8A0;*/
               font-weight: normal;
               font-size: 12px; 
}
/**************************************************objednavka ramecky ******/
.text_obj {font-family: Arial CE, Trebuchet MS, Tahoma;
            font-size: 12px;
            margin-left: 40px;
}
#obj_tab1 {width: 450px;
            /*border: 1px solid red;*/
            font-family: Arial CE, Trebuchet MS, Tahoma;
            font-size: 12px;
            text-align: center;
            margin-left: 60px;
}
.pole1 {width: 120px;
            background:#FFFACD;
            border: 1px solid #8E2911;;
}
.pole2 {    background:#FFFACD;
            border: 1px solid #8E2911;;
}
#obj_tab1 th {font-size: 15px;
             color: #8E2911;
}
#obj_tab2 {font-family: Arial CE, Trebuchet MS, Tahoma;
            font-size: 12px;
            margin-left: 140px;
}
.pole {background:#FFFACD;
       border: 1px solid #8E2911;
}
/*****************************************************************************/
#zahlavi {width: 800px; height: 30px;          
          font-family: Arial CE, Trebuchet MS, Tahoma;
          font-size: 10px;
          color: #EDD8A0;
          padding-top: 5px;     
}
#statistika {width: 190px;
        float: left;
        padding-left: 10px;
        text-align: left;  
}
#aktualizace {width: 380px;
       float: left;
       text-align: center; 
}
#copy {width: 190px;
       float: left;
       text-align: right;
       padding-right: 10px;
       margin-left: 40px;
}
#copy a {color: #e5e5e5;
       text-decoration: none;
}
#copy a:hover {color: #e5e5e5;
       text-decoration: underline;
}