﻿@charset "utf-8";

@font-face {
  font-family: 'impact';
  font-style: normal;
  font-weight: normal;
  src: url('font/impact.eot');
}

/* layout */
html  
{
    margin-left:-1px; 
}

form 
{			
	margin:0;
	padding:0;
}

#pageWrap 
{
    padding:0;
    margin:0 auto;
	max-width:2560px;
	min-width:1000px;
	overflow:hidden;
	background:url(images/pageWrap.jpg) repeat-y center top; 
}

#headerWrap {width:100%; height:232px; background:url(images/headerWrap.jpg) no-repeat center top;} 

#header 
{						
    position:relative;
    margin:0 auto 0 auto;
    width:1000px;
    height:232px;
    z-index:3;				
}

#bcBackground 
{
    position:relative;
    width:100%;
    background:url(images/bcBackground.jpg) no-repeat center top;
    z-index:2;			
}

#bcHeader 
{
    position:relative;
    width:100%;
    background:url(images/bcHeader.jpg) no-repeat center bottom;
    z-index:3;
}

#bcFooter 
{
    position:relative;
    width:1000px;
    margin:0 auto 0 auto;
    min-height:400px;
    padding:24px 0 30px 0;
    z-index:3;
}

#boxMain
{		
    width:1000px;
    margin:0 auto 0 auto;
    z-index:4;
}

#footerWrap 
{
    position: relative;
    width: 100%;
    height:351px;
    bottom: 0;
    z-index: 1;
	background:url(images/footerWrap.jpg) no-repeat center top;
}

#footer 
{	
    position:relative;
    width: 1000px;
    height:336px;
    margin: 0 auto 0 auto;
    padding:15px 0 0 0;
    z-index:4;
}

    
/* end layout */

/* header */

#logo {position:absolute; top:26px; left:0px}

/* end header */

/* top menu*/

#menu 
{    
	position:absolute;
	top:180px;	
	left:18px;
	z-index:4;
	padding:0 0 0 2px;
	background:url(images/menuLi.png) no-repeat left top;
}

.menuMain 
{
	list-style:none;
	margin:0 auto 0 auto;
	padding:0;
}

.menuMain li 
{
	list-style:none;
    padding:0 2px 0 0;
    margin:0;
    float:left;
	background:url(images/menuLi.png) no-repeat right top;
}

.menuMain li a 
{
	display:block;
	font-size: 18px;
	text-transform:uppercase;
	font-family:Coda, Arial, Helvetica, sans-serif;
	text-shadow:1px 1px #004a62;
	color: #fff;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	position:relative;	
	padding:0 35px;
	height:47px;
	line-height:47px;
	background:url(images/menuA.png) repeat-x left top;
}

.menuMain li:hover a, .menuMain li.selected a 
{
	color:#fff;
	background-position:left bottom;
}


/* end top menu*/

/* bottom menu  */

#menuFooter	
{
	width: 1000px;
	text-align:center;
	z-index:7;
	float:left;
	padding:0 0 115px 0;
}

.menuMainFooter	
{
	list-style: none;
	margin:0;
	padding:0;
}

.menuMainFooter li 
{
    display: inline;
}

.menuMainFooter li a	
{
    color: #fff;
	font-size:18px; 
	font-family:Coda, Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
    text-decoration: none;
    padding: 0 20px 0 20px;
	text-shadow:1px 1px #004a62;
}

.menuMainFooter li.last a
{
    background:none;
}

.menuMainFooter li:hover a
{
    color: #fff;
    text-decoration: underline;
}

/* end bottom menu  */

/* cs copyright */
#containerFooter {
	width: 100%;
	font-size: 12px;
	font-weight:bold; 
	color: #80c4f8;
	padding:0;
	float:left;
    text-align:center;
}
#containerFooter a {
	text-decoration: none;
	color:#80c4f8;
}
#containerFooter a:hover {
	text-decoration: none;
	color:#a1d5fd;
}

/* end cs copyright */

/* footer */

#footerText {float:left; width:1000px; text-align:center; font-size:18px; font-family:Coda, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 20px 0; color:#fff}
#footerText span {margin:0 20px 0 0}
#footerText a {color:#fff; text-decoration:none}
#footerText a:hover {color:#fff; text-decoration:underline}

/* end footer */

/* box */

#boxLeft {float:left; width:549px; margin:0 0 0 17px}
#boxRight {float:left; width:420px; padding:8px 0 0 0}
#boxs {/*float:left;*/ width:983px; margin:50px 0 20px 17px;display:flex;justify-content:center;align-items:center;}
#boxMain {float:left; width:955px; margin:0 0 0 20px}

#box1, #box2, #boxPutna,
#box01, #box02, #box03, #box04, #box05 {float:left; display:block; font-size:13px; color:#000000; line-height:1.4em}
#box01 {width:249px; height:168px; margin:0 0 15px 0; background:url(images/box01.png) no-repeat left top; padding:30px 20px 0 255px}
#box02 {width:249px; height:168px; margin:0 0 15px 0; background:url(images/box02.png) no-repeat left top; padding:23px 20px 0 255px}

#box1 {width:155px; height:233px; margin:0 14px 15px 0; background:url(images/box1New.png) no-repeat left top; padding:25px 20px 0 137px}
#box2 {width:155px; height:233px; margin:0 14px 15px 0; background:url(images/box2New.png) no-repeat left top; padding:25px 20px 0 137px}
#boxPutna {width:155px; height:233px; margin:0 14px 15px 0; background:url(images/boxPutna.png) no-repeat left top; padding:25px 20px 0 137px}
#box03 {width:155px; height:233px; margin:0 14px 15px 0; background:url(images/box03.png) no-repeat left top; padding:25px 20px 0 137px}
#box04 {width:155px; height:233px; margin:0 14px 15px 0; background:url(images/box04.png) no-repeat left top; padding:25px 20px 0 137px}
#box05 {width:155px; height:233px; margin:0 0px 15px 0; background:url(images/box05.png) no-repeat left top; padding:25px 20px 0 137px}

#box01 h1, 
#box02 h2, 
#box03 h2, 
#box04 h2, 
#box1 h1, 
#box2 h2, 
#boxPutna h2, 
#box05 h2 {font-size:22px; color:#0066cc; margin:0 0 10px -85px; text-transform:uppercase; font-weight:normal; font-family:Coda, Arial, Helvetica, sans-serif; text-align:center; width:210px}

#box01 p,
#box02 p, 
#box03 p, 
#box04 p, 
#box1 p, 
#box2 p, 
#boxPutna p, 
#box05 p {line-height:1.4em}

#box01 h1 a, 
#box02 h2 a, 
#box03 h2 a, 
#box04 h2 a,
#box1 h1 a, 
#box2 h2 a, 
#boxPutna h2 a,  
#box05 h2 a {color:#0066cc; text-decoration:none}

#box01 h1 a:hover, 
#box02 h2 a:hover, 
#box03 h2 a:hover, 
#box04 h2 a:hover, 
#box1 h1 a:hover, 
#box2 h2 a:hover, 
#boxPutna h2 a:hover, 
#box05 h2 a:hover {color:#0066cc; text-decoration:underline}


.rightTitle {font-size:20px; color:#ff6600; text-transform:uppercase; margin:0 0 10px 0; float:left; width:100%; font-family:Coda, Arial, Helvetica, sans-serif;}
.rightText {margin:0 0 10px 0; float:left; width:100%;}


/* end box */
