@import "font.css";
@import "layout.css";
/*-----
версия таблицы стилей: 1.0;
автор: Иван Овчинников;
электронный адрес: sshp@ya.ru;
сайт автора: http://sshp.narod.ru
-----*/

/*= Базовые */
html{
padding:30px 4%;
background:#d4f4f8;}

html, body, ul, li{
margin:0;}

body{
position:relative;
padding:0 2px 52px 0;
margin:0 auto;
width:100%;
max-width:1010px;
background:url(../i/corner-l-b.gif) no-repeat 0 100%;
}

img{
border:none;}

ul, li{
list-style:none;
padding:0;}


/*= Лого, верхушка -------*/
#logo{
position:relative;
padding:0 48px;
margin:51px 0 0 0;
background:url(../i/corner-l-t.gif) no-repeat 0 0;
}

#logo h2{
position:relative;
margin:0;
padding:0;
text-align:right;
border-top:solid 2px #e2e2e2;
height:50px; /* Т.к.содержащаяся картинка имеет высоту больше, чем надо для полосы #logo h2*/
background:#fff;
}

#logo h2 a{
display:block;
position:relative;
top:-55px;
float:right;
right:18%;
z-index:100;
}

#logo address{
position:absolute;
top:0;
right:-4px;
height:52px;
line-height:52px;
background:url(../i/corner-r-t.gif) no-repeat 100% 0;
}

#logo address a{
display:block;
text-decoration:none;
vertical-align:middle;
margin-right:50px;
}
#logo address a:visited{
color:#1793e6;
}


/*= Нави-бар -----*/
#bodycontent{
position:relative;
width:100%;
margin:0;
border-left:solid 2px #e2e2e2;
border-right:solid 2px #e2e2e2;
background:#fff;
}

#bodycontent:after{
content:'';
display:block;
clear:both;
}

#navy-wrap{
position:relative;
float:left;
left:50%;
margin:-10px 0 0; /* Чтоб под облачко немного заехала Нави-Бар*/
z-index:0;

}

#navy{
position:relative;
float:left;
left:-50%;
z-index:100;
width:auto;
margin:0 auto;
border:none;
background:#f5f5f5 url(../i/nav-m.gif) repeat 0 0;
}

#navy li{
float:left;
height:44px;
line-height:42px;
vertical-align:middle;
background:#f5f5f5 url(../i/nav-m.gif) repeat-x 0 0;}

#navy li.first{
vertical-align:middle;
width:28px;
padding:0 .5em 0 8px;
background:url(../i/nav-l.gif) no-repeat 0 0;
}

#navy li.first a{
vertical-align:middle;
line-height:38px;
}

#navy li.first img{
position:relative;
top:6px;
left:-13px;
}

	#navy a{
	display:block;
	padding:0 0 0 1em;
	}

	#navy a b{
	display:block;
	padding:0 1em 0 0;}

	#navy a:hover{
	background:transparent url(../i/nav-hover.gif) repeat-x -199px 0;
	}

	#navy .first a:hover{
	background:none;
	}

	#navy a:hover b{
	background:transparent url(../i/nav-hover.gif) no-repeat 100% 0;}


#navy .last{
float:right;
margin:0 0 0 80px;
background:url(../i/nav-r.gif) no-repeat 100% 0;
}

#navy form{
padding:0;
margin:0;
position:relative;
}

#navy label{
position:absolute;
top:2px;
left:20px;
margin:0;
padding:0;
line-height:1em;
}
/*=== К оптимизации (объединить с др.правилами, если встретятся аналогичные ===*/
#navy p{
margin:0;
}

#navy form span{
border:none;
width:82px;
padding:0;
margin:0;
background:#fff url(../i/search-top.gif) no-repeat 0 0;
}

#navy input.text{
width:82px;
height:1.23em;
overflow:hidden;
padding:0;
margin:0;
border:none;
background:url(../i/search-bottom.gif) no-repeat 0 100%;
}

#navy input.submit{
position:relative;
left:-20px;
top:1px;
text-indent:-1000em;
padding:0; /*:Нужно, чтобы при нажатии на кнопочку у неё появлялась рамка по всему периметру, а не зауженная (видимо из-за того, что текста на кнопке нет)*/
width:16px;
height:16px;
border:none;
background:url(../i/search-button.gif) no-repeat 0 0;
}



#navy input.submit:hover{
background:url(../i/search-button-hover.gif);
}


/*---*/
/* input:active, input:hover{
outline:1px cyan solid;
}
 */


/*= Хлебные крошки
 ------*/
#breadcrumb{
clear:both;
display:block;
width:25%;
position:relative;
left:74.5%;
margin:0;
padding:0;

}

#breadcrumb h3{
margin:0;
float:left;

}

