@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Lato-Light';
    src: url('fonts/Lato-Light.eot?') format('eot'),
         url('fonts/Lato-Light.woff') format('woff'),
         url('fonts/Lato-Light.ttf') format('truetype'),
         url('fonts/Lato-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Reg';
    src: url('fonts/Lato-Regular.eot?') format('eot'),
         url('fonts/Lato-Regular.woff') format('woff'),
         url('fonts/Lato-Regular.ttf') format('truetype'),
         url('fonts/Lato-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	padding:0px;
	margin:0px;
}

body {
	padding:0px;
	margin:0px;
	font-family: 'Lato-Reg', Arial, sans-serif;
	background-color:#000;
	color:#999;
}

a:link, a:visited {
	text-decoration:underline;
	color:#999;	
}

a:hover {
	text-decoration:none;
	color:#d48122;	
}



img {
	border:none;}
#bg {
	width:100%;
	height:526px;
	z-index:-1;
	background-image:url(../images/bg1.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}

::selection {
	background-color:#dddddd;
}
::-moz-selection {
	background-color:#dddddd;
}
::-webkit-selection {
	background-color:#dddddd;
}

#contener {
	width:980px;
	height:auto;
	margin:0 auto;
	border-top:3px #971e1e solid;
	background:url(../images/stamp.png) top left no-repeat;
}

#topAdress {
width: 822px;
height: 19px;
float: left;
text-align: right;
font-size: 13px;
padding: 5px 10px 0 0;
}

#leanguage {
	width:148px;
	height:22px;
	background-color:#282828;
	float:left;
	text-align:center;
}

#leanguage img  {
	width:14px;
	height:10px;
	margin:8px 2px 0 2px;
	opacity:0.5;
}

#leanguage img.active  {
	width:14px;
	height:10px;
	margin:8px 2px 0 2px;
	opacity:1;
}

#top {
	width:980px;
	height:150px;
	border-bottom:1px solid #282828;
}

#logo {
	width:260px;
	height:125px;
	float:left;
	padding-top:25px;
}

#menu {
	width:720px;
	height:81px;
	color:#FFF;
	float:left;
	font-size:12px;
	padding-top:60px;
	font-family: 'Lato-Reg', Arial, sans-serif;
}

#menu a, #menu a:visited{
	color:#FFF;
	text-decoration:none;
	padding:2px 0 2px 0;
}

#menu a:hover{
	color:#d48122;
	text-decoration:none;
}


#menu ul.menuMaster {
    margin: 0; 
	padding: 0;
    float: right;
}
 
#menu ul.menuMaster  li{
    display: inline;
	padding:2px 5px 2px 5px;
	margin:0 5px 0 5px;
	float:left;
	text-align:center;
}

#menu ul.menuMaster  li:last-child{
    display: inline;
	padding:2px 0px 2px 5px;
	margin:0 0px 0 5px;
	float:left;
	text-align:center;
}

#menu ul.menuMaster li:last-child:hover{
    display: inline;
	padding:2px 0px 2px 5px;
	margin:0 0px 0 5px;
	float:left;
	text-align:center;
}

#menu ul.menuMaster  li:hover{
    display: inline;
	padding:2px 5px 2px 5px;
	cursor:pointer;
	background-image:url(../images/bordermenu.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin:0 5px 0 5px;
}

#menu ul.menuMaster  li ul.submenu {
	display: none;
	margin:0px;
	padding:0px;
}

#menu ul.menuMaster li:hover ul.submenu{
	display: block;
	position: absolute;
	padding: 15px 0 0 0;
	margin:0px;
	top:55px;
	width:500px;
 }
#menu ul.menuMaster li:hover ul.submenu li{
	margin:0px;
	padding:0px 10px 2px 0;
	
}
#menu ul.menuMaster li:hover ul.submenu li a, #menu ul.menuMaster li:hover ul.submenu li a:visited{
	color: #FFF;
	text-decoration:none;
	padding:10px 0 10px 0;
}

