Просмотр архива Клон @Mail.Ru (сборка на InstantCMS by Softober-InstantSocial)


#main_top{
  margin: 0 auto 10px auto;
  position:relative;
 
overflow:hidden;
  max-width: 1420px;
  width: 100%;
 }
 
#main_top,
#footer { 
  width: 100%;
 }
 
/*****************************
Øàïêà ñòðàíèöû *********************************/
 
.logo {

  padding: 4px 0 15px 0 ;
  display:inline;
  float:left;
 
vertical-align: top;
  width: 24%;
 }
 
.logo .d4 img { 
  margin:
4px;
 }
 
.logo .d1 { 
  background: url(../images/1.gif) no-repeat 0%
0% #00468c ;
  margin-bottom: 5px;
 }
 
.logo .d2 { 
  background:
url(../images/1.gif) no-repeat 100% 0% ;
 }
 
.logo .d3 { 
 
background: url(../images/1.gif) no-repeat 0% 100% ;
 }
 
.logo .d4 { 

 background: url(../images/1.gif) no-repeat 100% 100% ;
  height: 55px;
 
text-align: center;
 } 
 
.logo a:hover { 
  color: #f26d00;
 
text-decoration:none;
 }
 
#menu{
  margin: 10px 0 20px 0;
  padding:
10px 0 10px 0;
  overflow:hidden;
  display:block;
 
border-radius:3px;
  -moz-border-radius:3px;
  background:#e0eaef;
  }


#menu .home, .news, .stati, .blogs, .clubs, .qa, .catalog, .board,
.people, .forum, .maps {
  color: #797a80;
  float: left;
  font-family:
"tahoma";
  font-size: 13px;
  text-align: ;
  margin: 2px
15%;
  height:23px;
  width: 10%;
 }
 
#menu span a{
   
padding-left:26px;
}
 
#menu a:hover{
  color:#f26d00;
 
text-decoration:none;
  }
 
#menu .home
a{background:url(../images/menu_icons/icesldier_tabularslide_navleft.png)
no-repeat 6px center; }
#menu .news
a{background:url(../images/menu_icons/news.png) no-repeat  no-repeat 6px
center; }
#menu .stati a{background:url(../images/menu_icons/stati.png)
no-repeat 6px center; }
#menu .blogs
a{background:url(../images/menu_icons/kblogger.png) no-repeat 6px
center;}
#menu .clubs
a{background:url(../images/menu_icons/shape_group.png) no-repeat 6px
center; }
#menu .qa
a{background:url(../images/menu_icons/comment_question.png) no-repeat 6px
center;}
#menu .catalog
a{background:url(../images/menu_icons/keditbookmarks.png) no-repeat 6px
center; }
#menu .board
a{background:url(../images/menu_icons/tutorials.png) no-repeat 6px center;
}
#menu .people a{background:url(../images/menu_icons/group.png) no-repeat
6px center; }
#menu .forum
a{background:url(../images/menu_icons/edu_languages.png) no-repeat 6px
center; }
#menu .maps a{background:url(../images/menu_icons/starthere.png)
no-repeat 6px center; }

.left_block .top_menu2 { 
  font-size: 15px;
 
width:100%;
  list-style-type: none;
  margin: 10px 0 0 0;
  padding:
0;
  position: relative;
  z-index: 1;
  overflow:hidden;
 }


.left_block .top_menu2 li { 
  float: left;
  margin-bottom: 10px;
 
text-align: center;
  width: 23%;
  margin-left: 0;
 }
 
.left_block
.top_menu2 .l_big_my a { 
 
background:url(../images/icons/top_menu2_icons/video.png) no-repeat center
top;
 }
 
.left_block .top_menu2 .l_big_agent a { 
 
background:url(../images/icons/top_menu2_icons/juk.png) no-repeat center
top;
 }
 
.left_block .top_menu2 .l_big_games a { 
 
background:url(../images/icons/top_menu2_icons/games.png) no-repeat center
top;
 }
 
.left_block .top_menu2 li.last { 
  margin-right: -3px;
 
width: 31%;
 }
 
.left_block .top_menu2 .l_big_love a { 
 
background:url(../images/icons/top_menu2_icons/love.png) no-repeat center
top;
 }
 
