@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);

h1{font-size:0.02em; display:block; color:#fff; float:left; position:relative;}

@media screen and (max-width:520px){
	body{font-size:13px;}
	h1{background-color:transparent; margin:50px 3% 0; background: url("../images/arc/logo.png") left top no-repeat; background-size:70%; height:50px; width:96%;}
	a.read.arr{float:none}
	div#search{ margin:0 0 1em 4%;}
	div#search .fline{}
	div#search .fset2>div{ display:none;}
	div#search fieldset input:first-child{ width:80%; margin:3%;}
	div#search .fset2>div a{margin-right:26%;}
	ul#mmenu{width:100%;}
	h2{ margin-top:0.5em;}
		/*--not index--*/
	div#col1b{ width:100%;}
	div#col2{ width:100%; clear:both; padding-top:1em;}
	div#random, div#recent{}
	a.ad2{display:none;}
	/* ul simpl*/
	ul.simpl li{ font-size:1.2em; margin:0.3em 0;}
	/*top downloads*/
	div#topd{width:100%; margin-right:3%;}
	div#topd ol{margin-left:0.5em; font-size:1.3em; margin-bottom:2em;}
	div#topd li a{color:#FF9900; font-weight:600; display:block;}
	div#topd li a span { display:block; margin-left:2.5em; color:#262626;}
	/*footer*/
	ul#foot2{ display:none;}
	#footer>ul:first-child li{ display:inline-block; margin-right:1em;}
	#footer>ul:first-child li a{ color:#fff; font-size:1.2em;}
	#footer>ul:first-child{ padding:0.5em 0.8em;}
	p#colo{margin: 1em auto;}
	}

@media screen and (min-width:520px){
	a.read.arr{float:left;}
	body{font-size:13px;}
	h1{background-color:transparent; margin:36px 0 0; background-size: auto; background: url("../images/arc/logo.png") center center no-repeat; width:430px; height:120px;}
	div#search{ margin:0 0 0.5em 4%; position:relative; height:5em;}
	div#search .fline{}
	div#search .fset2>div{ font-size:1.1em;}
	div#search fieldset input:first-child{float:left; width:24%;}
	div#search .fset{ float:left; position:relative; width:66%;}
	div#search .fset2>div a{display:block; float:left; width:34.8%;}
	ul#mmenu{width:100%;}
	h2{ margin-top:0.5em;}
		/*--not index--*/
	div#col1b{ width:100%;}
	div#col2{ width:100%; clear:both; padding:1em 0 2.5em;}
	div#random, div#recent{ float:left; margin-right:2%;}
	/*top downloads*/
	div#topd ol{ list-style:inside decimal; margin-left:0.5em; font-size:1.3em; margin-bottom:2em;}
	/*footer*/
	ul#foot2{ display:none;}
	#footer>ul:first-child li{ display:inline-block; margin-right:1em;}
	#footer>ul:first-child li a{ color:#fff; font-size:1.2em;}
	#footer>ul:first-child{ padding:0.5em 0.8em;}
	p#colo{margin: 1em auto;}
	}

@media screen and (min-width:1000px){
	body{font-size:13px;}
	h1{background-color:transparent; margin:12px 0 0;}
	div#search{ margin:0 0 0 4%;}
	div#search .fline{}
	div#search .fset2>div{}
	div#search fieldset input:first-child{ width:28%;}
	div#search .fset2>div a{ display:block; float:left; width:38.5%;}
	ul#mmenu{float:none; width:100%;}
	/*--not index--*/
	div#col1b{ width:72%; float:left;}
	div#col2{ width:24%; float:left; margin-left:4%; clear:none;}
	div#random, div#recent{ float:none;}
	/*top downloads*/
	div#topd ol{ list-style:outside decimal; margin-left:0.5em;}
	div#topd ol{ font-size:1em;}
	div#topd li a{display:block;}
	div#topd li a span{ display:block;}
	/*footer*/
	ul#foot2{ padding:1em; width:94%; margin:0 auto; display:block;}
	#footer>ul:first-child li{ display:inline-block; margin-right:2em;}
	#footer>ul:first-child li a{ color:#fff; font-size:1.5em;}
	#footer>ul:first-child{ padding:1em;}
	p#colo{margin: 2em auto;}
	}
@media screen and (min-width:1200px){
	body{font-size:14px;}
	h1{background-color:#fff;}
	body div.bwhite{width:100%;}
	div#search{ width:44%; float:right; margin:0 3% 0 0; position:relative;height: 5em; top:-10px;}
	div#search .fline{  position:absolute; right: 0; width: 100%;}
	div#search .fset2>div{}
	div#search .fset2>div a{ display:block; float:left; width:40%;}
	ul#mmenu{float:left; width:50%;}
	}
@media screen and (min-width:1350px){
	body{font-size:14px;} 
	body div.bwhite{width:85%;}
	}
	
body{background:url(../images/arc/b0.jpg) top repeat;  font-family: 'Open Sans', 'sans-serif'; color:#000; position:relative;}
body div.bwhite{ background-color:#fff;  margin:0 auto 1em; padding-bottom:2em; max-width:1240px;}

a.arr span{color:#B3B3B3; font-family:Arial, sans-serif;}
a.arr:hover span{color:#4D4D4D;}
a.rss{ display:inline-block; width:0.9em; height:1.2em; background:url(../images/arc/rss1.png) left center no-repeat; background-size:0.8em; text-indent:-99em; margin:0 0 0 0.1em; }
a.rss:hover{ background-image:url(../images/arc/rss2.png);}
.read.arr{font-family: 'Titillium Web', 'sans-serif'; font-size:1.3571428em; background:#666 url(../images/arc/read.png) right center no-repeat; line-height:1.3684210em; padding:0 2.368421em 0 0.68421em; color:#fff;
-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;}
.read.arr:hover{background-color:#ff9900;}

/*--Header--*/
h1 a{ display:block; width:100%; height:100%;}


ul#mmenu{ display:block; margin:2em 0 0 3%;  clear:both;}
ul#mmenu li{ display:inline-block; padding-bottom:0.6em;}
ul#mmenu li a{ font-size:1.5em; padding:0.2em 0.6em; background-color:#fff;
	-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;
	}
ul#mmenu li.mrss a{ background:url(../images/arc/rss0.png) 2.5em center no-repeat; background-size:0.8em; padding-right:1em;}
ul#mmenu li a:hover{background-color:#FF9900;}

div#lang{background:url(../images/arc/b1.jpg) top repeat-x; position:absolute; top:0; width:100%;}
div#lang p{ font-size:0.2em; color:#FF9900;}
div#lang ol{ float:right; margin:0 12.32% 0 0 ;}
div#lang ol li{ display:inline-block; height:3em; background-color:transparent;}
div#lang ol li.current{ background-color:#E6E6E6;}
div#lang ol li a{ display:block; padding:0.3em 0.5em 0.5em; background-color:transparent;
	-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;
	}
div#lang ol li a:hover{ background-color:#fff;}
div#lang ol li.current, div#lang ol li.current a{ background-color:#E6E6E6;}

div#search input.header, div#search select.header{background-color:#F2F2F2; border:#ccc 1px solid; display:inline-block; color:#333;}
div#search input.header{font-size:1.285714em; padding:0.5857144em; width:36%;}
div#search input.magn{width:2.64285714em; height:2.57148517em;}
div#search select.header { overflow:hidden; float:left; font-size:1em; padding:0.868571em 0.7285714em; width:66%;}
div#search .fset2{ bottom: 0; position: absolute;  right: 0; width: 100%;}
div#search select.header *{ background:none;}
div#search select.header+input{ padding:0.5em 0 0 0.5em; display:block;}
div#search select.header option{padding:0 0.3em;}
div#search p{ font-size:1.285714em; color:#FF9900; float:left; padding:0.62888em 4% 0.38em; width:5%; text-align:center;}

/*---Content---*/

div#content{ clear:both; width:94%; margin:0 auto; border-top:1px solid #000;}
div#content p.bread{ font-size:0.02em; color:#fff;}
ul#breadcrumb li{ display:inline-block; color:#666; margin:1em; font-size:0.92857em;}
h2{font-size:1.8em; display:inline-block; margin-bottom:0.2em;}
h2, h2 a{font-weight:700; color:#333;}

/*--top downloads--*/
div#topd li{font-size:1.2857142857em; font-weight:700; color:#FF9900;}
div#topd li:hover{ background-color:#F2F2F2;}
div#topd li a{ padding:0.1em 0.3em;}
div#topd li a span{font-size:0.631578em;}

/*--UL simpl--*/

ul.simpl li span{ display:inline;}

div#random{ padding-bottom:3em;}

/*footer*/

#footer{width:100%; clear:both;}
#footer>ul:first-child{ width: 94%; display:block; background-color:#666;; margin:0 auto;}
#footer>ul:first-child li:first-child{ float:right;}
#footer>ul:first-child li:first-child a{background:url(../images/arc/totop.png) center top no-repeat; padding-top:1.34em;}
#footer>ul:first-child li a:hover{ color:#FF9900;}


ul#foot2>li{ width:16.8%;}
ul#foot2>li{ float:left;}
ul#foot2>li:first-child{ float:right;}
ul#foot2 a{color:#4D4D4D; font-size:1.}
ul#foot2 a:hover{color:#000;}

p#colo{ clear:both; width:94%; border-top:1px solid #666; position:relative; top:1em; padding:0.5em;}

.note5{color:#FF931E;}
.note4{color:#D1AB37;}
.note3{color:#7AC943;}
.note2{color:#1EC16B;}
.note1{color:#2F7FB8;}
.note{color:#000;}