BODY {
	FONT-SIZE: 12px;
	COLOR: #330000;
	FONT-FAMILY:  Arial;
	BACKGROUND-COLOR: #FFFFFF;
	background:url(images/background.png) center top repeat;
}

@media all {
	
#portal-logo img { display: none; }
a#portal-logo {
display: block;
text-decoration: none;
/*background: url(img/logo.png);*/

margin: 0;
padding: 0;
margin-left: 36px;
padding-top: 130px;
height: 0px !important; 
width: 170px;
cursor: pointer;
}

@media all {
background-color: white !important;
background-image: none !important;}
#portal-column-content { padding: 0px; }
#portal-column-content { font-size: 111%; }
div.content-content { padding: 20px; min-height: 36px; }
div.blue-content    { padding: 14px; padding-left: 7px; padding-right: 7px; min-height: 100px; }
div.blue-m { border: 20px; }
div.oblue-content    { padding: 14px; padding-left: 7px; padding-right: 7px; min-height: 100px; }
div.oblue-m { border: 20px; }
}

@media all {

div.ocontent-tl { background: top left     no-repeat; }
div.ocontent-t  { background: top          repeat-x;  }
div.ocontent-tr { background: top right    no-repeat; }
div.ocontent-l  { background: left         repeat-y;  }
div.ocontent-m  { background: top right    repeat;    }
div.ocontent-r  { background: right        repeat-y;  }
div.ocontent-bl { background: bottom left  no-repeat; }
div.ocontent-b  { background: bottom       repeat-x;  }
div.ocontent-br { background: bottom right no-repeat; }
div.ocontent-m  { margin: 16px; margin-top: 14px; margin-bottom: 14px; }
div.ocontent-l  { margin-left:   -16px; }
div.ocontent-r  { margin-right:  -16px; padding: 16px; padding-top: 14px; padding-bottom: 14px; }
div.ocontent-t  { margin-top:    -28px; }
div.ocontent-b  { margin-bottom: -28px; }
div.ocontent-tl { margin-left:   -16px; }
div.ocontent-tr { margin-right:  -16px; }
div.oblue-tl { background: top left     no-repeat; }
div.oblue-t  { background: top          repeat-x;  }
div.oblue-tr { background: top right    no-repeat; }
div.oblue-l  { background: left         repeat-y;  }
div.oblue-m  { background: top right    repeat;    }
div.oblue-r  { background: right        repeat-y;  }
div.oblue-bl { background: bottom left  no-repeat; }
div.oblue-b  { background: bottom       repeat-x;  }
div.oblue-br { background: bottom right no-repeat; }
div.oblue-m  { margin-left: 16px; margin-right: 16px; margin-top: 48px; margin-bottom: 14px; }
div.oblue-l  { margin-left:   -16px; }
div.oblue-r  { margin-right:  -16px; padding: 16px; padding-top: 48px; padding-bottom: 14px; }
div.oblue-t  { margin-top:    -96px; }
div.oblue-b  { margin-bottom: -28px; }
div.oblue-tl { margin-left:   -16px; }
div.oblue-tr { margin-right:  -16px; }
div.oblue-tl { background-image: url('img/oyellow_box_ntl.png') }
div.oblue-t  { background-image: url('img/oyellow_box_nt.png')  }
div.oblue-tr { background-image: url('img/oyellow_box_ntr.png') }
div.oblue-l  { background-image: url('img/oyellow_box_l.png')  }
div.oblue-m  { background-image: url('img/oyellow_box_m.png')  }
div.oblue-r  { background-image: url('img/oyellow_box_r.png')  }
div.oblue-bl { background-image: url('img/oyellow_box_bl.png') }
div.oblue-b  { background-image: url('img/oyellow_box_b.png')  }
div.oblue-br { background-image: url('img/oyellow_box_br.png') }
div.ocontent-tl { background-image: url('img/content_box_tl.png') }
div.ocontent-t  { background-image: url('img/content_box_t.png')  }
div.ocontent-tr { background-image: url('img/content_box_tr.png') }
div.ocontent-l  { background-image: url('img/content_box_l.png')  }
div.ocontent-m  { background-image: url('img/content_box_m.png')  }
div.ocontent-r  { background-image: url('img/content_box_r.png')  }
div.ocontent-bl { background-image: url('img/content_box_bl.png') }
div.ocontent-b  { background-image: url('img/content_box_b.png')  }
div.ocontent-br { background-image: url('img/content_box_br.png') }

}


