/*
    Custom design CSS declarations and rewrites
*/

/* Global */
html {
       overflow-y: scroll;
}
html {
    font-size: 13px;
    height: 100%;
}

p{font-size: 13px;}

body {
    position: relative;
    min-height: 100%;
    overflow:hidden;
}

* html body {
  height: 100%;
}

a {
    color: #097a90;
    text-decoration: underline;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #00758c;
    margin: 0 0 10px 0;
    line-height: 20px;
}

h2 {
    font-size: 14px;
    font-weight: bold;
    color: #00758c;
    margin: 0 0 10px 0;
    line-height: 20px;
}

h4 {
    margin: 0 0;
    padding: 0 0 10px 5px;
    font-weight: bold;
    color: #00758c;
    font-size: 14px;
}

h5 {
    margin: 0 0;
    color: #00758c;
    text-transform: uppercase;
    font-size: 12px;
}

img
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* Design elements */
.tblock-margin {
    margin: 0 0 0 -40px;
}
.no-ul {
    list-style: none;
    margin:0 5px 0 0;

}

ul.inactive {
    display: none;
}

ul.buttons {
    list-style: none;
    margin:0;
    padding: 0;
}
    ul.buttons li {
        float:left;
        margin: 0 0;
    }
    ul.buttons li a {
        display:block;
        background: url(/../images/nav-bg.png) no-repeat right top;
        padding-right: 12px;
        color:#333;
        text-decoration: none;
        text-transform: uppercase;
        font-size:11px;
        font-weight: bold;
    }
        ul.buttons li a span {
            padding-left: 12px;
            background: url(/../images/nav-bg.png) no-repeat left top;
            display: block;
            height: 32px;
            line-height: 32px;
        }
        ul.buttons li a:hover {background-position: right bottom;color:#000}
        ul.buttons li a:hover span {background-position: left bottom;}
        


#top-nav-block {
    height: 30px;
    text-align: right;
    background: url("/../images/top_nav_bg.gif") repeat-x 0 0;
}
    #top-nav-block .logo-top-border {
        float: left;
        width: 81px;
        height: 30px;
        background: url("/../images/logo-top-border.png") no-repeat 0 bottom;
    }
    #top-nav-block .top-nav-left, #top-nav-block .top-nav-right {
        padding: 6px 0;
    }
    #top-nav-block .top-nav-left {
        float: left;
    }
    #top-nav-block .top-nav-right {
        float: right;
    }
    #top-nav-block .top-nav li {
        display: inline;
        padding: 0 0 0 10px;
        font-size: 13px;
        font-weight: bold;
    	color: #FFFFFF;
    }
    #top-nav-block .top-nav a {
        color: #FFF;
        text-decoration: none;
    }
    #top-nav-block .top-nav a:hover {
        color: #dbe300;
    }

#logo-block {

}
   
    
    #logo-block-container div 
    {
        
        float: left;
        
    }
    
    #logo-block .left-bar {
        margin: 0 0 0 -220px;
        height: 72px; 
        width: 220px;
    }
    
    #logo-block .middle-bar{
        width: 955px;
        height: 72px; 
        
    }
    
    #logo-block .right-bar {
        margin: 0 -220px 0 0;
        height: 72px; 
        width: 220px;
    }
    
    #logo-block-container .logo {
        float: left;
        margin-left: -41px;
    }
    
    #logo-block-container .description {
        color: #097a90;
        font-size: 13px;
        float: left;
        padding: 23px 7px;
        margin-right:190px;
    }
    
    #logo-block-container .contacts {
        /*float: right;*/
        position:relative;
        top: 0px;
        left: 156px;
    }
    #logo-block-container .contacts ul {
        float: left;
    }
    #logo-block-container .contacts li {
        float: left;
        padding: 25px 7px;
        font-size: 13px;
    }
    #logo-block-container .contacts .home {
        background: url("/../images/icons.png") no-repeat 0 0;
        width: 20px;
        height: 20px;
        display: block;
        text-decoration: none;
    }
    #logo-block-container .contacts .phone {
        float: right;
        font-size: 16px;
        padding: 22px 0 0 14px;
	line-height: 1.5;
    }
    #logo-block-container .contacts .phone2 {
        float: left;
        font-size: 16px;
        padding: 2px 0 0 8px;
	line-height: 1.5;

    }

