body
{
margin: 0;
font-family: "Georgia";
background-image: url('images/haha13.png');
background-color: black;
background-repeat: repeat;
overflow-y: scroll;
font-size: 17.0px;      
letter-spacing: 0.1px;
}   
input, select
{
font-family: "Georgia";
font-size: 16.0px;      
letter-spacing: 0.1px;
}
a
{
color:black;
text-decoration: none;
}
label 
{
cursor: pointer;
}

    /*
@font-face {
    font-family: 'Allura';
     	src: url('Allura-Regular.ttf') format('truetype');

 }
 
 @font-face {
    font-family: 'LucidaSansUnicodeRegular';
 src: url('LucidaSansUnicodeRegular.ttf') format('truetype');
 }       */
 @font-face {
    font-family: 'AdobeGaramondProRegular';
 src: url('AdobeGaramondProRegular.ttf') format('truetype');
 } 
 
 /*@font-face {
    font-family: 'AdobeGaramondProSemibold';
 src: url('AdobeGaramondProSemibold.otf') format('truetype');
 }   */
 
 
 
.click
{
cursor: pointer;
}
.click:hover, a:hover
{

text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
 
.top_item
{
letter-spacing: 0.6px;
display: inline-block;
font-size: 18px;                                                                  
padding-left: 10px;
padding-right: 14px;
cursor: pointer;
font-weight: 500;
position:relative;
}
.top_right_symbol
{
border-right: 1px black solid;
border-image:
      linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(86,86,86, 0.6), rgba(0, 0, 0, 0)) 1 100%;
}

.top_item_click:hover, .top_item_active, .rollmenu_item:hover
{
text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.top_name
{
 
display: inline-block;
font-size: 18px;
padding-left: 2px;
padding-right: 2px;
}
#top_line
{ 
border-bottom: 1px rgba(0,0,0,0.1) solid;
background-color: rgba(0,0,0,0.15);

}
#top_menu
{
margin: auto;
text-align: left;
width: 860px;
padding: 4px;
}
.rollmenu
{
display: none;
position:absolute;
top:  30px;
border: 1px rgba(0,0,0,0.1) solid;
//background-color: rgba(0,0,0,0.05);
background-color: #F2F2F2;
padding: 4px;
max-width: 1000px;   
white-space: nowrap;
left: -6px;
z-index: 10;
}
.rollmenu_item
{
padding: 4px;
}
#title
{
height: 68px;
position:relative;
width: 100%;
text-align:left;
background-color: rgba(0,0,0,0.05);
background: linear-gradient(to bottom, white, rgba(0,0,0,0.1));
}
#font_title
{
position:relative;
top: 12px;
left: calc((100% - 868px) / 2 + 54px); 
font-size: 40px;
color: rgb(40,40,40);
font-family: 'AdobeGaramondProRegular';
}
#title_profile
{
text-align:center;;
position:absolute;
width: 200px;
right: calc((100% - 868px) / 2 + 30px); 
height: 56px;  
top: 5px;
border: 1px rgba(0,0,0,0.6) solid;
border-radius:10px;
font-size: 16px;
background: white;    
}

#title_profile_top
{
height: 19px; 
width: 100%;
background: white;
border-radius: 10px 10px 0px 0px;
padding-bottom: 1px;
}
#title_profile_middle
{  
width: calc(100% - 4px);
font-size: 13px;
padding: 2px;
height: 14px;
background: rgb(220,220,220);
font-style: italic;
}
#title_profile_bottom
{  
height: 18px;
width: 100%;
font-size: 15px;
border-radius:  0px 0px 10px 10px;
}
#title_profile_pict
{
 height: 100%;
 float: left;
 border-radius: 9px 0px 0px 9px;
 border-right: 1px rgba(0,0,0,0.6) solid;   
}

#middle_div
{
margin: auto;
width: 860px;
padding: 4px;
background-color: rgba(255,255,255,1);
min-height: 86%;
border: 1px rgba(0,0,0,0.4) solid;
border-top: 0px;
z-index: 1;
}

#between_line
{ 
margin: auto;
width: 868px;             
display: block;
border: 1px rgba(0,0,0,0.4) solid;
border-top: 0px;
background-color: #F2F2F2;
}
#between_line_menu
{
width: 868px;
margin: auto;

}
.betweenmenu_item_a
{
letter-spacing: 0.5px;
cursor: pointer;
display: inline-block;
text-align:center;
font-size: 16px;   
border-right: 1px black solid;
border-image:
      linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(86,86,86, 0.6), rgba(0, 0, 0, 0)) 1 100%;
}  
.betweenmenu_item
{
padding-bottom: 4px;
padding-top: 4px;  
transition: background-color 0.3s ease ;
}
.betweenmenu_item_a:last-of-type
{
border-right: 0px black solid;
}
.betweenmenu_item_not_active:hover
{
background-color: rgb(222,222,222);
}
.between_active
{
background-color: rgb(139,139,139);
color:white;
}
.top_active
{
font-weight: bold;
}
.nadpis
{
width: 100%; 
font-size:22px; 
text-align:center;
margin-bottom: 12px;
}

#all_div_pozadi
{
line-height: 1.25;
position:relative;
display: block;
width: calc(100% - 30px)  ;
padding: 15px;
//padding-bottom: 100% ;
min-height: 750px;
padding-bottom: 80px;
z-index: 10;

}
#all_div_pozadi::before
{

content: "";
width:100%;
//padding-bottom: 100% ;
height: 850px;     
position:absolute;
top:0px;
left: 0px;
z-index: -1;
background-size: cover;   
  -webkit-filter: grayscale(75%); 
  filter: grayscale(75%);
box-shadow: 0 0 30px 10px white inset;
}
#all_div_pozadi::after
{
content: "";
//background-color: rgba(255,255,255,1);
background: linear-gradient(rgba(255,255,255,96), rgba(255,255,255,0.88));
width:100%;
//padding-bottom: 100% ;
height: 850px;
position:absolute;
top:0px;
left: 0px;
z-index: -1;
background-size: cover;   
}

.edit_bottom
{
display: none;
}

.close_img 
{
cursor: pointer;
}