@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/

/*@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200italic,300italic,700italic|Fondamento:400italic,400|Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900&subset=latin,latin-ext);*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400&subset=latin,latin-ext);

/*@import url(http://fonts.googleapis.com/css?family=Cutive+Mono&subset=latin,latin-ext);*/

img, object, embed, video, iframe/**/ {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/




/*
	view-source:http://alistapart.com/article/fluid-images
*/

/*html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, a {*/
html, body, body div, span, object, iframe, img, article, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;
	background: transparent;*/
	vertical-align: baseline;
	color:#333;
	font-style: normal;
}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
img, object, embed, iframe {
	max-width: 100%
}
[hidden] {
display:none
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll
}
html, button, input, select, textarea {
	color: #222;
	/*line-height: 1.4;*/
}
body {
	margin: 0;
	font-size: 1em;
	/*background-color:#3d66a8;
	background-color:#000;
	background-color:#3d66a8;*/
	height:100%;
}

html,body,#gridContainer {
	/*font-family: 'PT Sans Caption', sans-serif;
	letter-spacing:0.01em;
	font-family: 'Antonio Bold', sans-serif;
	letter-spacing:-0.04em;
	font-family: 'Titillium Web', sans-serif;			/italic 200,300,700
	http://www.google.com/fonts#UsePlace:use/Collection:Titillium+Web:400italic,700italic,300italic,200italic,300,200
	font-family: 'Fondamento', cursive;*/
	/*font-family: 'Open Sans Condensed', sans-serif;		300+700*/
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;

	/*font-family: 'Titillium Web', sans-serif;
	font-style:italic;
	font-weight:200;*/
}
h1,h2,h3,h4,h5,h6 {
	/*font-family: "Typo3", sans-serif;
	font-family: "delicious", sans-serif;
	font-family: "calluna", sans-serif;
	font-family: "Bebas", sans-serif;
	font-family: "BebasNeue", sans-serif;
		
	font-family: 'Racing Sans One', cursive;
	font-family: 'PT Sans Caption', sans-serif;
		
	font-family: 'Six Caps', sans-serif;
	font-family: 'Stardos Stencil Regular', sans-serif;
	font-family: 'Stardos Stencil Bold', sans-serif;
	font-family: 'BenchNine Light', sans-serif;
	font-family: 'BenchNine Bold', sans-serif;
	font-family: 'BenchNine Regular', sans-serif;
	font-family: 'PT Sans Caption', sans-serif;
	font-weight:bold;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Antonio Light', sans-serif;
	letter-spacing:-0.04em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;*/
	
	/*font-family: 'Titillium Web', sans-serif;
	font-style:italic;
	font-weight:200;*/
	
	
	/*font-family: 'Open Sans Condensed', sans-serif;
	font-style:normal;*/
	/*font-family: 'Fondamento', cursive;
	font-style:italic;
	font-weight:400;*/
	
}

p.text {
	padding: .7em 0;
}

img {
	background-color: transparent !important;
	background-color: none !important;
	/*vertical-align: middle;*/
}


a:link {
	color: #009;
	text-decoration: none;/**/
}
a:visited {
	color: #009;
	text-decoration: none;/**/
}
a:hover {
	/*
	background-color: #000;
    border-bottom: 2px dotted #FFF;
    padding-bottom: 6px;*/
	color: #C00;
}
a:active {
	/**/background-color:#000;
	color: #CCC;
}






 .linkAsText a:link {
	color: #333;
}
 .linkAsText a:visited {
	color: #333;
}
 .linkAsText a:hover {
	color: #009;
}
 .linkAsText a:active {
	/**/background-color:#C2B59B;
	color: #ddd;
}



#languages {
	position: fixed;
	z-index: 10;
	top: 0px;
	left: 104px;
}

#languages img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
}

#homeLinkDiv, #pdf1LinkDiv, #pdf2LinkDiv  {
	position: fixed;
	left: 0;
	color: #fff;
}
#homeLinkDiv  {
	z-index: 2;
	top: 40px;
}
#pdf1LinkDiv  {
	z-index: 3;
	bottom: 120px;
}
#pdf2LinkDiv  {
	z-index: 4;
	bottom: 140px;
}
#homeLinkDiv a, #pdf1LinkDiv a, #pdf2LinkDiv a {
	color: #fff;
	background-color: #222;
	padding-right: 6px;
	padding-left: 3px;
}
#homeLinkDiv a:hover, #pdf1LinkDiv a:hover, #pdf2LinkDiv a:hover {
	background-color: #b00;
	padding-left: 8px;
}



