html, body, div, img, dl, dt, dd, h1, h2, h3, h4, h5, p, form, input, select, textarea, ul, a {
margin: 0; 
padding: 0px;   
}

body, html {
background: url(../images/bkg.gif) #dde8f7 repeat-x;
}

body {
font:  13px Arial, Tahoma, Verdana, sans-serif; 
color: #505051;

}


a {
  color: #0085C1;
  text-decoration: underline;

}

a:hover {
  text-decoration: none ;
  color: #0085c3;
}



h1 {
   
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}



#page {    
   margin: 0 auto;
   text-align: left; 
	width: 982px;
}

#head_1 {
	float: left;
	width: 962px;
	height: 22px;
	padding-top: 10px;
	text-align: right;
	font-family: Tahoma;
	font-size: 11px;

	}
.navi {
	padding-bottom:10px; 
	padding-top:4px;
	font-family: Tahoma;
	font-size: 11px;
}	


#logo {
	float: left;
	width: 239px;
	height: 190px;
   background-color: #fff;
}

#banner {
	float: right;
	text-align: right;
	width: 734px;
	height: 175px;
	padding-top: 8px;
	padding-bottom: 6px;
	padding-right: 8px;
   border-top: solid 1px #aac8e3;
	border-right: solid 1px #aac8e3;
	background-color: #fff; 
}



#right_menu{
	float: left;
	width: 736px;
	padding-left: 244px;
	height: 40px;	
	border-right: solid 1px #aac8e3;
	border-left: solid 1px #aac8e3;
	background-color: #fff;
}





.mattblacktabs{
	float: left;
	width: 727px;
	height: 33px;
	background-color: #FBFBFB;
	border-left: 1px solid #c5cfdc;	
}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 11px Tahoma, Verdana;
list-style-type: none;

}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;	
display: block;
text-decoration: none;
margin: 0;
padding: 9px 20px; /*padding inside each tab*/
border-right: 1px solid #c5cfdc; /*right divider between tabs*/
border-top: 1px solid #c5cfdc;	
border-bottom: 1px solid #c5cfdc;	
background: #F7F9FA;
color: #0085c3;
}

.mattblacktabs li a:visited{
color: #0085c3;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #0072bc; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #fff;
}




#center {
	float: left;
	width: 964px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-right: solid 1px #aac8e3;
	border-left: solid 1px #aac8e3;
	border-bottom: solid 1px #aac8e3;
	background-color: #fff;
}


.pres {
	float: left;
	border: solid 1px #dae1e9;
	width: 244px;	
	line-height: 1.4em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 12px;
	background-color: #f8f8f8;
	color: #444;
}

.pres h1 {   
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #c5cfdc;
	padding-bottom: 10px;
	color: #444;
}

.pres p.vice {
	background:transparent url(../images/vice.gif) no-repeat scroll 0 0.7em;
	margin-bottom:0.9em;
	padding-left:9px;
}


.dimos strong {
	float: left;
	width: 204px;	
	padding: 6px;
	padding-left: 13px;
	margin-left: 9px;
	border: solid 1px #c5cfdc;
	background-color: #f8f8f8;
	color: #444;
}

.dimos .img {
	float: left;
   padding-left: 9px;
	padding-top: 5px;
}

.dimos .msg {
	float: left;
   padding-left: 9px;
	padding-top: 5px;
	line-height:1.4em;
	width: 226px;
}


 .dimos .vice {
	background:transparent url(../images/vice.gif) no-repeat scroll 0 0.7em;
	padding-left:9px;
	margin-top:7px;
}

#tabs {
	float: left;
   width: 500px;
	padding-top: 20px;
}

.file li {
	background-image:url(../images/pdf.gif);
	background-position:left ;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
	padding:7px 0 7px 26px;
	border-bottom: 1px solid #dde8f2;
}


.file li a {
text-decoration: none;
font: 13px Arial;
}

.file li a:hover {
text-decoration: underline;
}

