html,body,div,h1,h2,h3,h4,p,ul,li,a,picture,span
{margin:0;padding:0;top:0;right:0;bottom:0;left:0;}
html,body
{background-color:#b0b0b0;}
header,section,footer,aside,nav,main,article,figure
{display:block;}
@font-face
{font-family:"MartiniJF";src:url("/views/styles/fonts/MartiniJF.ttf");}
@font-face
{font-family:"MartiniJF Bold";src:url("fonts/MartiniJF.ttf");}
@font-face
{font-family:"MathJax Caligraphic";src:url("fonts/MathJax_Caligraphic-Regular.otf");}
@font-face
{font-family:"MathJax Caligraphic Bold";src:url("fonts/MathJax_Caligraphic-Bold.otf");}

.Hidden
{display:none;}
.Important
{font-weight:bold;color:#555;}

/*   TOP   */
#Top
{position:absolute;width:100%;height:12.5vw;text-align:center;background:rgba(29,31,31,0.3);border-bottom:1px solid rgba(0,0,0,0.5);z-index:80000;}
#Banner
{position:relative;margin:0 auto;width:100%;min-height:6vw;z-index:50000;}
#GalleryName
{position:relative;margin:1.3vw 0 0 0;min-width:100%;max-width:100vw;height:2.5vw;text-align:center;font-family:"MartiniJF";font-size:3vw;}
#GalleryName a,#GalleryName a:hover
{text-decoration:none;font-family:"MartiniJF";font-size:3vw;color:rgba(46,48,146,100);}

/*  SOCIAL NETWORK MENU  */
#SocialNetwork
{position:absolute;margin-left:10vw;top:0;width:100px;height:18px;z-index:100000;}
#SocialNetwork a
{position:absolute;width:18px;height:18px;}
#SocialNetwork a#SocialNet001
{background:transparent url('../design/matrices/matrix-icons.png') no-repeat 0 0;}
#SocialNetwork a#SocialNet002
{margin-left:25px;background:transparent url('../design/matrices/matrix-icons.png') no-repeat -18px 0;}
#SocialNetwork a#SocialNet003
{margin-left:50px;background:transparent url('../design/matrices/matrix-icons.png') no-repeat -36px 0;}
#SocialNetwork a#SocialNet004
{margin-left:75px;background:transparent url('../design/matrices/matrix-icons.png') no-repeat -18px -18px;}
#SocialNetwork a#SocialNet005
{margin-left:100px;background:transparent url('../design/matrices/matrix-icons.png') no-repeat 0 -18px;}
#SocialNetwork a span
{display:none;}

/*  DIRECT ACCESS MENU  */
#DirectAccess
{position:absolute;margin-right:10vw;top:-0.5vw;right:0;width:40vw;height:0.8vw;z-index:100000;}
#DirectAccess a
{margin:0 0 0 0.8vw;font-size:0.8vw;text-decoration:none;color:#000;}
#DirectAccess a:hover
{text-decoration:underline;}

/*  MAIN MENU    */
.TopNav
{overflow:hidden;}
.TopNav a
{display:block;padding:2px 1.5vw;text-align:center;text-decoration:none;font-family:"MathJax Caligraphic";font-weight:bold;font-size:1.5vw;color:rgba(73,73,73,100);}
.TopNav a.icon:hover
{color:rgba(46,48,146,0.75);background-color:#ddd;}
.TopNav a.icon
{display:none;height:auto;font-size:3vw;padding:2px 3.5vw;}

/*   BACKGROUNDS   */
#BgExternalEdges
{position:relative;margin:-7vw auto;padding:0;top:0;max-width:95.625vw;height:100%;background:rgba(255,255,255,0.5);}
#BgCloseEdges
{position:relative;margin:0 auto;max-width:83.90625vw;height:100%;background:rgba(255,255,255,0.5);}
#BgCenter
{position:relative;margin:0 auto;padding:17vw 0 0 0;max-width:80vw;height:100%;background:rgba(255,255,255,0.5);border-left:0.1vw solid rgba(255,255,255,0.2);border-right:0.1vw solid rgba(0,0,0,0.3);}
#CenterContent
{margin:0;padding:0;}

/*  BREADCRUMB */
h1
{position:absolute;margin-top:17vw;padding:0vw 0.9375vw;min-width:7vw;max-width:11vw;height:3vw;background-color:rgba(123,123,123,0.5);border-top:1px solid rgba(255,255,255,0.3);z-index:10001;}
h1,h1 a,h1 a:hover
{text-decoration:none;font-family:"MathJax Caligraphic";font-size:1.8vw;color:rgba(73,73,73,100);}
#Breadcrumb
{position:relative;width:auto;height:7.03125vw;}
#Breadcrumb h2
{position:absolute;margin:19.5vw 1.5vw 4vw 1.5vw;padding:0.7vw 1.8vw 0vw 1.8vw;min-width:7vw;max-width:12vw;height:2.2vw;font-family:"MathJax Caligraphic";font-size:1.5vw;color:rgba(123,123,123,100);background-color:rgba(123,123,123,0.3);border-top:1px solid rgba(255,255,255,0.3);z-index:10001;}

/*  LEFT PANELS */
#LeftPanels
{display:block;position:absolute;margin:17.2vw auto;padding:0;min-width:7vw;max-width:17vw;width:auto;height:auto;z-index:50000;}

/*  ARTICLE    */
article
{padding:0 2.5vw;}
section h3
{margin:3vw 0 1.5vw 0;}
section p
{margin:2vw 0;}

/*  BOTTOM      */
footer
{margin-top:7vw;text-align:center;}
footer hr#UpperSeparator
{margin:2vw auto 0 auto;padding:0;width:55vw;height:0;color:#a2a2a2;border-top:0.1vw solid #a2a2a2;}
footer hr#LowerSeparator
{margin:0.5vw auto;padding:0;width:50vw;height:0;color:#7b7b7b;border-top:0.1vw solid #7b7b7b;}
footer nav ul
{position:relative;margin:0 auto;padding:0;}
footer nav ul li
{display:inline;position:relative;margin:0 0.5vw;padding:0;text-align:center;color:rgba(255,255,255,0.5);list-style:none;}
footer nav ul li
{padding:0 0.5vw 0 0;}
footer nav ul li a
{text-decoration:none;font-family:"MartiniJF";font-weight:bold;color:#7b7b7b;}
footer p
{margin:4vw auto 0 auto;padding-top:1vw;font-family:"MartiniJF";font-weight:normal;color:#7b7b7b;}

@media screen and (max-width:320px)
{
    #SocialNetwork
    {margin-left:9vw;top:0;width:50px;height:8px;}
    #SocialNetwork a
    {width:8px;height:8px;}
    #SocialNetwork a#SocialNet001
    {background:transparent url('../design/matrices/tpm/matrix-icons.png') no-repeat 0 0;}
    #SocialNetwork a#SocialNet002
    {margin-left:11px;background:transparent url('../design/matrices/tpm/matrix-icons.png') no-repeat -8px 0;}
    #SocialNetwork a#SocialNet003
    {margin-left:22px;background:transparent url('../design/matrices/tpm/matrix-icons.png') no-repeat -16px 0;}
    #SocialNetwork a#SocialNet004
    {margin-left:33px;background:transparent url('../design/matrices/tpm/matrix-icons.png') no-repeat -8px -8px;}
    #SocialNetwork a#SocialNet005
    {margin-left:44px;background:transparent url('../design/matrices/tpm/matrix-icons.png') no-repeat 0 -8px;}
    
    #GalleryName a,#GalleryName a:hover
    {font-size:3.5vw;}
    
    /*  ARTICLE    */
    article
    {padding:0 2.5vw;}
    article h2
    {font-size:5vw;}
    section h3
    {margin:3vw 0 1.5vw 0;font-size:4.5vw;}
    section p
    {margin:2vw 0;font-size:4vw;}
}
@media screen and (min-width:320px) and (max-width:400px)
{
    #SocialNetwork
    {margin-left:9vw;top:0;width:75px;height:14px;}
    #SocialNetwork a
    {width:14px;height:14px;}
    #SocialNetwork a#SocialNet001
    {background:transparent url('../design/matrices/pm/matrix-icons.png') no-repeat 0 0;}
    #SocialNetwork a#SocialNet002
    {margin-left:19px;background:transparent url('../design/matrices/pm/matrix-icons.png') no-repeat -14px 0;}
    #SocialNetwork a#SocialNet003
    {margin:20px 0 0 0;background:transparent url('../design/matrices/pm/matrix-icons.png') no-repeat -28px 0;}
    #SocialNetwork a#SocialNet004
    {margin:20px 0 0 19px;background:transparent url('../design/matrices/pm/matrix-icons.png') no-repeat -14px -14px;}
    #SocialNetwork a#SocialNet005
    {margin-left:38px;background:transparent url('../design/matrices/pm/matrix-icons.png') no-repeat 0 -14px;}
    
    #GalleryName a,#GalleryName a:hover
    {font-size:4vw;}
    
    /*  ARTICLE    */
    article
    {padding:0 2.5vw;}
    article h2
    {font-size:5vw;}
    section h3
    {margin:3vw 0 1.5vw 0;font-size:4.5vw;}
    section p
    {margin:2vw 0;font-size:4vw;}
}
@media screen and (min-width:400px) and (max-width:600px)
{
    #SocialNetwork
    {margin-left:9vw;top:0;width:75px;height:54px;}
    #SocialNetwork a
    {width:18px;height:18px;}
    #SocialNetwork a#SocialNet001
    {background:transparent url('../design/matrices/matrix-icons.png') no-repeat 0 0;}
    #SocialNetwork a#SocialNet002
    {margin-left:22px;background:transparent url('../design/matrices/matrix-icons.png') no-repeat -18px 0;}
    #SocialNetwork a#SocialNet003
    {margin:22px 0 0 0;background:transparent url('../design/matrices/matrix-icons.png') no-repeat -36px 0;}
    #SocialNetwork a#SocialNet004
    {margin:22px 0 0 22px;background:transparent url('../design/matrices/matrix-icons.png') no-repeat -18px -18px;}
    #SocialNetwork a#SocialNet005
    {margin-left:44px;background:transparent url('../design/matrices/matrix-icons.png') no-repeat 0 -18px;}
    
    #GalleryName a,#GalleryName a:hover
    {font-size:4.5vw;}
    
    /*  ARTICLE    */
    article
    {padding:0 2.5vw;}
    article h2
    {font-size:5vw;}
    section h3
    {margin:3vw 0 1.5vw 0;font-size:4vw;}
    section p
    {margin:2vw 0;font-size:3.5vw;}
}
@media screen and (max-width:600px)
{
    #DirectAccess
    {display:none;}
    
    #GalleryName
    {font-size:3.8vw;}
    .TopNav a:not(:first-child)
    {display:none;}
    .TopNav a.icon
    {display:block;float:right;}
    .TopNav a.Active
    {display:block;font-size:3vw;}
    
    .TopNav.responsive
    {position:relative;}
    .TopNav.responsive .icon
    {position:relative;height:auto;top:0;right:0;}
    .TopNav.responsive a
    {display:block;float:none;margin:0;text-align:center;font-size:3vw;color:#ddd;background:rgba(29,31,31,0.7);}
    .TopNav.responsive a:hover
    {color:rgba(46,48,146,0.75);background-color:#ddd;}
    
    h1,h1 a,h1 a:hover
    {margin-left:0;padding-left:0;left:0;max-width:600px;width:100%;text-align:center;font-size:2.6vw;}
    #Breadcrumb,#Description
    {max-width:600px;width:100%;text-align:center;}
    #Breadcrumb h2
    {margin-left:0;padding-left:0;left:0;max-width:600px;width:100%;font-size:2.4vw;text-align:center;}
    #LeftPanels
    {position:absolute;margin:15vw auto;padding:0;max-width:600px;width:100%;text-align:center;}
    
    #CenterContent
    {margin-top:5vw;}
    
    footer hr#UpperSeparator
    {width:70vw;}
    footer hr#LowerSeparator
    {width:65vw;}
    footer nav ul li,footer nav ul li a,footer p
    {font-size:2.4vw;}
}
@media screen and (min-width:601px) and (max-width:800px)
{
    #DirectAccess
    {display:none;}
    
    .TopNav
    {display:block;position:relative;}
    .TopNav a
    {display:inline;float:none;font-size:2vw;}
    
    h1
    {width:15vw;}
    h1,h1 a,h1 a:hover
    {font-size:2.2vw;}
    #Breadcrumb h2
    {font-size:2vw;}
    
    #LeftPanels
    {display:block;}
    
    /*  ARTICLE    */
    article
    {padding:0 7vw;}
    article h2
    {font-size:4vw;}
    section h3
    {margin:3vw 0 1.5vw 0;font-size:3vw;}
    section p
    {margin:2vw 0;font-size:2.5vw;}
    
    footer nav ul li,footer nav ul li a,footer p
    {font-size:1.8vw;}
}
@media screen and (min-width:800px)
{
    #SocialNetwork
    {width:130px;height:25px;z-index:100000;}
    #SocialNetwork a
    {width:25px;height:25px;}
    #SocialNetwork a#SocialNet001
    {background:transparent url('../design/matrices/gm/matrix-icons.png') no-repeat 0 0;}
    #SocialNetwork a#SocialNet002
    {margin-left:30px;background:transparent url('../design/matrices/gm/matrix-icons.png') no-repeat -25px 0;}
    #SocialNetwork a#SocialNet003
    {margin-left:60px;background:transparent url('../design/matrices/gm/matrix-icons.png') no-repeat -50px 0;}
    #SocialNetwork a#SocialNet004
    {margin-left:90px;background:transparent url('../design/matrices/gm/matrix-icons.png') no-repeat -25px -25px;}
    #SocialNetwork a#SocialNet005
    {margin-left:120px;background:transparent url('../design/matrices/gm/matrix-icons.png') no-repeat 0 -25px;}
    
    #DirectAccess
    {margin-right:11vw;top:0;right:0;width:55vw;height:1.2vw;z-index:100000;}
    #DirectAccess a
    {margin:0 0 0 1.2vw;font-size:1.2vw;text-decoration:none;color:#000;}
    
    #GalleryName
    {margin-top:3.5vw;}
    
    .TopNav
    {display:block;position:relative;}
    .TopNav a
    {display:inline;float:none;}
    
    h1,h1 a,h1 a:hover
    {height:3vw;font-size:1.5vw;}
    #Breadcrumb h2
    {font-size:1.3vw;}
    
    /*  ARTICLE    */
    article
    {padding:0 10vw;}
    
    footer nav ul li,footer nav ul li a,footer p
    {font-size:1.4vw;}
}
@media screen and (min-width:1310px)
{
    #SocialNetwork
    {width:350px;height:128px;z-index:100000;}
    #SocialNetwork a
    {width:50px;height:50px;}
    #SocialNetwork a#SocialNet001
    {background:transparent url('../design/matrices/tgm/matrix-icons.png') no-repeat 0 0;}
    #SocialNetwork a#SocialNet002
    {margin-left:65px;background:transparent url('../design/matrices/tgm/matrix-icons.png') no-repeat -50px 0;}
    #SocialNetwork a#SocialNet003
    {margin-left:130px;background:transparent url('../design/matrices/tgm/matrix-icons.png') no-repeat -100px 0;}
    #SocialNetwork a#SocialNet004
    {margin-left:195px;background:transparent url('../design/matrices/tgm/matrix-icons.png') no-repeat -50px -50px;}
    #SocialNetwork a#SocialNet005
    {margin-left:260px;background:transparent url('../design/matrices/tgm/matrix-icons.png') no-repeat 0 -50px;}
    
    #DirectAccess
    {top:0;}
    
    /*  ARTICLE    */
    article
    {padding:0 2.5vw;}
    article h2
    {font-size:4vw;}
    section h3
    {margin:3vw 0 1.5vw 0;font-size:3vw;}
    section p
    {margin:2vw 0;font-size:2vw;}
}
@media screen and (min-width:1800px)
{
    #SocialNetwork
    {width:225px;height:128px;z-index:100000;}
    #SocialNetwork a
    {width:75px;height:75px;}
    #SocialNetwork a#SocialNet001
    {background:transparent url('../design/matrices/ttgm/matrix-icons.png') no-repeat 0 0;}
    #SocialNetwork a#SocialNet002
    {margin-left:100px;background:transparent url('../design/matrices/ttgm/matrix-icons.png') no-repeat -75px 0;}
    #SocialNetwork a#SocialNet003
    {margin-left:200px;background:transparent url('../design/matrices/ttgm/matrix-icons.png') no-repeat -150px 0;}
    #SocialNetwork a#SocialNet004
    {margin-left:300px;background:transparent url('../design/matrices/ttgm/matrix-icons.png') no-repeat -75px -75px;}
    #SocialNetwork a#SocialNet005
    {margin-left:400px;background:transparent url('../design/matrices/ttgm/matrix-icons.png') no-repeat 0 -75px;}
}