@media all {

div.content-tl { background: top left     no-repeat; }
div.content-t  { background: top          repeat-x;  }
div.content-tr { background: top right    no-repeat; }
div.content-l  { background: left         repeat-y;  }
div.content-m  { background: top right    repeat;    }
div.content-r  { background: right        repeat-y;  }
div.content-bl { background: bottom left  no-repeat; }
div.content-b  { background: bottom       repeat-x;  }
div.content-br { background: bottom right no-repeat; }
div.content-m  { margin: 16px; margin-top: 14px; margin-bottom: 14px; }
div.content-l  { margin-left:   -16px; }
div.content-r  { margin-right:  -16px; padding: 16px; padding-top: 14px; padding-bottom: 14px; }
div.content-t  { margin-top:    -28px; }
div.content-b  { margin-bottom: -28px; }
div.content-tl { margin-left:   -16px; }
div.content-tr { margin-right:  -16px; }
div.blue-tl { background: top left     no-repeat; }
div.blue-t  { background: top          repeat-x;  }
div.blue-tr { background: top right    no-repeat; }
div.blue-l  { background: left         repeat-y;  }
div.blue-m  { background: top right    repeat;    }
div.blue-r  { background: right        repeat-y;  }
div.blue-bl { background: bottom left  no-repeat; }
div.blue-b  { background: bottom       repeat-x;  }
div.blue-br { background: bottom right no-repeat; }
div.blue-m  { margin-left: 16px; margin-right: 16px; margin-top: 48px; margin-bottom: 14px; }
div.blue-l  { margin-left:   -16px; }
div.blue-r  { margin-right:  -16px; padding: 16px; padding-top: 48px; padding-bottom: 14px; }
div.blue-t  { margin-top:    -96px; }
div.blue-b  { margin-bottom: -28px; }
div.blue-tl { margin-left:   -16px; }
div.blue-tr { margin-right:  -16px; }
div.blue-tl { background-image: url('img/yellow_box_ntl.png') }
div.blue-t  { background-image: url('img/yellow_box_nt.png')  }
div.blue-tr { background-image: url('img/yellow_box_ntr.png') }
div.blue-l  { background-image: url('img/yellow_box_l.png')  }
div.blue-m  { background-image: url('img/yellow_box_m.png')  }
div.blue-r  { background-image: url('img/yellow_box_r.png')  }
div.blue-bl { background-image: url('img/yellow_box_bl.png') }
div.blue-b  { background-image: url('img/yellow_box_b.png')  }
div.blue-br { background-image: url('img/yellow_box_br.png') }
div.content-tl { background-image: url('img/content_box_tl.png') }
div.content-t  { background-image: url('img/content_box_t.png')  }
div.content-tr { background-image: url('img/content_box_tr.png') }
div.content-l  { background-image: url('img/content_box_l.png')  }
div.content-m  { background-image: url('img/content_box_m.png')  }
div.content-r  { background-image: url('img/content_box_r.png')  }
div.content-bl { background-image: url('img/content_box_bl.png') }
div.content-b  { background-image: url('img/content_box_b.png')  }
div.content-br { background-image: url('img/content_box_br.png') }

}


