img {border: none}
a,input,textarea,select{outline: none} 
a{text-decoration: none;color: #003471}
a:hover{text-decoration: underline}
* html #mainContainer{height: 100%}
fieldset{border: none}
form, fieldset, html, body, ul, ul li{padding: 0;margin: 0}
#mainContentBoxIn ul,ol
{
    list-style: none
}
#mainContentBoxIn ul, ol li
{
    padding-left: 20px;
    line-height: 18px
}

body
{
    margin: 0px;
    padding: 0px;
    font:normal 12px Tahoma, Arial, Verdana,  Geneva, Helvetica;
    position: relative;
    min-height: 100%;    
    height: 100%;
    color: #000;
    min-width: 1000px;
    /*background: #5cafd1 url(images/0.jpg) 50px 0 repeat-x;*/    
    background: #5cafd1;   
}
html
{
    height: 100%;
    min-width: 1000px;
    /*overflow-x: hidden*/
}

#leftRepeat
{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    z-index: 0;
    background: url(images/0_0_0.jpg) 0 0 repeat-x;
    height: 740px
}
#rightRepeat
{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    z-index: 0;
    background: url(images/0_0_1.jpg) 0 0 repeat-x;
    height: 740px
}
#mainBackgrNoRepeat
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 740px;
    background:  url(images/0_0.jpg) 50% 0 no-repeat
}

#left0
{
    /*background: url(images/left0.png) 0 0 no-repeat;*/
    background: url(images/left01.png) 0 0 no-repeat;
    position: absolute;
    z-index: 2;
    width: 249px;
    height: 45px;
    /*top: 93px;*/
    top: 93px;
    left: 0    
}

#right0
{
    background: url(images/right01.png) 0 0 no-repeat;
    position: absolute;
    z-index: 2;
    width: 158px;
    height: 71px;
    /*top: 93px;*/
    top: 71px;
    right: 0
}

#repBubleL
{
    position: absolute;
    z-index: 2;
    width: 50%;
    left: 160px;    
    background: url(images/rep1.png) 0 0 no-repeat;
    height: 34px;
    top: 100px;
}
#repBubleR
{
    position: absolute;
    z-index: 2;
    width: 50%;
    right: 144px;
    background: url(images/rep1.png) top right no-repeat;
    height: 34px;
    top: 100px;
}
/**************************************************************************
			HEADER
/**************************************************************************/

#header
{
    position: absolute;
    width: 990px;
    padding-left: 10px;
    height: 356px;    
    top: 0;
    z-index: 9090   
}

#logoPodlogka
{
    position: absolute;
    top: 5px;
    width: 407px;
    height: 93px;
    left: -10px;    
    font: normal 13px Verdana;
    color: #fff
}
#podlogka
{
    /*width: 407px;
    height: 93px;*/
	width: 407px;
	height: 120px;
    left: -10px;
    /*background: url(images/logoPodlogka.png) 0 0  no-repeat*/
	background: url(/g.png) 0 0 no-repeat
}
#logo
{
    position: absolute;
    /*width: 131px;    
    left: 20px;
	left: 15px;
    height: 65px;
    top: 17px;*/
	width: 131px;
	height: 110px;
	left: 20px;
	top: -8px
	/*top 10*/
}
#logo a
{
    display: block;
    height: 100px;
    position: relative;
	text-indent: -9999px;
	width: 130px; 
	z-index: 9090
}
#logoIn
{
    /*background: url(images/logo1.png) 0 0 no-repeat;*/
	background: url(images/l21.png) 0 0 no-repeat;
    /*height: 51px;
    margin-top: 8px*/
	height: 110px;
	margin-top: 25px;
	margin-left: 10px
}
#contacs
{
    position: absolute;
    right: 20px;
    width: 200px;
    height: 65px;    
    top: 10px
}
span.small
{
    display: inline !important;
    font-size: 16px;    
	font-weight: bold;
	line-height: 22px
}
#contacs span
{
    display: block;
    padding-top: 4px;
}
#contacs i
{
    font-style: normal;
    text-decoration: underline
}