div.common-content {
    background: url("/../images/page-bg.jpg") no-repeat center -104px;
}
div.no-background
{
    background: none;
}    
    
    div.common-content p { line-height: 17px; }
    div.common-content .logo-bottom-border {
        background: url("/../images/logo-bottom-border.png") no-repeat 0 0;
        float: left;
        width: 81px;
        height: 30px;
    }
    div.common-content .main-nav {
        /*rgin: 143px 0 0 0;*/
        height: 143px;
    }
    div.common-content .middle-bar {}
    div.common-content .middle-bar div {
        float: left;
    }
    div.common-content .middle-bar .left-middle-bar {
        margin: 0 0 0 -220px;
        background: url("/../images/left-middle-bar.png") no-repeat 0 0;
        height: 56px;
        width: 220px;
    }
    div.common-content .middle-bar .center-middle-bar {
        width: 955px;
        height: 56px;
        background: url("/../images/center-middle-bar.png") repeat-x 0 0;
    }
    div.common-content div.breadcrumbs {
    	font-size: 13px;
    	padding: 18px 0 0 15px;
    }
    div.common-content .fast-nav {
        font-size: 13px;
        padding: 10px 10px;
        color: #06c;
    }
    div.common-content .middle-bar .right-middle-bar {
        margin: 0 -220px 0 0;
        background: url("/../images/right-middle-bar.png") no-repeat 0 0;
        height: 56px;
        width: 220px;
    }
    
    

#page {
    background: #FFF;
    min-height: 450px;
    font-size: 13px;
}
    #page .left-middle-shadow{
        width: 220px;
        height: 31px;
        margin: 0 0 0 -220px;
        background: url("/../images/left-middle-shadow.png") no-repeat 0 0;
        float:left;
    }
    
     #page .right-middle-shadow{
        width: 220px;
        height: 31px;
        margin: -31px -220px 0 0;  
        background: url("/../images/right-middle-shadow.png") no-repeat 0 0;
        float:right;
    }
    
    #page .middle-shadow {
        width: 955px;
        height: 31px;
        background: url("/../images/middle-shadow.jpg") repeat-x 0 0;
    }
    #page .column_1 {
        margin-left: 10px;
        width: 210px;
    }
    #page .column_3 {
        width: 210px;
        margin-right: 10px;
    }
    #page .span-12 {
        width: 470px;
        margin-left: 5px;
        text-align: justify;
        padding: 0 10px;
    }
    #page .main-menu {
		width: 218px;
    }
		#page .main-menu-top {
			background: url("/../images/main-menu-top.png") no-repeat 0 0;
    		height: 12px;
	    }
		#page .main-menu-repeat {
			background: url("/../images/main-menu-repeat.png") repeat-y 0 0;
	    	padding: 0 10px;
	    }
	    	.main-menu-repeat ul {
				margin: 0;
	    		padding: 10px 0;
	    		width: 100%;
                font-size: 12px;
	    	}
	    	.main-menu-repeat ul li.parent {
				padding: 0 0 3px 0;
                list-style: none;
                text-align: center;
                font-weight: bold;
	    		border-bottom: 1px dashed #00758c;
	    	}
            .main-menu-repeat li a.active {
                color: #000;
                font-weight: bold;
            }
            .main-menu-repeat ul.second-lvl {
                padding: 5px 0 10px 7px;
            }
            .main-menu-repeat ul.second-lvl li {
                padding: 0;
                border: 0;
                list-style-position: inside;
            }
            .main-menu-repeat ul.second-lvl ul {
                list-style-type: circle;
                list-style-position: inside;
                padding: 0 0 0 15px;
            }
		#page .main-menu-bottom {
			background: url("/../images/main-menu-bottom.png") no-repeat 0 0;
    		height: 13px;
	    }
        
    #page .post-block
    {
        margin-bottom: 20px;       
    }
        #page .post-block-top
        {
            background: url("/../images/right-col-head.png") no-repeat 0 0; 
            height: 9px;
        }
        
        #page .post-block-content
        {
            background: url("/../images/right-col-bg.png") repeat-y;
            padding: 10px 10px 10px 10px; 
               
        }
        
        #page .post-block-content h2
        {
            padding:0;
            margin:0;
            padding-bottom:7px;
            border-bottom: 1px solid #00758C;
        }
        
        #page div.post div.date
        {
            margin-top:0px; 
            margin-bottom:3px;
            font-size: 10px;
            float:right;    
        }
        
        #page div.post
        {
            border-bottom: 1px dashed #00758C;
            overflow: hidden;
        }
        
        #page div.post h5
        {
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 10px; 
            margin-top:10px;
             
        }
        
        
        #page .post-block-bottom
        {
            background: url("/../images/right-col-bottom.png") no-repeat 0 0; 
            height: 9px;   
        }
        
        #page .post-block p
        {
            margin-bottom: 10px;
        }
        
    /* Content Blocks */
    .delimiter {
        width: 100%;
        height: 12px;
        background: url("/../images/delimiter.png") no-repeat center 0;
    }
    /* Left */
    #special {
        padding: 0 0;
    }
    #special li {
        display: block;
        width: 185px;
        padding: 10px 10px;
        background: #e5e5e5;
        border-right: 10px solid #00758c;
        margin: 0 0 5px 0;
        vertical-align: bottom;
    }
    #special a {
        text-decoration: none;
        font-weight: bold;
    }
    /* Right */
    .managers-top {
        background: url("/../images/managers-block-top.gif") no-repeat 0 0;
        width: 210px;
        height: 10px;
    }
    .managers-center {
        background: url("/../images/managers-block-bg.gif") repeat-y 0 0;
        width: 210px;
        padding: 0 5px;
    }
    .managers-bottom {
        background: url("/../images/managers-block-bottom.gif") no-repeat 0 0;
        width: 210px;
        height: 11px;
    }
    .managers-center div {
        background: url("/../images/icq-bg.png") no-repeat 0 0;
        height: 41px;
        padding: 4px 5px 0 5px;
    }
    .managers-center span.icq {
        padding: 0 0 0 3px;
        color: #00758c;
    }
    .managers-center span.name {
        padding: 0 0 0 20px;
        display: block;
        line-height: 10px;
        font-size: 12px;
    }
    .managers-center img {
       padding: 2px 0;
       vertical-align: top;
    }

    