.file span  {
color: #D73131;
 font-size: 9px;
 font-family: Verdana;
 font-weight: bold;
}


#left {
	float: left;
	width: 235px;
	
}


/*menu*/
.menu {
	float: left;
	padding-top: 10px;
	border-bottom: 1px solid #e8e8e8;
}

.menu li {
	border-top: 1px solid #dde8f2;
	list-style: none;
	width: 226px;
	font: 11px  Tahoma, Verdana, Arial,sans-serif; 
}

.menu li a {
	background: url("../images/menu-a.gif") no-repeat -5px .97em;
	display: block;
	padding: .85em 14px;
	font-weight: bold;
	text-decoration: none;
	
}


.menu li a:hover,
.menu li a:focus,
.menu li a.active-empty,
.menu li a.active-empty:hover,
.menu li a.active-empty:focus {
	background: #0072bc url("../images/menu-a.gif") no-repeat 194px .97em;
	color: #fff;
}
.menu li a.active,
.menu li a.active:hover,
.menu li a.active:focus {
	background: #0072bc url("../images/menu-a-active.gif") no-repeat 205px 1.3em;
	color: #fff;
}
.menu li ul li {
	margin: 0;
	list-style: none;
	border-top: none;
}
.menu li ul li a {
	background: url("../images/vice.gif") no-repeat 23px 1.1em;
	padding: .6em 0 .6em 32px;
   text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #0085c3;
}
.menu li ul li a:hover,
.menu li ul li a:focus {
	background: url("../images/menu-a-sub-active.gif") no-repeat 23px 1.1em;
	color: #0085c3;
	text-decoration: underline;
}
.menu li ul li a.active,
.menu li ul li a.active:hover,
.menu li ul li a.active:focus {
	background: url("../images/menu-a-sub-active.gif") no-repeat 23px 1.1em;
	color:#D73131;
	font-weight:bold;
	font-size: 11px;
}
.menu li ul li a.first {
	background-position: 25px 1.1em;
	padding-top: .7em;
}


#adv {
	float: left;
	width: 225px;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 10px;
	margin-top: 20px;
}



#search {
	float: left;
	width: 204px;
	height: 37px;
	border-bottom: solid 2px #c5cfdc;
   border-top: solid 1px #c5cfdc;
	border-left: solid 1px #c5cfdc;
   border-right: solid 1px #c5cfdc;
	padding-top: 9px;
	padding-left: 20px;
	background-color: #f2f5f7;
}

#search input {
   padding: 4px;
	width: 160px;
	color: #767676;
	border: 1px solid #c0cdd9;
	font-size: 11px;
}


#search #but {
   background: url(../images/search_b.gif) no-repeat top ;
	height: 20px;
	width: 20px;
   margin: 0;
	padding: 0;
   border: 0;
   overflow: hidden;
   cursor: pointer; /* hand-shaped cursor */
   cursor: hand; /* for IE 5.x */

}


#newsletter {
	float: left;
	width: 200px;
	line-height: 10px;
	height: 60px;
	border-bottom: solid 2px #c5cfdc;
    border-top: solid 1px #c5cfdc;
	border-left: solid 1px #c5cfdc;
    border-right: solid 1px #c5cfdc;
	padding-top: 9px;
	padding-left: 20px;
	background-color: #f2f5f7;
	margin-top:52px;
}

#newsletter  input {
   padding: 4px;
	width: 160px;
	color: #767676;
	border: 1px solid #c0cdd9;
	font-size: 11px;
}


#newsletter  #but {

	height: 20px;
	width: 20px;
   margin: 0;
	padding: 0;
   border: 0;
   overflow: hidden;
   cursor: pointer; /* hand-shaped cursor */
   cursor: hand; /* for IE 5.x */

}


.red {
	color:#FF0000;
}

#main {
	float: left;
	width: 501px;	
}

#main h2 {
color:#D73131;
font-family:arial narrow,arial ce,arial,helvetica,sans-serif;
font-size:180%;
font-weight:normal;
margin:0 0 0.27em;
}

