/* PMDC */
/* Containers
----------------------------------------------------------------------------------------------------*/
* {
	-webkit-user-select: initial;
      -khtml-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
/*	-webkit-text-stroke-width: 0.1px;
	webkit-text-stroke-color: #666161;
	webkit-font-smoothing:antialiased;*/
}

.container_12 {
	width: 100%;
	height:98%;
	margin-left: 0%;
	margin-right: 0%;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
/*	float: left;*/
	position: relative;
	margin-left: 0%;
	margin-right: 0%;
	height:100%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0%;
}

.omega {
	margin-right: 0%;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:8.333%;
}

.container_12 .grid_2 {
	width:16.667%;
}

.container_12 .grid_3 {
	width:25.0%;
}

.container_12 .grid_4 {
	width:33.333%;
}

.container_12 .grid_5 {
	width:41.667%;
}

.container_12 .grid_6 {
	width:50.0%;
}

.container_12 .grid_7 {
	width:58.333%;
}

.container_12 .grid_8 {
	width:66.667%;
}

.container_12 .grid_9 {
	width:74.0%;
}

.container_12 .grid_10 {
	width:83.333%;
}

.container_12 .grid_11 {
	width:91.667%;
}

.container_12 .grid_12 {
	width:100.0%;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:8.333%;
}

.container_12 .prefix_2 {
	padding-left:16.667%;
}

.container_12 .prefix_3 {
	padding-left:25.0%;
}

.container_12 .prefix_4 {
	padding-left:33.333%;
}

.container_12 .prefix_5 {
	padding-left:41.667%;
}

.container_12 .prefix_6 {
	padding-left:50.0%;
}

.container_12 .prefix_7 {
	padding-left:58.333%;
}

.container_12 .prefix_8 {
	padding-left:66.667%;
}

.container_12 .prefix_9 {
	padding-left:75.0%;
}

.container_12 .prefix_10 {
	padding-left:83.333%;
}

.container_12 .prefix_11 {
	padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:8.333%;
}

.container_12 .suffix_2 {
	padding-right:16.667%;
}

.container_12 .suffix_3 {
	padding-right:25.0%;
}

.container_12 .suffix_4 {
	padding-right:33.333%;
}

.container_12 .suffix_5 {
	padding-right:41.667%;
}

.container_12 .suffix_6 {
	padding-right:50.0%;
}

.container_12 .suffix_7 {
	padding-right:58.333%;
}

.container_12 .suffix_8 {
	padding-right:66.667%;
}

.container_12 .suffix_9 {
	padding-right:75.0%;
}

.container_12 .suffix_10 {
	padding-right:83.333%;
}

.container_12 .suffix_11 {
	padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:8.333%;
}

.container_12 .push_2 {
	left:16.667%;
}

.container_12 .push_3 {
	left:25.0%;
}

.container_12 .push_4 {
	left:33.333%;
}

.container_12 .push_5 {
	left:41.667%;
}

.container_12 .push_6 {
	left:50.0%;
}

.container_12 .push_7 {
	left:58.333%;
}

.container_12 .push_8 {
	left:66.667%;
}

.container_12 .push_9 {
	left:75.0%;
}

.container_12 .push_10 {
	left:83.333%;
}

.container_12 .push_11 {
	left:91.667%;
}



/* Ptablel Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .ptablel_1 {
	left:-8.333%;
}

.container_12 .ptablel_2 {
	left:-16.667%;
}

.container_12 .ptablel_3 {
	left:-25.0%;
}

.container_12 .ptablel_4 {
	left:-33.333%;
}

.container_12 .ptablel_5 {
	left:-41.667%;
}

.container_12 .ptablel_6 {
	left:-50.0%;
}

.container_12 .ptablel_7 {
	left:-58.333%;
}

.container_12 .ptablel_8 {
	left:-66.667%;
}

.container_12 .ptablel_9 {
	left:-75.0%;
}

.container_12 .ptablel_10 {
	left:-83.333%;
}

.container_12 .ptablel_11 {
	left:-91.667%;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*---------------PMDC THEME-------------------------------------------*/
	html {
		height:99.5%;
	}
	
	body {
		height:100%;
	}