.left_block .top_menu2 a { 
  display: block;
  font-weight:
700;
  height: 17px;
  padding-top: 29px;
 }

.line { 
  background:
#00468c;
  border:none;
  color: #00468c;
  font-size: 1px;
  height:
1px;
  line-height: 1px;
  margin: 0;
 }
 
.mw { 
  display: block;

 font-size: 1px;
  height: 1px;
  line-height: 1px;
 }
 
.logo .mw {

  width: 240px;
 }

.search_block{
  padding: 4px 0 15px 0 ;
 
display:inline;
  float:left;
  width: 74%;
 }
 
#menuWrap .tnorm { 

 font-size: 12px;
  width:100%;
  background:#e0eaef;
  border-radius:
3px;
  -moz-border-radius:3px;
 }
 
#menuWrap { 
  font-family:
"Arial", "Helvetica", sans-serif;
  width: 100%;
 
margin: 0;
  padding: 0;
 }

#menuWrap .bookmarksBrand { 
  width:
100%;
 }
 
#menuWrap .bookmarksCell { 
  vertical-align: bottom;
 
width: 100%;
 }
 
#menuWrap .brandCell { 
  text-align: right;
 }


#menuWrap .bookmarksList { 
  height: 20px;
  list-style-type: none;
 
margin: 0;
  overflow: hidden;
  padding: 0;
 }
 
#menuWrap .current{

  float: left;
  height: 20px;
  width:180px;
  list-style-type:
none;
  margin: 0;
  padding: 0;
 
background:url(../images/main_title_01.png) no-repeat left top ;
 }


#menuWrap .current div.tlc { 
  background: url(../images/1.gif)
no-repeat ;
  padding-left: 10px;
 }

#menuWrap .current div.ahold { 

 color: #fff;
  margin: 0;
  padding: 3px 0 0 0;
 
background:url(../images/main_title_02.png) no-repeat right top;
  height:
20px;
  width:180px;
 }
 
#menuWrap .current div.ahold p { 
  color:
#fff;
  font-size: 13px;
  font-weight: 700;
  font-family:
"Arial", "Helvetica", sans-serif;
 }
 
#menuWrap .c2
{ 
  background: url(../images/1.gif) no-repeat 100% 0%;
 }
 
#menuWrap
.c3 { 
  background: url(../images/1.gif) no-repeat 0% 100%;
 }


#menuWrap .c4 { 
background: url(../images/1.gif) no-repeat 100% 100%;

}

#menuWrap .c1, #menuWrap .c2, #menuWrap .c3, #menuWrap .c4 { 
 
display: block;
 }
 
#menuWrap .brand_back { 
  background:#00468c ;
 
width: 100%;
 }
 
#menuWrap .inputpad { 
  padding: 8px 8px 7px 8px;
 
overflow:hidden;
 }
 
#ja-search { 
    width:100%;
	padding: 0 ;
   
margin: 0 ;
 }
 
#menuWrap .inhold { 
  height: 20px;
 }


#ja-search label { 
    display: none;
 }

form label { 
    cursor:
pointer;
 }
 
#ja-search .inputbox { 
  background:
url(../images/icon-search.gif) no-repeat right #fff;
  border:none;
 
color: #000;
  font-family: "Arial", "Helvetica",
sans-serif;
  font-size: 12px;
  outline-style: none;
  width: 98%;

}
 
#ja-search .button { 
  background: url(../images/btn_back.png)
no-repeat 0% 0%;
  color: rgb(255, 255, 255);
  font-family:
"Arial", "Helvetica", sans-serif;
  font-size: 12px;

 font-weight: 700;
  border:none;
  cursor:pointer;
  height: 20px;
 
width: 60px;
 }

.inputbox { 
   border:1px solid #cccccc;
   color:
#666666;
   padding: 2px 5px 2px 5px;

 }

.authorization { 
  width:
100%;
  background: #00468c;
 }
 
 
.relative { 
  position:
relative;
 }
 
.authorization .registration { 
  background:
url(../images/1.gif) no-repeat 100% 0% #00468c;
  padding: 10px 14px 10px
14px ;
  width: 100%;
 }
 
.authorization .registration .left { 
 
margin-left: 50px;
 }

