/* $Id: style.css,v 1.1.2.1 2010/10/21 22:48:14 finex Exp $ */



/*********************************** LAYOUT ***********************************/

body{
  
  background:white;
  color:black;
  margin:0;
  padding:0;
  color:#262c06;
  background-image:url(http://conf.nsc.ru/files/styles/327923/Back.jpg);
  background-repeat:repeat-no;
}


#header1 {

height:330px;
width:1010px;
cursor:pointer

}

/********************************** HEADINGS **********************************/

h1,h2,h3,h4,h5,h6{color:#333b08;}

h3,h4,h5,h6{font-weight:bold}

h1{font-size:26px;  margin-bottom:40px;}

h2{font-size:22px; color:#A23B0E}

h3{font-size:16px}

h4{font-size:15px}

h5{font-size:14px}

/*********************************** LINKS ************************************/

a{
  color:#A23B0E;
  text-decoration:none
}

a:visited{color:#A23B0E}


li a.active{color:#A23B0E}

a:hover{color:#A23B0E; text-decoration:underline}

a img{border:none}

h1 a,h2 a, h3 a{color:#A23B0E}
h1 a:visited,h2 a:visited, h3 a:visited{color:#A23B0E}

a.supermenu {
 color:#262c06;
 font:10pt  Verdana, Tahoma, Helvetica, sans-serif;
 }



/************************************* Содержание общее **********************************/



.cont{
        font:10pt  Verdana, Tahoma, Helvetica, sans-serif;
        height: auto; 
	margin-left: 1px;
	margin-right: 3px;
	margin-top: 1px;
        background-image:url(http://conf.nsc.ru/files/styles/327923/white.jpg);
        background: white;
        background-repeat:repeat-y;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
        opacity: 1;
        filter: alpha(Opacity=100);
        padding: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 15pt;
}


.BlockHover{
        background: white;
        padding-left: 20px;
        padding-right: 20px;
}

.BlockHover:hover{
        background: #E5E7F4;
        padding-left: 20px;
        padding-right: 20px;
}

.ImgShadow:hover{
box-shadow: 0 0 5px 2px #D7DAEE;
}




/******************************Прозрачность кнопок навигации***************************/

.menu_bt{
   filter: alpha(Opacity=85); /* Полупрозрачность для IE */
   opacity: 0.85; /* Полупрозрачность для других браузеров */ 
}

.menu_bt:hover{
	filter: alpha(Opacity=100); /* Полупрозрачность для IE */
	opacity: 1; /* Полупрозрачность для других браузеров */ 
}



/*****************************  Правая движущаяся полоса  *****************/
.Gallery{
   filter: grayscale(100%);
   -webkit-filter: grayscale(1);
   filter: alpha(Opacity=50);
   opacity: 0.5;
   width: 164px;
	}
	


.Gallery:hover{
    filter: grayscale(0);
   -webkit-filter: grayscale(0);
   filter: alpha(Opacity=100);
   opacity: 1;
   width: 164px;
	}


/****************** Молодежная Школа по катализу **************/



/* Базовый контейнер табов */
.tabs {
	padding: 0px;
	margin: 0 auto; 
	width:655px;
        height:424px;
}

/* стили секций с содержанием */
section {
	display: none;
	padding: 15px;
	background: #fff;
  	height:324px;
  	font: normal 12pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;
	
  	/* Округление старт */
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* Округление конец */

}

.tabs input {
  display: none;
}

/* стили вкладок (табов) */
.tabs label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 10px 9px;
	font: normal 13pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;
	text-align: center;
	color: #fff;
	height: 15px;
	background-image:url(http://conf.nsc.ru/files/styles/327923/school-btn-blue.png);
 
 /* Округление старт */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* Округление конец */ 
}



/* изменения стиля заголовков вкладок при наведении */
.tabs label:hover {
  color: #E6E6E6;
  cursor: pointer;
}


/* стили для активной вкладки */
.tabs input:checked + label {
  background-image:url(http://conf.nsc.ru/files/styles/327923/school-btn-green.png);
}


/* активация секций с помощью переключателя :checked */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}
/* медиа запросы для различных типов носителей */  
@media screen and (max-width: 680px) {
  .tabs label {
    font-size: 0;
  }
 
  .tabs label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  .tabs label {
    padding: 15px;
  }
}



#content1 {
 color:#41427b;
 background-image:url(http://conf.nsc.ru/files/styles/327923/school-bg4.jpg);
 background-size: cover;
 }

#content2 {
 background-image:url(http://conf.nsc.ru/files/styles/327923/school-bg2.jpg);
 background-size: cover;
 }

#content3 {
 background-image:url(http://conf.nsc.ru/files/styles/327923/school-bg3.jpg);
 background-size: cover;
}

#content4 {
 background-image:url(http://conf.nsc.ru/files/styles/327923/school-bg1.jpg);
 background-size: cover;
}


#school-table-1 {
 vertical-align: middle;
 border: 0;
 font: normal 14pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;
 height: 260px;
}

#school-table-2 {
 vertical-align: middle;
 border: 0;
 font: normal 10pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;
 color: white;
 height: 290px;
}

#school-table-3 {
 vertical-align: middle;
 border: 0;
 font: normal 10pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;
 color: white;
 height: 290px;
}

#schooltitle {
 text-align: Left;
 font: normal 11pt Verdana, Tahoma, Helvetica, sans-serif;
}


/****************** Счетчик дней  **************/

#clock {
text-align: center;
font-size:18px;
color:#A23B0E;
}


#clock:hover {
color:#4250b1;
}

#RemainsFullDays {
text-align: center;
font: bold 34px tahoma, verdana, arial narrow, arial;
}