/*======================================================================================================*/
/*      Студия Prodes      */
/*           2008          */
/*      www.prodes.ru      */
/*======================================================================================================*/

html, body{
	font-size: 12px;
	color:#666666;
	padding:0px;
  	margin:0px;
	background-color:#fff;
	width:100%;
  	height:100%;
	z-index:0;
}

html{
	overflow:scroll;
	overflow-x:hidden;
}


#center {
 width: 800px;
 padding: 0px 0px 0px 0px; 
 margin: 0 auto; 
 position: relative;
 min-height: 100%;
}


*+html #center {padding-bottom:140px;}

* html #center {
  height: 100%;
}


/*======================================================================================================*/
#left {
 padding: 0px;
 float: left;
 width: 224px;
 _padding-bottom:140px;
}

#left #logo{
 padding: 0px;
 float: left;
 width: 224px;
 height:152px;
 vertical-align:middle;
 background-image:url(images/logo-white.gif);
 background-position:left;
 background-repeat:no-repeat;
}

#left #logo img{
	margin-top:62px;
}

#left #oblaka{
	text-align:justify;
}

#left #oblaka span.s1{
	font-size:12px;
}

#left #oblaka span.s2{
	font-size:18px;
}

#left #oblaka span.s3{
	font-size:24px;
}



#left #menu{
	text-decoration:none;
	margin-top:60px;
}

#left #menu p{
	font-size:14px;
	margin-bottom:7px;
	color:#cc9933;
}

#left #menu p a{
	color:#6699cc;
	font-size:14px;
}

#left #menu p a:hover{
	color:#cc9933;
	font-size:14px;
}

#left #menu p a.act{
	color:#cc9933;
	font-size:14px;
}

#left #menu p a.act:hover{
	color:#cc9933;
	font-size:14px;
}

#vopr {
	padding:0px;
	margin-top:60px;
	width:224px;
}

#vop {
	display:block;
}

#vop p{
	color:#999966;
	font-size:16px;
	margin-left:0px;
	margin-top:5px;
}

#vopr p a {
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	color:#999966;
	font-size:16px;
}

#vopr p a:hover {
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	color:#666666;
	font-size:16px;
}


#vopr h2 {font-size : 16px; font-weight: 500;	color:#666666; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}




#vopr1 p{
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #999966;
	font-size: 16px;
}

#vopr1 p:hover {
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #666666;
}

#vopr1act p{
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #666666;
	font-size: 14px;
}

#vopr1act p:hover {
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #666666;
}

#vopr1act p a{
	color: #666666;
}

#vopr1act p a:hover{
	color: #666666;
}

#news-left {
	padding:0px;

	width:224px;
	margin-bottom:60px;
	display:block;
}

#newsall {
	display:block;
}

#newsall p{
	color:#999966;
	font-size:16px;
	margin-left:8px;
	margin-top:5px;
}

#news-left p a {
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	color:#999966;
	font-size:16px;
}

#news-left p a:hover {
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	color:#666666;
	font-size:16px;
}

#news-left1 p{
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #999966;
	font-size: 16px;
}

#news-left1 p:hover {
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #666666;
}

#news-left1act p{
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #666666;
	font-size: 14px;
}

#news-left1act p:hover {
	display:block;
	margin:0px 0px 10px 0px;
	padding-bottom:0px;
	border-bottom:1px dashed #666666;
}

#news-left1act p a{
	color: #666666;
}

#news-left1act p a:hover{
	color: #666666;
}

#news-left #newsall p {
	font-size:12px;
	color:#666666;
	margin:0px;
	padding:0px;	
}

#news-left #newsall p.date {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;	
}

#news-left #newsall p a{
	font-size:12px;
	color:#0066cc;
	text-decoration:underline;
}

#news-left #newsall p a:hover{
	font-size:12px;
	color:#cc9900;
	text-decoration:underline;
}


#news-left #newsall p.arhiv {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;	
}

#news-left #newsall p.arhiv a{
	font-size:10px;
	color:#0066cc;
	text-decoration:underline;
}

#news-left #newsall p.arhiv a:hover{
	font-size:10px;
	color:#cc9900;
	text-decoration:underline;
}

/*======================================================================================================*/
/*     form     */

input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	overflow:auto;
}

.textinput, .textinputHovered {
	height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 2px;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}

.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/txtarea_l.gif) repeat-y left top;
	float:left;
}

.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}

/*======================================================================================================*/
#right {
 width: 530px;
 float: right;
 display:block;
 _padding-bottom:120px;
 margin-bottom:60px;
}

#right #miniki {
 padding: 0px;
 width: 530px;
 height:152px;
 vertical-align:middle;
}
#but_home{
    float:right;
	background:url(images/home-white.gif) center center no-repeat;
	width: 12px;
	height: 13px;
	margin-top:67px;
}

#but_home a span{display:none;}

#but_home a{
	display:block;
	font-size:1px;
	width: 100%;
	height: 100%;
}

#but_mail{
    float:right;
	background:url(images/mail-white.gif) center center no-repeat;
	width: 14px;
	height: 13px;
	margin-left:19px;
	margin-top:67px;
}

#but_mail a span{display:none;}

#but_mail a{
	display:block;
	font-size:1px;
	width: 100%;
	height: 100%;
}

#but_color_white, #but_color_black{
    float:right;
	background:url(http://www.konovalovphoto.ru/images/color.gif) center center no-repeat;
	width: 10px;
	height: 13px;
	margin-left:19px;
	margin-top:67px;
}