#menu ul.menuMaster li:hover ul.submenu li a:hover{
	color:#d48122;
	text-decoration:none;
}
	
#slog {
	width:980px;
	text-align:center;
	height:261px;
	float:left;
	color:#a3a3a3;
	margin-top:90px;
	border-bottom:1px solid #282828;
	font-family: 'Lato-Light', Arial, sans-serif;	
}

#slog div {
	position:absolute;
	left:50%;
	margin-left:-490px;
	top:260px;
	width:980px;
	height:261px;
}

#slog strong {
	font-size:38px;
	font-family: 'Lato-Reg', Arial, sans-serif;
	color:#FFF;
	font-weight:normal;
}

#slog hr {
	width:150px;
	height:1px;
	background-color:#282828;
	border:none;
	margin:30px auto 25px auto;
}

#slog p {
	font-size:22px;
	width:600px;
	font-family: 'Lato-Light', Arial, sans-serif;
	line-height:27px;
	color:#a3a3a3;
	margin:0 auto;
}

#content {
	width:980px;
	height:auto;
	float:left;
	border-bottom:1px solid #282828;
	margin-bottom:20px;
}

#content .left, .leftTitle {
	width:650px;
	height:auto;
	float:left;
	padding:20px 0px 20px 0px;
	margin-right:10px;
	font-size:14px;
	line-height:20px;
}

#content .left .pContent {
	float:left;
/*	text-align:justify;*/
	padding-top:20px;
}

#content .left .pContent .width33 {
	width:33%;
	height:auto;
	text-align:center;
	float:left;
	padding:20px 0 20px 0;
}

#content .left .pContent .width100 {
	width:100%;
	height:auto;
	text-align:center;
	float:left;
	padding:20px 0 20px 0;
}

#content .left .pContent strong {
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-weight:normal;
	color:#CCC;
}
#content .left .pContent p {
	padding:0 0 10px 0;
	margin:0px;
}

#content .left .pContent h2, #content .left .pContent h3, #content .left .pContent h4 {
	color:#d48122;
	padding:10px 0 10px 0;
	margin:0px;
	font-size:16px;
	font-family: 'Lato-Reg', Arial, sans-serif;	
	font-weight:normal;		
}

strong, b {
	font-family: 'Lato-Reg', Arial, sans-serif;	
	font-weight:normal;		
}

#content .left h3 {
	color:#d48122;
	padding:10px 0 5px 0;
	margin:0px;
	font-size:16px;
	color: #d48122;	
}

#content .left .blockContact {
width:48%; float:left; padding-bottom:20px;
}
#content .left hr {
	background-color:#282828;
	height:1px;
	border:none;
	margin:5px 0 15px 0;
	width:100%;
}
#content .left .blockContact h3 {
		color:#d48122;
	padding:10px 0 10px 0;
	margin:0px;
}
#content .left #linksContent ul li {
	display:inline; 
	font-size:12px;
	padding:10px;
	white-space:nowrap;
	cursor:pointer;
}
#content .left #linksContent ul li:hover {
	display:inline; 
	font-size:12px;
	padding:10px;
	white-space:nowrap;
	cursor:pointer;
	color:#d48122;
}

#content .left #linksContent ul {
	margin:0px; !important
	padding:0px; !important
	width:650px;
	display:inline;
}

#content .left #linksContent {
	border-bottom:1px solid #282828;
	border-top:1px solid #282828;
	padding:10px;
	text-align:center;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.7;
    position:fixed;
    bottom:50px;
    right:50%;
	margin-right:-560px;
    display:none;
    text-indent:-9999px;
    background: url(../images/totop.png) no-repeat;
}

.submenuPortal {
	width:310px;
    position:fixed;
    top:50px;
    right:50%;
	margin-right:-490px;
    display:none;
	font-size:14px;
}

.submenuPortal ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}