#main .info {
border-bottom:1px solid #CDDFF6;
border-top:1px solid #CDDFF6;
margin:10px 0;
padding:5px 0;
font-family: Tahoma;
font-size: 11px;
}

#main .ph {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
}

#main .article {
color:#4C4C4C;
	font-family:  Helvetica, Tahoma, sans-serif;
font-size:13px;
line-height:20px;
text-align: justify;
padding-bottom: 20px;
}


#main .article-item {
border-bottom:1px solid #dde8f2;
margin-bottom:1em;
}

#main .article-item dt {
margin-bottom:0;
line-height: 18px;
}
#main .article-item p.vice {
margin:0.5em 0 0.9em;

}

#main .strip {
font-size:95%;
margin-bottom:0.3em;
color: #d73131;
}
#main .article-item  h2 {
color:#CE171F;
font-size:15px;

font-family: Arial;
}


#main .files {
color:#4C4C4C;
border: 1px solid #D6E3EF;
padding-bottom: 20px;
margin-top: 16px;
}



#main .files li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
font-family: Verdana,helvetica,sans-serif;
font-size: 10px;
color: #D73131;
padding:8px 0 8px 10px;
border-bottom: 1px solid #D6E3EF;
}


#main .files li a {
text-decoration: none;
font: 13px Arial;

}

#main .files li a:hover {
text-decoration: underline;
}

#main .files span  {
 color: #D73131;
 font-size: 10px;
 font-weight: bold;
}

#main .gallery-item {
float: left;
border-bottom:1px solid #dde8f2;
margin-bottom:1em;
padding-bottom: 14px;
width: 500px;
}

#main .gallery-item dt {
margin-bottom:0;
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
line-height: 18px;
text-align: justify;
}

#main .gallery-item p.vice {
margin:0.5em 0 0.9em;

}

#main .gal_line {
	border-bottom:0px solid #CDDFF6;
	border-top:1px solid #CDDFF6;
	margin:10px 0;
	padding:5px 0;
}

#main .gal {
float: left;
width: 500px;
color:#4C4C4C;
padding-top: 20px;
border-bottom:1px solid #CDDFF6;
background-color: #f6f6f6;

}

#main .gal2 {
float: left;
width: 500px;
color:#4C4C4C;
padding-top: 20px;
border-bottom:1px solid #DDDFF6;
}

#main .ota {
	line-height: 20px;
	font-size: 13px;
	text-align: justify;
	font-family:  Helvetica, Tahoma, sans-serif;
}
#main .ota ul  {
list-style: disc;
margin-left : 20px;
}

#main .ota li a {
	background: url("../images/vice.gif") no-repeat 23px 1.1em;
	padding: .8em 0 .8em 32px;
   text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	color: #0085c3;
}
#main .ota li a:hover,
#main .ota li a:focus {
	background: url("../images/menu-a-sub-active.gif") no-repeat 23px 1.1em;
	color: #0085c3;
	text-decoration: underline;
}


#main .pg {
	line-height: 20px;
	font-size: 13px;
	text-align: justify;
	font-family:  Helvetica, sans-serif;
}
#main .pg ul  {
list-style: none;
margin-left : 0px;
}

#main .pg ol  {
list-style: none;
margin-left : 0px;
padding: 0px;
}

#main .pg li  {
	background: url("../images/vice2.gif") no-repeat 0px 0.4em;
	padding: .0em 0 .8em 18px;
   text-decoration: none;
	font-weight: normal;
	font-size: 13px;

}
#main .pg li a:hover,
#main .pg li a:focus {
	background: url("../images/menu-a-sub-active.gif") no-repeat 23px 1.1em;
	color: #0085c3;
	text-decoration: underline;
}




#right {
	float: left;
	width: 220px;
	padding-left: 8px;
}

.news  {
	border-bottom:1px solid #dde8f2;
	margin-bottom:1em;
	padding-left: 4px;
}

.news  h3 {
color:#949599;
font-size:100%;
line-height:1.2;
margin:0.1em 0 0.75em;
}

