/* css к 8 марта */
/* на заметку: стандартный шрифт для слов на заставке 1С:Школа. Химия, 10 класс похожий на купленный у студии Артемия Лебедева: Comic Sans MS  */
header,
nav,
section,
article,
aside,
footer {
  display: block
}

body { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color: #ffffff; margin:10;}

H1 { text-align: center; color: #405dbe;font-weight: bold;font-size:1.5em;}  
H2 { text-align: center; color: black;font-weight: bold;font-size:1.3em;} /* был цвет color: #3d86ff; */
H3 { text-align: center; color:#181818;}
H4 { text-align: left; color:#181818;font-weight: bold;font-size:20px;margin-left:20px;}
H5 { text-align: left; color:black;font-weight: bold;font-size:2em;margin-left:20px; margin-top: 0.5em; margin-bottom: 1em;}
H6 { text-align: left; color:#0179ff;font-weight: bold;font-size:1.3em;margin-left:20px;margin-top: 3em; margin-bottom: 0.5em;}

header {background: url(images/prodolzh.png) repeat-x;color:#000;}
.header-bg {background: url(images/home1.png) no-repeat;text-align:right;height:220px;}

.header-1C {
background: url(images/1C.png) no-repeat;
margin-right:20px;
/* border: 1px solid red;  */
width:175px;
height:35px;
position:relative;
top:-200px;
float:right;
}

.header-chem {
background: url(images/chem.png) no-repeat;
margin-right:20px;
/* border: 1px solid red;  */
width:305px;
height:40px;
position:relative;
top:-180px;
float:right;
clear:right
}

.header-logo {background: url(images/logo.png) no-repeat;
height:50px;
width:100px;
position:relative;
top:-130px;
float:right;
clear:right;
}

p { margin-left: 20px; font-size: 1.3em; color:#181818; line-height:1.2;}
.rule {display: inline-block;
  border: 1px solid #0096d9;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;
  margin: 10px 10px 10px 20px;
  color: #000;
  background:#d1eaff;}
.index {margin-left: 40px;}  
.indexgall {margin-left: 40px;}  
.pic {font-size: medium;font-weight: bold;}
  
table { margin-left: 20px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.3em; color:#181818; border-collapse:collapse;}

td {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}
.line {
border-bottom: 1px solid black;
}
.title {
background: #a7a7a7;
}

footer { bottom:0;color:#181818;position:fixed;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;font-size:1.1em;width:100%;text-align:center;height:30px;}


a:link { color:#147df9;}
.index {text-decoration: none;}
a:visited { color: #6432aa;}
a:hover { color: #0050af;}
a:active { color:#147df9;}

/* Сид */

.fancy-link {
  display: inline-block;
  border: 1px solid #147df9;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;
  margin: 10px 10px 10px 20px;
  outline: 0;
  min-height: 70px;
}

.fancy-link:visited {
  border-color: #6432aa;
  color: #000;
}
.fancy-link:hover { background:#d1eaff;color: #000;}

.fancy-link:active {
  background: #d1eaff;
  color: #000;
}

.fancy-link img {
  width: 70px;
  height: 70px;
  position: absolute;
}

.fancy-link span {
  font-size:1.3em;
  padding-top: 5px;
  display: inline-block;
  padding-left: 85px;
  color: #000;
}

.fancy-link:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

 .descr { display: none; }

 
ul {line-height:1,5;}
 .text {font-size: 1.3em; color:#181818;line-height:1.2;margin-left: 30px;}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {}