body {
   margin: 0;
   color: #AAAAAA;
   text-decoration: none;
   font-family: Arial;
   font-size: 12px;
   font-weight: normal;
   background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(110, 62, 25),  rgb(0, 0, 0));

}

h1
{
  font-size: 21px;
  font-family: "Palatino Linotype", "Book Antiqua";
  color: #FFFFFF;
  margin: 0px;
  padding: 2px;
  text-shadow: 2px 2px 3px #000000; 
}

h2
{
  font-size: 16px;
  font-family: "Palatino Linotype", "Book Antiqua";
  color: #EDDFDC;
  margin: 0px;
  padding: 2px;
  text-shadow: 0px 0px 3px #000000; 
}

h3
{
  font-size: 10px;
  color: #DDDDDD;
  margin: 0px;
  padding: 2px;
  text-shadow: 1px 1px 2px #000000; 
}

a
{
    font-family: Arial;
    text-align: center;
    color: white;
    text-decoration: none;
}
a:hover
{
    font-family: Arial;
    text-align: center;
    color: black;
    text-decoration: none;
}

img
{
    position: relative;
    padding: 0px;
    margin-right: 15px;
    float: left;
}

.img2
{
    position: absolute;
    padding: 0px;
    float: left;
}

.selimg
{
  height: 40px;
  padding: 0px;
  margin: 0px;
  border:0 ;
}


.selimg2
{
  height: 100px;
  padding: 0px;
  margin: 0px;
  border:0 ;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 890px;
}

.main
{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    color: #222222;
    background-color: #000000;
    width: 956px;
    float: none;
    border: 0px;
}
.top
{
    position: relative;
    float: top;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    color: #efb28c;
    width: 950px;
    background-color: #fAffff;
    text-align: left;
    border: none;
}

.topUP
{
    position: relative;
    float: top;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    color: #efb28c;
    width: 950px;
    height: 8px;
    background-color: #000000;
}
.topLOGO
{
    position: relative;
    width: 194px;
    height: 84px;
    float: top;
    top: 4px;
    left: 22px;
    z-index: 10;
}
.topMID
{
    position: relative;
    float: top;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    color: #efb28c;
    width: 950px;
    height: 58px;
    background-color: #000000;
    //background: linear-gradient(#666666,#090909);
}
.topMENU
{
    font-family: "Palatino Linotype", "Book Antiqua";
    font-size: 22px;
    color: white;
    position: relative;
    float: top;
    top: 20px;
    left: 240px;
    margin: 0px;
    padding: 0px;
    width: 709px;
    height: 60px;
    border: none;
}

.bottomMENU
{
    font-family: "Palatino Linotype", "Book Antiqua";
    font-size: 16px;
    color: white;
    position: relative;
    float: top;
    margin: 0px;
    padding: 0px;
    width: 950px;
    height: 60px;
    border: none;
    background: black;
    filter: sepia(100%);
}
.menuITEM
{
    font-family: "Palatino Linotype", "Book Antiqua";
    text-align: center;
    color: white;
    position: relative;
    float: left;
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    text-shadow: 2px 2px 3px #AAAAAA;   
    border: 0px; 
}
.menuITEMhower
{
    font-family: "Palatino Linotype", "Book Antiqua";
    text-align: center;    
    color: #F3C0A0;
    position: relative;
    float: left;
    height: 25px;
    padding-left: 15px;
    padding-right:  15px;
    margin-left: 1px;
    text-shadow: 2px 2px 3px #D3A080;   
    border: 0px; 
}