.authorization .registration a { 
  color:
#fff;
  font-size: 12px;
  font-weight:bold;
 }

.authorization
.title1 { 
  color: #fff;
  font-size: 12px;
  font-weight:bold;
 
padding: 0 5px 10px 11px;
  width: 5%;
 }
 
.authorization .mail { 
 
padding: 0 13px 10px 0 ;
  
 }
 
.authorization .pswd { 
  padding: 0
13px 10px 0;
 
 }
 
.authorization .mail .login { 
  width: 40%;
 }


.authorization .pswd .pass{
  width: 40%;
 }
 
.authorization .title2
{ 
  color: #fff;
  font-size: 12px;
  font-weight:bold;
  padding: 0
5px 10px 11px;
  width: 5%;
 }

.authorization .mail .login input,
.authorization .pswd input { 
  box-sizing: border-box;
  float: left;
 
font-size: 12px;
  height: 21px;
  padding: 2px ;
  width: 100%;

}

textarea, input, select { 
 font-family: "arial";
 }


.authorization .title3 {
  color: #fff;
  font-family:
"tahoma";
  padding: 0 5px 10px 11px;
  font-size: 11px;
 
width: 5%;
  }
  
.authorization .title3 a{
  color:#fff;
  }


.authorization .title3 { 
  background: url(../images/1.gif) no-repeat
0% 100% ;
 }
 
.authorization .button { 
  background:
url(../images/1.gif) no-repeat 100% 100% ;
  padding: 0 13px 10px 0;
 }


.authorization .button table { 
  width: 100%;
 }
 
.authorization
.button .bad { 
  color: #fff;
  font-family: "tahoma";
 
font-size: 11px;
  width: 90%;
  padding-left:5px;
 }

.authorization
.submit input { 
  font-size: 14px;
 
background:url(../images/btn_auth.png) no-repeat;
  font-size: 12px;
 
font-weight: 700;
  border:none;
  cursor:pointer;
 }
 
.authorization
.button .check input { 
  margin-left: 0px;
 }
 
.right { 
  float:
right;
 }
 
.left_block { 
  padding-bottom: 19px;
  vertical-align:
top;
  display:inline;
  float:left;
  width: 24%;
 }


.center_block{
  padding-bottom: 19px;
  vertical-align: top;
 
display:inline;
  float:left;
  width: 44%;
 }
 
.right_block{
 
padding-bottom: 19px;
  vertical-align: top;
  display:inline;
 
float:left;
  width: 28%;
 }
 
.left_divider { 
  vertical-align:
top;
  display:inline;
  float:left;
 }
 
.left_divider .mw { 
 
width: 30px;
 }
 
.left_divider2 { 
  vertical-align: top;
 
display:inline;
  float:left;
  width: 2%;
 }

 
.left_divider2 .mw {

  width: 30px;
 }
 
.right_divider { 
  vertical-align: top;
 
display:inline;
  float:left;
  width: 2%;
 }
 
.center_com{
 
width:74%;
  margin: 10px auto;
  display:inline;
  float:left;
  }


.mw { 
  display: block;
  font-size: 1px;
  height: 1px;
 
line-height: 1px;
 }
 
.right_divider .mw { 
  width: 30px;
 }


.banner { 
  display: block;
  margin-bottom: 20px;
  text-align:
right;
 }
  
center { 
  display: block;
  text-align: center;
 }


.section {
  width: 100%;
  min-width:400px;
  margin: 0 0 10px 0;
 
border-bottom:1px solid #00468c;
}

ul.tabs {
  height: 30px;
 
line-height: 25px;
  list-style: none;
  padding-left:3px;  
}

.tabs
li {
  float: left;
  display: inline;
  margin:-1px 0 0 0;
  cursor:
pointer;
  position: relative;
  padding: 0 ;
  font-size:12px;
 
width:130px;
  text-align:center;
  text-decoration:underline;
 
color:#996600;
}

.tabs li:hover {
  color: #F70;
 
text-decoration:none;
}

.tabs li.current {
  color: #fff;
 
text-decoration:none;
  background:url(../images/tabs.png) no-repeat
center ;
  height: 30px;
}
	