#topMenuBox
{
    background: url(images/topMenu.png) 0 0 no-repeat;
    height: 51px;
    overflow: hidden;    
}
#private
{
	padding-top: 10px
}

/*BOTTOM MENU */

#bottomPageIn .inMenuBox ul li
{
    font: bold 10px Arial;
    padding: 0 6px
}
#bottomPageIn .inMenuBox ul li a
{
    color: #000
}
#bottomPageIn .inMenuBox ul li a:hover
{
    text-decoration: underline
}

/*TOP MENU */

.outMenuBox
{
    position: relative;
    height: 31px;
    overflow: hidden;
}
.inMenuBox
{
    float: left;
    left: 50%;
    position: relative;
    text-align: center;    
    padding-top: 1px
}
.inMenuBox ul
{
    position: relative;
    left: -50%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}
.inMenuBox ul li
{
    float: left;
    font: normal 14px Tahoma;
    text-transform: uppercase;
    padding: 0 10px;
    height: 31px;
    position: relative;
}
.inMenuBox ul li a
{
    display: block;    
    position: relative;
    line-height: 30px;
    vertical-align: middle
}




/* CURRENT ELEMENT */

.inMenuBox ul li a#current:hover .activeM
{
    text-decoration: none
}

.inMenuBox ul li a#current
{
    color: #fff
}
.inMenuBox ul li a#current .activeL
{
    background: url(images/activeL.png) 0 0 no-repeat;
    visibility: visible;
    display: block
}
.inMenuBox ul li a#current .activeR
{
    background: url(images/activeR.png) 0 0 no-repeat;
    visibility: visible;
}
.inMenuBox ul li a#current .activeM
{
    background: url(images/activeM.gif) 0 0 repeat-x;
}

/*END CURRENT*/

.inMenuBox ul li a:hover
{
    /*text-decoration: none;
    color: #fff; */
    cursor: pointer
}
.activeL, .activeR
{
    display: block;
    position: absolute;    
    width: 13px;
    top: 0;
}
.activeM
{    
    height: 29px;
    display: inline-block
}
.activeL, .activeR
{
    width: 13px;
    height: 29px
}

.activeL
{
    left /**/:/**/ -13px;        
    visibility: hidden; /*FIX IE 6 BUG*/
}
.activeR
{
    right /**/:/**/ -13px;    
    visibility: hidden;    
}
.inMenuBox ul li a:hover .activeM
{
    text-decoration: underline
}

/*.inMenuBox ul li a:hover .activeL
{   
   background: url(images/activeL.png) 0 0 no-repeat;
   visibility: visible;
   display: block
}
.inMenuBox ul li a:hover .activeR
{
   background: url(images/activeR.png) 0 0 no-repeat;
   visibility: visible;   
}
.inMenuBox ul li a:hover .activeM
{
    background: url(images/activeM.gif) 0 0 repeat-x;
}*/


#headerImgContainer img
{
    display: block;  /*fix padding bug*/
}

/**************************************************************************
			MAIN
/**************************************************************************/
#mainContainer
{    
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
    background:  url(images/pageBottom.jpg) left bottom repeat-x;
    z-index: 9090;
    /*background: url(images/0_0.jpg) 50% 0 no-repeat*/
}

* html #mainContainer { overflow: visible}

#mainContainer:after
{
    content: 'EasyClear';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}
#mainContainer { display: inline-block }
/*\*/
#mainContainer { display: block}
/**/


#mainInContainer
{
    position: relative;
    min-height: 900px;
    height: auto !important;
    height: 900px;    
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 30px    
}


#mainInInContainer
{
    position: relative;
    height: 1%;
    overflow /**/:/**/ hidden;
    padding-top: 356px    
}

/*RIGHT BOX*/
#rightContentBox
{
    float: right;
    width: 797px
}

