HTML{width:100%;}

BODY {font-family:arial; color:#808080; font-size:100%; margin:0; padding:12px 0 0 0; height:100%;

width:expression(document.body.clientWidth > 760? "100%" :"760px"); background:#FFFFFF;}

/*div, table, td {text-align:left}*/

h5{font-size:1.1em; padding-left:20px; background:url('../i/h5.gif') 0 0px  no-repeat; font-weight:normal; color:#666;}

h4{font-size:1.4em; font-weight: normal; color:#808080;}

h3{font-size:1.3em; color:#808080; font-weight: normal; border-bottom: 1px solid #E7E8E6;}

img

{

border: 0;

}





.inptext{width:100px; height:10px;}

.subm{height:15px;border:0px; padding:0px; background:transparent;color:red;font-family:arial; font-size: 0.8em;}

.submain{border:1px solid #AAA; margin-bottom:5px}



.small{font-size:0.75em}



/************  header  ***************/

.headtop{position:relative; height:42px;}

.headmenu{position:absolute; left:343px; right:0; bottom:1px;}



.headmail{position: absolute; left:10px; width:69px; height:21px; border-right:1px solid red; padding:5px 6px 4px 6px}

.headmail img {margin-right:2px}

.headsearch{position: absolute; left:93px; width:250px; height:21px;padding:5px 6px 4px 6px; font-size: 0.8em;}



.headmain a {color:#808080; text-decoration:none; padding-left:5px;}
.headmain a:hover {color:red; padding-left:5px;}


.menu1{color:#666;}

.menu1 a{text-decoration:none; color:#666; margin:0 2px 0 2px; font-size:0.8em;}

.menu1 a:hover{border-bottom:1px solid red}

.menu2{color:#808080;}

.menu2 a{text-decoration:none;  margin:0 2px 0 2px; font-size:1.0em; color:#808080;}

.menu2 a:hover{border-bottom:0px solid red}

.menuhead{padding:0 2px 0 40px; background:#EDEDED; border-bottom:1px solid #EDEDED; color:#000; float:left;}

.menuhead a {text-decoration:none; color:#000; font-size:1em}

.menuhead a:hover {
	text-decoration: none;
}

/************  main  ***************/

.main{width:100%;}

.left{width:270px; border-right: 1px solid #B3B3B3;}/* float:left;}*/

.leftlist {width:265px;float:left; padding:0 3px 0 5px; margin-bottom:20px}

.leftlist div {padding-left:20px;}

.leftlist a{color:#666; text-decoration:none; font-size:0.8em}

.leftlist a:hover{border-bottom:1px solid red}

.leftlist .red{color:red; font-size:1em}


.leftlist1 {width=100%;float:left; color:#808080; padding:0 10px 0 0px; margin-bottom:0px; margin-top:7px;}

.leftlist1 div {padding-left:0px;}

.leftlist1 a{text-decoration:none; font-size:1em; color:#808080;}

.leftlist1 a:hover{border-bottom:1px solid red}

.leftlist1 .red{color:red; font-size:1em}


.center{width:auto; padding:10px 20px 10px 15px; font-size:0.8em; text-align: justify;}/*margin:0 145px 0 305px ;}*/

.center a{color:#808080; text-decoration: underline}

.center a:hover{text-decoration: none;}



.bolder{font-weight:bold}

.normal{font-weight:normal}

.prod{float:left;width:150px; height:150px; text-align:center; margin:5px}

.prodtable{background:#FFFFFF}

.prodtable th{background:#AAAAAA; color:#FFFFFF; padding:3px}

.prodtable td{padding:5px}

.trash{padding:2px 5px 2px 20px; color:ff0000; text-decoration:none; font-size:12px; background:#DDD url('../i/telejka.gif') 0 2px no-repeat;}



/*.discount{background:#F0F0F0;padding:3px; margin-bottom:20px; font-size:1.5em}*/

.discount{margin:0px 0px 20px 30px; font-size:1em}

.disc_h{font-size:1.2em; font-weight:bold; color:#999}



.pricetable{background:#B3B3B3; width:100%;margin:10px 0 10px 0}

.pricetable th{background:#F0F0F0; padding:5px}

.pricetable td{background:#FFF}



.gallery{float:left; text-align:center; width:150px; height:100px; padding:5px; margin:5px 5px 30px 5px;}

.gallery .noneimg{width:100px; height:76px; margin:0 20px 5px 20px;}



.right{width:160px; padding:0; font-size:0.8em;}/* float:right;}*/

.right a{color:#ff0000}    





/************  footer  ***************/



.footer{position:relative; clear:both; margin-top: 10px; width:auto; height:75px;  font-size:0.7em; border-top:1px solid #E0E0E0; color:#666; padding:10px 0 0 10px}

.footer a{color:#666}
.footer1{margin-top: 10px; width:auto; height:75px;  font-size:0.7em; padding:10px 0 0 10px;}
.datio{position:absolute; right:10px; top:38px; height:31px; padding:10px 88px 0 0; background: url('../i/datio.jpg') right 10px no-repeat; cursor:hand;}

.counter {width:88px; height:15px; position:absolute; right:200px; top:48px}



div#form input,select{margin:3px 10px 3px 0px}



a.s_uri {color:#999;font-size:0.9em}



/***************** photobank **************************/

.tabdiaf {background:#BFBFBF; border-bottom:2px solid red}

.tabdiaf td{padding:0 15px; border-bottom:3px solid #FFFFFF; border-top:3px solid #FFFFFF}

.tabdiaf td img{border-right:3px solid #FFFFFF;border-left:3px solid #FFFFFF;border-bottom:3px solid #FFFFFF}



.diafilm{

	position:relative; 

	margin:50px 25px;

	width:450px; 

	height:auto; 

	background:#BFBFBF

}

.diascroll{

	overflow:scroll; 

	width:450px; 

	height:auto;

}

.diath{height:37px; background: #BFBFBF url('../i/hole.gif') 0 50% repeat-x}



.diatpl{position:absolute; bottom:100%; right:15px; width:367px; height:42px; background:url('../i/tpl.gif') 0 0 no-repeat}

.dialpl{position:absolute; top:30px; right:100%; width:21px; height:135px; background:url('../i/lpl.gif') 0 0 no-repeat}

.diabpl{position:absolute; bottom:-46px; left:10px; width:315px; height:46px; background:url('../i/bpl.gif') 0 0 no-repeat}

.diarpl{position:absolute; left:100%; top:130px; width:18px; height:144px; background:url('../i/rpl.gif') 0 0 no-repeat}



.matrtab{float:left; width:220px; height:180px; margin:5px; text-align:center}



.vid{width:90%;text-align:right;margin-bottom:30px}

.vid a {color:#000000;text-decoration:underline}

/******************************************************/

.file{border:1px solid #CCCCCC; padding:0 20px 10px 20px; margin-bottom:20px}

.file_h{margin:-10px 0 10px -3px; background:#ffffff; float:left}

.file a {padding:3px 0 5px 20px; clear:left; height:22px; background:url('../i/file.gif') 0 0 no-repeat;}



.tech {width:200px;float:right; border:1px solid #F0F0F0; margin:20px 0 20px 20px; padding:10px; border-radius:10px;-moz-border-radius:10px; -op-border-radius:10px}

.tech table{width:100%}

.tech table td{color:#777777; width:50%;}

.tech table th{color:#555555;}



.fotoadd{margin-right:10px;}



.context {color:#AEAEAE;top:-5px;position:relative; font-size:0.83em}

.copyright {position:absolute; right:10px; top:10px; height:31px; }



.datio_links{position:absolute; right:5px; bottom:5px;}



.forum_start a{ text-decoration:none; color:#666; margin:0 2px 0 2px; font-size:10pt;}

.forum_start a:hover{  text-decoration:none; border-bottom:1px solid red }



.forum_reg a{ text-decoration:none; color:#666; font-size:10pt;}

.forum_reg a:hover{  text-decoration:none; border-bottom:1px solid red }



.tforum {table-layout:fixed; text-align:left; }

.tforum th{ background-color: #E3E3E3; text-align:left; padding-left:8px;}

.tforum td{ padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px; }



.forum_mleft{ background:#F5F5F5; border-bottom:1px solid #E4E4E4; }

.forum_mright{ background:#FCFCFC; border-bottom:1px solid #E4E4E4; }



.forum_mleft span{ color:#323232; }



.forum_theme_left{ width:106px; }

.reg_theme_left{ width:128px; }

.star{ color:#FF0000; display:inline; }

.vis_form{ width:99%; }

.tooltip{ width: 200px; color:#000; font:lighter 11px/1.3 Arial,sans-serif; text-decoration:none; text-align:center; }

.tooltip span.top{ padding: 30px 8px 0; background: url(/i/bt.gif) no-repeat top; }

.tooltip b.bottom{ padding:3px 8px 15px; color: #548912; background: url(/i/bt.gif) no-repeat bottom; }

.obyavlenie{padding:1em; padding-left:2em; }

.ob-napr{font-size: 120%; color:red; }

.ob-contacts{color:#006600; }

.ob-date{font-size:80%; color:#999999; }

.rub-head{color:#a9a9a9; background-color:#f0f0f0; font-size:100%; padding:0.3em; padding-left:2em; }


span.cart {font-size:1.1em; padding-left:20px; background:url('../i/cart.png') 0 0px  no-repeat; font-weight:normal; color:#666;}