*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
body {font-size:100%;overflow-y: scroll }
h1,h2,h3,{font-family: Arial, Helvetica, sans-serif;}
a					{ outline: 0; color: #000; text-decoration: none; }
a:hover 			{ text-decoration: underline;}
p a:hover 			{ color: #000; }
a:active 			{ outline: none; position: relative; top: 2px; }
.clearfix 			{ clear: both; }
* {padding: 0;margin: 0;}
img, fieldset {border: 0;}
img {max-width: 100%; height: auto;width: auto\9; /* ie8 */}
.page-wrapper {width: 980px; margin: 5px auto; overflow: hidden;}
.header {position:relative; width: 100%; display: block; max-width:100%; min-width:960px; margin: 20px 0 5px 0; padding-bottom: 10px;}
.title a{ margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; font-weight:bold; letter-spacing:-1px; padding: 3px; background:#000; color:#fff; vertical-align:top;}
.title a:hover{color:#fff; text-decoration: none;}
.tinynav { display: none;}
.menu {position:relative; left:200px; top:-27px;}
.navbar ul {font-family: Arial, Helvetica, sans-serif; font-size: 0.75em;}
.navbar li {font-family: Arial, Helvetica, sans-serif; color: #fff;list-style-type: none;display: inline; padding:0px 20px 0px 0px;}
.navbar li a {color: #000;}
.navbar li a:link {color: 000:}
.navbar li a:visited {color: #000;}
.navbar li a:hover {color: #000;}
.navbar_home {position:relative; top:10px; display:none;}
.navbar_home ul {font-family: Arial, Helvetica, sans-serif; font-size: 0.75em;}
.navbar_home li {font-family: Arial, Helvetica, sans-serif; color: #fff;list-style-type: none;display: block; padding:0px 0px 10px 0px;}
.navbar_home li a {color: #000;}
.navbar_home li a:link {color: 000:}
.navbar_home li a:visited {color: #000;}
.navbar_home li a:hover {color: #000;}
.submenu {position:relative; top:15px; width: 100%;}
.submenu_img{position:relative; width:50px; margin:-15px 0 0 0; float: right; display:block;}
.submenu_img img{margin:0 0 0 5px;}
.line {position:relative; background-color:#000; height:1px;}
.line2 {position:relative; background-color:#CCCCCC; height:1px; margin:20px 0 20px 0;display:block;}
.line3 {position:relative; background-color:#CCCCCC; height:1px; margin:0px 0 10px 0}
.container {width: 985px; margin: 30px 0 0 0; overflow: hidden;}
.home_container {margin: 0;overflow: hidden;}
.project_container {width: 985px;margin: 20px 0 0 0;overflow: hidden;}
.texts {font: 0.75em Arial, Helvetica, sans-serif;text-align:left; width: 99%; margin:  0 2% 2% 0;float: left;}
.textsnews {font: 0.75em Arial, Helvetica, sans-serif; text-align:left; width: 99%; margin:  0 2% 2% 0; display:block;}
.textsnews:after {
  content: "";
  clear: both;
  display: table;
}
.textsnews img {margin: 0px 0 20px 30px;width: 20%;float: right;display:block;}
.texts h3 {line-height: 1.5;margin: 10px 0 0 0; padding-top:10px}
.texts p {line-height: 2;margin: 0 0 10px 0;}
.pdf {font: 0.75em Arial, Helvetica, sans-serif;}
.pdf a {color: #fff; background:#000}
.pdf a:link {color: fff: background:#000}
.pdf a:visited {color: #fff; background:#000}
.pdf a:hover {color: #000; background:#fff; text-decoration: none;}
.img_nr {font: 0.75em Arial, Helvetica, sans-serif;}
.img_nr p {color: #fff; background:#000; text-decoration: none;display: inline; padding: 1px 5px; margin: 0 3px 0 0;}
.img_nr a {color: #000; background:#fff; padding: 1px 5px; margin: 0 3px 0 0;}
.img_nr a:link {color: #000: background:#fff;}
.img_nr a:visited {color: #000; background:#fff:}
.img_nr a:hover {color: #fff; background:#000; text-decoration: none;}
.text {font: 0.75em Arial, Helvetica, sans-serif;width: 100%;margin:  0 2% 2% 0;float: left;}
.text h3 {line-height: 1;margin: 10px 0 0 0;}
.text p {line-height: 1.5;margin: 0 2% 10px 0;}
.text ul {font-family: Arial, Helvetica, sans-serif;}
.text li {list-style-type: none;margin: 0 0 15px 0;}
.text li a {color: #000;}
.text li a:link {color: 000:}
.text li a:visited {color: #000;}
.text li a:hover {color: #000;}
.text img {max-width: 100%;}
.project_text_container {width: 30%;margin: 0 0 0 0;float: left;}
.project_img_container {margin:  10px 0 0 0; width: 65%;float: right;}
.project_text {font: 0.875em Arial, Helvetica, sans-serif;width: 40%;margin:  0 2% 2% 0;float: left;}
.project_text h3 {line-height: 2;margin: 10px 0 0 0;}
.project_text p {line-height: 1.5;margin: 0 2% 10px 0;}
.project_text ul {font-family: Arial, Helvetica, sans-serif; font-size: 0.875em;}
.project_text li {list-style-type: none;margin: 0 0 10px 0;}
.project_text li a {color: #000;}
.project_text li a:link {color: 000:}
.project_text li a:visited {color: #000;}
.project_text li a:hover {color: #000;}
.full img {width: 100%;margin: 0;}
.galleryItem {background-color: #fff; font: 0.875em Arial, Helvetica, sans-serif; width: 17%;margin: 1% 3% 2% 0; float: left; -webkit-transition: color 0.5s ease;}
.galleryItem h3 {font-size: 0.875em; line-height: 1.5; background-color:#fff;}
div.wrapper {position:relative; cursor: pointer;}
div.description {position:absolute; bottom:0px; left:0px;width: 100%; height:100%; display:none; background-color:#fff; font-family: 'arial'; font-size:15px; color:#000;}
div.description_content { max-width: 100%; padding:10px;}

@media only screen and (max-width : 1920px),
only screen and (max-device-width : 1920px){
	.page-wrapper {width: 1200px;}
	.container {width: 100%;}
	.project_container {width: 100%;}
	.header {width: 100%; display: block; }
	.galleryItem {width: 17%;}
	.galleryItem h3 {font-size: 0.875em;}
	.galleryItem p, .header p {font-size: 0.875em;}
}
@media only screen and (max-width : 1280px),
only screen and (max-device-width : 1280px){

	.page-wrapper {width: 90%;}
	.container {width: 100%;}
	.project_container {width: 100%;}
	.header {width: 100%; display: block; }
	.galleryItem h3 {font-size: 0.875em;}
	.galleryItem p, .header p {font-size: 0.75em;}

}
@media only screen and (max-width : 1024px),
only screen and (max-device-width : 1024px){

	.galleryItem {width: 29%;}
	.submenu_img{position:relative; width:50px; margin:-15px 35px 0 0 ; float: right; display:block;}
	.submenu_img img{margin:0 0 0 5px;}

}
@media only screen and (max-width : 960px),
only screen and (max-device-width : 960px){
	.page-wrapper {width: 90%;}
	.container {width: 100%;}
	.project_container {width: 100%;}
	.home_container {width: 100%;}
	.header {width: 100%; display: block; }
	.galleryItem {width: 29%;}
	.galleryItem h3 {font-size: 0.875em;}
	.galleryItem p, .header p {font-size: 0.75em;}
}

@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px){
	.page-wrapper {width: 90%;}
	.container {width: 100%; margin: 60px 0 0 0;}
	.home_container {width: 100%;}
	.header {width: 100%; display: block; }
	.navbar_home {display:block}
	.navbar_home ul {font-size: 1.125em;}
	.tinynav {display:inline; margin: 5px 0 0 5px;}
	 #nav { display: none}
	.menu {position:absolute; margin:0 10px 0 0; top:0px;}
	.submenu {position:absolute; left:0px; top:60px;}
	.header h1 {font-size: 1.125em;}
	.title a{font-size: 1.4em;}
	.line {display: none }
	.galleryItem {width: 29.33333%; font: 14px Arial, Helvetica, sans-serif; margin: 3% 3% 3% 0%;}
	.submenu_img{position:relative; width:50px; margin:-15px 35px 0 0 ; float: right; display:block;}
	.submenu_img img{margin:0 0 0 5px;}
	.project_container {width: 100%;}
	.project_text_container {width: 100%;margin: 20px 0 0 0;float: left;}
	.project_img_container {margin:  10px 0 0 0;width: 100%;}
	.textsnews img { width: 40%;float: right;}
	.textsnews h3{text-align:left}
	.navbar li {font-size: 1.125em;font-family: Arial, Helvetica, sans-serif; color: #fff;list-style-type: none;display: inline; padding:0px 20px 0px 0px;}
	.text {font-size: 0.875em;}
	.texts {font-size: 0.875em;}
	.textsnews {font-size: 0.875em;}
	.pdf {font-size: 0.875em;}
	.img_nr {font-size: 0.875em;}
	.text {font-size: 0.875em Arial, Helvetica, sans-serif;width: 100%;margin:  0 2% 2% 0;float: left;}
	.text ul {font-size: 0.875em;}
	.project_text {font-size: 0.875em;}
	.project_text h3 {line-height: 2;margin: 10px 0 0 0;}
	.project_text ul {font-size: 0.875em;}
	.galleryItem h3 {font-size: 0.875em;}
	div.description {font-size:15px;}

}


@media only screen and (max-width : 360px),
only screen and (max-device-width : 360px){
	.home_container {width: 100%;}
	.galleryItem {width: 96%;}
	.galleryItem img {width: 96%;}
	.galleryItem h3 {font-size: 0.875em;}
	.galleryItem p, .header p {font-size: 0.875em;}
	.menu {position:absolute; margin:0 10px 0 0; top:0px;}
	.project_container {width: 100%;margin: 20px 0 0 0;overflow: hidden;display:block}
	.project_img_container {margin:  10px 0 0 0;width: 100%;}
	.project_text_container {width: 100%;margin: 15px 0 0 0;}
	.textsnews h3{text-align:left}
	.textsnews img {margin: 10px 0 20px 10px; width: 100%;}
}