@import url('layerslider.css');

@font-face {
    font-family: 'font1';
    src: url('font1.eot');
    src: url('font1.eot?#iefix') format('embedded-opentype'),
         url('font1.woff') format('woff'),
         url('font1.ttf') format('truetype'),
         url('font1.svg#font1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font2';
    src: url('font2.eot');
    src: url('font2.eot?#iefix') format('embedded-opentype'),
         url('font2.woff') format('woff'),
         url('font2.ttf') format('truetype'),
         url('font2.svg#font2') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {margin:0; padding:0;}
* {font-family:font1}
a:link, a:visited, a * {transition: all 0.4s ease-in-out 0s;  outline:none;}
a:hover, a * {transition: all 0.4s ease-in-out 0s;}
.container {max-width:1020px; margin:0 auto; text-align:left; vertical-align:top; padding:0 20px; color:#333;  font-size:12px; line-height:22px;}
.container .tit {color:#669900; font-size:18px; margin:10px 0;}
.container .titred {color:#990000; font-size:18px;}


.titwhite {color:#fff; font-size:18px; padding:10px 0;}

#menucontainer {width:100%; text-align:center; background-color:#333333;}
#menu {max-width:1020px; margin:0 auto; text-align:center; background-color:#333333;}
#menu a:link, #menu a:visited {font-size:19px; color:#fff; text-decoration:none; line-height:35px; height:35px; display:inline-table; text-align:center; width:11%; margin:0 1px 0 0;}
#menu a:hover, #menu a.current {background-color:#CC6600}


#tags {max-width:1020px; margin:0 auto; text-align:center; line-height:30px}
#tags a:link, #tags a:visited {displa:inline-table; width:auto; background-color:#ccc; color:#fff; border-radius:2px; padding:2px 4px; line-height:13px; font-size:12px; margin:2px; text-decoration:none; white-space:nowrap;}
#tags a:hover {background-color:#C60}

h1 {font-size:36px; line-height:38px; font-weight:normal;}
h2 {font-size:18px; font-weight:normal;}
h2 a{color:#CC6600}
h3 {font-size:16px; font-weight:normal;}

a.download:link, a.download:visited {font-family:font1; color:#FFFFFF; font-size:30px; text-decoration:none; text-align:center; width:300px; height:50px; line-height:50px; background:#669900;background:-moz-linear-gradient(top,#66CC00,#669900);background:-webkit-gradient(linear,left top,left bottom,from(#66CC00),to(#669900)); display:inline; float:left; border-radius:5px; transition:none; margin:20px 40px 20px 0; }
a.download:hover {background:#669900;transition:none;}

a.download2:link, a.download2:visited {font-family:font1; color:#FFFFFF; font-size:30px; text-decoration:none; text-align:center; width:270px; height:50px; line-height:50px; background:#669900;background:-moz-linear-gradient(top,#66CC00,#669900);background:-webkit-gradient(linear,left top,left bottom,from(#66CC00),to(#669900)); display:inline-table; border-radius:5px; transition:none; margin:10px; }
a.download2:hover {background:#669900;transition:none;}

.downloadedtimes { display:inline; float:left; width:auto; height:50px;  font-size:26px;  line-height:50px; margin:20px 40px 20px 0; }

.error {display:block; width:100%; float:left; text-align:center; background-color:#FF0000; height:50px; line-height:50px; font-size:30px; color:#FFFFFF; border-radius:5px; padding:10px;}
.success {display:block; width:100%; float:left; text-align:center; background-color:#66CC00; height:60px; line-height:60px; font-size:30px; color:#FFFFFF; border-radius:5px; padding:10px;}
.success a:link, .success a:visited{line-height:60px; font-size:30px; color:#fff;}

.forms {padding:5px; font-size:18px; border:2px solid #e1e1e1; resize:none; border-radius:3px;}
.formserr {padding:5px; font-size:18px; border:2px solid #e1e1e1; resize:none; background-color:#FF0000; color:#FFFFFF; border-radius:3px;}

.info {background-color:#CC6600; color:#FFFFFF; text-align:center; font-size:28px; padding:10px 0; border-radius:3px; width:100%; margin:20px 0}

.formattable {width:100%; margin:20px 0; text-align:left; box-shadow:0 1px 10px #ccc; border:none;border-spacing:0px;border-radius:5px;}
.formattable th {background-color:#333; color:#fff; padding:15px; font-size:30px; font-weight:normal; line-height:32px;}
.formattable tr   { background-color:#ffffff; border:none; }
.formattable tr:nth-child(odd)   { background-color:#ffffff;}
.formattable tr:nth-child(even)  { background-color:#FAFAFA;  }
.formattable td {padding:15px; font-size:18px; vertical-align:top; margin:0; border:none;  border-bottom:1px solid #e1e1e1;}
.formattable td .smallinfo {font-size:14px; color:#999999; margin-bottom:10px;}
.formattable td .title{color:#333333; font-size:28px; margin:3px 10px 5px 0; display:inline; line-height:34px; float:left;}
.formattable td .ball {color:#FFFFFF; background-color:#CC6600; border-radius:20px; width:40px; height:40px; line-height:40px;}

h2 .ball {color:#FFFFFF; background-color:#CC6600; border-radius:20px; width:40px; height:40px; line-height:40px; text-align:center; display:inline; float:left; margin-right:20px;}
h2 .ballsmall {color:#FFFFFF; background-color:#000; border-radius:20px; width:30px; height:30px; line-height:30px; text-align:center; display:inline; float:left; margin-right:20px; margin-bottom:4px; font-size:15px}

a.but:link, a.but:visited {font-family:font1; color:#FFFFFF; text-decoration:none; text-align:center; border-radius:3px;background: #CC6600; float:left; width:80px; font-size:16px; margin-top:10px; padding:5px; line-height:20px; height:20px;}
a.but:hover {background:#A65300;}

a.but2:link, a.but2:visited {font-family:font1; color:#FFFFFF; text-decoration:none; text-align:center; border-radius:3px;background:#0066CC; float:left; width:80px; font-size:16px; margin-top:10px; padding:5px; line-height:20px; height:20px;}
a.but2:hover {background:#669900;}


a.simplebutton:link, a.simplebutton:visited {font-family:font1; color:#FFFFFF; font-size:30px; text-decoration:none; text-align:center; width:300px; height:50px; line-height:50px; background:#CC6600;background:-moz-linear-gradient(top,#CC6600,#A65300);background:-webkit-gradient(linear,left top,left bottom,from(#CC6600),to(#A65300)); display:inline; float:left; border-radius:5px; transition:none; margin:20px 40px 20px 0; }
a.simplebutton:hover {background:#A65300;transition:none;}


a.forumtitlelink:link, a.forumtitlelink:visited {color:#333333; font-size:28px; margin:3px 10px 5px 0; display:inline; line-height:34px; float:left;}
a.forumtitlelink:hover {color:#CC6600}


a.whitebox:link, a.whitebox:visited {font-family:font1; color:#333; text-decoration:none; text-align:center; border-radius:3px; background:#ffffff; float:left; width:120px; font-size:16px;  float:right; display:inline; padding:5px; line-height:16px; height:16px; margin:2px 10px 2px 0;}
a.whitebox:hover {background:#A65300; color:#fff;}

.replies {display:inline; background-color:#CC6600; color:#ffffff; font-size:12px; padding:5px; float:left; margin:8px 5px 0 0px; line-height:14px; border-radius:3px; }

.button {font-family:font1; color:#FFFFFF; text-decoration:none; text-align:center; border-radius:3px;background: #CC6600; float:left; width:140px; font-size:24px; height:42px; margin:10px 0 20px 0; padding:5px; line-height:22px; border:none;}

.dataTableSmall {background-color:#ffffff; border-spacing:1px; border:1px solid #f2f2f2; background-color:#CCCCCC }
.dataTableSmall th   { background-color:#E4E4E4; color:#333333; font-size: 13px; font-weight: normal; line-height:14px; padding:1px; font-weight:bold; border-bottom:1px solid #CCCCCC }
.dataTableSmall tr   { background-color:#ffffff; color:#494949;  font-size: 13px; font-weight: normal; line-height:14px;}
.dataTableSmall tr:nth-child(odd)   { background-color:#ffffff;}
.dataTableSmall tr:nth-child(even)  { background-color:#FAFAFA;}
.dataTableSmall tr:hover  { background-color:#F5F5DC;}
.dataTableSmall td  { padding:1px;  line-height:14px; font-size: 13px;}
.dataTableSmall td input {padding:0; margin:0}

#googleplus1 {width:220px; height:70px; background-color:#fff; margin-left:130px;margin-bottom:4px; border-radius:3px; display:inline; float:left;}
#facebooklike1 {width:220px; height:70px; background-color:#fff; margin-left:55px;margin-bottom:4px; border-radius:3px; display:inline;  float:left;}

#rootmenu {width:100%; height:auto; min-height:35px; background:#333333; color:#ffffff;  text-align:center}
#rootmenu .tab {display:inline-block; float:none; padding:0 20px; width:auto; height:35px; line-height:35px; color:#FFFFFF; text-decoration:none; margin-right:1px; font-size:19px;}
#rootmenu a:link, #rootmenu a:visited  {display:inline-block; float:none; padding:0 20px; width:auto; height:35px; line-height:35px; color:#FFFFFF; text-decoration:none; margin-right:1px; font-size:19px;}
#rootmenu a:hover, #rootmenu a.curr {background-color:#FFFFFF; color:#333333; }




@media only screen and (max-width: 980px) {
#menu a {width:auto !important; padding:0 10px; font-size:16px !important;}
}


@media only screen and (max-width: 820px) {
	.open {display:none}
	a.download:link {font-size:24px; width:200px;}
	a.simplebutton:link {font-size:24px; width:200px;}
	.open {display:none}
	#menu a {width:auto; font-size:14px !important;}
}
@media only screen and (max-width: 550px) {
#menu a {width:29%; min-width:29%; font-size:14px !important;}
#googleplus1 {width:220px; height:70px; background-color:#fff; margin-left:40px; border-radius:3px; display:block; float:left;}
 #facebooklike1 {width:220px; height:70px; background-color:#fff; margin-left:40px; border-radius:3px; display:block;  float:left;}
}

@media only screen and (max-width: 380px) {
	.address {width:100%}
	.open {display:none}
	#layerslider {display:none}
	a.download:link {font-size:24px; width:200px;}
	a.simplebutton:link {font-size:24px; width:200px;}
	#menu a {width:100%; min-width:100%; font-size:14px !important;}
	#googleplus1 {width:220px; height:70px; background-color:#fff; margin-left:40px; border-radius:3px; display:block; float:left;}
 #facebooklike1 {width:220px; height:70px; background-color:#fff; margin-left:40px; border-radius:3px; display:block;  float:left;}
}




/* Slide */
.slideBox{ position:fixed; width:50px; height:50px; right:0;}
	.slideBoxContent{ position:absolute; z-index:210; width:300px; height:212px; top:0; left:50px; border:1px solid #EEEEEE; background-color:#FFFFFF; box-shadow:5px 0px 5px #CCCCCC;}

#slideFB{ z-index:204; top:423px;}
#slideYoutube{ z-index:203; top:474px;}

@media (max-width:1160px){
	.slideBox{ display:none;}
}