/* Mobile Layout: 480px and below. */

#gridContainer {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	/*width: 96.7391%;
	padding-left: 1.6304%;
	padding-right: 1.6304%;*/
	/*background: #3d66a8 url(v4/images/energetika-bg1-800x50px.png) repeat left top;
	height:100%;
	padding-bottom: 10%;*/
	cursor: default;
}

#layoutContainer {
	position:relative;
	margin: 0;
	/* height:800px;
	padding-bottom: 5%;		to include bg-image, use padding */
	/*width:100%;height:100%;
	
	position:relative;
	padding-bottom: 10%;*/
	
}





	#mainDiv, #LayoutDiv1, #LayoutDiv-PromoDiv, #LayoutDiv2, #LayoutDiv3, #LayoutDiv4 {
		display: block;
		position: relative;
		padding: 0;
		margin: 0;
		float: left;
		/*height: 100%;
		background-color: #3d66a8;
		background-color: #FFF;*/
		width: 100%;
		/*width: 50%;*/
		/*visibility: hidden;
		max-width: 33.3%;*/
	}

	#mainDiv {
		/* margin-top: 80%; */
	}




/*

				#mainDiv, #LayoutDiv1 {
					width: 50%;
					max-width: 50%;
				}

				#mainDiv {
					margin-left: 50%;
				}
*/



#videoDiv {
	/*overflow: hidden;
	position: absolute;*/
	position: fixed;
	z-index: 0;
	/* visibility: hidden; */
}
#videoDiv > img,
#videoDiv > video {
	/*CHANGE THIS TO SCALE THE IMAGES*/
	width: 100%;
	height: 100%;
}

#videoDivOverlay {
	/*
	position: absolute;*/
	position: fixed;
}
#videoDivOverlay > img {
	/*CHANGE THIS TO SCALE THE IMAGES*/
	width: 100%;
	height: 100%;
}




#LayoutDiv2 {
	/*margin-top: 80%;*/
	background-color: #fff;
}

#LayoutDiv3 {
	/* NOT due to hover
	margin-top: 2em;*/
}

#LayoutDiv4 {
	/*background-color: #3d62a8;*/
}





#LayoutDiv2 h1,h2 {
	margin: 0;
	padding: 0;
	line-height: 1;
	margin-bottom: -.08em;
	font-weight: 300;
	text-transform: uppercase;
}
#LayoutDiv2 header h1 {
	/*font-size: 2.94em;
	font-size: 1.78em;*/
	font-size: 2.2em;
	font-size: 1.94em;
	color: #000;
}
#LayoutDiv2 h2 {
	font-size: 1.38em;
}
#LayoutDiv2 p {
	font-size:.94em;
	/*
	margin: 10px 2px 4px;
	margin-right: 100px;
	cursor: pointer;
	opacity: .64;*/
}
#LayoutDiv2 div.item {
	margin-bottom: 1em;
}
div.readMore {
	position: relative;
	display: inline-block;
	padding: 2px 10px;
	font-size:.7em;
	/*margin-left: 1em;*/
	font-weight: bold;
	color: #666;
	background-color: #fbfbfb;
	/*
	margin-top: -5px;*/
}

