/* WP PAGE */
.site-content
{
    padding: 0px !important;
    margin: 0px !important;
    max-width: 100% !important;

}

.svgfile_detail
{
    padding-left: 100px;
    padding-right: 100px;
}


#svgarea
{
    width: 100% !important;
    display: block !important;
}


/* SVG 1st LAYER */
.svgfile_main
{
    width: 100% !important;
}

.svgfile_main svg#svg1585 path
{
    cursor: pointer;    
}

.svgfile_main svg#svg1585
{
    /* margin-top: 100px; */
}



.svgfile_main svg#svg1585 path:hover
{
    /* fill:#FF2DFF !important; */
    fill-opacity: 0.5 !important;
    stroke-width: 1 !important;
}


.svgfile_main svg#svg1585 path #g01
{
    /* display: none; */
}


/* SVG 2nd LAYER */
.svgfile_detail svg#svg8 path
{
    cursor: pointer;    
}

.svgfile_detail svg#svg8
{
    /* margin-top: 100px; */
}



.svgfile_detail svg#svg8 path:hover
{
    /* fill:#FF2DFF !important; */
    fill-opacity: 0.7 !important;
    stroke-width: 1 !important;
}


.svgfile_detail svg#svg8 path #g01
{
    /* display: none; */
}

.svgfile_detail .flatdetail
{
    display: none;
    float: right;
    overflow: hidden;
    
}


/* SEQ 1 */
#rect896,
#rect898,
#rect900
{
    cursor: pointer;
}

#rect896:hover,
#rect898:hover,
#rect900:hover
{
    fill-opacity: 0.7 !important;
    stroke-width: 1 !important;
}



/* SEQ 2 */
/*
#rect816,
#rect818,
#rect820,
#rect822,
#rect824,
#rect826,
#rect828,
#rect830,
#rect832,
#rect834,
#rect836,
#rect838
{
    cursor: pointer;
}

#rect816:hover,
#rect818:hover,
#rect820:hover,
#rect822:hover,
#rect824:hover,
#rect826:hover,
#rect828:hover,
#rect830:hover,
#rect832:hover,
#rect834:hover,
#rect836:hover,
#rect838:hover
{
    fill-opacity: 0.7 !important;
    stroke-width: 1 !important;
}
*/

/* SEQ 2 - layer 2 */
#layer2 #rect858,
#layer2 #rect860,
#layer2 #rect862
{
    cursor: pointer;
}

#layer2 #rect858:hover,
#layer2 #rect860:hover,
#layer2 #rect862:hover
{
    fill-opacity: 0 !important;
    stroke-width: 1 !important;
}




/* SEQ 3 - 1 */

#path816,
#path818,
#path820,
#path822,
#path828,
#path830,
#path832,
#path834
{
    cursor: pointer;
/*    
    fill-opacity: 0 !important;
    stroke-width: 0 !important;
    */ 
}

/*
#path816:hover,
#path818:hover,
#path820:hover,
#path822:hover,
#path828:hover,
#path830:hover,
#path832:hover,
#path834:hover
{
    fill-opacity: 0.7 !important;
    stroke-width: 1 !important;
}
*/


/* SEQ 3 - 2 */
#path816,
#path820,
#path824,
#path830,
#path832,
#path842
{
    cursor: pointer;
  /*  
    fill-opacity: 0 !important;
    stroke-width: 0 !important;
    */
}

/*

#path816:hover,
#path820:hover,
#path824:hover,
#path830:hover,
#path832:hover,
#path842:hover
{
    fill-opacity: 0.7 !important;
    stroke-width: 1 !important;
}


*/



/* SEQ 3 - 3 */
#path816,
#path820,
#path824,
#path830,
#path832,
#path842
{
    cursor: pointer;
/*
    fill-opacity: 0 !important;
    stroke-width: 0 !important;
    */
}

/*
#path816:hover,
#path820:hover,
#path824:hover,
#path830:hover,
#path832:hover,
#path842:hover
{
    fill-opacity: 0.7 !important;
    stroke-width: 1 !important;
}
*/

#seq01g_stock,
#seq02g_stock,
#seq03g_stock
{
    cursor: pointer;
}


button.button_again
{
   width: 120px;
   margin-right: 20px;
   border: 1px solid #4D4D4D;
   border-radius: 3px 3px 3px 3px;
   background-color: #E5E5E5;
   color: #4D4D4D;
}


button.button_back
{
   width: 120px;
   border: 1px solid #4D4D4D;
   border-radius: 3px 3px 3px 3px;
   background-color: #E5E5E5;
   color: #4D4D4D;
}


button.button_again:hover,
button.button_back:hover
{
   background-color: #BFBFBF;
}


.InfoArea
{
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 15px;
    
}

.InfoAreaPartSeq
{
    width: 33%;
    display: block;
    overflow: hidden;
    float: left;

}


#svgarea
{
    margin-top: 50px;
}


span.volny
{
  color: #00C800;
  font-weight: bold;
}

span.obsazeny
{
  color: #FFD78C;
  font-weight: bold;
}

span.prodano
{
  color: #FF8D8D;
  font-weight: bold;
}

span.blokace	
{
  color: #1E90FF;
  font-weight: bold;
}