.submenuPortal ul li {
	padding-top:5px;
	cursor:pointer;
}

.submenuPortal ul li:hover {
	color:#d48122;	
}
	

#content .center, .title {
	width:980px;
	height:auto;
	float:left;
	padding:20px 0px 20px 0px;
	margin-right:10px;
	font-family: 'Lato-Light', Arial, sans-serif;	
	line-height:20px;
}
#content .menuGalleryS {
	width:325px;
	height:120px;
	float:left;
	padding:10px 0px 10px 0px;
	margin-right:0px;
	line-height:20px;
	text-align:left;
	font-size:14px;
	font-family: 'Lato-Light', Arial, sans-serif;
	color:#333;	
	font-weight:normal;	
}

#content .menuGalleryP {
	width:980px;
	height:auto;
	float:left;
	padding:20px 0px 20px 0px;
	margin-right:10px;
	line-height:20px;
	border-bottom:1px solid #282828;
	text-align:LEFT;
	font-size:14px;
	font-family: 'Lato-Light', Arial, sans-serif;
	color:#999;	
	font-weight:normal;	
}

#content .menuGalleryP H3 {
	width:980px;
	height:auto;
	float:left;
	font-weight:normal;
	padding:3px 0px 13px 0px;
	text-align:LEFT;
	font-size:16px;
	font-family: 'Lato-Reg', Arial, sans-serif;
	color: #d48122;	
}

#content .menuGalleryS ul li {
	list-style:circle;
	width:300px;
}

#content .menuGalleryS ul li a:link, #content .menuGalleryS ul li a:visited {
	padding:0;
	margin:0 2px 0 2px;
	color:#666;
	text-decoration:none;
}

#content .menuGalleryS ul li a:hover{
	padding:0;
	color:#d48122;
	margin:0 2px 0 2px;	
	text-decoration:none;
	background:url(../images/bordermenu.png) bottom center no-repeat;
}


#content .center div .hover {
	width:190px;
	height:190px;
	position:absolute; 
	top:0px; 
	left:0px;
	background:url(../images/hovergallery.png) no-repeat center center;
	text-align:center;
	z-index:5;
	color:#FFF;
	display:none;
}



#content .center .leftPDF  {
	width:46%;
	margin:1% 1% 1% 0;
	float:left;
	border:1px solid #333;
	font-size:14px;
	text-align:center;
	line-height:20px;
	padding:20px 1%;
	background-color:#171717;
	text-shadow:none;
	font-weight:normal;
}	

#content .center .rightPDF {
	width:46%;
	margin:1% 0 1% 1%;
	float:left;
	border:1px solid #333;
	font-size:14px;
	text-align:center;
	line-height:20px;
	padding:20px 1%;
	text-shadow:none;
	font-weight:normal;
}

#content .center .centerPDF  {
	width:96.2%;
	margin:1% 0 ;
	float:left;
	border:1px solid #333;
	font-size:14px;
	text-align:center;
	line-height:20px;
	padding:20px 1%;
		background-color:#171717;
	text-shadow:none;
	font-weight:normal;
}	

#content .center a .onepdfcolor,
#content .center a .twopdfcolor,
#content .center a .threepdfcolor,
#content .center a .fourpdfcolor,
#content .center a .fivetpdfcolor,
#content .center a .sixtpdfcolor,
#content .center a .seventtpdfcolor{
		background-color:#171717;
}
/*#content .center .rightPDF:hover, #content .center .leftPDF:hover, #content .center .centerPDF:hover {
	background-color:#d48122;
	color:#FFF;
	font-weight:normal;
}*/

