/*
	main.css
	saved from http://www.7vetrov.msk.ru/
	
	Global styles.
 */

/* Predefine */
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	background-color: #dad8d6;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body,
div,
th,
td,
li {
	color: #333333;
	font: 14px Arial, Helvetica, sans-serif;
}

p,
form {
	margin: 0 0 0 0;
}

p {
	margin-top: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	font-size: 11px;
	font-weight: normal;
}

td {
	vertical-align: top;
	empty-cells: show;
}

a,
a:link,
a:visited,
a:active {
	color: #275eb9;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #2860ba;
	text-decoration: none;
}

ul,
ol {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
}

ul {
	list-style: disc;
}

img {
	border-width: 0 0 0 0;
}

/* Main Layout */
.main-layout {
	width: 994px;
}

.topflags {border:none; margin:0px; padding:0px; display: block;}

.menu_top
{
	font-size:11px;
}


         
               .title_comments
               { font-weight: bold;
               padding-bottom: 10px;
			   font-size:11px;
                   
                   
               }
         
                        .job
               { 
                font-style:italic;
                   			   font-size:11px;
                   
               }
                                       .fio
               { 
                    
                font-style:italic;
                padding-bottom: 2px;
                padding-top: 10px;
                   			   font-size:11px;
                   
               }
         
        
         
               .title_opros
               {     
               
  
               padding-bottom: 10px;
               font-weight: bold;
                  			   font-size:11px; 
							      color:#727c81;
                   
               }
         
                        .job_opros
               { 
                font-style:italic;
    			   font-size:11px;
                   
                   
               }
                                       .fio_opros
               { 
                    
                
                padding-bottom: 2px;
                padding-top: 10px;
                   			   font-size:11px;
                   
               }
               .vopros_opros
               {
                
                padding-bottom: 10px;
			   font-size:11px;
			  color:#727c81;
                   
               }
               .otvet_opros
               {
                   padding-bottom: 5px;
				   			   font-size:11px;
               }
         
		 .yandex_title
		 {
			font-size:11px; 
		 }
		 
		        .title_comments_view
       {
       
           padding-bottom: 5px; padding-top: 20px;
		   font-weight:bold;
       } 
       
       .text_fio_view{
           
          
           padding-top: 10px;
		   font-size:12px;
		   font-style:italic;
       }
       
              .text_job_view{
           
    
           font-size:12px;
		   font-style:italic;
       }
        
		
		
		     .title_opros_view
       {
           font-weight: bold;
           padding-bottom: 10px; padding-top: 10px;
       } 
       
       .text_opros_view{
           
        
           padding-top: 25px;
		
       }
       
              .job_opros_view{
           
           font-style: italic;
           font-size:12px;
       }
        
		     .fio_opros_view
			 {
				  
          
		   font-weight:bold;
		
		   
          
       }
   
   
  
 
.main_page_glags {margin: 20px 0 0 15px;}
.main_page_glags a {display:block; text-align:left; text-decoration:none; color:#111; font-size: 1.2em; vertical-align:top;}
.main_page_glags a img {padding: 0 5px 0 0; margin-top: -7px;}

#blog_link {display:block; position:absolute; width:97px; height:24px; top:0px; background: url('/img/blog_link.png') no-repeat 0 0; text-align:center; text-decoration:none; color:#fff; font-size:14px; letter-spacing:2px; padding-top:3px; margin-left:7px;}
#blog_link:hover {background-position:0 -24px;text-decoration:underline;}




/* TOPLINE */
#topline_container {width: 960px;}

#topline_container {
 position:absolute;
 height: 10px;
 font: 12px Arial, sans-serif;
 z-index: 100;
 margin-left: 350px; /*17px;*/
}
#topline_container.open {
 height: auto;
 }
 
#topline_container #topline {
 position:relative;
 display:none;
 width: 100%; 
 background: #cad2de;
  z-index: 101;
margin-left:-333px; /*del*/
}
#topline_container #topline * {
    z-index: 102;
}
#topline_container #topline table { width: 100%;}
#topline_container #topline table td {padding: 6px 3px; width: 33%;}
#topline_container #topline table td a {text-decoration:none; color: #666; background: #B8C7DE; display:block; overflow:auto; padding: 5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#topline_container #topline table td a:hover {color:#444; background: #A6BCDE;}
#topline_container #topline table td a h2 {font: 1.3em/1.4em Verdana,sans-serif; text-shadow: 1px 1px #aaa; color:#444;}
#topline_container #topline table td a:hover h2 {color:#333; text-shadow: 1px 1px #999;}
#topline_container #topline table td a img {width: 60px; float:left; margin-right: 10px;}
#topline_container #topline.open { 
 display:block;
 height: auto;
 }
#topline_container #topline.open table {display:table; }
#topline_container #btn {
 position:relative;
 margin-left: 10px;
 cursor:pointer;
}