#but_color_white a span, #but_color_black a span{display:none;}

#but_color_white a, #but_color_black a{
	display:block;
	font-size:1px;
	width: 100%;
	height: 100%;
	cursor:hand;
	cursor:pointer;
}

#right #content {
display:block;
}

#right #content p{
	font-size : 12px; margin: 0px 0px 0px 0px; color:#666666;
}

#right #content h1 {font-size : 18px; font-weight: 500;	color:#666666; margin : -4px 0px 0px 0px; padding : 0px 0px 0px 0px;}
#right #content h2 {font-size : 16px; font-weight: 500;	color:#666666; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}
#right #content h3 {font-size : 14px; font-weight: 500;	color:#666666; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}
#right #content h4 {font-size : 12px; font-weight: 500;	color:#666666; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}
#right #content h5 {font-size : 10px; font-weight: 500;	color:#666666; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}
#right #content h6 {font-size : 8px; font-weight: 500;	color:#666666; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}

#right #content a{color:#0066cc; text-decoration:underline;} 
#right #content a:hover{color:#cc9900; text-decoration:underline;}
#right #content a:visited{}

#right #content #left{
 padding: 0px;
 margin: 0px;
 width: 105px;
 float: left;
 display:block;
}

#right #content #right{
 padding: 0px;
 margin: 0px;
 width: 407px;
 float: right;
 position: relative;
 display:block;
}

#right #content p.date {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;	
}

#right #content p.arhiv {
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;	
}

#right #content p.arhiv a{
	font-size:10px;
	color:#0066cc;
	text-decoration:underline;
}

#right #content p.arhiv a:hover{
	font-size:10px;
	color:#cc9900;
	text-decoration:underline;
}

#right #content div.prev{
	width:106px;
	height:106px;
	float:left;	
}

#right #content #prev_but_prev {
	width:530px;
	padding: 0px 0px 0px 0px; 
}

#right #content a.wactive {
	color:#000;
	height:13px;
	width:13px;
	background-image:url(images/kvadr-act-black.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#right #content a.wactive span{
	height:13px;
	width:13px;
	background-image:url(images/kvadr-act-black.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#right #content #but_prev{
    float:left;
	background:url(images/kvadr-black.gif) center center no-repeat;
	width: 13px;
	height: 13px;
	margin-top:17px;
	margin-right:0px;
}

#right #content #but_prev:hover{
    float:left;
	background:url(images/kvadr-hover-black.gif) center center no-repeat;
	width: 13px;
	height: 13px;
	margin-top:17px;
	margin-right:0px;
}

#right #content #but_prev a span{display:none;}

#right #content #but_prev a{
	display:block;
	font-size:1px;
	width: 100%;
	height: 100%;
}

#but_prev_left {
    float:left;
	background:url(images/str-left-black.gif) center center no-repeat;
	width: 13px;
	height: 13px;
	margin-top:17px;
	margin-right:0px;
}

#but_prev_right {
    float:left;
	background:url(images/str-right-black.gif) center center no-repeat;
	width: 13px;
	height: 13px;
	margin-top:17px;
	margin-right:0px;
}

/*======================================================================================================*/
.bottom {
 height:140px;
 width:100%;
 background-color:#e5e5e5;
 position: relative;
 margin-top:-120px;
 clear:both;
 display:block;
}

.bottom #bottom-center {
 width: 800px;
 padding: 20px 0px 0px 0px; 
 margin: 0 auto; 
 position: relative;
}

.bottom #bottom-center p{
 color:#666666;
}

.bottom #bottom-center p a{
 color:#0066cc;
}

.bottom #bottom-center p a:hover{
 color:#666666;
}

.bottom #bottom-left {
 padding: 0px;
 float: left;
 width: 224px;
}

.bottom #bottom-right {
 width: 528px;
 float: right;
 display:block;
}
  

.bottom #bottom-right #copy{
 padding: 0px;
 margin: 0px;
 width: 350px;
 float: left;
 display:block;
}

.bottom #bottom-right #copy p.copy{
	font-size:10px;
}

.bottom #bottom-right #prodes{
 padding: 0px;
 margin: 0px;
 width: 125px;
 float: right;
 position: relative;
 display:block;
}

.bottom #bottom-right #prodes p{
	display: table;
	_height: 0;/*это для ИЕ5-6*/
	zoom: 1;/*это для ИЕ7*/
}

table, tr, td, a, li, p, div, span, font, form, input, textarea  {
	font-family: Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6{}


h1 {}
h2 {}
h3 {}
h4 {}
h5 {font-size : 10px; font-weight: 500;	color:#666666; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px;}
h6 {}
table, div, img, font, form, p {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
table{border-collapse: collapse;}
td{margin: 0px; vertical-align: top;}
img{border-width: 0px;}

a{text-decoration:underline; color:#0066cc;} 
a:hover{text-decoration:underline; color:#cc9900;}
a:visited{}
/*======================================================================================================*/


/*======================================================================================================*/


#poper {
	z-index:100;
	width:100%;
	height:100%;
	background:#FFFFFF;
	position:absolute;

}

#parent4 li {
	list-style-type:none;
	margin:0px;
	padding:0px;

}

#parent4 {
	margin:0px;
	padding:0px;

}
/*======================================================================================================*/

/*======================================================================================================*/
/*      Студия Prodes      */
/*          2008           */
/*      www.prodes.ru      */
/*======================================================================================================*/