#hole {
    width: 100%;
    height: 60px;
}

#footer {
    width: 100%;
    height: 54px;
    background: url("/../images/footer.gif") repeat-x 0 0;
    position: absolute;
    bottom: 0;
}
    #footer .container {
        color: #fff;
        line-height: 15px;
        padding: 13px 0 0 0;
        font-size: 10px;
    }
    #footer a {
        color: #fff;
        background: none;
    }
    
    
div.portal-container
{
    margin-left: -70px;
    
}

.table-content td, .table-content th{border: 1px solid #D9D9D9; border-collapse: collapse; border-spacing: 0;} 

#demo {
		margin: 0px 0 50px 0;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}

#demo .wrapper {
		display: inline-block;
		width: 120px;
		margin: 5 10px 0 0;
		height: 20px;
		position: relative;
	}

#demo .parent {
		height: 100%;
		width: 100%;
		display: block;
		cursor: pointer;
		line-height: 20px;
		height: 20px;
		border-radius: 5px;
		background: #F9F9F9;
		border: 1px solid #AAA;
		border-bottom: 1px solid #777;
		color: #00758C;
		font-weight: bold;
		z-index: 2;
		position: relative;
		-webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
		-webkit-transition-delay: .8s;
		text-align: center;
		font-size: 14px;
	}
	
#demo .parent:hover,
#demo .content:hover ~ .parent {
		background: #fff;
		-webkit-transition-delay: 0s, 0s, 0s;
	}
	
#demo .content {
		position: absolute;
		top: 0;
		display: block;
		z-index: 1;
		height: 0;
		width: 120px;
		padding-top: 20px;
		-webkit-transition: height .5s ease;
		-webkit-transition-delay: .4s;
		border: 1px solid #777;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.4);
	}
	
#demo .wrapper:active .content {
		height: 95px;
		z-index: 3;
		-webkit-transition-delay: 0s;
	}
	
#demo .content:hover {
		height: 95px;
		z-index: 3;
		-webkit-transition-delay: 0s;
	}
	
	
	#demo .content ul {
		background: #fff;
		margin: 0;
		padding: 0;
		overflow: hidden;
		height: 100%;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	#demo .content ul a {
		text-decoration: none;
	}
	
	#demo .content li:hover {
		background: #eee;
		color: #333;
	}
	
	#demo .content li {
		list-style: none;
		text-align: left;
		color: #888;
		font-size: 14px;
		line-height: 30px;
		height: 30px;
		padding-left: 10px;
		border-top: 1px solid #ccc;
	}
	
	#demo .content li:last-of-type {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	/* --------------- */

	#about {
		text-align: center;
		color: #444;
		font: normal small Arial, Helvetica;
	}

	#about a {
		color: #777;
	}
	#fixa{
		width:12%;
		height:8%;
		position: fixed;
		right:0;
		top:30%;
	}


.spoiler_body {display:none; cursor:pointer;}