html {
	padding:0;
	margin: 0;
	height: 100%;
}
body {
	margin: 0;
	padding:0;
	height: 100%;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#333333;
	background: #F0F0F0;
}
a {
	color:#2175a0;
	text-decoration: underline;
}
a:hover {
	color:#2175a0;
	text-decoration: none;
}
h1, h2, h3, h4 {
	padding:0;
	margin:0 0 20px 0;
	color:#4c4c4c;
	font-weight:normal
}
h1 {
	
	font-size:18px;
	line-height:22px;
	color:#333333; 
	
}


h2 {
	font-size:18px;
	line-height:22px;
	color:#333333;
}
h3 { color:#333333;
	font-size:24px;
	line-height: 28px; 
}

h4 { color:#333333;
	font-size:20px;
	line-height: 24px; 
}

h5 { color:#333333;
	font-size:16px;
	line-height: 20px;
}

h6 { color:#333333;
	font-size:14px;
	line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif;
}

img {
	border:none
}
table {
	
}
td {
	
}
p {
	margin:0 0 20px 0;
	padding:0
}
fieldset {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;
	background:transparent;
}
html>body #All {
	height: auto;
}
#All {
	position: relative;
	height: 100%;
	padding:0;
	min-height: 100%;
	min-width: 1000px;
	max-width: 1260px; 
\\width:expression(documentElement.clientWidth > 1134 ? "1134px" : "100%" );
//width:expression(documentElement.clientWidth > 1134 ? "1134px" : "100%" );
_width:expression(documentElement.clientWidth > 1134 ? "1134px" : "100%" );
.width:expression(documentElement.clientWidth > 1134 ? "1134px" : "100%" );

\\width:expression(documentElement.clientWidth < 1000 ? "1000px" : "100%" );
//width:expression(documentElement.clientWidth < 1000 ? "1000px" : "100%" );
_width:expression(documentElement.clientWidth < 1000 ? "1000px" : "100%" );
.width:expression(documentElement.clientWidth < 1000 ? "1000px" : "100%" );
	margin:0 auto;
	
	
}


#Header {
	position:relative; background: #4379aa;  padding:12px; border-bottom: #6e98be solid 1px;
}

.HeadBox { border: #5eace4 solid 1px; height:197px;  background:url(/images/fonhead.gif) repeat-x;  height:197px;}

.HeaderLeft { float:left; background:url(/images/headleft.jpg) left no-repeat; width:744px; height:197px;  }

.HeaderLeft h1 {  margin:32px 0 0 172px;  padding:0;  width:572px; display:block}
.HeaderLeft h1 a {background:url(/images/logo.gif)  center no-repeat;  padding:0; margin:0; height:57px; width:572px; display:block;  text-indent:-9000%;  }




.HeaderRight {  margin:0; color:#ffffff; padding:32px 25px 0 0; float:right;}

.HeaderRight span { font-size:18px; line-height:22px; display:block; margin:5px 0 40px 0}
.HeaderRight a { display: block; padding:0 10px;; text-align:center; border: #e5bab6 solid 1px; background: #af271c; color: #f5d909 !important; line-height:32px;  text-decoration:none}







#Content {background: #FFFFFF; padding:25px 20px; border-top:#cfcfcf solid 7px;

}



.RightCol { width:300px;  position:relative ;
	float:right
	
	}
	
	
.CenterCol  {  margin:0 325px 0 205px; position:relative ;    display:block }

.LeftCol { float:left; width:180px; position:relative ; }



.News {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom: #dbdbdb  solid 1px;
}
.Public {
	margin:0;
	padding:13px 20px;
	border-top: #ffffff  solid 1px;
	border-bottom: #dbdbdb  solid 1px;
}

.DataNews {
color: #666666; font-size:12px; line-height:15px; display:block; margin:0 0 4px 0; padding:0; font-style: italic
}

.ImgNews {  margin-right:17px; float:left}
.ImgNews  img {width:130px; border: #dddbd3 solid 8px;}

.HeaderNews {
	font-weight:bold;
	color:#0f67b6;  
	padding:0; 
	font-size:12px;   margin:0 0 7px 0; 
	line-height:18px;
}
.TextShort {  display: block;  margin:0; font-size:12px; line-height:18px; }

.RightCol h2, .LeftCol h2 { background: #d7d5cd url(/images/fonzagleft.gif); display:block; color:#5e5b43; line-height:39px; padding:0 12px; margin:0}
.BlockGrey { background:#e8e8e8 url(/images/fonblockgrey.gif) bottom no-repeat; padding:12px; margin-bottom:25px;}
.BlockGrey2 { background:#e8e8e8 url(/images/fonblockgrey.gif) bottom no-repeat; padding:12px 3px; margin-bottom:25px;}

.BlockGreyPublic {  padding:0 0 10px 0 !important}





.Search {
	margin:0; height:40px;
	padding:0; 
}
.SearchForm {
	background: #ffffff;
	border: #bbab9e solid 1px;
		
	color: #917d6d; height:18px; padding-left:5px;
	font: 12px Arial, sans-serif;
	float:left; margin:0 7px 0 0;
}





.Docs{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style:  url(/images/list.gif);
}
.Docs li {
	margin-bottom:12px; padding-bottom:12px; border-bottom:#dddddd solid 1px;
}



.Photo {margin:0 0 20px 0;
	padding:0;}
.ImgPhoto { display:block; margin-bottom:8px; padding:0}
.ImgPhoto img { width:110px;}

.TabRaz { width:100%; border:none}
.TabRaz td { vertical-align:top}


.AllNews { width:38%; padding-right:25px;}
.PhotoVideo { width:110px; padding-right:25px;}

.Banner { margin-bottom:25px; text-align: center}

.cl {
	clear: both !important;
	border: none !important;
	overflow: hidden !important;
	display: block !important;
	height: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}


.cl2 {
	clear: left !important;
	border: none !important;
	overflow: hidden !important;
	display: block !important;
	height: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}


#Footer {
	margin:0;
	height:110px;
	padding:0 35px;
	font-size:11px; color:#666666;
	background: #cfcfcf url(/images/fonfooter.gif) top repeat-x
	
}

.Copy {
	float:left;
	margin:20px 10px 0 0;
	padding:0
}

.Made {
	float:right;
	margin:20px 0 0 10px;
	padding:0
}




.FotoImg { height:113px; vertical-align:middle; }
.FotoImg img { border:#aaa693 solid 1px; margin:0 1px;}





/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next {
	display:block;
	width:5px;
	height:9px;
	background:url(/images/left.gif) no-repeat;
	float:left;
	margin:40px 0px 0 0;
	cursor:pointer;
}
a.next {margin-left:4px !important;}
a.prev {margin-right:4px !important;}


a.disabled {
	visibility:hidden !important;		
}


a.next, a.nextPage {
	background-image:url(/images/right.gif);
	clear:right; 	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	
  


/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 154px; 
	height:113px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
	
}

/* single item */
#thumbs div {
	float:left;
	width:154px;
	height:113px;
	cursor:pointer;

} 


