﻿/* structure */
/*#wrapper { margin: 0 auto; width: 100%; overflow: hidden;  position: relative; background: url(images/header-bg.gif) 0 0 repeat-x;}*/
/*#wrapper:after, #container:after, #footer:after  { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }*/
#header, #container, #footer { width: 960px; margin: 0 auto; clear: both; padding: 0;}
/*#container {}*/

/* content */
#content { width: 960px; margin: 0 auto; float: left;position: relative; z-index: 100;}
.section { float: left; width: 100%;}

/* news */
.news {  padding: 0 8px 0 16px; position: reltive; z-index: 1; margin: 0 0 0px;  float: left; }
.news .image { position: relative; margin: 0 0 0 -8px;}
.news .image img { display: block; height: 212px;}
.news .image .mask { display: block; position: absolute; width: 100%; height: 100%; text-indent: -9999px; top:0; left: 0; background: url(../images/article-title-img-mask.png) 0 0 no-repeat;}
.news .intro { float: left; width: 470px; margin: -50px 0 0 20px;}

.news > li { position: relative; float: left; width: 960px; padding: 8px 0 16px 0; margin: 0 0 0; border: 1px solid #fff; z-index: 100;}
.news.post { padding-top: 25px;}
.news.post > li { /* background: url(images/news-item-bg.png) 0 100% no-repeat */; margin: 0 0 0;}
.news > li > *:last-child { margin-bottom: 0; }

.news h2 { font-size: 1.9em;letter-spacing: -2px;  position: relative; margin: 10px 0 10px 0;}
.news .intro h2 { margin-bottom: 0; }
.news h2 a { color: #000; }
.news .date { margin: 0; position: relative; color: #7a7a7a; font-size: .9em;}
.news.compact h2 { font-size: 1.4em; letter-spacing: 0px; font-weight: normal; color: #bf1e2e; margin: 15px 0 10px; float: left; width: auto;}
/*.news h3 { padding: .3em 0 .2em; font-size: 1.6em; font-weight: normal; background: url(images/separator-2.png) 0 100% repeat-x; }*/
.news .meta + p { margin-top: 13px; }

.news .ad { margin: 20px -12px; float: left; }
.news .ad a { display: block; padding: 5px; }
.news .ad img { display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none;} 

.news li > img { margin: 0 -6px }

/* aside */
#aside { width: 280px; margin: 20px 20px 0 0; padding: 0 0 20px; float: right; position: relative; z-index: 999; }

/* list style 1 */
.style-1,
.style-1 li { list-style:none; }
.style-1 li { background: url(../images/list-style-1.png) 0 .3em no-repeat; padding-left: 1em;}

/* header */
#header { margin: 0 auto; padding: 0;}
#header a { text-decoration: none; }

/* header > nav */
#nav { width: 876px; height: 51px; padding: 0 64px; margin: 20px 0 -18px -17px; font-size: 1.2em; position: relative; float: left; background: url(../images/nav-bg.png) 0 0 no-repeat; position: relative; z-index: 12; clear: both; z-index: 9999;}
.navli { margin: 0; min-margin: 10px; padding: 0; list-style: none; float: left; position: relative;}
.navlia { padding: 3px 15px 0; float: left; color: #1e1d28; line-height: 43px; border-left: 1px solid #d8d8d8; border-right: 1px solid #fff;letter-spacing: -1px;background: url(../images/nav-gr.gif) 0 -50px repeat-x;}
#nav li:last-child { border-right: 1px solid #d8d8d8;  }
.navlia:hover,
.navlia:focus { background-position: 0 0; color:black }

/* header > nav > second level */
#navliul { position: absolute; top: 35px; left: 0; width: 178px; background: url(../images/sub-nav-bg.gif) 0 0 no-repeat; padding: 3px 0 0; z-index: 9999; list-style:none;}
#navlili { background: #fff url(../images/sub-nav-item-gr.gif) 0 0 repeat-y; padding: 0; font-size: .8em; }
#navliul a { display: block; padding: 0 0 0 30px; color: #1b2120; background: url(../images/arrow-1.gif) 15px 50% no-repeat; line-height: 38px; border: 1px solid #b2b2b2;border-bottom: 1px solid #c7c7c7; border-top: 1px solid #fff;  z-index: 9999;}

#navlili:last-child,
#navlili:last-child a,
#navliul { border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom: 1px solid #b2b2b2;}
#navliul { border: none; box-shadow: rgba(0,15,7,.35) 1px 1px 2px;  -webkit-box-shadow: rgba(0,0,0,.1) 4px 4px 8px; -moz-box-shadow: rgba(29,15,7,.35) 1px 1px 2px;}
#navlili:last-child a { border-bottom: 1px solid #fff;; }

#navlili:hover { background: url(../images/sub-nav-item-hover-gr.gif) 0 0 repeat-x; }

/* header > cu3er*/
#cu3er { width: 960px; float: left;  padding: 30px 0px 0; margin: 0; float: left; }
#cu3er .holder { width: 618px; float: left;height: 212px; padding: 0 0 30px; }
#cu3er .desc { float: left; width: 290px;  padding: 0 5px;}
#cu3er h2 { border-bottom: 1px solid #ff7500; padding: 0 0 10px; display: inline;} 
#cu3er p { color: #473c3c; font-size: .9em; margin: 20px 15px 0 0;}
#cu3er .more { margin: 20px 0 0; padding: 15px 0 0 16px; width: 176px; color: #744004; background: url(../images/button-1.png) 0 0 no-repeat; height:29px; float: right; position: relative; z-index: 12; clear: both; top: -325px; right: 50px; z-index: 9999;}
#cu3er .more:hover,
#cu3er .more:focus { background-position: 0 -44px; }

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */

.arrowlistmenu{
width: 220px; /*width of accordion menu*/
position: absolute;
z-index: 3;
margin: 0;
/*margin-top: 70px;
margin-left: auto;*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #65BE06;
background-color: #555;
/*background: black url(images/titlebar.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
/*cursor: hand;*/
/*cursor: pointer;*/
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: /*#A70303*/ #555;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: /*#A70303*/ #555;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: /*#A70303*/ #555;
background-color: #F3F3F3;
}

#adrs { text-align: center; background-color:#555; }
#adrs p { color:white; background-color:#555; font: 13px Arial, Helvetica, sans-serif}

/*-------------------------------------------------------*/

.cont {
	margin: 72px auto auto 235px;
	position: absolute;
	width: 848px;
}

#wrapper { 
 padding: 0;
 position:relative;
 margin: /*0 220px*/ 0 auto;
 width: 922px;
 font-family:Arial, Helvetica, sans-serif;
}

.slide {
	position:relative;
	width:450px;
	height:178px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border-style:solid;
	border-width:0px;
	border-color:#FFFFFF;
	z-index:1;
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=5,enabled=false);
}

#logospart { 
	background: url(../images/logospart.gif) no-repeat center; 
	width: 220px; 
	height:313px;
	position: relative;
	z-index: 3;
	margin: 0;

}
