html, body { padding: 0; margin: 0; height:100% }

body { background-size: 100%; font-family: Arial, Helvetica, Verdana; font-size:14px; line-height: 22px; color: #CCC; -webkit-text-size-adjust: none; }

.scroll-fixed	{ overflow:hidden !important; position:fixed !important; }
.scroll-again	{ overflow:show !important; position:relative!important; }

h1 { font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:white;font-weight:bold; padding:20px;  }
h2 { font-size:15px; margin: 0 30px; padding:30px 0px 0; color:white; border-bottom:1px #202020 double; font-weight: bold;   }
h3 { font-size:15px; margin:15px 45px 5px; color:white;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:100; text-decoration: underline  }
h4 { font-size:14px; }

p { margin: 0 0 10px 0; }

a, a:link, a:active, a:visited   {	color: #CCC;text-decoration: underline; }
a:hover	{ color:#0CC; }

pre { font-size: 12px; 	width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

#page nav { display: none; }

#top  { background-color:#131313; border-top:5px solid #0CC; box-shadow:0px 0px 6px #333; width: 100%; height: 50px; color: #fff; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; z-index:3; position:fixed; top:0 !important; left:0 !important; }

#top-menu p	{ height: 20px; margin: auto; list-style-type:none; padding:5px 10px; float:left; margin:9px 60px; color: white; background: black; opacity:1; border-radius:2px; border-bottom:#0CC 2px solid; }

#m-left  { display: block; width: 35px; height:35px; position:absolute; top:8px !important; left: 12px;   }
#m-right { display: block; float:right; margin-right:10px; z-index:5; position:fixed; right:0; }

#social-m		{ width:150px; height:30px; margin:60px 0 0 0; position:fixed; z-index:1; }
#social-m img	{ width:30px;  }

#logo 	{ margin:60px 10px 0 30px; z-index:1; }

#title 	{ max-width:600px; min-height:20px; background-color:white; float:right; margin:100px 170px 20px; margin-right:20px; border-left:3px solid #333; border-right:3px solid black; border-radius:6px; opacity:0.8; padding:15px; position:fixed; font-size:14px; font-style:italic; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; }

#outer		{ min-height: 100%; position:relative; width:100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); z-index:2; top:0 !important; left:0 !important;  }

#content		{ margin:auto; min-height:600px;  background-color: #eee; background:url(../images/b-mobile.jpg); background-size:100%;}
 
#box-content1 { height:100px; max-width:100%;}
	
#box-content2 { margin:0 25px 15px; max-width:1300px; min-height:350px; clear:both; padding-bottom:80px; }

#box-content2 p { color:#FFF; padding:15px; font-size:13px; text-align:justify;  }

#box-content2 h1 { text-align:left; padding:5px 0; margin:0 15px 5px; border-bottom:1px dotted #424242; } 

#box-content2 h2 { color:#CCC; padding-top:20px; text-align:justify;  } 

#box-index a	{ text-decoration:none; }
#box-index p	{ line-height:18px;	}

#box-0	{ max-width:100%; width:auto; height:35px; background:#000; opacity:0.92; border-radius:20px 20px 0 0; border-top:#CCC 2px solid; margin-top:70px; overflow:hidden; }
#box-0 h1	{ font-size:18px; border-bottom: dotted 0px; padding-top:10px; text-align:center; }

#box-1 	{ max-width:100%; width:auto; max-height:300px; margin-top:1px; background-color:#000;; opacity:0.92; border-radius:0 0 0 20px; overflow:hidden; }

#box-2 	{ max-width:100%; width:auto; max-height:200px; margin:1px 0 0 1px; background-color:#000; opacity:0.92; border-radius:20px 0 20px 0;  overflow:hidden; }

#box-3 	{ max-width:100%; width:auto; max-height:200px; margin:1px 0 0 1px; background-color:#000;  opacity:0.92; border-radius:20px 0 0 20px ; overflow:hidden;	}

#box-4	{ max-width:100%; width:auto; max-height:250px; margin:1px 0 0 1px; background-color:#000;opacity:0.92; border-radius:0 20px 0 20px ;	overflow:hidden;	}

#box-5	{ max-width:100%; width:auto; max-height:250px; margin:1px 0 0 1px; background-color:#000;opacity:0.92; border-radius:20px 0 20px 20px; overflow:hidden;	}

#box-pages	{  }

.box-title	{ width:953px; min-height:50px;  }
.box-cont	{ max-height:300px; border-radius:0 0 20px 20px;  overflow:hidden; }	

#box-pages h1	{ text-align:left; padding-left:15px; font-size:18px; }
#box-pages h2 	{ text-align:left; } 
#box-pages p	{ text-align:justify; padding:20px 28px 0; font-size:14px; line-height:20px; word-spacing: normal; }
#box-pages h3 	{ padding:0 0 0 15px; margin:5px; font-size:14px; float:left; }
#box-pages #cont-3 .qs li  { margin-top:15px; font-size:14px; color:#FFF;}
#box-pages #cont-3 .qs li a  { color:#FFF; font-weight:bold; }
#box-pages #cont-3 .qs li a:hover { color:#09C; font-weight:bold; border-bottom:1px dotted #09C; }
#box-pages #cont-3 ol li 	{ padding:10px; font-size:14px;margin:0 20px 0 10px; text-align:justify;}
#cont-3 ul li, #cont-2 ul li { padding:6px; font-size:14px;}
#cont-5 ul li, #cont-6 ul li  { padding:4px; margin:0 10px; font-size:14px;}
#cont-1 ul	{ color:white; }

#cont-1, #cont-2, #cont-3, #cont-4, #cont-5, #cont-6, #cont-7  { min-height:150px; background:#000; opacity:0.92; border-radius:20px; border-top:#CCC 2px solid; padding:20px 10px ; margin-bottom:20px;   }

#c1, #c2, #c3, #c4, #c5, #c6, #c7	{ height:60px;}

#copyright	{ min-height:45px; background-color: black; width:100%; box-shadow: 0 0 6px #333;clear:both; bottom: 0px; position: absolute; }

#copyright	p { color:white; padding:15px 0; font-size:11px; text-align:center; margin:auto; line-height: 13px;  } 
	 
/* Forms */

form 		{ margin:0 10px; }
input, select 		{ border-radius:5px; width:100%; box-sizing: border-box;}
option		{ text-align:center; }
.btn		{ text-align:right; padding-right:10px;	}
.buttons	{ width:60px;	}
textarea	{ height:120px;  border-radius:10px; resize: vertical; width:100%; box-sizing: border-box;  }

/* */

.header	{ text-align:center; font-size:22px; font-weight:bold; padding:25px 0 15px !important; background:url(../images/left-menu.jpg); color:#FFF; text-shadow:1px 1px 3px #000; font-family: "Brush Script MT", cursive; margin-bottom:25px; }

.header-m	{ text-align:center; font-size:10px; color:#666;  }

li.indent { 12px 0 12px 35px !important; background:#454545; margin-left:15px; list-style-type: none;  }

#left-box 	{ height:100%; width:250px; position:absolute; box-shadow:0px 0px 6px #333; z-index:4;	background:#333; margin-top:6px;  }

#left-menu	{ width:250px; box-shadow:0px 0px 6px #333; position:relative; height:100%; }

#left-menu ul, #right-menu ul, #right-menu1 ul { margin:0; padding:0; text-decoration:none; list-style-type: none;}

#left-menu li, #left-menu1 li, #left-menu2 li, #left-menu3 li, #left-menu4 li, #left-menu5 li, #left-menu6 li, #right-menu li { border-bottom:1px solid #151515; padding:10px 20px; list-style-type: none;  }

#left-menu li.active, #left-menu1 li.active, #left-menu2 li.active, #left-menu3 li.active, #left-menu4 li.active , #left-menu5 li.active, #left-menu6 li.active, #right-menu li.active   { background-color:#09C; }

#left-menu li.active a, #left-menu1 li.active a, #left-menu2 li.active a, #left-menu3 li.active a, #left-menu4 li.active a, #left-menu5 li.active a, #left-menu6 li.active a, #right-menu li.active a { color:#FFF; }

#left-menu1 li a, #left-menu2 li a, #left-menu3 li a, #left-menu4 li a, #left-menu5 li a, #left-menu6 li a 	{ text-decoration:none; color:#666; display:block; }
#left-menu li a, right-menu1 li a	{ text-decoration:none; }

#left-menu1, #left-menu2, #left-menu3, #left-menu4, #left-menu5, #left-menu6, right-menu1	{ width:220px; position:absolute; float:left; left:30px; margin-left:0px; box-shadow:0px 0px 6px #333; z-index:3;  background:#FFF;  }

#left-menu1 ul, #left-menu2 ul, #left-menu3 ul, #left-menu4 ul, #left-menu5 ul, #left-menu6 ul { margin:0; padding:10px !important; text-decoration:none; background:#FFF; color:#000 !important;}

#left-menu1 { top:216px; }
#left-menu2 { top:260px; }
#left-menu3 { top:304px; }
#left-menu4 { top:347px; }
#left-menu5 { top:390px; }
#left-menu6 { top:433px; }

#social-back	{ width:100%; min-height:120%; background:#333; position:fixed; z-index:1; display:block;}
#social-back1	{ width:100%; min-height:100%; background:#fff; position:fixed; z-index:0; }
#right-menu		{ width:250px; height:100%; float:right; padding-top:20px; position:relative; }
#right-menu1	{ width:250px; height:100%; float:right; position:relative; }

.rm	{ text-align:center; font-size:17px; font-weight:bold; padding:5px 40px; border-bottom:1px solid;margin-top:25px; }

.contact1 li a, .contact2 li a, .contact3 li a, .contact4 li a, .contact5 li a	{ text-decoration:none;}
.b-color	{ background:#333; }
.w-color	{ background:#FFF;	}
.ontheback	{ background-color:rgba(0,0,0,0.8); }

.colorhover		{ background-color:#09C !important; }
.colorhover a 	{ color:#FFF !important; }

.scrollable{
    overflow: auto;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
}