/* CAROUSEL */

#carouselBox
{
    height: 157px;
    margin-top: 15px;
    overflow: hidden
}

.arrowCarousel
{
    width: 17px;
    height: 27px;
    float: left;    
    margin-top: 59px;
    display: inline;
    cursor: pointer
}
#leftArrow
{
    background: url(images/leftArrow.png) 0 0 no-repeat
}
#rightArrow
{
    background: url(images/rightArrow.png) 0 0 no-repeat
}





#contentIn
{
    background: url(images/contentBox.gif) right top repeat-y;
    min-height: 400px;
    height: auto !important;
    height: 400px  
}
#mainContentBoxIn
{
    border-top: 1px solid #c2c2c2;
    margin: 0 6px;
    padding: 10px 10px 10px 19px;
    font: normal 13px Tahoma;
    color: #464646;
    line-height: 18px;
    text-align: justify
}
.mainGalTblDiv
{
	
	padding: 0 !important
}

#mainContentBoxIn h2,h3,h4,h5,h6
{
    padding: 0;
    margin: 0;
    padding: 5px 0;
    font-size: 12px;
    
}

#mainContentBoxIn em, h1 em, i
{
    font-style: normal;
}
#list1
{
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 10px 10px
}


h1#pageHeader
{
    padding: 0;
    margin: 0;
    height: 37px;
    background: url(images/pageHeader.png) 0 0 no-repeat;
    overflow: hidden;
    font-size: 11px;    
    text-transform: uppercase;
    color: #002749;
    line-height: 42px;
    vertical-align: middle;
    padding:  0 25px
}
#bottomPage
{
    background: url(images/bottomPage.png) 0 0 no-repeat;
    height: 42px;
}
#bottomPageIn
{
    border-top: 1px solid #c2c2c2;
    margin: 0 6px
}


#copyRightBox
{
    padding: 10px 0 20px 25px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    position: relative
}
#copyRightBox a
{
    color: #fff;
    text-decoration: underline
}
#copyRightBox span
{
    display: block;
}
#copyRightBox span#telNumbers
{
    color: #000    
}


/*EMPIRE LOGO */

#empireIn, #empireBox, #empireIn a
{
    height: 51px
}
#empireBox
{    
    right: 16px;
    width: 189px;    
    position: absolute;
    top: 4px
}
#empireIn
{
    background: url(images/empire.png) 0  0 no-repeat    
}
#empireIn a
{
    position: relative;
    display: block    
}

/*LEFT CONTENT*/

#leftMenuContentBox
{
    float: left;
    width: 197px;
    padding-bottom: 100px
}

/*NEWS*/

#newSepar
{
    background: url(images/newSepar.png) 0 0 no-repeat;
    height: 7px;
    font-size: 0;
    margin-left: 6px
}

#newBoxMain
{
    /*padding-top: 30px;*/    
    /*background: url(images/newsBox.png) 0 0 no-repeat*/
}

.newsGenBox
{
    margin: 14px 20px 0 17px    
}
.newsGenBox a
{
    color: #003461
}
.newsGenBox h6
{
    padding: 0;
    margin: 0;
    font: bold 11px Arial;
    color: #003461
}
.newsGenBox h6 span.dateNews
{
    color: #fff;
    font-weight: bold
}

/*LEFT MENU*/
#leftMenuBox
{    
    margin-left: 10px;
    padding-top: 20px;    
}


/*********************************/
/* TEXT PAGE */
/*********************************/

h2#pathBox
{
    min-height: 16px;
    height: auto !important;
    height: 16px;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 11px;
    background: url(images/rightArrow.png) 0 0 no-repeat;
    padding: 5px 0 10px 25px;
    line-height: 15px;
    margin-left: 10px
}
h2#pathBox span
{
    color: #1b6fc5
}
h2#pathBox a
{
    text-decoration: none;
    color: #fff;
    position: relative;
    z-index: 9090
}
h2#pathBox a:hover
{
    text-decoration: underline
}


