html{width: 100%; margin: 0; padding: 0;}
body {margin: 0; padding: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
.hidden {display: none;}
.bold {font-weight: bold; margin: 5px 0;}
.topic {font-weight: bold; margin-top: 5px;}
#mcontact, #mservice, #mnews {display: none;}
a {color: #000;}
a:link {text-decoration: underline;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none;}
img {max-width: 100%; height: auto;}
pre {text-shadow: 1px 1px 0 #fff;}
h2 {background-color: #B2B1AA; padding: 6px 3px; font-weight: bold; font-size: 1.2em; color: #EBEBEB; border-bottom: solid 2px #FFF; text-shadow: 1px 1px 0 #707070; text-align: center;}
header, footer {position: fixed; display: block; width: 100%; opacity: 0.9; background-color: #B0B0B0; z-index: 1000;}
img {max-width: 100%;}
img.left {margin: 3px 10px 0 0; float: left;}
img.right {margin: 3px 5px 0 5px; float: right;}
img.contimg {border: solid 1px #B2B1AA; padding: 2px; max-width: 100%;}
#global {padding-bottom: 10px;}
#content ul {margin: 0 0 0 15px; padding: 0 0 0 15px;}
#content ul li {list-style-type: square; list-style-position: inside;}
#content ul.impress li {list-style-type: none;}
header {top: 0; left: 0; border-bottom: solid 1px #AAA; text-align: center; line-height: 30px; vertical-align: middle; padding: 5px 0 3px 0;
		  background:-moz-linear-gradient(top, #B2B1AA, #EBEBEB); 
		  background:-webkit-linear-gradient(top, #858585, #B2B1AA, #858585); 
		  background:-o-linear-gradient(top, #858585, #B2B1AA, #858585); 
		  background:-ms-linear-gradient(top, #858585, #B2B1AA, #858585);
		  background:linear-gradient(top, #858585, #B2B1AA, #858585);}
    
footer 	{bottom: 0; left: 0; border-top: solid 1px #AAA; background-color: #B0B0B0; line-height: 30px; padding: 5px 0 0 0; text-align: center;}
header a {display: inline-block; width: auto; margin: 0 10px; padding: 4px 8px; line-height: 20px; text-align: center; color: #555; font-size: 0.7em; font-weight: bold; text-transform: uppercase;
		  -webkit-border-radius: 6px; 
		  -moz-border-radius: 6px; 
		  border-radius: 6px;}
header a.actived {text-decoration: none; background-color: #555; color: #FFF;}
header a:link {text-decoration: none;}
header a:active {text-decoration: none;}
header a:hover {text-decoration: none; background-color: #555; color: #FFF;}
header a:visited {text-decoration: none;}
header span {color: #858585;}
#logo {max-width: 100%; height: auto; width: 14%;}
#content {width: 100%; position: relative; margin: 30px 25%; width: 50%; max-width: 50%; display: block; font-size: 0.8em;}
.logo {background-color:  #B0B0B0; height: 160px; padding: 10px; text-align: center; 
		  -webkit-border-radius: 6px;
		  -moz-border-radius: 6px;
		  border-radius: 6px;
		  background:-moz-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-webkit-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-o-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-ms-linear-gradient(top, #EBEBEB, #B2B1AA);
		  background:linear-gradient(top, #EBEBEB, #B2B1AA);}
		  
.news {position: absolute; left: 75%; top: 50px; vertical-align: top; width: 180px; font-size: 0.8em; -webkit-border-radius: 0 0px 6px 0;
      -moz-border-radius: 0 0px 6px 0; border-radius: 0 0px 6px 0;}
.news div.toggle {width: 20px; display: inline-block; background-color: #e3e3e3; height: 110px; position: absolute; top: 26px; -webkit-border-radius: 0 6px 6px 0;
		  -moz-border-radius:  0 6px 6px 0; border-radius:  0 6px 6px 0; cursor: pointer; margin-left: 1px;
		  background:-moz-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-webkit-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-o-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-ms-linear-gradient(top, #EBEBEB, #B2B1AA);
		  background:linear-gradient(top, #EBEBEB, #B2B1AA);}
.news div.toggle p {-webkit-transform: rotate(90deg);
		  -moz-transform: rotate(90deg);
		  -o-transform: rotate(90deg); color: #000; margin: 26px 0 0 0; letter-spacing: 0.1em; text-shadow: 1px 1px 0 #FFF;}
.news div.active {left: 0px;}
.news div.inactive {left: 180px;}
.news .important {}
.news div.ina {width: 0px; opacity: 0;}
.news div.act {width: 100%; background-color: #EBEBEB; 
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; opacity: 1;
		-webkit-box-shadow: inset 10px 0px 10px #B2B1AA;
		-moz-box-shadow: inset 10px 0px 10px #B2B1AA; 
		box-shadow: inset 10px 0px 10px #B2B1AA;}
.news article {width: 100%; padding: 0px 0 5px 0px; min-height: 400px; text-align: left;}
.news article ul {}
.news article ul.icons {margin-left: 10px;}
.news article ul li {line-height: 20px; margin-bottom: 6px;}
.news article ul li img {position: relative; top: 6px;}
.news article div img {margin: 20px 0 0 50px;}
.news article ul li span {display: inline-block; margin-left: 3px;} 
.news article ul li span.mid {position: relative; bottom: 10px;} 
.news article ul.adress {margin: 6px 0 0 0; text-align: center;}
.news article ul.adress li {line-height: 10px; font-size: 1.2em;} 
.news article ul.small li {line-height: 16px; font-size: 1.0em;} 
.news article.nodeco {border-bottom: 0;}
.news h4 {margin: 0px; font-size: 1.1em; padding: 8px 5px 5px 10px; text-align:center; 
	      -webkit-border-radius: 0px 6px 0px 0; -moz-border-radius: 0px 6px 0px 0; border-radius: 0px 6px 0px 0;
	      background:-moz-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-webkit-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-o-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-ms-linear-gradient(top, #EBEBEB, #B2B1AA);
		  background:linear-gradient(top, #EBEBEB, #B2B1AA);}
.news p {margin: 5px 5px 5px 10px; padding: 3px; text-align: left;  line-height: 18px; color: #858585;}
.news input {margin: 15px 5px 0 5px; width: 80%; border: solid 1px #B2B1AA;}
.news input[type="submit"] {background-color: #0066FF; color: #FFF; cursor: pointer; text-shadow: 1px 1px 0 #707070; padding: 3px 0;
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;  
		border-radius: 6px;}
div.team {clear: left; vertical- align: top;}
div.team p {float: left; width: 31%; margin-right: 10px; display: inline-block; border: solid 1px #c8c8c8; padding: 0 0 5px 0; text-align: center; min-height: 250px;}
div.team p span {color: #B2B1AA; font-style: italic;}

#accordion p {line-height: 22px;}
#container {position: absolute; z-index: 1000;}

h1 {background: #e3e3e3; background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8); background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#c8c8c8));
    padding: 10px 20px;	 margin-left: -30px; margin-top: 0px; position: relative; letter-spacing: 0.1em; font-family: Arial, Gadget, sans-serif; color: #454545; text-shadow: 0 1px 0 white; font-size: 2em;;
		-moz-box-shadow: 1px 1px 3px #292929; 
		-webkit-box-shadow: 1px 1px 3px #292929;
		box-shadow: 1px 1px 3px #292929;
		-webkit-border-radius: 0 6px 6px 0; 
		-moz-border-radius: 0 6px 6px 0;  
		border-radius: 0 6px 6px 0;}
h1 span.slogan {color: #0066FF; font-weight: bold;}
.arrow {width: 0; height: 0; line-height: 0; border-left: 20px solid transparent; border-top: 10px solid #c8c8c8; top: 104%; left: 0; position: absolute;}

#service {position: fixed; top: 0px; left: 80px; color: #FFF; text-shadow: 1px 1px 0 #707070; font-size: 1.3em; padding: 20px 10px 10px 10px; text-align: center; line-height: 25px;
		border: groove 2px #EBEBEB; border-top: none;
		background:-moz-linear-gradient(top, #EBEBEB, #B2B1AA); 
      		background:-webkit-linear-gradient(top, #EBEBEB, #B2B1AA); 
      		background:-o-linear-gradient(top, #EBEBEB, #B2B1AA); 
      		background:-ms-linear-gradient(top, #EBEBEB, #B2B1AA);
      		background:linear-gradient(top, #EBEBEB, #B2B1AA);
      		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius:  0 0 6px 6px;
		border-radius:  0 0 6px 6px;}
		
#service img {margin-bottom: 10px;}

#mservice {float: left; width: 110px; text-align: center; margin: 0 6px 6px 0;}
#mservice p {color: #0066FF; font-size: 1em; padding: 4px; text-align: center; border: solid 1px #EBEBEB; background-color: #EBEBEB;	
		-webkit-border-radius: 6px;
		-moz-border-radius:  6px;
		border-radius:  6px;}		
		
#mservice img {margin-bottom: 10px;}
ul.mservice {width: 60%;}
ul.mservice li {margin-bottom: 6px;}
ul.mservice li.topic {font-weight: bold;}
ul.mservice li span {position: relative; bottom: 10px;} 
.ui-accordion .ui-accordion-header {font-weight: bold; color: #454545; text-transform: uppercase; text-shadow: 1px -1px 0 #EBEBEB;}

@media screen and (max-width: 1023px) {
#mcontact, #mservice, #mnews {display: block;}
#service, .news, img.mservice, .contimg, #team {display: none;}
#content {position: relative; margin: 30px 15%; width: 70%; max-width: 70%; display: block; font-size: 0.8em;}
#content ul.impress {margin-left: 0px; width: 100%;}
.logo {padding: 10px 10px 0 10px;} 
}
@media screen and (max-width: 600px) {
body {background: #EBEBEB;}
#content {position: relative; margin: 0px 0%; width: 100%; max-width: 600px; display: block; font-size: 0.8em;}
.logo {height: 130px; padding: 10px; text-align: center; 
		  -webkit-border-radius: 0px;
		  -moz-border-radius: 0px;
		  border-radius: 0px;
		  background:-moz-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-webkit-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-o-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-ms-linear-gradient(top, #EBEBEB, #B2B1AA);
		  background:linear-gradient(top, #EBEBEB, #B2B1AA);}
#container {max-width: 600px; width: 100%;}
h1 {display: block; max-width: 600px; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#c8c8c8));
    padding: 6px 0px; margin-left: -10px; margin-top: 0px; position: relative; letter-spacing: 0.1em; font-family: Arial, Gadget, sans-serif; color: #454545; text-shadow: none; font-size: 2em;
		-moz-box-shadow: none; 
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0; 
		-moz-border-radius: 0;  
		border-radius: 0;
		background: transparent;}
		.arrow {width: 0; height: 0; line-height: 0; border: none; top: 0; left: 0; position: relative;}
		.ui-accordion .ui-accordion-content {padding: 10px;}
		#accordion {margin: 16px;}
.ui-accordion .ui-accordion-header {text-shadow: none; font-weight: normal; 		  
		  background:-moz-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-webkit-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-o-linear-gradient(top, #EBEBEB, #B2B1AA); 
		  background:-ms-linear-gradient(top, #EBEBEB, #B2B1AA);
		  background:linear-gradient(top, #EBEBEB, #B2B1AA); color: #454545;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
			background:-moz-linear-gradient(top, #B0B0B0, #B0B0B0); 
		  background:-webkit-linear-gradient(top, #B0B0B0, #B0B0B0); 
		  background:-o-linear-gradient(top, #B0B0B0, #B0B0B0); 
		  background:-ms-linear-gradient(top, #B0B0B0, #B0B0B0);
		  background:linear-gradient(top, #B0B0B0, #B0B0B0); color: #000;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
}	
}