.topBOT
{
    position: relative;
    float: top;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    color: #efb28c;
    width: 950px;
    height: 500px;
    border: none;
    background-image: URL('../images/coffeebackS.jpg');
}
.topLINE
{
    position: relative;
    float: left;
    left: 0px;
    top: 9px;
    margin: 0px;
    width: 200px;
    height: 26px;
    background: #FFFFFF;
}
.topLINE2
{
    position: relative;
    float: left;
    top: 9px;
    margin: 0px;
    width: 120px;
    height: 26px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1),  rgba(255, 255, 255, 0.3));
}
.topLINE3
{
    position: relative;
    float: left;
    top: 9px;
    margin: 0px;
    width: 100px;
    height: 26px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3),  rgba(255, 255, 255, 0.8));
}
.topLINE4
{
    position: relative;
    float: left;
    top: 9px;
    margin: 0px;
    width: 150px;
    height: 26px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8),  rgba(255, 255, 255, 0.2));
}
.topLINE5
{
    position: relative;
    float: left;
    top: 9px;
    margin: 0px;
    width: 150px;
    height: 26px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2),  rgba(255, 255, 255, 0.4));
}
.topLINE6
{
    position: relative;
    float: left;
    top: 9px;
    margin: 0px;
    width: 180px;
    height: 26px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.4),  rgba(255, 255, 255, 0.0));
}

.BannerHolder
{
    position: relative;
    float: top;
    top: 236px;
    width: 100%;
    height: 170px;
}             

.Banner
{
    webkit-filter: drop-shadow(0px 0px 2px #ffffff); 
    filter: drop-shadow(0px 0px 2px #ffffff);
    position: relative;
    float: left;
    margin-left: 48px;
    padding: 5px;
    width: 240px;
    height: 150px;
    border: 1px solid #B38060;
    text-shadow: 1px 1px 1px #000000;
}

.BannerEmpty
{

    position: relative;
    float: left;
    margin-left: 48px;
    width: 250px;
    height: 150px;
}


.middle
{
    position: relative;
    text-align: left;
    margin: 0px;
    padding: 30px;
    float: top;
    top: 0px;
    left: 0px;
    width: 889px;
    border: 0px;
    background: black;
    color: #F0F0F0;
}

.middleMain
{
    position: relative;
    text-align: left;
    padding: 30px;
    float: top;
    top: 0px;
    left: 0px;
    width: 920px;
    border: 0px;
    background: black;
    color: #F0F0F0;
}


.edit_foto
{
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.clanek_edit
{
    position: relative;
    text-align: left;
    padding: 2px;
    float: top;
    margin: 2px;
    top: 0px;
    left: 0px;
    width: 580px;
    height: 20px;
    border: 1px solid grey;
    background: black;
    color: #555555;

}


.odkaz
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    position: absolute;
    float: top;
    right: 0px;
    bottom: 5px;
    height: 19px;
    width: 80px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    text-shadow: 2px 2px 3px #000000;  
    border: 0px; 
}
.odkazhower
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;    
    color: black;
    position: absolute;
    float: top;
    right: 0px;
    bottom: 5px;    
    height: 19px;
    width: 80px;    
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 1px;
    background-color: #FFFF00;
    text-shadow: 2px 2px 3px #000000; 
    border: 0px;      
}

.odkaz_edit
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    position: absolute;
    float: none;
    right: 90px;
    bottom: 5px;
    height: 19px;
    width: 90px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    text-shadow: 2px 2px 3px #000000;  
    border: 0px; 
}
.odkaz_edithower
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;    
    color: black;
    position: absolute;
    float: none;
    right: 90px;
    bottom: 5px;    
    height: 19px;
    width: 90px;    
    margin-left: 1px;
    background-color: #FFFF00;
    text-shadow: 2px 2px 3px #000000; 
    border: 0px;      
}

.odkaz_add
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    position: absolute;
    float: none;
    right: 90px;
    bottom: 5px;
    height: 19px;
    width: 90px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    text-shadow: 2px 2px 3px #000000;  
    border: 0px; 
}
.odkaz_addhower
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;    
    color: black;
    position: absolute;
    float: none;
    right: 90px;
    bottom: 5px;    
    height: 19px;
    width: 90px;    
    margin-left: 1px;
    background-color:#00FF00;
    text-shadow: 2px 2px 3px #000000; 
    border: 0px;      
}