/*------------------START TYPOGRAPHY -------------------*/
	body {
		font-family: 'nobel','Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
	}

	h1, h3, h5 {
		font-weight: 100;
		font-family: Helvetica, Arial, sans-serif;
		line-height: 120%;
	}
	
	h3 {
		color:red;
	}
	
	h2, h4, h6{
		line-height: 120%;
		color: #666;
		font-family: 'Helvetica Neue', Helvetica, 'Arial Condensed', Arial, sans-serif;
	}

	a {
		font-family: Helvetica, Arial, sans-serif;
		color:black;	
	}
	
	pre, code{
		font-family: Courier, monospace;
	}	
/*------------------END TYPOGRAPHY -------------------*/

	html, body {
		padding:0px;
		margin:0px;
		background: whitesmoke;
	}

/* 	html {
		padding-top:5px;
	}
 */

	div.content {
		position: fixed;
		height: 70%;
		background: #c7bda4;
		left: 16.6%;
		top: 30%;
		z-index: 10;
		overflow : auto;
	}

	div.menubar {
		position:fixed;
		top: 0px;
		z-index: 100;
		background:whitesmoke;
		background-size:8% 100%;
		background-repeat:no-repeat;
		width:100%;
		height:40px;
		vertical-align:middle;
		overflow:hidden;
		border:0px solid red;
		left:0;
	}
	
	.header-nav {
		position:fixed;
/*		border:1px solid red;*/
		top:40px;
		z-index:90;
		width:100%;
		left:0px;
	}	
	
	div.menubar table.top-right-menu {
		position:absolute;
		height:100%;
		border:0px solid blue;
		right:0px;
		height:100%;
		z-index: 100;
		top:-13%
	}

	div.menubar table.top-right-menu   td {
		font-size:0.9em;
		cursor:pointer;
		vertical-align:middle;
		border:0px solid red;
		letter-spacing: 3px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color:black;
		font-weight:bold;		
/*		text-shadow: 1px 1px 1px lightgray;*/
}

	div.menubar table.top-right-menu  td:hover  {
		cursor:pointer;
		color : black;
	}

	div.menubar table.top-right-menu td.divider {
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
	
	div.menubar table.top-right-menu td.td_world {
		width:50px;
	}

	div.menubar table.top-right-menu td.td_world  img {
		width:25px;
	}

	div.menubar div.company_name, div.menubar div.company_name_short {
		position:absolute;
		/*	text-shadow: 1px 1px 1px black;*/
		font-family:  'Times',Helvetica, Arial, Verdana, sans-serif;
		font-size:1vw;
		padding-left:10px;
		top : 9px;
		letter-spacing: 3px;		
		color : #ff0000;	/*contrast*/
/*		text-shadow: 1px 1px 1px lightgray;		*/
		font-weight:bold;
	}

	div.menubar div.company_name_short {
		display:none;
	}
/*--------- START FOOTER------------------------------------------------------------------------------------------------------------*/
	div.footer {
		border-top:3px solid #ff0000; /*contrast #d61c1c*/
		border-bottom:0px solid white; /*contrast*/
		height:6%;
		background: lightgray;
		position:fixed;
		bottom:0%;
		z-index:100;
/*		background-image:url('/sim/images/footer_image.png');*/
	}

	div.footer div.logo {
		position			:	absolute;
		background-position	: 	5% 50%;
		background-size		:	6vh;
		background-repeat	:	no-repeat;
		border				:	0px solid red;
		height				:	100%;
	}

	div.footer div.logo-name {
		color 			: 	#ff0000; /*#d61c1c;*/
		font-size 		:	4vh;
		font-family		:	'Times','Helvitica','Arial','Times';
		position		:	relative;
		left			:	7.6vh;
		vertical-align	:	middle;
		top				:	-1px;
/*		font-weight		:	bold; */
	}
	
	div.footer div.tagline {
		position		:	relative;
		left			:	7.6vh;
		top				: 	-0.8vh;
		font-family		:	'Times','Helvitica','Arial','Times';
		font-size		:	1.5vh;
		/*border:1px solid red;*/
	}

	div.footer div.copyright {
		position			:	absolute;
		top					:	3px;
		right				:	1%;
		border				:	0px solid red;
		height				:	100%;
		font-size			:	1.3vh;
	}

	div.footer div.copyright span.smaller_gmt {
		font-size:10px;
	}

	div.footer div.login_initiator {
		font-family		:	"Times";
		position		:	absolute;
		bottom			:	35%;
		right			:	13vw;
		border-bottom	:	0px;
		text-align		:	center;
		-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
		font-size:0.8em;
		font-weight:bold;
		cursor:pointer;
		color:red;
	}

	div.footer div.login_initiator span {
		font-family:"nobel";
	}

	div.footer div.login_frame {
		width			:	300px;
		height			:	100px;
		background		:	#d3d3d3;
		position		:	absolute;
		bottom			:	105%;
		right			:	1vh;
		border			:	0.5px outset darkgray;
		border-bottom	:	0px;
		text-align		:	center;
		-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
		display:none;
/*		border-top-left-radius	:15px;		
		border-top-right-radius	:15px;*/
	}

	div.footer div.login_frame table {
		position:relative;
		top:22%;
	}

	div.footer div.login_frame:hover {
		background:#dadada;
	}

	div.slider_title {
		position:absolute;
		right:0px;
		top:37vh;
/*		background:white;*/
		height:50px;
		width:400px;
		font-size:2em;
		-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
/*		opacity: 0.5!important; filter:alpha(opacity=50);*/
		text-align:center;
		vertical-align:middle;
		text-shadow: 1px 1px 1px black;
		font-weight:bold;
		color:white;
	}

	div.loading {
		background: url('../../../images/ajax-loader-brown-horizontal.gif') no-repeat center center !important;
	}
	
	div.footer div.login_frame input {
		width:150px;
	}

	a.login_button {
		position:absolute;
		left:82%;
		top:27%;
		-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
		cursor:pointer;
		border:0px;
	}
	
	a.login_button:focus {
		background:#cacaca;
		border:0px;
	}

	a.login_button:hover {
		background:#cacaca;
	}

	a.login_button  img {
		border:0px;
	}

	div.footer div.login_frame table tr:first-child td {
		text-align:right;
	}
/*--------- END FOOTER-----------------------------------------------------------------------------------------------------------------------------*/

/*--------- START div-project-locations------------------------------------------------------------------------------------------------------------*/
div.div-project-locations {
	position		:	fixed;
	top				:	28px;
	z-index			:	50;
	width			:	100%;
	background		:	whitesmoke;
	display			:	block;
	visibility		:	hidden;
	height			:	445px;
	border-bottom	:	2px outset darkgray;
}

div.project-locations-content {
	margin:10px;
/* 	border:1px solid blue;*/
}

div.locations-header {
	background		:	whitesmoke;
	font-size		:	25px;
	font-family		:	'Helvitica','Arial','Times';
	color			:	dimgray;
	border-bottom	:	1px solid lightgray;
}

/*div.locations-header-close-button {
	font-size:15px;
	position:absolute;
	display:inline;
	left:0%;
	z-index:100;
	bottom:0px;
	cursor:pointer;
	color:white;
	background:dimgray;
}*/

ul.list-projects {
	list-style: none;
/* 	border:1px solid red;*/
	text-align:left;
	color: dimgray;
	font-family	 : 'nobel';
	font-size:20px;	
	margin:0px;
}

ul.list-projects li {
	list-style: none;
	text-align:left;
	margin-bottom:10px;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }


.alignright { float: right; }
.alignleft { float: left; }

ul.list-projects li a {
	text-decoration:none;
	font-family:'nobel';
	font-size:20px;
	cursor:pointer;
	color: #898989;
}

ul.list-projects li a:hover {
	background:lightgray;	
}

ul.list-projects li a.active {
	background:lightgray;
}

 table.locations-table {
	width:100%;
	position:relative;
	height:300px;
	overflow:hidden;
/* 	border:1px solid gold;*/
}

 table.locations-table td {
	vertical-align:top;
 }

 table.locations-table td:first-child {
	width:25%;
	vertical-align:top;
	text-align:center;
}

/* table.locations-table td  {
	background-position:100% 100%;
 }*/

td.project-content {
	width:45%;
	background-position:0% 80%;
	background-size:100%;
	background-repeat:no-repeat;
	border-left:1px solid lightgray ;
	border-right:1px solid  lightgray;
	vertical-align:top;
}

td.project-content div.content-area {
	display:none;
	position:relative;
	width:60%;
	height:90px;
	background:black;
	right:0px;
	opacity: 0.6!important;
	filter:alpha(opacity=60);
	top:168px;
}

td.project-content div.content-header {
	font-family: 'Times';
	display:block;
	background:red;
	color:white;
	font-size:30px;
}

td.project-content div.content-text {
	font-family: 'Times';
	font-size:20px;
	opacity: 1!important; filter:alpha(opacity=100);
	color:white;
	}

div#map-canvas {
	position:relative;
	height:425px;
	width:100%;
/*	border:1px solid blue;*/
/* 	background:gold;
	color:green;
 */
}

