body
{
font-family: Verdana, Arial, Helvetica;  
font-size: 15px; 
background-color: #ffffff; 
}


.container 
{ 
background-color: #FFFFFF; 
width: 986px;
height: 90%;
margin: 0 auto;
border-collapse: separate;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

 
.demo 
{
width: 900px; 
background-color: #FFFFFF;
border: 0px #778899 solid; 
border-collapse: collapse;
margin: 0 auto;
}

pre 
{
background: #eee;
border: 1px solid #ddd; 
width: 650px;  
overflow: auto; 
margin: 0 auto;
text-align: left;
padding: 5px 30px; 
}

p    
{
font-size: 15px; 
font-weight: 100; 
color: #000000; 
line-height: 150%;  
text-align: justify;
margin-top: 8px; 
margin-left: 5%;
margin-right: 5%; 
margin-bottom: 8px; 
}




h1   
{
font-family: Arial, Verdana, Helvetica; 
font-size: 150%; 
font-weight: 600; 
color: #2F4F4F; 
line-height: 100%;  
text-align: center; 
margin-top: 6px; 
margin-left: 1%;
margin-right: 1%; 
margin-bottom: 6px; 
}


h2 
{
font-family: Times New Roman, Times; 
font-size: 21px; 
font-weight: 600; 
color: #00008B; 
line-height: 100%;  
text-align: center; 
margin-top: 6px; 
margin-left: 12px; 
margin-right: 1%; 
margin-bottom: 6px; 
}

h3 
{
font-family: Times New Roman, Times; 
font-size: 19px; 
font-weight: 600; 
color: #006400; 
line-height: 100%;  
text-align: center; 
margin-top: 6px; 
margin-left: 4%;
margin-right: 1%; 
margin-bottom: 6px;
}

h4 
{
font-family: Times New Roman, Times; 
font-size: 17px; 
font-weight: 600; 
color: #A0522D; 
line-height: 100%;  
text-align: center; 
margin-top: 6px;
margin-left: 12px; 
margin-right: 1%; 
margin-bottom: 6px; 
}



/* Маркеры с class */

.color1
{ 
background-color: #FF66FF;
}

.color2 
{ 
background-color: #00FFCC;
}

.color3  
{ 
background-color: #FF6600;
}

.color4  
{ 
background-color: #ffcc99;
}

.color5 
{ 
background-color: #FFFF66;
}

.color6  
{ 
background-color: #FF9999;
}

.color7 
{ 
background-color: #FFFF00;
}

.color8 
{ 
background-color: #99CC66;
}

.color9 
{ 
background-color: #CCFF00;
}

.color10 
{ 
background-color: #99FFFF;
}

.color11 
{ 
background-color: #BDB76B;
}

.color12 
{ 
background-color: #008080;
}

.color13 
{ 
background-color: #FFA500;
}

.color14 
{ 
background-color: #33CC33;
}

.color15  
{ 
background-color: #CCFFFF;
}

.color16 
{ 
background-color: #DEB887;
}

.color17 
{ 
background-color: #D87093;
}

.color18 
{ 
background-color: #D8BFD8;
}

.color19 
{ 
background-color:#FFDEAD;
}



/* Цветные шрифты class */
.blue
{              
color: #008B8B;
font-size: 16px;  
}

.red
{             
color: #FF0000;
font-size: 16px;  
}  
  
.green
{        
color: #006400;
font-size: 16px;
font-weight: 500;   
}   

.blue1 
{
color: #0253AC; 
text-align: justify; 
font-size: 17px; 
}

.red1 
{
color: #FF0000; 
text-align: justify; 
font-size: 17px; 
}

.green1
{
color: #006400; 
text-align: justify; 
font-size: 17px; 
}


/* Изображения */

.ctimg      /* img class="ctimg"   по центру без отступов */
{
display: block; 
margin: 0 auto;
border: none;
} 

.imgct      /* img class="imgct"   .... отступы сверху и снизу 15px */
{
display: block; 
margin: 15px auto 15px;
border: none;
} 


.ctimgb      /* img class="ctimgb"   .....без отступов с бордюром*/
{
display: block; 
margin: 0 auto;
border-top: 1px #9ACD32 solid; 
border-bottom: 1px #9ACD32 solid; 
border-left: 1px #9ACD32 solid; 
border-right: 1px #9ACD32 solid;
} 


.imgctb      /* img class="imgctb"  .... отступы сверху и снизу 15px с бордюром */
{
display: block; 
margin: 15px auto 15px;
border-top: 1px #9ACD32 solid; 
border-bottom: 1px #9ACD32 solid; 
border-left: 1px #9ACD32 solid; 
border-right: 1px #9ACD32 solid; 
} 


.imgl           /* img class="imgl"   .... картинка слева отступы */
{
float: left;
border: none;
margin: 20px 50px;
}

.imgr              /* img class="imgr"   .... картинка справа отступы */
{
float: right;
border: none;
margin: 20px 20px;
}


.imglb           /* img class="imglb"   .... картинка с бордюром слева отступы */
{
float: left;
border-top: 1px #9ACD32 solid; 
border-bottom: 1px #9ACD32 solid; 
border-left: 1px #9ACD32 solid; 
border-right: 1px #9ACD32 solid;
margin: 20px 30px;
}


.imgrb              /* img class="imgrb"   .... картинка с бордюром справа отступы */
{
float: right;
border-top: 1px #9ACD32 solid; 
border-bottom: 1px #9ACD32 solid; 
border-left: 1px #9ACD32 solid; 
border-right: 1px #9ACD32 solid;
margin: 20px 30px;
}


.imgbul           /* img class="imgbul"   .... метка слева отступы */
{
float: left;
border: none;
margin: 7px 8px 0 2px;
}


.imgbul2           /* img class="imgbul2"   .... метка слева отступы */
{
float: left;
border: none;
margin: 0 9px 0 5px;
}