.imgLigthBox
{
    padding-top: 5px;
    height: 1%;
    overflow /**/:/**/ hidden
}
.imgLigthBox div
{
    float: left
}
.imgLigthBox img
{
    padding: 0;
    margin: 0;
    border: 2px solid #c2c2c2;
    margin-right: 8px
}
.imgLigthBox a
{
    display: block;
    
    text-align: center
}


/*GALLERY*/

#galTbl
{
    margin: 0 auto;
    position: relative	
}
#galTbl tr td
{
    vertical-align: middle;   	
	/*background: #cecfd0;*/
	background: #dcdee0;
	border: 1px solid #a7a8a9
}
#galTbl tr td a
{
    display: block;
	padding: 5px;
	
}
#galTbl tr td p
{
    margin: 0;
    padding: 0
}
#galTbl tr td img
{
    border: 1px solid #c6c6c6;
    padding: 0;
    margin: 0;
    vertical-align: top;
}


span.pools_characters
{
    display: block;
    padding-top: 5px;
    text-transform: uppercase;
    color: #002749;
    width: 170px;
    text-align: center;
    font-weight: bold;
    font-size: 11px
}
span.pools_characters_main
{
    display: block;
    width: 170px;
    text-align: center;
    color: #707070;
    font-size: 11px;
}
.genGal
{
    position: relative
}
.genGalIn
{
    position: relative
}
span.ugolTL
{
    background: url(images/picCornerL.png) 0 0 no-repeat;
    left: 0;
    top: 0
}

span.ugolTR
{
    background: url(images/picCornerR.png) 0 0 no-repeat;
    right: 0;
    top: 0
}

span.ugolRB
{
    background: url(images/picCornerRB.png) 0 0 no-repeat;
    right: 0;
    bottom: 0
}
span.ugolLB
{
    background: url(images/picCornerLB.png) 0 0 no-repeat;
    left: 0;
    bottom: 0;
}

span.ugolLB,span.ugolRB,span.ugolTR,span.ugolTL
{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute
}





/**************************************************************************
			FOOTER
/**************************************************************************/
/*#footer
{  
    height: 306px;
    position: relative;
    min-width: 1000px;
    margin-top: -306px;
    background:  url(images/pageBottom.jpg) left bottom repeat-x;
}*/

.modelsTbl
{
	border-collapse: collapse
}
.modelsTbl tr td
{
	text-align: center;
	padding-bottom: 40px;
	/*border: 1px solid #c6c6c6;*/
	border: 1px solid #a7a8a9;
	border-collapse: collapse;
	/*background: #dcdee0;*/
	padding: 25px 3px;
	
}
h4.modelTitle
{
	/*padding: 20px 0;*/
	font-size: 14px;
	text-align: center;
	background: #dcdee0;	
	margin: 20px 0
}
h4.modelTitle a
{
	color : #464646;
	display: block;
	padding: 20px 0
}
h4.modelTitle a:hover
{
	text-decoration: none
}
.tblAnc tr td
{
	text-align: center
}
.tblAnc tr td span
{
	display: inline-block;
	font-size: 14px;	
	padding: 5px;
	background: #dcdee0;
	border: 1px solid #a7a8a9;
	/*background: url(images/rightArrow.png) 0 0 no-repeat;*/
	/*height: 16px;
	padding: 5px 0 10px 25px;*/
}

.ancDO
{
	height: 0;
	font-size: 0;
	line-height: 0
}
/*STYLE*/
div#horizontal 
{
    overflow: hidden;
    width: 732px;
    border-top: 0;
    height: 147px;
    float: left;
    display: inline;
    margin-left: 15px;
    margin-right: 3px;
    position: relative;
}