.mainContainer {
	position: relative;
	margin: 0em auto;
	-webkit-box-shadow: 0 0 30px #969696;
	-moz-box-shadow: 0 0 30px #969696;
	box-shadow: 0 0 30px #969696;
	float: left;
	zoom: 1;
}
* html .mainContainer { /* устраняем для IE6 баг с высотой тени */
	height: 1px;
}

.content {
	
	border: 1px solid #000;
	background: #fff;
	background-image: url(images/background.png);
	BACKGROUND-REPEAT: repeat-y;
	padding: 10px;
	zoom: 1;
	position: relative;
	z-index: 2;
}
.shadow {
	width:100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: -15px;
	left: -15px;
	background: #fff;	
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='.4');	
}

/* Small gallery */

#small-gallery {
width: 600px;
padding: 15px ;

}

#small-gallery img {
border: 2px solid #434343;
margin: 0 10px 15px 0;
}

#small-gallery a:hover img {
border: 2px solid #FF9C31;
}

#small-pic {
width: 160px;
padding: 15px;
float: left;
}

#small-pic img {
border: 2px solid #434343;
margin: 0 15px 15px 0;
}

#small-pic a:hover img {
border: 2px solid #FF9C31;
}

#small-block {
width: 58%;
padding: 1px;
float: left;
}

#small-block img {
border: 2px solid #434343;
margin: 0 1px 3px 0;
}

#small-block a:hover img {
border: 2px solid #FF9C31;
}


#space {
	height: 25px;
	margin: 0em auto;
}

#space2 {
	height: 10px;
	margin: 0em auto;
}
#pic {
    width: 160px;
	height: 120px;
	}

#static
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
	COLOR: #330000; 
	FONT-FAMILY: Arial;
	background-color: #FFFFFF;
	border-top:1px solid #000000;
    border-bottom:1px solid #000000;
	
}

.state-published {
    FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
	COLOR: #330000; 
	FONT-FAMILY: Arial; 
}

div.line {
	COLOR: #330000;
	background-image:url(images/eel.jpg);
	border-top:2px solid #aa0000;
	BACKGROUND-REPEAT: repeat-x;
	TEXT-DECORATION: none;
	font-family: Arial;
	font-size: 9px;
}
div.project {
    FONT-WEIGHT: bold;
	font-size: 14px;
	FONT-FAMILY: Arial; 
	COLOR: #330000;
	background-image:url(images/demo_09.jpg);
	border-top:2px solid #577FF2;
	border-bottom:2px solid #577FF2;
	TEXT-DECORATION: none;
}

div.action {
	COLOR: #330000;
	TEXT-DECORATION: none;
	font-family: Arial;
	font-size: 9px;
}
div.block { 
	height: 500px; 
}



#bot_lf {
background:url(images/bot_lf.png) left bottom no-repeat;}

#top_lf {background:url(images/top_lf.png) right top no-repeat;
}


H1 {
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	font-family: Arial;
	font-size: 22px;
}
H2 {
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	font-family: Arial;
	font-size: 14px;
}

a {  FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
	COLOR: #330000; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: underline;
}

a:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
	COLOR: #FF0000; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none;
}
a:visited {
	FONT-WEIGHT:normal;
	FONT-SIZE: 12px; 
	COLOR: #CC3333; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: underline;
}
a.small {
	FONT-SIZE: 11px; 
	COLOR: #330000; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: underline;
}
a.small:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
	COLOR: #FF0000; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none;
}

STRONG {
	COLOR: #330000;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	font-size: 12px;
	font-weight: bold;
}

.white {COLOR: #F0FAFF; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none}

hr {
	color: #577FF2;
}


.fon {
	BACKGROUND-POSITION: left top;
	background-image: url(images/demo_08.png);
	BACKGROUND-REPEAT: repeat-x;
	}


.links_favorite {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #927133; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none;
}

.links_favorite:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #927133;
	TEXT-DECORATION: underline;
	font-style: normal;
}
.links_favorite:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #927133;
	TEXT-DECORATION: underline;
	font-style: normal;
}