#content .center .onepdfcolor:hover {
	background-color:#d48122;
	color:#FFF;
	font-weight:normal;
}
#content .center .twopdfcolor:hover {
	background-color:#ebc713;
	color:#FFF;
	font-weight:normal;
}
#content .center .threepdfcolor:hover {
	background-color:#9fe758;
	color:#FFF;
	font-weight:normal;
}
#content .center .fourpdfcolor:hover {
	background-color:#18abca;
	color:#FFF;
	font-weight:normal;
}
#content .center .fivetpdfcolor:hover {
	background-color:#4f6a4d;
	color:#FFF;
	font-weight:normal;
}
#content .center .sixtpdfcolor:hover {
	background-color:#c4d410;
	color:#FFF;
	font-weight:normal;
}
#content .center .seventtpdfcolor:hover {
	background-color:#9c6ca8;
	color:#FFF;
	font-weight:normal;
}

#content .center .viewport {
	width:190px;
	height:190px;
	float:left;
	margin:3.4px 6.8px 3.4px 0;
	position:relative;
	overflow: hidden;	
}

#content .center .nomargin {
	width:190px;
	height:190px;
	float:left;
	margin-right:0px; !important
	position:relative;
	overflow: hidden;	
}

#content .center .viewport a img {
	height: 190px; !important
	left: 0px;
	position: relative;
	top:0px;
	width: 190px; !important
	border:none;
}


#content h1 {
	color:#CCC;
	margin:0px 0 15px 0;
	font-weight:normal;
/*	text-align:justify;*/
	font-size:15px;
	font-family: 'Lato-Reg', Arial, sans-serif;	
	font-weight:normal;	
}

#content p {
	text-align:left;
	margin-top:0px;
	padding-top:0px;
	color:#999;
}

#content ul {
	margin:5px 0 0 0;
}

#content ul li{
	margin:5px 0 0 0;
	padding:0px;
	color:#999;	
}


#content p strong {
	font-weight:normal;
	font-family: 'Lato-Reg', Arial, sans-serif;
	color:#CCC;
}

#content h2, #content h3{
	color: #d48122;	
	font-size:14px;
	font-family: 'Lato-Reg', Arial, sans-serif;	
	font-weight:normal;	
	padding:0;
	margin:0;
}

 .rightTitle  {
	width:310px;
	height:auto;
	float:left;
	margin-left:10px;
	padding:20px 0px 20px 0px;
	line-height:20px;
	}
	 
#content .right{
	width:310px;
	height:auto;
	float:left;
	margin-left:10px;
	padding:20px 0px 0px 0px;
	line-height:20px;
}

#content .right .viewport, #bottomInner .viewport  {
	width:310px;
	height:250px;
	float:left;
	position:relative;
	overflow: hidden;
	margin-bottom:20px;
}

.viewport a {
	 display: block;
	position: relative;
}

.viewport a img {
	height: 250px;
	left: 0px;
	position: relative;
	top:0px;
	width: 310px;
	border:none;
}


.galleryNav {
	width:100%; text-align:center; float:left; margin-top:10px; margin-bottom:10px;
}

.galleryNav a, .galleryNav a:visited  {
	padding:5px 10px 5px 10px;
	margin-right:2px;
	background-color:#111;
	color:#999;
	text-decoration:none;	
}

.galleryNav a:hover  {
	padding:5px 10px 5px 10px;
	margin-right:2px;
	background-color:#111;	
	color:#d48122;
	text-decoration:none;	
}


#content .right div .hover, #bottomInner div .hover {
	width:310px;
	height:190px;
	position:absolute; 
	top:0px; 
	left:0px;
	background:url(../images/rand/bghover.png) no-repeat center center;
	text-align:center;
	padding-top:60px;
	z-index:5;
	color:#FFF;
	display:none;
}

#content .right div .hover h4, #bottomInner div .hover h4{
	font-size:16.5px;
	width:180px;
	margin:0 auto;
	font-weight:300;
	line-height:22px;
}

#content .right div .hover hr, #bottomInner div .hover hr{
	width:70px;
	height:1px;
	background-color:#CCC;
	border:none;
	margin:15px auto 15px auto;
}