/* FOR QTRANSLATE PLUGIN */
.qtrans_language_chooser {
	list-style:none !important;
 }

.qtrans_language_chooser li {
	float:left !important;
	padding-right:6px !important;
	display:inline !important;
	float:left;
}

.qtrans_language_chooser li a {
	color:black;
	text-decoration:none;
}

.widget_qtranslate {
	position:relative;
	top:-15px;
}
/*--------- END div-project-locations-----------------------------------------------------------------------------------------------------*/

/*--------- START PAGE CONTENT------------------------------------------------------------------------------------------------------------*/
	section.content-section {
		position:relative;
		top:5px;
		/*border:1px solid red;*/
		width:99%;
		left:0%;
		font-size: 1.2em;
		background-image : url('images/pmdc-logo-trans.png');
/*		background-size	: 18% 90%;*/
		background-size	: 35vh;
		background-repeat:no-repeat;
		background-position:-10px 0px;
		height:38%;		
	}

	section.content-section article {
		/*border:1px solid gold;*/
		position:relative;
		height:100%;
		left:20%;
        width:80%;
    }
	
	div.entry-content {
		position:relative;
		/*border:1px solid blue;*/
		height:35vh;
		top:-20px;
/*		min-height: 250px;
		max-height: 250px;*/
		overflow:auto;
		color:black;
		text-shadow: 0px 0px white;
		text-rendering: optimizePrecision;
		font-size:1.1vw;
		-webkit-font-smoothing: antialiased !important;
	}

	h2.post-title a {	
		color	:	black;
		font-family: 'Helvetica';
		font-size:20px;
		font-weight:bold;
		text-decoration:none;
	}
