/* table {border-collapse:collapse;border-spacing:0;}*/
html,body { height: 100%; margin: 0;}
img {border: 0;}
@font-face {font-family: flood; src: url("fonts/FloodStd.otf");}
@font-face {font-family: muj; src: url("fonts/brankovic.ttf");}
@font-face {font-family: mujie; src: url("fonts/brankovic.eot");}


a {text-decoration:none;}
a:link {color: #FFFFFF;}
a:visited {color: #EEEEEE;}
a:hover {color: #fc021e;} 

body
{
    
    background:#000000; 
    color: #FFFFFF;
    height: 100%;
    text-align: center;
    margin: auto;
    width:1186px; 
    display: table;
}
 

#center
{
 
  display: table-cell;
  vertical-align: middle;
  text-align:center;  
  height: 100%;
}

#border
{
    max-height:642px;
    border:2px solid #FFFFFF; 
    height:calc(100% - 40px); 
    position: relative;
}



#menu 
{
    position: absolute;
    top:0px;
    left:0px;
    bottom: 0px;
    border-right: 2px solid #FFF;
    margin:0px; 
    padding: 10px;
    text-align:left; 
     
    font-size:12px; 
    width:180px; 
    
} 
#menu a {display: block; font-size:30px;margin: 0; margin-top:-10px; padding:0px; font-family:muj,mujie; }
#menu #menu2 {font-size:15px; margin: 0;}
#menu p { width:178px; position:absolute; text-align:center; bottom:0px; margin:0;} /*zmenšená položka menu*/
#logo{ margin: 10px 0px 40px 10px !important; background: url("img/logo.jpg") 0 0 no-repeat; height:205px; width:167px}
#logo:hover {background-position: -167px 0;}

#data 
{ 
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    width:820px;  
    height:calc(100% - 20px); 
    margin:0px; 
    overflow:auto; 
    padding:10px 80px 10px 80px; 
    background: url("img/pozadi1.jpg") ; 
    	background-repeat: no-repeat;
         background-position: center;
    
} 

h1 {font-size:45px; text-align:center; font-family:muj,mujie,flood, Verdana; line-height:1; padding: 0px 0px 0px 0px; margin: 25px 0 10px 0;} /*hlavní nadpis,název stránky*/
h4 {font-family:muj,mujie,flood, Verdana; padding: 0px 0px 0px 0px;} /*odkaz na članek*/
h5 {font-size:25px; font-family:muj,mujie,flood, Verdana; margin: 0; padding: 0} /*odkaz na članek*/
#contakts{width: 100%;}

.vizitka,.vizitka td,.vizitka th 
{
    border: solid 0px;
}
.vizitka 
{ 
    height: 135px; 
    border:solid 2px #222; 
    width: 290px; 
    margin: 0px 0px 20px 80px; 
    padding:5px 5px 5px 10px; 
    text-align:left; 
    background-image: url("img/alfa50.png");
    background-color: rgba(0,0,0,0.5);   
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px;
    -ms-border-radius: 12px; 
    -o-border-radius: 12px; 
    border-radius: 12px;
}
#celi {border: solid 0px;}
.bunka {position: relative; top: 0; }
.copyright {font-family:arial;font-size:12px;}
/******************************************************************************/

/*GALERIE**********************************************************************/

#gallerystranky 
{
    border:solid 1px #222; 
    width:816px;  
    background-image: url("img/alfa40.png"); 
    background-color: rgba(0,0,0,0.4);  
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    -ms-border-radius: 6px; 
    -o-border-radius: 6px; 
    border-radius: 6px;
    margin-left:auto;
    margin-right:auto;
}
#gallery_wrapper
{
    height:calc(100% - 65px);
}
.foto_border
{
  background-color: #000;
  border:1px solid #070707;
  display:inline-block;
  margin:2px 2px 0px 2px;
  text-align: center;
  height: 140px;
  width:187px;
}

.foto_helper
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

 .foto_border img
{
  vertical-align:middle;
  max-height: 140px;
  max-width:187px;
}

.foto_box
{
    display: inline-block;
    margin: 3px; 
    width:195px; 
    border:solid 2px #222; 
    background-image: url("img/alfa40.png");
    background-color: rgba(0,0,0,0.4);   
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    -ms-border-radius: 6px; 
    -o-border-radius: 6px; 
    border-radius: 6px;
}
.foto_box h3
{
    font-size:10pt;
    margin: 3px; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden;
    /*font-family:muj,mujie,flood, Verdana;*/
}
/**GALERY MENU*/
.gallery_menu
{

    position: relative;
    display: inline-block;
    height: 200px;
    width: 350px;
}

.gallery_helper
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.gallery_menu h5
{
    text-align: center;
    position: absolute;
    bottom:0px;
    width: 100%;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8);
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden;
}

.gallery
{
  vertical-align:middle;
  max-height: 140px;
  max-width:187px;
}

.gallery_ico_backgraund
{
  position: absolute;
  top: 20px;
  left:50%;
  background-color: #000;
  border:2px solid #FFF;
  display:inline-block;
  margin:0px 2px 8px -96px;
  text-align: center;
  height: 140px;
  width:187px;
}

.gallery_rot_2
{
    -moz-transform: rotate(8deg); /* IE 9 */
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
    transform: rotate(8deg);
}

.gallery_rot_1
{
    -moz-transform: rotate(3deg); /* IE 9 */
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}
.gallery_rot_0
{
    
    -moz-transform: rotate(-2deg); /* IE 9 */
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}

.autors 
{ 
    position: absolute;
    bottom: 3px;
    margin: 20px 0 2px 0; 
    font-family:muj,mujie;
    text-align:center; 
}
/******************************************************************************/
.video 
{
    display: inline-block;
    margin: 10px 10px 10px 10px; 
    width: 250px; 
    border:solid 2px #222; 
    background-image: url("img/alfa40.png");
    background-color: rgba(0,0,0,0.4);   
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    -ms-border-radius: 6px; 
    -o-border-radius: 6px; 
    border-radius: 6px;
}
.video img 
{
    padding: 4px 4px 4px 4px; 
    width: 240px;
}
.video h4 
{
    margin: 0px 0px 5px 0px;
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden;
}



@media handheld,(max-height: 520px),(max-width:420px),mobile
{
    body 
    {
        width:100%;
    }
    #border
    {
        border-width: 0px;
        position: static;
    }
    
    #menu 
    {
        border-width: 0px;
        position: static;
        margin:10px; 
        padding: 10px;
        text-align:center;  
        width:100%; 
    } 
    #data 
    { 
        position: static;
        width:auto;  
        height: auto; 
        margin:0px; 
        overflow:visible; 
        padding:10px 20px 10px 20px; 
        background-image: none;
        
    } 
    #menu p {display: none}

}
@media print
{
    body 
    {
        color:#000;
        background:#FFF;
    } 
body,html,#center,#border
{
    width:auto;
        height:auto;
        margin:0px;
        padding:0px;
        border:none;
}
    #menu 
    {
        display:none;
    }
    #data 
    {
        overflow:auto; 
        height:auto;
        background:none;
        position: initial;
    }

    
}