.odkaz_addR
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    float: left;
    height: 19px;
    width: 120px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    background-color:#00FF00; 
    text-shadow: 2px 2px 3px #000000;  
    border: 0px; 
}
.odkaz_addRhower
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;    
    color: black;
    float: left;
    height: 19px;
    width: 120px;    
    margin-left: 1px;
    text-shadow: 2px 2px 3px #000000; 
    background-color:#00FF00;
    border: 0px;      
}

.odkaz_delete
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    position: absolute;
    float: none;
    right: 0px;
    bottom: 5px;
    height: 19px;
    width: 90px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    text-shadow: 2px 2px 3px #000000;  
    border: 0px; 
}
.odkaz_deletehower
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;    
    color: black;
    position: absolute;
    float: none;
    right: 0px;
    bottom: 5px;    
    height: 19px;
    width: 90px;    
    margin-left: 1px;
    background-color: #FF0000;
    text-shadow: 2px 2px 3px #000000; 
    border: 0px;      
}

.odkaz_deleteR
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    float: left;
    height: 19px;
    width: 120px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    background-color: #550000;
    text-shadow: 2px 2px 3px #000000;  
    border: 0px; 
}
.odkaz_deleteRhower
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;    
    color: black;
    float: left;
    height: 19px;
    width: 120px;    
    margin-left: 1px;
    background-color: #FF0000;
    text-shadow: 2px 2px 3px #000000; 
    border: 0px;      
}

.odkaz_divideR
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    float: left;
    height: 19px;
    width: 120px;
    margin-left: 1px;
    background: none;
    border: 1px; 
}
.odkaz_inputR
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    float: left;
    height: 19px;
    width: 320px;
    margin-left: 1px;
    background-color: #AAAAAA;
    border: 1px; 
}

.middleTitle
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: white;

    position: relative;
    text-align: left;
    margin: 1px;
    float: top;
    padding-top: 1px;
    padding-left: 5px;
    top: 0px;
    left: 0px;
    width: 353px;
    height: 22px;
    border: 0px;
    background: #AA0000;
}


.selimg
{
  height: 40px;
  padding: 0px;
  margin: 0px;
  border:0 ;
}


.selimg2
{
  height: 100px;
  padding: 0px;
  margin: 0px;
  border:0 ;
}


.bottom
{
    position: relative;
    float: top;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    color: #efb28c;
    width: 950px;
    height: 20px;
    background-color: #ffff00;
}


.logdiv
{
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    color: white;
    top: 200px;
    position: relative;
    margin: 1px;
    float: top;
    padding: 1px;
    width: 400px;
    border: 1px solid white;
    background: black;
}

.logdiv2
{
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    color: white;
    top: 100px;
    position: relative;
    margin: 1px;
    float: top;
    padding: 1px;
    width: 600px;
    border: 1px solid white;
    background: black;
}
.logdiv3
{
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    color: white;
    top: 100px;
    position: relative;
    margin: 1px;
    float: top;
    padding: 1px;
    width: 960px;
    border: 1px solid white;
    background: black;
}

textarea {
    resize: none;
    width: 500px;
    height: 300px;
    text-align: left;
}

a {
    color: #CDAFAA;
}

a:hover {
    color: #EDDFDC;
}


.tbl
{
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    color: white;
   
}

.topedit
{
    position: relative;
    float: top;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    color: #efb28c;
    width: 100%;
    height: 35px;
    background-color: #BEAAC0;
}

.topeditY
{
    position: relative;
    float: top;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    color: #efb28c;
    width: 100%;
    height: 25px;
    background-color: #ffFF00;
}

.fileContainer {
    overflow: hidden;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    float: left;
    height: 19px;
    width: 120px;
    margin-left: 1px;
    background: rgba(0,0,0,0.3);
    background-color:#00FF00; 
    text-shadow: 2px 2px 3px #000000;  
    border: 0px; 
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    height: 19px;
    width: 120px;
    opacity: 0;
    position: absolute;
    left: 0;
    text-align: right;
    top: 0;
    cursor: pointer;
}