#LayoutDiv2 .personsCredits {
	font-size:.78em;
	/*display: inline-block;
	font-weight: bold;*/
}







	::selection {
	  background: #ffb7b7; /* WebKit/Blink Browsers */
	}
	::-moz-selection {
	  background: #ffb7b7; /* Gecko Browsers */
	}

	h1::selection, h2::selection {
	  background: transparent;
	}
	h1::-moz-selection, h2::-moz-selection {
	  background: transparent;
	}

	#p1r61 p:hover, div.headline-div {
		cursor: pointer;
	}


	.headline-div {
		position: relative;
		width: auto;
		height: auto;
		/**/
		clear: both;
		padding: 1.4em 0 .6em 12%;
		
	}

	.smaller {
		font-size: 60%;
		text-transform: lowercase;
	}


			#p1r1, #p1r3, #p1r4, #p1r5, #p1r6 {
				position: relative;
				width: 100%;
				height: auto;
				/*background-color: #CCC;*/
				clear: both;
			}

			#p1r1, #p1r6 {
				/*background-color: #CCC;
				padding: 1em;*/
				width: auto;
			}
			#p1r1 div, #p1r61 {
				padding: 1em 2em .2em 1em;
			}
			#p1r1, #p1r6 {
				margin-top: .5em;
			}






			#p1r6 {
				position: relative;
				width: auto;
				height: auto;
					
			}
				#p1r61 {
					position: relative;
					width: auto;
					height: auto;
					/*background-color: #CCC;*/
						
				}



			#p1r3 {
				margin-top: 1em;
					
			}
			.p1r3c1 {
				position: relative;
				float: left;
				width: 4.6%;
				height: auto;
				/*background-color: #333;*/
			}

					.p1r3c1b {
						/* background-color: #C00;
						position: relative;
						float: left;
						width: 40%;
						height: auto;
						 
						padding: 80% 0 0 60%; */
					}
					.p1r3c1b1 p {
						position: relative;
						overflow: hidden;
						clear: both;
						width: 100%;
						/* 
						height: 80em;
						padding: 200% 0 0 0;
						background-color: #C00;
						border-right: 1px solid #C00; */
					}

			.p1r3c2 {
				position: relative;
				float: left;
				width: 14.6%;
				height: auto;
				border-right: 1px solid #C00;
			}
					.p1r3c2 p {
						text-align: center;
						/*padding: 64% 0 0 0;
						padding: 0 0 0 0;*/
						padding: 2.8em 0 0 0;
					}

			.p1r3c3 {
				position: relative;
				float: left;
				/*width: 1.8%;*/
				width: auto;
				height: auto;
				/* background-color: #900; 
				display: none;*/
			}
			.p1r3c4 {
				position: relative;
				float: left;
				width: 78.9%;
				height: auto;
				margin-top: 1em;
			}
					.p1r3c4 div {
						/*padding: 5% 0 0 4%;
						padding: 0em 0 0 4%;*/
						padding: 0.8em 0 0 4%;
						margin: 0;
					}







ul {
    list-style-type: none !important;
}



ul.inline-items li {
	display: inline-block
}






div#social-icons {
	width: 100%;
}
div#social-icons-content {
	width: 288px;
	margin: 0 auto;
}

div#social-icons img {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 48px;
}









/* Very small layout */

@media only screen and (max-width: 481px) {
	/*@media only screen and (min-width: 1160px) {*/
	
}


@media only screen and (max-width: 1360px) {
	/*@media only screen and (min-width: 1160px) {*/
	

}













/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/*@media only screen and (min-width: 769px) {*/
@media only screen and (min-width: 481px) {
	

		#mainDiv {
			/**/position: relative;
			height: 100%;
			width: 100%;
		}

		/**/#mainDiv, #LayoutDiv1 {
			width: 100%;
			max-width: 100%;
		}

		/**/#LayoutDiv2 {
			/*margin-top: 80%;*/
			background-color: #fff;
		}

		#mainDiv {
			/* margin-top: 80%; */
			background-color: #fff;
			/*margin-left: 100%;*/
		}

}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
/* originally 769, later 1024 */

		
			#mainDiv {
				/**/position: relative;
				height: 50%;
				width: 50%;
				margin-left: 50%;
				margin-top: 0;
			}
			
			/**/#mainDiv, #LayoutDiv1 {
				width: 50%;
				max-width: 50%;
			}

			#LayoutDiv1, #LayoutDiv2 {
				margin-top: 0;

			}

			/*#LayoutDiv1, #LayoutDiv2 {
				margin-top: 0;

			}*/
				
/*
			#mainDiv {
				margin-left: 50%;
			}
*/

}



/* Bigscreen Layout */

@media only screen and (min-width: 1360px) {

	#mainDiv {
		/*max-width: 760px;*/
	}
	#gridContainer {
		width:auto;
		margin: auto 1% auto 1%;
	}



}



@media only screen and (min-width: 2100px) {
	/*@media only screen and (min-width: 1160px) {*/
	#gridContainer {
		/*max-width: 2100px;
		margin: auto 20% auto 20%;*/
		margin: auto 10% auto 10%;
	}
}
























@media print
  {
  	/*#LayoutDiv1 header h1 {display:block;}*/
  }





/* =============================================================================
       Links
       ========================================================================== */
/*
     * Addresses `outline` inconsistency between Chrome and other browsers.
     */

a:focus {
  outline: thin dotted;
}

/*
     * Improves readability when focused and also mouse hovered in all browsers.
     */

a:active,
a:hover {
  outline: 0;
}