#content .right div .hover p, #bottomInner div .hover p{
	font-size:12px;
	width:180px;
	margin:0 auto;
	font-weight:300;
	line-height:16px;
	text-align:center;
	color:#FFF;
}

.title {
	border-bottom:1px solid #282828;
	text-align:center;
	font-size:20px;
	font-family: 'Lato-Light', Arial, sans-serif;
	color:#d48122;
}

.leftTitle {
	border-bottom:1px solid #282828;
	text-align:center;
	font-size:20px;
	font-family: 'Lato-Light', Arial, sans-serif;
	color:#d48122;
}
.rightTitle{
	border-bottom:1px solid #282828;
	text-align:center;
	font-size:14px;
	font-family: 'Lato-Light', Arial, sans-serif;
	color:#d48122;
}
#bottom {
	width:100%;
	height:auto;
	float:left;
	background-color:#0a0a0a;
}
#bottom2 {
	width:100%;
	height:auto;
	float:left;
	padding-top:20px;
	background-color:#0a0a0a;
}

#bottomInner {
	width:980px;
	height:auto;
	margin:0 auto;	
}

#bottomContact, #bottomMap {
	width:310px;
	height:auto;
	float:left;
	margin:0 0 10px 0;	
}

#bottomMap a:link, #bottomMap a:hover, #bottomMap a:visited {
	color:#FFF;
	text-decoration:none;
	font-family: 'Lato-Light', Arial, sans-serif;	
}


#bottom2 #bottomForm{
	width:310px;
	height:auto;
	margin:0 25px 10px 25px;
	float:left;
	}
#bottomForm {
	width:320px;
	height:auto;
	margin:0 20px 10px 20px;
	float:left;
}

#bottomInner .title{
	width:310px;
	height:auto;
	color:#FFF;
	text-align:center;
	float:left;
	padding:20px 0px 20px 0px;
	font-size:18px;
	font-family: 'Lato-Light', Arial, sans-serif;
	line-height:20px;
	border-bottom:1px solid #282828;	
}

#bottomInner .content{
	width:310px;
	height:auto;
	color:#3f4041;
	text-align:center;
	float:left;
	padding:20px 0px 10px 0px;
	font-size:17px;
	font-weight:400;
	line-height:22px;
	color:#666;
	position:relative;
}

#bottomInner .content #hover{
	width:200px;
	height:auto;
	position:absolute;
	top:95px;
	left:50%;
	margin-left:-100px;
	color:#FFF;
	font-size:24px;
	line-height:30px;
	display:none;
	font-weight:300;
}

#bottomInner #text {
	width:980px;
	float:left;
	color:#242424;
	font-size:14px;
	text-align:center;
	line-height:18px;
	padding:20px 0 20px 0;
	border-top:1px solid #282828;		
	border-bottom:1px solid #282828;	
}

#bottomInner #footer {
	width:980px;
	float:left;
	color:#242424;	
	font-size:11px;
	text-align:center;
	padding:20px 0 20px 0;
}

#bottom #name, #bottom #phone {
	background-color:#1d1d1d;
	border:none;
	height:24px;
	padding:5px 1% 5px 1%;
	margin:1px 1px 1px 1px;
	width:47%;
	float:left;
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-size:17px;
	color:#666;
}

#bottom #mail, #bottom #subject {
	background-color:#1d1d1d;
	border:none;
	height:24px;
	padding:5px 1% 5px 1%;
	margin:1px 0px 1px 1px;
	width:96.5%;
	float:left;
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-size:17px;
	color:#666;
}

#bottom #text_mail{
	background-color:#1d1d1d;
	border:none;
	height:114px;
	padding:5px 1% 5px 1%;
	margin:1px 0px 1px 1px;
	width:96.5%;
	float:left;
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-size:17px;
	overflow:auto;
	max-width:96.5%;
	max-height:300px;
	color:#666;
}