#breadcrumb ul{
margin:0 0 0 5em;
}

#breadcrumb li{
float:left;
padding:0 .5em;
}





#info{
clear:both;
height:52px;
position:relative;
z-index:500;
bottom:-52px;
right:-2px;
margin:0 0 0 48px;
background:url(../i/corner-r-b.gif) no-repeat 100% 100%;
}

#info-content{
height:50px;
margin:0 52px 0 0;
border-bottom:2px solid #e2e2e2;
background:#fff;
}








/*

.w3c-validator *{
margin-bottom:-200px;
}

html{
background-color:#d4f4f8;
font-family: Tahoma, sans-serif;
}

body{
border:0px solid #aaa;
height:80%;
max-width:100em;
padding:0;
margin:0;
background: url(img/angle-top-left.png) no-repeat 0 0 !important;
background: url(img/angle-top-left.gif) no-repeat 0 0;
position:relative;
width:100%;
background:#fff;
}

address{
background:url(img/angle-top-right.png) no-repeat 100% 0 !important;
background:url(img/angle-top-right.gif) no-repeat 100% 0;
margin:0 -142px 0 0;
position:relative;

text-align:right;
padding:20px 80px 0 0;
font-weight:bold;
font-size:.9em;
color:#777;
font-style:normal;
}

address a{
color: #777;
text-decoration: underline;
}
address a:hover{
color:#0090ff;
}

address span{
display:block;
}

address span em{
font-style:normal;
font-size:1.5em;
font-weight:bold;
}

address small{
display:block;
}

#logo{
position:relative;
height:86px;
/* overflow:visible; *\/
margin:0 142px;
padding:0;
background:url(img/top-repeat.png) repeat-x 0 0;
}

#navy *{}


#navy li{
float:left;
line-height:32px;
padding:0;
margin:0;
height:32px;
}

#navy .first{
background:url(img/navy-left.png) no-repeat 0 0;
margin:0 0 0 -20px;
}

#navy .last{
float:right;
clear:right;
}

#navy li a{
display:block;
height:32px;
overflow:hidden;

padding:0 1em;
color:#fff;
background:#7e7e7e;
text-decoration:none;
font-weight:bold;
}
#navy li.first a{
padding:0 1em;
margin:0;
background:none;
}

#navy li a:hover{
background-color:#fff;
color:#7e7e7e;
}

#navy li a img{
height:32px;
padding:0;
margin:0;
}

#navy p{
padding:0;
margin:0;
height:32px;
overflow:hidden;
}


#breadcrumb{
background:url(img/breadcrumb-left.png) no-repeat 0 0;
height:21px;
padding:0 1em;
margin:0;
font-size:.8em;
text-align:left;
clear:both;
}

#breadcrumb h3{
font-size:1em;
font-weight:normal;
font-style:italic;
display:inline;
}

#breadcrumb ul{
display:inline;
padding:0 1em;;
}

#breadcrumb li{
display:inline;
padding:0;
margin:0;
}










input:hover{
outline:1px #00ffff solid;
}


/******* Secondary *******\/
#secondary{
float:left;
clear:left;
width:25%;
padding:0px 15px;
margin:0;
background:url(img/body-left.png) repeat-y 0 0;
border-right:2px solid #ddd;
}

/* #secondary h2, #secondary ul{
border:5px #ddd solid;
border-left:none;
margin-left:10em;} *\/

#secondary h2{
font-size:1em;
margin:0;
padding:0;
text-align:center;

border-bottom:none;
}

#secondary ul{
border-top:none;
}

#secondary li{
float:left;
clear:left;
width:43%;
font-size:.9em;
margin:.5em 0;
}

#secondary .all{
clear:both;
float:none;
width:100%;
text-align:center;
}

#secondary .poster{
float:right;
clear:right;
width:55%;
height:200px;
overflow:hidden;
border-left:2px solid #dfdfdf;
text-align:center;
}

#news li{
width:100%;
float:none;
clear:both;
}

#secondary a{
color:#000;
}
#secondary a:visited{
color:#777
}
#secondary a:hover{
color:#0090ff;
}

/****** Primary ******\/
#primary{
margin-left:33%;
position:relative;
}



#teksty_raskrutki{
position:absolute;
left:-7%;

width:7%;
height:50px;

}

#teksty_raskrutki li{
visibility:inherit;
font-size:5pt;
width:20px;
height:20px;

overflow:hidden;
}

#teksty_raskrutki b{
visibility:visible;
display:block;
z-index:10;
font-size:15pt;
width:5em;
}










h1{
font-size:1.7em;
color:#333;
}

/** ###################### **\/
h2, h3, h4, h5, h6{
color:#333;
}

#primary p{
font-size:1.1em;
color:#444;
} */