/*--------- END PAGE CONTENT------------------------------------------------------------------------------------------------------------*/

/* ------------------------------------------CSS HEADER MENU------------------------------------------------------------------------------------------*/
	#cssmenu {
		width:100%;
		display:none;
	}

	#cssmenu ul,
	#cssmenu li,
	#cssmenu span,
	#cssmenu a {
	  margin: 0;
	  padding: 0;
	  position: relative;
	}

	#cssmenu:after,
	#cssmenu ul:after {
	  content: '';
	  display: block;
	  clear: both;
	  
	}
	#cssmenu a {
		color: #898989;	/*contrast*/
		display: inline-block;
		font-family: 'nobel';/*sans-serif;*/
		font-size: 16px;
		min-width: 0px;	/*previously 35px */
		text-align: center;
		text-decoration: none;
		letter-spacing : 1px;
		width:100%;
		line-height:50px;
/*	  text-shadow: 0 -1px 0 #eeeeee;*/
	}

	#cssmenu a img{ 
		border: 0px;
		position:relative;
		height:20px;
		width:20px;
		top : 6px;
	}

	#cssmenu ul {
		list-style: none;
		display:table;
		width:101%;
		background: whitesmoke;
	}
	
	#cssmenu > ul > li {
		display:table-cell;
		margin:0px;
		padding:0px;
		border-bottom:1px outset dimgray;
	}

	#cssmenu > ul > li.active > a {
		background:#bababa;
	}

	#cssmenu > ul > li.active a:hover {
		background:#bababa;
	}
	
	#cssmenu > ul > li a {
	}
	
	#cssmenu > ul > li a:hover {
		background:#bababa;
		color:whitesmoke;
	}
	#cssmenu .has-sub:hover ul {
	  display: block;
	}
	#cssmenu .has-sub ul {
	  display: none;
	  position: absolute;
	  top: 50px;
	  min-width: 100%;
	  max-width:100%;
	  text-align: center;
	  /**width: 100%;*/
	}

	#cssmenu .has-sub ul li {
	  text-align: center;
	}

	#cssmenu .has-sub ul li a {
	  border-top: 0px solid gray;
	  display: block;
	  font-family: 'nobel';/*sans-serif;*/
	  font-size: 18px;
	  text-align: center;
	}