div.carousel p
{
    width: 366px;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;

}
div.carousel p a
{
    text-decoration: none;
    color: #003471;
    font-size: 12px;
    text-transform: uppercase; 
	font-weight: bold	
}
div.carousel p span
{
    position: absolute;
    bottom: 12px;
    display: block;
    height: 32px;
    width: 280px;
    left: 50px;
    line-height: 30px
}
span.vertexText
{
    position: static;
    bottom: 0;
    display: inline;
    font-size: 10px;
    width: auto;
    line-height: 12px;
    left: 0
}
div.carousel  a:hover
{
    text-decoration: underline;
}

div#horizontal div.inner
{
    width: 2196px;
    position: relative;
}



/*TREEE*/

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
/*background: url(list.gif) no-repeat left center;*/
list-style-type: none;
/*padding-left: 25px;*/
}
.treeview li
{
    padding-bottom: 17px
}
.treeview li ul
{
    margin-top: 15px;
    padding: 0;
    margin-left: 5px;
    width: 167px    
}
.treeview li ul li
{
    padding-bottom: 0;
    padding-left: 0;
    background: url(images/Lirep.gif) 0 0 repeat-y;    
}
.treeview li ul li a
{
    padding: 6px 10px 8px 15px;
    background: url(images/subSepar.gif) 6px 100% no-repeat
}
.firstLi
{
    padding: 0;
    margin: 0;
    /*background: url(images/firstLi.png) 0 0 no-repeat !important;*/
    height: 17px;
}
a#subActive
{
    color: #98cce2
}
a#subActive:hover
{
    text-decoration: none
}
.lastLi
{
    padding: 0;
    margin: 0;
    height: 17px;
    background: none !important
}
.lastLi span
{
    display: block;
    height: 17px;
    position: relative;
    margin-top: -9px;
    /*background: url(images/lastLi.png) 0 0 no-repeat !important */
}

.treeview li a
{
    position: relative;
    color: #edf1f4;
    font: normal 13px Tahoma;
    text-decoration: none;
    padding-left: 25px;
    display: block;
    height: 1%; /*ie 6 FIX BUG*/
}
.treeview li a:hover
{
    text-decoration: underline
}
.someClass
{
    border: 1px solid red
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
    background:  url(close.png) no-repeat left top;
    cursor: hand !important;
    cursor: pointer !important;    
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}


/*SRAVNITEL TBL*/
#sravTable
{
	width: 750px;	
	border-collapse: collapse;
}
#sravTable tr td
{
	text-align: center;	
	/*border: 1px solid #2d7eb9;*/
	border: 1px solid #bbbfc5;
	padding: 5px;
	font-size: 11px
}
td.sravH
{
	background: #2d7eb9;
	color: #fff
}
tr.hoverTr
{
	background: #dcdee0;

}

td#koif
{
	padding: 20px 5px !important;
	font-weight: bold;
	border: none !important
}



/*QUEST FORM*/

.errorCode
{
	display: block;
	width: 500px
}

#questForm
{
    padding-top: 20px;
    width: 520px;
    margin: 0 auto;
    font-size: 11px;
    font-weight: bold;
    background: #dcdee0;
    padding: 20px 40px;    
    margin-bottom: 20px
}

#questForm div
{
    padding-bottom: 10px
}

#questForm label
{
    display: block;
    padding-bottom: 3px

}
#questForm p
{
    padding: 0;
    margin: 0
}

#questForm input, #questForm textarea
{
    width:  520px;
    font-size: 12px;
    border: 1px solid #bbbfc5;    

}
#questForm textarea
{
    height: 150px
}
span.requered
{
    color: red;
    padding-left: 5px
}
input.submitReq
{
    width: auto !important;   
}
span.dateQuest
{
    background: #f8f19d;
    padding: 2px 5px;
    color: #000;
    font-size: 11px
}
.genGuest
{
    width: 900px;
    margin: 0 auto
}
.genMessage
{
    padding-top: 10px;
    font-size: 12px
}


img{-webkit-transition: all 1s ease-in-out;}

img:hover{FILTER: flipV}

/* @end */