* {box-sizing:border-box; transition:all 0.3s ease-in-out; }
.x { clear:both; } 
body{ margin:0; font-family:'Raleway',sans-serif; line-height:150%; font-size:12pt; background:#fff; color:#222; }



p a { color:#d40f10;}
p a:hover { text-decoration:none; }
a.button { background:#d40f10; color:#fff; padding:9px 12px; border-radius:5px; font-weight:bold; text-transform:uppercase; box-shadow:1px 1px 2px rgba(0,0,0,0.4);}
a.button:hover { color:#fff; }
h1,h2,h3{ line-height:150%;}


.outline { position:relative; margin:0; display:block; padding:0; }
.inline { position:relative; margin:0 auto; width:98%; max-width:1140px; }

#top-outline { position:fixed; top:0; z-index:200; display:block; width:100%; height:110px; box-shadow:1px 1px 5px rgba(0,0,0,0.5); margin:0; border-top:2px solid #000; 
background: #fff;  } 
#logo{width:400px; max-width:100%; height:108px;float:left;}
#logo a { width:100%; max-width:100%; margin-right:20px; height:100%; 
  text-align:center; background:url(../gfx/logo.gif) 0 center no-repeat; background-size:auto 80%; display:block; }

#topright { width:calc(100% - 410px);height:100%; float:right; display:inline-block; margin: 0; }

#t1 {height:40px;margin-bottom:14px; display:block; width:100%; text-align:right;}
#t2 { text-align:right;}

#t1 ul, #t1 li { margin:0; padding:0; display:block;}
#t1 li { display:inline-block; border-left:1px solid #ccc; height:40px; line-height:40px; overflow:hidden;}
#t1 li a {padding:0 20px; display:block; color:#d40f10; text-decoration:none;}
#t1 li a:hover {background:#d40f10;color:#fff;}
#t1 ul { border-right:1px solid #ccc; height:40px;}
.md-24 { vertical-align:middle;}

/* ------------------------ NAVIGATION ------------------------ */
#nav a {text-decoration:none;}
#nav{  position: relative; z-index: 999 !important;   }
#nav > a { display:none; }
#nav li { position:relative; }
#nav li a { color:#111; display:block;   }


#nav li a:active {  }
#nav span:after{width:0; height:0; border:0; content:''; vertical-align:middle; display:inline-block; position:relative; }

#nav > ul { padding:0; margin:0; }
#nav > ul > li{ display:inline-block; height:54px; }
#nav > ul > li > a{ display:block; position:relative; margin:0; color:#222; font:normal 100% 'Raleway',sans-serif; height:100%; padding:0 12px; line-height:60px; text-transform:uppercase; text-align:center; text-decoration:none;  }
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a { margin:0; height:100%; padding:0 12px; line-height:60px; background:#d40f10; color:#fff;  }

#nav li ul {  position:absolute; border:1px solid #961816; background-color:#d40f10; border-top:0px; color:#fff; width:280px;
  display:none; margin:0 0 0 -1px; padding:0; top:100%; list-style-type:none; }

#nav li:hover ul{display:block;left:0;right:0;}
#nav li:not(:first-child):hover ul{ }
#nav li ul li {  margin:0; padding:0; text-align:left; z-index:100;}
#nav li ul a{ display:block; padding: 5px 10px; border-bottom:1px solid #961816; color:#fff; text-decoration:none; }
#nav li ul a:last-child { border-bottom:1px solid #961816; }

#nav li ul li a:hover,
#nav li ul:not(:hover) li.active a{color:#fff; background-color:#961816; }
  
#top-outline.sticky { position:fixed; margin: 0; top:0; width:100%; height:56px; z-index: 2000 !important; transition:all 0.25s ease-in-out 0.2s; }
#top-outline.sticky #t1 { display:none;}
#top-outline.sticky #logo { height:54px; width:200px; }
#top-outline.sticky #logo a { background-size: auto 86%;}
#top-outline.sticky #topright { width:calc(100% - 200px);}
#top-outline.sticky #nav > ul > li:hover > a,
#top-outline.sticky #nav > ul:not(:hover) > li.active > a { border-radius: 0; background:#d40f10; color:#fff;  } 

 

#title-outline { position:relative; background:url(../files/backgrounds/title_bg1.jpg) center center no-repeat; background-size:cover; height:450px; width:100%; display:block; border-bottom:6px solid #dbb471; }
#title-inline { position:relative; display:block; height:100%; }
#title-inline > div { position:absolute; left:0; bottom:0;}
#title-inline h1 {font-weight:normal; font-family:'Merienda'; margin:0; font-size:24pt; padding:20px 0; display:block; color:#fff; line-height:170%; text-shadow:1px 1px 10px rgba(0,0,0,0.8); }
#title-inline h1 b { font-weight:normal; font-size: 30pt; }

#main-outline {}


#content p { text-align:justify; hyphens:auto;}
#content table {border:0;}
#content td { padding:15px; border:0; display:inline-block; width:25%; overflow-x:hidden; vertical-align:top;}
#content td p { margin:0; padding:0; }
#content td a { display:block; border-radius:3px; padding:2px; margin:1px; text-align:center; text-decoration:none; background:#dbb271; color:#d40f10; text-shadow: 0 0 5px rgba(255,255,255,1);}
#content td a:hover { padding:8px; margin:-5px; border-radius:0; }
#content td a:hover img { border-radius:50%;}
#content img { max-width:100%; height:auto;}

#main-outline h1, #main-outline h2, #main-outline h3, #main-outline h4,#main-outline h5,#main-outline h6 { 
 font-weight:normal; font-family:'Michroma'; margin:0 0 20px 0; font-size:20pt; padding:20px 0 3px 0; color:#d40f10; }




#demo2,demo2 li { padding:0; margin:0;list-style-image:none;list-style-type:none;}
#ulGal { display:block; margin:0; padding:0 20px; list-style-image:none;}
#ulGal li { display:block;list-style-image:none; }
#ulGal li a { display:block; height:240px; }
#ulGal li > div   { display:block; padding:1rem; border:1px solid #eee; margin:1rem; background:#fff; }
.featherlight .legend {
    position: absolute;
    bottom: 0;
    font-size: larger;
    color: white;
}



#aside { width:320px; display:inline-block; float:right; padding-left:20px; padding-top:30px; display:none;  }
#aside > div { box-shadow:0 0 5px rgba(0,0,0,0.5); background:#fff; border-radius:8px; overflow:hidden; line-height:120%; margin-bottom:30px; }
#aside > div h3 { margin:0; padding:0; text-transform:uppercase; background:#c61612; color:#fff; padding:6px; text-align:center; }
#content {  width:100%; display:block; padding:20px 0;   }



#osmmap { width:100%; height:280px; display:block; }

#bottom-outline { background:#d40f10; color:#fff;text-align:center; padding:10px 0; line-height:170%; }
#bottom2-outline { background:#dbb271; color:#896937; font-size:10pt; line-height:133%; padding:15px 0;  }
#bottom-outline a { color:#fff; text-decoration:none; padding:5px 15px; }
#bottom-outline p  { margin:0; padding:0;}
#bottom2-outline hr { border:none; border-bottom:1px solid #896937; background:none; height:1px; margin:10px 0; padding:0 0 1px 0;  }

#bottom2-inline table{border:none;padding:0;margin:0;width:100%;}
#bottom2-inline td{border:none;vertical-align:top;padding:10px 20px;display:inline-block;width:25%;max-width:300px;}
#bottom2-inline a{color:#674e27;}
#bottom2-inline a:hover{color:#122448;} 
#bottom2-inline td img{max-width:100%;height:auto;vertical-align:middle;}
#bottom2-inline ul{list-style-type:none;margin:0;padding:0;}
#bottom2-inline td p {margin:0; padding:0 0 5px 0;}

.fweb_bottom { width:100%; position:relative; background:#181818; border-top:1px solid #222; display:block; line-height:150%; }
.fweb_bottom1 { margin:0 auto; width:98%; max-width:990px; color:#fefefe; font-size:0.7rem; text-align:center; padding:10px 0 20px 0; line-height:150%; }
.fweb_bottom a { text-decoration:none; color:#ddd; font-weight:bold; line-height:200%; }
.fweb_bottom a:hover { text-decoration:none; color:#ccc; font-weight:bold; line-height:110%; }
#fwa:after,#fwb:after,#fwc:after,#fwd:after,#fwe:after,#fwf:after { content:" | ";}
#fwa, #fwb, #fwc, #fwp, #fwq { display:none; }

 




@media only screen and (max-width:940px) {

#top-outline { height:80px; } 
#t1 { display:none;}
#logo { width:100%; height:78px; }
#logo a { max-width:276px; background-size:contain; }
 
#top-outline.sticky #logo { height:54px; width:calc( 100% - 50px); }
#top-outline.sticky #topright { width:calc(100% - 50px);}

#main-outline { padding:0 10px; }
#main-outline table { width:100%;}
#main-outline td { width:100%; display:block; }
h1,h2,h3{ text-align:Center; }



body { 					padding-top:46px; font-size:90%;}
#nav { 					position:fixed; margin:0; float:none; top:2px; left:0; width:100%; z-index: 2020 !important;}
#nav:before { 				position:relative; margin:0; float:left; top:0; left:0; padding:0 20px; content:' '; line-height:44px; }

#nav > a{					width:44px;height:44px; text-align:right; float:right; text-indent:-9999px; background-color:#d40f10; position:relative; }
#nav > a:before, #nav > a:after{		position:absolute; border:2px solid #fff;top:35%;left:25%;right:25%;content:'';}
#nav > a:after{				top:60%; }
#nav > ul > li{				position:relative; width:100%; height:auto; float:none; padding:0; margin:0; display:block; background:#fff;  }
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a,
#nav > ul > li > a{ 				padding:0; margin:0; background:#fff; height:44px; line-height:44px; color:#d40f10; }
#nav > ul > li:not(:last-child) > a{   	border-right:none; border-bottom:1px solid #dadada;}
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a { 	background:#d40f10; color:#fff; }
#nav > ul {					list-style-type:none; padding:0; margin:44px 0 0 0; height:auto; display:none; position:absolute; left:0; right:0;}
#nav:target > ul {				display:block;}
#nav li ul {					position:static; list-style-type:none; width:100%; border:0;   }
#nav li ul a:last-child,
#nav > li > ul > li > a {          	border:0; border-bottom:1px solid #36a1ac; text-align:center; }
#nav:not(:target) > a:first-of-type,#nav:target > a:last-of-type { display:block; }
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a { 	border-bottom:1px solid #36a1ac; }

#bottom2-inline td { display:block; width:100%; }
}