//*** GO UP WEBSTYLEMAG ***//
//*** © NEOAREAL.COM 2011 ***//
//*** TESTAREA ***//

html, body{overflow:auto}
a:not(.red) {color:#999}
a:hover{color:#FFF}
img { border:0px }
.red{color:#900}


#wrap_all{ position:absolute; width:960px; left:50%; margin-left:-480px; background-color:#000;}
.c960{ position:absolute; width:960px;  left:50%; margin-left:-480px; }
.outside h1 a{ color:#800; position:fixed; top:20px; left:0px; padding:0 10px 0 20px; font: normal 48px 'Georgia', 'Times New Roman', Times, serif; letter-spacing: -4px; font-weight: normal; z-index:90; background-color:rgba(0,0,0,0.8); }
.outside{text-shadow: 0 0px 1px #F00, 0 1px 1px #111; }
.outside h1 a:hover{color:#444; text-shadow: 0 0px 1px #DDD, 0 1px 1px #111;}
#header{ position:relative; height:100px; margin-top:0px; border:0px; top:0px; background-color:#000; color:#FFF;}

.down{height:110px; width:137px;  position:absolute; bottom:0px; left:50%; margin: 0 0 0 -70px; padding:10px 0 0 0; font-size:30px; line-height:16px; text-align:center; background-color:#880000;}
.down span{font-family:Museo_300; font-size:20px; letter-spacing:1px}
.toplogo .spacer{height:40px;}
.toplogo span {letter-spacing:4px; margin-left:0px;}
.downlogo .spacer{height:25px;}
.downlogo { height:100px; color:#999}

.linked a:hover{color:#800;}

/*------FLIPP-MOSAIK-------*/
.qF {height:137px;width:137px;float:left}
#flip_wrapper{position:relative; width:959px;height:548px;left:50%; margin-left:-480px; margin-top:0px; overflow:hidden; background-color:#000; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.inner{width:145px;height:145px}
.panel1, .panel2{height:200px;width:200px;}
.center200 {margin:50px 0 0 5px; font-size:45px; color:#DDD}
.goup{margin:50px 0 0 3px; font-size:45px; color:#DDD}
/*------END FLIPPMOSAIK-----*/

.spacer{position:relative; clear:both; height:20px; width:100%;}

#adress_box{position:relative;  width:960px; padding:35px 0 20px 0; margin-bottom:10px; background-color:#000; color:#DDD; border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-size: 10px;  text-align: justify; word-spacing: -1pt; line-height:18px; color:#AAA; letter-spacing:0.8pt; font-family: 'trebuchet MS', sans-serif; font-style: italic; }
#adress_box b{font-size:28px}
#adress_box a{color:#AAA}
#adress_box a:hover{color:#FFF}
#adress_box div{float:left;}

#goup_news{ position:relative; color:#FFF; height:370px; margin-top:-10px}
#goup_news .post{margin:0px; padding:0px;}
#goup_news .post-info, #goup_news .postmeta{display:none}
#goup_news .title a{position:absolute; top:-2px; font-size:45px; color:#DDD}
#goup_news img{border-bottom:1px solid #DDD;}
#goup_news .entry p:nth-child(2){position:relative; margin-top:-35px}
.zwo div:nth-child(1){display:none;}


.article_box{ position:relative; padding-top:40px; height:1586px; padding-bottom: 0px;}
.post{margin:0 0 40px 0; padding-bottom:10px; color:#DDD; border-bottom:2px solid #000; background-color:#333; border-bottom:1px solid #DDD;}
.post h2{ text-transform: uppercase; }
.post .post-info, .readmore{ font-size:11px; letter-spacing:1px;  padding: 5px 0 10px 0; margin-left:5px;}
.title{font-size:30px; font-family:Museo_300}
.entry{font-size:14px;margin-left:5px;}
.entry img{margin-left:-5px;}
.entry .goup{font-size:24px; font-family: Museo_1000;}

#footer2{ position:relative; top:0px; width:960px; height: 110px; left:50%; margin: 0 0 0 -480px; padding:0px; border-top:0px solid #DDD; background-color:#000;}
#footer a:hover{color:#FFF}

 

/*------------------------  BASE-REM SIZING  */


@media (min-width: 1520px) {
	html {
		font-size: 12px;
	}
	#header, {
		width: 980px; padding:0px; margin:0px auto;
	}

}

@media (max-width: 1400px) {
	html {
		font-size: 11px;
	}
	#header-wrap, #content-outer {
		width: 100%; padding:0px; margin:0px auto;
	}
}

/* target screen width  */
@media (max-width: 1280px) {
	html {
		font-size: 10px;
	}
}
	
@media (max-width: 1160px) {
	html {
		font-size: 9px;
	}
}
	
@media (max-width: 1040px) {
	html {	font-size: 8px;
	}
	 #header, #footer-content, #footer-bottom, #content-wrapper {
		width: 960px; margin: 0px auto;
	}
	#footer-content{
		margin-left:10px;
}
	#content-outer {
		width: 100%;
	}

}

@media (max-width: 980px) {
	#content-outer, #wrap_all{
		width: 960px; left:0px; margin:0px; padding:0px 10px;
	}
}	
@media (max-width: 920px) {
	html {
		font-size: 7px;
	}
	#footer-content, #footer-bottom {
		width: 980px;
		
	}
}
	
@media (max-width: 800px) {
	html {
		font-size: 6px;
	}
	
}
	
@media (max-width: 680px) {
	html {
		font-size: 5px;
	}
}
	
@media (max-width: 560px) {
	html {
		font-size: 4px;
	}
}
	
@media (max-width: 440px) {
	html {
		font-size: 3px;
	}
}

@media (max-width: 320px) {
	html {
		font-size: 3px;
	}
}