/* ------------------------------------------END CSS HEADER MENU------------------------------------------------------------------------------------------*/
	.flexslider {
		position:absolute;
		height : 40vh;
		border:0px solid red;
		margin:0px;
		padding:0px;
		overflow:hidden;
		position:relative;
		top:40px;
		-webkit-border-radius:0px; 
		-moz-border-radius: 0px; 
		-o-border-radius: 0px; 
		border-radius: 0px;
	}

	.flexslider .slides {
		border:0px solid red;
		margin  : 0px;
		padding : 0px;
	}

	.flexslider .slides img {
			position	:	static;
			top 		:	20px;
			margin  	:	0px;
			padding 	: 	0px;
	}

/*---------------------MEDIA QUERIES----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px)  and (orientation:landscape) {
	ul.list-projects li a{
		font-size:14px;
	}
}

@media only screen and (max-width: 800px)  and (orientation:landscape) {
	ul.list-projects li a{
		font-size:10px;
	}

	div.entry-content {
		height:79vh;
	}
}

@media only screen and (max-width: 550px)  and (orientation:landscape) {
	#cssmenu > ul > li {
		display:block;
	}

	.flexslider, .slider_title, div.menubar table.top-right-menu td.td_world, table.top-right-menu td.divider, div.div-project-locations {
		display:none;
	}

	div.menubar div.company_name {
		display:none;
	}

	div.menubar div.company_name_short {
		display:inline;
		font-size:5vw;
	}
}

@media only screen and  (max-height: 800px) and (orientation : portrait) {
	
	div.entry-content {
		height:75vh;
		font-size:2.5vh;
	}
	
	#cssmenu > ul > li {
		display:block;

	}

	#cssmenu .has-sub ul li {
			background:black;
			z-index:100;
	}


	.flexslider, .slider_title, div.menubar table.top-right-menu td.td_world, table.top-right-menu td.divider, div.div-project-locations {
		display:none;
	}

	div.menubar div.company_name {
		display:none;
	}

	div.menubar div.company_name_short {
		display:inline;
		font-size:5vw;
	}
}
/* ------------------------------------------END MEDIA QUERIES---------------------------------------------------------------------------------------------*/

/*.infobox-wrapper {
    display:none;
}

#infobox {
    border:2px solid black;
    margin-top: 8px;
    background:#333;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: .5em 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow:0 -1px #000000;
    -webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;
}
*/