HTML, BODY, TABLE {width:100%; height:100%;
            margin:0px; padding:0px;
            text-align: center;
            background:#D5D6D6 url(image/back.png);
            background-attachment:fixed;
            border-spacing:0px;}

TABLE {display:table;}
TD {display:table-cell; vertical-align:midlle;}

.menu A:link {color:white; text-decoration:none;}
.menu A:active {color:red;}
.menu A:visited {color:FloralWhite; text-decoration:none;}
.menu A:hover {color:FloralWhite; text-shadow:Blue 0px 1px 15px;}

.cont .menu A:link {color:OldLace;
                    font-size:80%;}
.cont .menu A:visited {color:OldLace;}

.cont .menu {margin-top:25px;}

.cont TABLE {background:#E9E9FB; border-radius:5px; padding:4px;}
.cont:hover {opacity:1; background:OldLace; box-shadow:White 0px 0px 25px, Plum 0px 0px 30px;}
.cont TABLE:hover {opacity:1; background:White; box-shadow:Plum 0px 0px 25px;}
.cont:hover TABLE {box-shadow:Lavender 0px 0px 15px;}


@font-face {font-family:"Tektur Black";
            src: url(Tektur-Black.ttf);}
@font-face {font-family:"Ruda SemiBold";
            src: url(Ruda-SemiBold.ttf);}
            
H1         {font-size:400%;
            color:white;
            text-shadow:grey 0px 1px 15px;
            font-family:"Tektur Black", "Arial Black";
            margin-top:20px;}

H2         {font-size:145%;
            color:Crimson;
            text-shadow:grey 0px 1px 15px;
            text-decoration:underline;
            font-family:"Cambria", "Times New Roman", "Verdana";
            border:1 solid red;
            margin-top:10px;}
            
H3         {font-size:125%;
            color:DarkSlateBlue;
            text-shadow:grey 0px 1px 15px;
            text-decoration:underline;
            font-family:"Cambria", "Times New Roman", "Verdana";
            border:1 solid red;}

#plato     {margin:-5px 0px 0px 0px; padding:0px;}

#header    {width:100%;
            background:#852C2B url(image/prof.png);
            box-shadow:0px 2px 10px;
            padding-top:5px;
            margin:0px;
            padding:4px;
            z-index:100;}

.menu      {width:100%;
            text-shadow:0px 1px 5px black;
            margin-bottom:2px;
            padding-bottom:8px;
            vertical-align: middle;
            font-family:"Tektur Black", "Impact";
            text-align:center;
            color:white;
            font-size:250%;
            font-style:normal;}
            
#notice     {width:90%; min-height:5%;
            display:inline-block;
            padding:20px 25px 25px 25px;
            margin:0px;
            outline: 1px solid Thistle;
            box-shadow:0px 0px 15px;
            border: 2px #C0E4F7;
            background:Beige;
            opacity:0.7;
            text-align:center;
            color:black;
            font-style:italic;
            font-size:110%;
            line-height:150%;
            font-family:"Ruda SemiBold","Calibri","Times New Roman","Verdana","sans-serf";
            text-shadow:DarkGray 0px 1px 2px;}

.cont      {width:90%; min-height:90%;
            display:inline-block;
            padding:35px 25px 30px 25px;
            margin:0px;
            outline: 1px solid Thistle;
            box-shadow:0px 0px 15px;
            border: 2px #C0E4F7;
            background:Lavender;
            opacity:0.6;
            text-align:center;
            color:black;
            font-style:italic;
            font-size:180%;
            line-height:150%;
            font-family:"Ruda SemiBold", "Droid Sans","Calibri","Times New Roman","Verdana","sans-serf";
            text-shadow:DarkGray 0px 1px 2px;}
            
@media all and (max-width: 550px){
    #notice {font-size:120%;}
    .cont {font-size:120%;}
    #copy {font-size:100%;}
    H1    {font-size:300%;}}

.tel       {margin-top:-3px; margin-right:4px;
            font-size:90%;}

#bord      {width:100%;
            vertical-align: middle;
            background:#999996 url(image/br.png);
            padding-top:5px;
            padding-bottom:5px;
            margin:0px;
            padding:4px;
            position:relative;
            z-index:15;} 

#footer    {width:100%;
            vertical-align: middle;
            background:#575756 url(image/ff.png);
            position:relative;
            z-index:10;
            margin:0px;
            padding-right:8px;}

#copy      {font-size:170%;
            color:LightGray;
            text-align:center;
            font-family:"Cambria","Times New Roman","Verdana","sans-serf";
            font-style:italic;
            text-shadow:Black 0px 1px 2px;
            padding-top:10px; padding-bottom:5px; margin:0px;}