html ,body{width: 100%; height: auto; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, caption { margin:0; padding:0; border:0;}
a img, :link img, :visited img { border:0; }

table { border-collapse:collapse; border-spacing:0; }
td{vertical-align:top}

a { cursor:pointer; outline:none}
.clear{clear:both; font-size:1px; line-height:1px; height:1px}



/*---------------------
	Style for index.html
	-----------------*/

	.mainArea {width:100%; margin:auto; min-width:1000px}
	.thriCol {width:100%;}
	.thriCol td {}
		.thriCol td.rightCol {width:213px;}
		.thriCol td.centCol {width:auto; padding-right:8px}
		.thriCol td.leftCol {width:210px;}

	.header {height:155px;}
		.logo {width:210px; float:left; margin:0 0 0px 0}
		.topMenu {float:left; width:100%; height:64px; background:url(/bitrix/templates/metall/images/topMenuBG.gif) repeat-x left top; padding:22px 0 0 0;
				  border-left:1px solid #868686; margin-left:-1px;}
		.topMenu ul {margin:0px; padding:0px; list-style:none;}
		.topMenu li {float:left; width:110px; height:43px; padding:3px 0 0 0; border-right:1px solid #868686; position:relative; z-index:300;
					 line-height:14px; text-align:center}
		.topMenu li.lastLI {border:0px}
		.topMenu li a {font-family:arial; font-size:12px; color:#d3d5d6; text-decoration:none; display:block; height:100%;
					   background:url(/bitrix/templates/metall/images/topMenuICO.gif) no-repeat center 34px;}
		.topMenu li a:hover {color:#ffa349; background:url(/bitrix/templates/metall/images/topMenuICO_A.gif) no-repeat center 34px;}
		.topMenu li.lastLI a {background:none}
		.topMenu li.lastLI a:hover {background:none}

		.topMenu ul ul {display:none; position:absolute; z-index:200; left:-1px; top:46px; width:111px; padding:0 0 0px 0px; background:#525252;}
		.topMenu ul ul li {width:102px; padding:0 0 8px 8px; height:auto; text-align:left; border-left:1px solid #868686;}
		.topMenu ul ul li a {background:none; font-size:11px}
		.topMenu ul ul li a:hover {background:none} 

	.mrg {font-size:1px; height:1px; margin:-62px 0 0px 0;}
	.anyBlok {width:210px; position:relative}
		.anyTitle {width:197px; height:35px; background:url(/bitrix/templates/metall/images/head_plash1.gif) no-repeat left top; padding:3px 0 0 13px; margin:0 0 -9px 0;
				   font-family:arial; font-size:12px; color:#fff; text-transform:uppercase;}
		.anyContent {padding:0 0 5px 25px; font-family:arial; font-size:12px; color:#000;}
		.anyContent ul {list-style:none; margin:0px; padding:0px;}
		.anyContent ol {list-style:none; margin:0px; padding:0px;}
		.anyContent ol.vote-items-list {margin:0 0 0 -22px}
		.anyContent ul li {font-family:arial; font-size:12px; color:#000; line-height:20px; margin:0 0 0 -11px}
		.anyContent ul li a {font-family:arial; font-size:12px; color:#000; text-decoration:none; display:block; padding:0 0 0 13px;
							 clear:left; float:left;}
		.anyContent ul li a:hover {background:url(/bitrix/templates/metall/images/leftMenuICO.gif) no-repeat left 6px; color:#ffa349}
        .blue .anyContent a {color:#018ccd; text-decoration:underline}
		.anyContent img {border:1px solid #fda54e; margin:3px 0 0 0}
		.anyContent .vote-form-box-buttons input{background:#909090; color:#fff; border:0px; padding:1px 10px; font-size:12px; font-family:arial; height:18px; widtH:80px; margin:3px 0 6px 0; cursor:hand; cursor:pointer}

		.search {margin:0 0 10px 0}
		.search input {width:108px; height:18px; background:#ebebeb; color:#909090; font-size:12px; font-family:arial; border:0px; padding:1px 5px 0 5px}
		.search input.butt {width:20px; height:22px; background:url(/bitrix/templates/metall/images/searchIco.png) no-repeat left top; cursor:hand; cursor:pointer; padding:0px}

	.advertBlok {width:180px; min-height:150px; background:#595959 url(/bitrix/templates/metall/images/advert.gif) repeat-x left top; padding:10px; margin:0 0 20px 0;
				font-family:arial; font-size:14px; color:#d3d5d6;}

 	.flash {width:580px; height:420px; background:url(/bitrix/templates/metall/images/statFlas h.jpg) no-repeat left 0px; margin:18px auto -50px auto; position:relative; z-index:90;}
 	.flash object {margin:0px; padding:0px; position:absolute; top:-20px; z-index:1}


        .content_index {position:relative; z-index:110; margin:15px 0 0 0}
	.contentBlok {width:100%; font-family:arial; font-size:12px;}
		.anyTitle2 {width:100%; height:35px; background:url(/bitrix/templates/metall/images/head_plash2Center.gif) repeat-x left top;  margin:0 0 0px 0;
				   font-family:arial; font-size:12px; color:#fff; text-transform:uppercase;}
		.aT2In {width:100%; height:35px; background:url(/bitrix/templates/metall/images/head_plash2Left.gif) no-repeat left top;}
		.aT2InIn {height:35px; padding:3px 0 0 13px; background:url(/bitrix/templates/metall/images/head_plash2Right.gif) no-repeat right top;}
		.anyContent2 {padding:0 0 5px 25px;}

		.contentBlok p {margin:0 0 15px 0}
		.contentBlok img {border:1px solid #fda54e}
		.contentBlok a {color:#018ccd}
		.contentBlok a:hover {color:#ffa349}
		.contentBlok h1 {font-size:18px; margin:0 0 10px 0; font-weight:100}



		.bestFoto {margin:auto;}
		.bestFoto td {padding:0 8px 10px 8px}


    .newsItem {margin:0 0 8px 0}
    	.newsDate {font-family:arial; font-size:12px; color:#000; padding-left:17px; margin:0 0 0 -17px;
    			   background:url(/bitrix/templates/metall/images/newsIco.jpg) no-repeat left 3px; position:relative}
		.newsName {line-height:14px}
		.newsName a {font-family:arial; font-size:12px; color:#018ccd}
		.newsName a:hover {text-decoration:none; color:#ffa349}

    .forumItem {margin:0 0 8px 0}
    	.forumAsk {font-family:arial; font-size:12px; color:#000; padding-left:17px; margin:0 0 0 -17px;
    			   background:url(/bitrix/templates/metall/images/forumIco.jpg) no-repeat left 3px; position:relative}
		.forumTheme {line-height:14px}
		.forumTheme a {font-family:arial; font-size:12px; color:#018ccd}
		.forumTheme a:hover {text-decoration:none; color:#ffa349}


	.footer {}
    .footer td {padding:13px 0 15px 0; font-size:12px; font-family:arial; color:#909090}
    .footer td.leftCol {border-top:3px solid #424242; padding-left:13px}
    .footer td.centCol {border-top:3px solid #424242; text-align:center}
	.footer td.rightCol {border-top:3px solid #ffa349; text-align:right; padding-right:13px}


.voting-form-box {border:0px; margin-left:10px}
.vote-form-box-buttons {margin:4px 0 0 -17px;}
ol.vote-items-list {width:197px}