.news h3 .date {
display:block;
font-size:95%;
color: #D73131;
margin-bottom: 0.35em;
margin-top: 0.35em;
}


.news  p {
display:block;
margin:0 0 0;
line-height:1.4em;
}



.news  p.vice {
background:transparent url(../images/vice.gif) no-repeat scroll 0 0.7em;
margin-bottom:0.9em;
padding-left:9px;
}

.news a {
	font-size: 12px;
}

#right h2 {
	float: left;
	width: 209px;
	height: 19px;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 8px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
   background: #1f79b4 url(../images/vice_news.gif) no-repeat right ;	
}



#footer {
	float: left;
	width: 965px;
	height: 82px;
	margin-top: 8px;
	background-color: #4c4c4c;
}

.f1 {
	float: left;
	width: : 115px;
}

.f2 {
	float: left;
	width: 680px;
	color: #d4d4d4;
	padding-top: 20px;
	padding-left: 20px;
	line-height: 20px;
	font-family: Tahoma;
	font-size: 11px;
}

.f2 a {
	color: #d4d4d4;
	text-decoration: underline;	
	padding-left: 6px;
	padding-right: 6px;	
}

.f2 a:hover {
	text-decoration: none;
	color: #d4d4d4;
}

.f3 {
	float: left;
	width: 135px;
	color: #fff;
	line-height: 16px;
	text-align: right;
	padding-top: 20px;
	padding-right: 13px;
	font-family: Tahoma;
	font-size: 11px;
}

.f3 a {
	color: Yellow;
	text-decoration: underline;
}




/* photogallery */


.highslide {
	cursor: url(../js/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid #666;
	padding:0px;
	margin-top: 2px;
	background-color: #f8f7e4;
}
.highslide:hover img {
	border: 1px solid #eee;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 0 px solid #000;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 0px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../js/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../js/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control {
	float: right;
   display: block;
   position: relative;
	margin: 0 5px;
	font-size: 8pt;
	text-decoration: none;
   margin-top: 1px;
   margin-bottom: 1px;
}
.control:hover {
	text-decoration:underline;  
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {

}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


.infos{
	float: left;
	color:#4C4C4C;
	border: 1px solid #C5CFDC;
	line-height:20px;
	padding: 10px;
	width: 470px;	
	background-color: #F7F9FA;

}


.contact_form {
	float: left;
	width: 460px;
	padding-top: 10px;
	padding-left:10px;
}




.contact_form label {
color:#5A5A5A;
width:160px;
}

.contact_form input, label, textarea, select {
display:block;
float:left;
padding: 4px;
margin-bottom:5px;
margin-top:5px;
}

.contact_form input {
background:#fff none repeat scroll 0% 0%;
border:1px solid #ccc;
width:260px;
}

.contact_form .none {
	border: 0px;
	background: transparent;
}

.contact_form textarea {
background:#fff none repeat scroll 0% 0%;
border:1px solid #ccc;
height:90px;
width:260px;
}

.contact_form .send {
	padding: 0px;
	width: auto;
	border: 0px;
}


.loading
{
	font-size:12px;
	font-family:verdana;
	font-weight:bold;
}
.loaded
{
	font-size:10px;
	font-family:verdana;
}


#errors
{

	font-size:11px;
	margin:0px;
	padding:10px;
	line-height: 16px;
}

#errors2
{

	font-size:11px;
	margin:0px;
	padding:0px;
	line-height: 16px;
}


.sitemap {
	border: 1px solid #D6E3EF;
	padding-bottom: 20px;
	margin-top: 16px;
	padding-left: 0px;
}

.sitemap ul {
	margin: 16px;
}

.sitemap li{
	list-style: none;
	border-top: none;
}

.sitemap li a{
	text-decoration: none;
}

.sitemap li a:hover{
	text-decoration: underline;
}


.sitemap ul li ul li a {
	text-decoration: underline;	
}

.sitemap ul li ul li a:hover {
	text-decoration: none;
}