.box {
  display: none;
  padding:
10px;
  overflow:hidden;

}
.box.visible {
  display:
block;
}

.foot_mod{
  width:100%;
  }
 
 


/*<![CDATA[*/
	#meteoprog_1312552240 { font-family:Tahoma !important;
height:28px !important;width:728px !important;overflow:hidden
!important;
	border-radius:3px !important;-moz-border-radius:3px
!important;-webkit-border-radius:3px
!important;
	}
	.meteoprog_1312552240_error
{}
	.meteoprog_1312552240_error p{text-align:center
!important;white-space:nowrap !important;color:#5283C2
!important;font-size:12px !important;padding:0 !important;margin:0
!important;line-height:28px !important;}
	#meteoprog_1312552240
a{outline:0 !important;}
	#meteoprog_1312552240 .cl {display:block
!important;clear:both !important;line-height:0px !important;font-size:0px
!important;}

	#meteoprog_1312552240 {vertical-align:middle
!important;text-align:left !important;color:#222222
!important;}
	#meteoprog_1312552240 table td {padding:0 5px
!important;}
	#meteoprog_1312552240 .w-logo {text-align:right
!important;}
	#meteoprog_1312552240 .w-logo img {position: relative
!important; top: 2px !important; z-index:1
!important;}

	#meteoprog_1312552240 .w-desc {line-height:1em
!important;color:#adadad !important;font-size:11px
!important;text-align:center !important;}
	#meteoprog_1312552240 .w-desc a
{color:#ADADAD !important;font-size:11px
!important;}

	#meteoprog_1312552240 .w-city {min-width:55px
!important;line-height:12px !important;}
	#meteoprog_1312552240 .w-city
.popup{float:right !important;margin-left:5px
!important;}
	
	#meteoprog_1312552240 .w-city a.lbl {color:#5283C2
!important;font-size:12px !important;line-height:13px
!important;font-weight:bold !important;text-decoration:underline
!important;white-space:nowrap !important;padding-right: 0px
!important;}
	#meteoprog_1312552240 .w-city a.lbl:hover
{text-decoration:none !important;}
	#meteoprog_1312552240 .w-temp
{padding-left:0px !important;color:#2b6bbe !important;font-size:20px
!important;font-family:Arial !important;}
	#meteoprog_1312552240
.w-icon-wp {height:28px !important; overflow:hidden
!important;}
	
	#meteoprog_1312552240 .w-ajax {padding:0
!important;}
	#meteoprog_1312552240 .w-ajax a {text-decoration:none
!important;}

	#meteoprog_1312552240 .w-ajax-body {display:block
!important;white-space: nowrap !important;width: 218px
!important;}
	#meteoprog_1312552240 .w-ajax-body .w-temp,.meteoprog_
.w-ajax-body .w-icon,
	#meteoprog_1312552240 .w-ajax-body
.w-icon-wp,
	#meteoprog_1312552240 .w-ajax-body .w-param {display:block
!important;float: left !important; padding: 0px 3px
!important;}
	
	#meteoprog_1312552240 .w-ajax-body .w-temp {height: 28px
!important; line-height: 28px !important;}

	#meteoprog_1312552240
.w-ajax-body .w-param {white-space:nowrap
!important;}
	#meteoprog_1312552240 .w-ajax-body .w-param p
{line-height:1em !important;margin:0 !important;color:#acacac
!important;font-size:9px !important;}
	#meteoprog_1312552240 .w-ajax-body
.w-param p span {padding-left:5px !important;color:#222222
!important;font-size:9px !important;}
	
	#meteoprog_1312552240 .w-other
{padding:0 !important;text-align:right !important;white-space:nowrap
!important;}
	#meteoprog_1312552240 .w-other span {padding-left:0px
!important;font-size:11px !important;color:#ADADAD
!important;}
	#meteoprog_1312552240 .w-other a{line-height:28px
!important; color:#5283C2 !important; font-size:11px
!important;padding-left:3px !important;text-decoration:underline
!important;}
	#meteoprog_1312552240 .w-other a.more {padding-left:2px
!important;}
	#meteoprog_1312552240 .w-other a:hover {text-decoration:none
!important;}

	#meteoprog_1312552240 a.go {text-decoration:none
!important;}

/*]]>*/