#bottom #sendmail{
	background-color:#2d2d2d;
	background-image:url(../images/bgsend.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:none;
	height:34px;
	padding:5px 0 5px 0;
	text-align:center;
	margin:1px 0px 1px 1px;
	width:98.5%;
	float:left;
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-size:17px;
	color:#666;
}

#bottom #response{
	display: none;
	background-color:#3c0000;
	width:95%;
	padding:2%;
	margin:0 0 2px 1px;
	color:#FFF;
	cursor:wait;
	font-size:13px;
}

.left #name, .left #phone, .left #mail, .left #subject {
	background-color:#1d1d1d;
	border:none;
	height:34px;
	padding:5px 1% 5px 1%;
	margin:1px 1px 1px 1px;
	width:47.5%;
	float:left;
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-size:17px;
		color:#666;
}

.left #text_mail{
	background-color:#1d1d1d;
	border:none;
	height:70px;
	padding:5px 1% 5px 1%;
	margin:1px 0px 1px 1px;
	color:#666;	width:97.3%;

	float:left;
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-size:17px;
	overflow:auto;
	max-width:98%;
	max-height:600px;
}

.left #sendmail{
	background-color:#2d2d2d;
	background-image:url(../images/bgsend.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:none;
	height:34px;
	padding:2% 0 5% 0;
	text-align:center;
	margin:1px 0px 1px 1px;
	width:99.3%;
	float:left;
	font-family: 'Lato-Reg', Arial, sans-serif;
	font-size:17px;
		color:#666;
}

.left #response{
	display: none;
	background-color:#3c0000;
	width:95.3%;
	padding:3% 2% 3% 2%;
	margin:1px 0px 1px 1px;
	color:#FFF;
	cursor:wait;	
	font-size:13px;
}

.example {
	width: 980px; height: 500px; overflow:none; margin:0 auto;
	padding:10px;
}

.example #imageWrap { 
	width:500px;
	height:500px;
    background:url(../images/ajax-loader.gif) center center no-repeat; 
}

.example .min {
width:120px; height:480px; padding:0 10px 0  10px; float:left;
}

.example .content{
width:320px; height:340px; padding:30px 10px 10px 10px; float:left;
font-size:14px;
}

.example .content strong {
	color:#333;
	font-size:9px;
	font-weight:normal;
	font-family: 'Lato-Reg', Arial, sans-serif;
}

.example .content hr {
	background-color:#333;
	height:1px;
	border:none;
	margin:5px 0 15px 0;
	width:100%;
}

.example .content .strong {
	color:#555;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	font-family: 'Lato-Reg', Arial, sans-serif;
/*	text-align:justify;*/
}
.example .content h1 {
	color:#F60;
	font-size:16px;
	margin:0 0 10px 0;
	padding:0px;
	font-weight:normal;
}
.example .content p {
/*	text-align:justify;*/
	padding:5px 0 5px 0;
	margin:0px;
/*	text-align:justify;*/
	line-height:16px;
}

.example .min img {
	float:left;
	padding-bottom:10px;
	width:120px;
	height:117.5px;	
}

.example #imageWrap,.example #imageWrap img  {
	width:500px;
	height:500px;
	float:left;
}

.nowowsc {
	width:80px; height:11px; z-index:100; position:absolute; top:73px; left:50%; margin-left:290px; background-image:url(../images/nowosc.gif); background-repeat:no-repeat;
}

.morereal {
	float:left;
	width:280px;
	height:auto;
	background-color:#1d1d1d;
	color:#FFF;
	padding:15px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:15px;
	font-size:13px;
}
.morereal a {
	text-decoration:none;
}

@media screen and (min-width: 1800px) {
body {
/*zoom: 120%;
transform: scale(120%);
transform-origin:0 0;
-ms-transform: scale(120%);
-ms-transform-origin:0 0;
-moz-transform: scale(120%);
-moz-transform-origin: 0 0;
-o-transform: scale(120%);
-o-transform-origin: 0 0;*/
}
}


