/* 
    Document   : style
    Created on : 28.05.2009, 17:19:15
    Author     : Пользователь
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html{
    width:100%;
    margin: 0px;
    padding:0px;
}
body {

    font-family:  arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    background: #FFF;
    margin: 0px;
    padding:0px;
}
#main{
    max-width: 700px;
margin:0;
}
#container {
    background: #FFF;
background-repeat: repeat-y;
font-size:14px;
}
#header {
margin-top:0px;
}
#headertext{
    background-image:url(images/h1_bg.jpg);
    font-size: 18px;
    color:#616161;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    padding-left: 10%;
    width: 90%;
}
#headertext1{
    width:250px;
color:#616161;
font-size:25px;
font-family:  Georgia;
font-style: italic;
padding:0px 0px 0px 0px;
}
.menu_button{
    font-size: 20px;
}
.table_scroll{
    overflow: auto;
}
.kod{
    overflow: auto;
}
#left {
    position: relative;
margin-left: 0px;
padding-top: 0px;
}
#navcontainer
{
    display: none;
    top:40px;
    left:0;
    position:absolute;
}
#left:hover #navcontainer{
    display: block;
}
#content {
    background-repeat: no-repeat;
}
#data{
float:right;
margin-top:10px;
margin-right:10px;
}
#kontakt{
float:left;
margin-top:10px;
margin-left:10px;
}
#content_text{
text-align:justify;
font-size:13px;
font-family:Arial;
}
#content ul{
    list-style-position:inside;    
}
#content li{
    list-style-position:inside;
}
#content img{
    margin-left:7px;
}
#content_text_2{
    margin: 10px;
}
#content_text_2 img{
    max-width: 90%;
}
#advertising{
float:left;
font-size:14px;
}
#footer {
    height: 200px;
clear: both;
background:#8CA2B9 url(images/footer2.jpg) no-repeat bottom;
padding-top:0px;
}
.footertext {
text-align: right;
padding-top: 15px;
font-size: 70%;
}
#footer_top{
text-align:center;
clear: both;
}
#footer_bottom{
clear: both;
}
a.link_footer{
font-size:8px;
color:#2b3845;
}
#nav{
padding: 5px 15px;
width: 185px;
color: #000;
background-color: #ADC1AD;
font-weight: bold;
font-size: 14px;
background-image: url(images/vertical06b.jpg);
background-repeat: no-repeat;
background-position: 0 0;
text-align:center
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer ul li{
padding:0;
margin: 0;
}
#navcontainer ul li a#active{
display: block;
padding: 5px 10px 5px 20px;
width: 185px;
color: #000;
font-weight: bold;
font-size: 14px;
text-decoration: none;
border-top: 1px solid #999;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(images/vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#navcontainer ul li a
{
display: block;
padding: 5px 15px;
width: 185px;
color: #000;
background-color: #ADC1AD;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
font-weight: bold;
font-size: 14px;
background-image: url(images/vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul li a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #999;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(images/vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
h1 {
font-size: 14px;
color:#616161;
margin-bottom: 10px;
background-repeat: no-repeat;
}
h2{
font-size: 13px;
font-family:Tahoma;
color:#6287AF;
text-align:center;
}
h3 {
font-size: 13px;
font-family:Tahoma;
font-style: italic;
color:#6287AF;
}
em{
  font-size: 14px;
  color:#45688E;
  font-weight:bold;
}
.teg{
 color:#0000FF;
 font-family: Verdana,  sans-serif;
 font-size: 12px;
}
.kod{
    background:#EFF7EA;
    color:#0000FF;
    padding:10px;
    margin:10px;
    font-family: Verdana,  sans-serif;
    font-size: 12px;
}
.resalt{
    overflow: auto;
}
.resalt, .resalt4{
    background:#FFFFFF;    
    padding:10px;
    margin:10px;
    border:1px solid #475E75;
}
.resalt1, .resalt2{
    margin:10px;
    background:#FFFFFF;
}
.resalt3{
    background:#FFFFFF;
    padding:10px;
    margin:10px;
    border:1px solid #475E75;
}
.resalt3 h5, .resalt3 p{
    display:inline;
}
.resalt4 h6{
    display:list-item;
}
.resalt a{
   color: #0000FF;
}
.resalt1, .resalt2{
 width:200px;
 background:yellow;
}
.resalt1 a{
  color:#2b3845;
  text-decoration:none;
}
.resalt2 a{
  color:#2b3845;
  text-decoration:none;
  display:block;
}
.resalt1 a:hover, .resalt2 a:hover{
  color:#92A9BF;
  background:blue;
}
.leftspan, .rightspan{
  width: 220px;
  height:30px;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  text-align:center;
}
.leftspan a, .rightspan a{
text-decoration: none;
padding:3px 2px 3px 2px;
margin: 0px;
background: #fc0 url('images/fon_b.jpg') repeat-x;
color:#000000;
}
.leftspan a:hover, .rightspan a:hover{
background: #fc0 url('images/fon_b1.jpg') repeat-x;
color:#FFFFFF;
}
.leftspan{
  float:left;
}
.rightspan{
  float:right;
}
table.osn{
width:715px;
text-align:center;
margin-left:20px;
border:1px solid #ADC1AD;
}
table.osn td, table.osn th{
border:1px solid #ADC1AD;
}
table.osn td.left{
text-align:left;
}
table.osn th{
color:#6287AF;
}
table.standart{
width:560px;
margin-left:20px;
border:1px solid #ADC1AD;
}
table.standart td, table.standart th{
border:1px solid #ADC1AD;
}
table.standart th{
color:#6287AF;
text-align:center;
}
table.standart td.s{
text-align:center;
}
hr{
color:#6287AF;
}
#comment{
 color:gray;
 padding:10px;
 margin:10px;
 font-family: Verdana,  sans-serif;
 font-size: 12px;
 text-align:justify;
}
#comment a{
 color:#666666;
}
#sod{
float:inherit;
width:280px;
border-top:1px dotted #6287AF;
border-bottom:1px dotted #6287AF;
margin:5px 0px 15px 0px;
padding: 10px 0px 10px 20px;
}
#sod a{
text-decoration:none;
font-size:small;
}
a:link {color: #2b3845}
a:visited {color: #475E75}
a:hover {color: #92A9BF}
a:active {color: #2b3845}

ul.linkList
{
margin-left: 40px;
}
#podpis{
float:right;
font-style:italic;
padding-right:20px;
}
.news{
 float:right;
 clear:right;
 padding-left:10px;
 margin:0px;
}
.n1{
width:189px;
height:38px;
background-image: url(images/n_01.jpg);
background-repeat: no-repeat;
}
.n2{
width:189px;
background-image: url(images/n_02.jpg);
background-repeat:repeat-y;
}
.n3{
width:189px;
height:39px;
background-image: url(images/n_04.jpg);
background-repeat: no-repeat;
}
.n4{
width:160px;
margin-left:10px;
margin-right:15px;
padding-left:10px;
}
.n4 a{
font-size:11px;
}
a#exz{
text-decoration:none;
}
a:hover#exz{
text-decoration:underline;
}
.navig a{
text-decoration: none;
padding:3px 2px 3px 2px;
margin: 0px;
background: #fc0 url('images/fon_b.jpg') repeat-x;
color:#000000;
}
.vid{
 color:#194A76; 
}
/*для урока css12*/
#proba{
 width:200px;
 height:100px;
 border:1px solid red;
 margin:5px;
 padding:5px;
 overflow:scroll;
}
#proba1{
 width:200px;
 height:100px;
 border:1px solid red;
 margin:5px;
 padding:5px;
 overflow:auto;
}
#resalt7{
 width:320px;
 height:110px;
 
 }
#resalt6{
 width:300px;
 height:150px;
 position:absolute;
 }
#menu1{
 width:100px;
 height:100px;
 border:1px solid red;
 margin:5px;
 padding:5px;
 background:yellow;
 position:absolute;
 left:10px;
 top:10px;
}
#menu1 a{
 color:#2b3845;
 text-decoration:none;
 display:block;
}
#menu1 a:hover{
 color:#2b3845;
 text-decoration:underline;
 display:block;
}
#book{
 background:yellow;
 border:1px solid red;
 position:absolute;
 left:110px;
 top:15px;
 width:120px;
 height:100px;
 visibility:hidden;
 z-index:1;
}
#book a, #movie a, #musik a, #game a{
display:block;
color:red;
text-decoration:none;
}
#book a:hover, #movie a:hover, #musik a:hover, #game a:hover{
display:block;
color:pink;
text-decoration:underline;
}
#movie{
 background:yellow;
 border:1px solid red;
 position:absolute;
 left:110px;
 top:15px;
 width:120px;
 height:100px;
 visibility:hidden;
 z-index:2;
}
#musik{
 background:yellow;
 border:1px solid red;
 position:absolute;
 left:110px;
 top:15px;
 width:120px;
 height:100px;
 visibility:hidden;
 z-index:3;
}
#game{
 background:yellow;
 border:1px solid red;
 position:absolute;
 left:110px;
 top:15px;
 width:120px;
 height:100px;
 visibility:hidden;
 z-index:4;
}
#con{
 float:right;
 width:70px;
 height:90px;
}
#niz{
 width:280px;
 height:10px;
 position:absolute;
 left:10px;
 top:120px; 
}
/* к уроку css14 */
#spisok{
list-style-image:url(images/css62.gif);
}
#spisok1{
list-style-type:decimal;
}
#spisok2{
list-style-type:lower-roman;
}
#spisok3{
list-style-type:upper-roman;
}
#spisok4{
list-style-type:lower-alpha;
}
div.title{
    border:none;
    height:56px;
    margin:0;
    padding:0;
    text-decoration:none;
}
/* к уроку css курсор */
a.a_auto{
  cursor: auto
 }
 a.a_crosshair{
  cursor: crosshair
 }
 a.a_default{
  cursor: default
 }
 a.a_help{
  cursor: help
 }
 a.a_eresize{
  cursor: e-resize
 }
 a.a_wresize{
  cursor: w-resize
 }
 a.a_nresize{
  cursor: n-resize
 }
 a.a_sresize{
  cursor: s-resize
 }
 a.a_neresize{
  cursor: ne-resize
 }
 a.a_swresize{
  cursor: sw-resize
 }
 a.a_seresize{
  cursor: se-resize
 }
 a.a_nwresize{
  cursor: nw-resize
 }
 a.a_move{
  cursor: move
 }
 a.a_pointer{
  cursor: pointer
 }
 a.a_text{
  cursor: text
 }
 a.a_wait{
  cursor: wait
 }
a.mycursor{
  cursor : url("images/mycursor.cur"), auto;
}
/* к уроку js5 */
#red,#green, #blue{
 width:100px;
 height:100px;
 margin:10px;
 
}
#red{
 background:red;
}
#green{
 background:green;
}
#blue{
 background:blue;
}

/* к менюшкам наверху страниц */
.put{
   color: #475E75;
}
/* к jquery урок1 */
#kv1, #kv2, #kv3{
    width:80px;
    height:100px;
    float:left;
    background:red;
    margin:5px;
    color:white;
    display:none;
}
/* к jquery урок2 */
#st1, #st2, #st3{    
    float:left;
    background:yellow;
    margin:5px;
    padding:5px;
}
/* к jquery урок4 */
.vkl{
    float:left;
    width:140px;
    height:28px;
    background:#E5BA83;
    color:white;
    font-size:20px;
    border-right:1px solid white;
    padding-left:10px;
}
#content4{
    height:100px;
    background:#CCA675;
}

.selected{
   background:#CCA675;
}
/* к jquery урок5 */
#red_sk{
    width:700px;
    height:100px;
    background:red;
}
.yellow_square{
    float:left;
    width:80px;
    height:80px;
    background:yellow;
    margin:5px;
}
/* к jquery урок6 */
#board, #board1{
   width:400px;
   height:400px;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
   
}
.s_kl, .t_kl, .t_kl1, .s_kl1{
    width:50px;
    height:50px;
    float:left;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.s_kl, .s_kl1{
    background:url('images/sv_kletka.gif');
}
.t_kl, .t_kl1{
    background:url('images/tem_kletka.gif');
}
.sh, .s_sh, .t_sh{
   position:relative;
   left:-10px;
}
/* к jquery урок8 */
#les8_ex1, #les8_ex2, #les8_ex5, #les8_ex6{
    width:400px;
    height:100px;
    background:#666699;
    border:1px solid #333366;
    margin-bottom:20px;
}
#les8_ex3, #les8_ex4{
    width:100px;
    height:200px;
    background:#666699;
    border:1px solid #333366;
    margin-bottom:20px;
}
#les8_ex7{
    width:100px;
    height:100px;
    background:#666699;    
}
#les8_ex8, #les9_ex1{
    width:400px;
    height:200px;
    background:#666699;    
}
#les8_ex9{
    width:400px;
    height:200px;
    background:#666699; 
    border:1px solid #333366;
    margin-bottom:20px;
}
/* к jquery урок9 */
#les9_ex2, #les9_ex3, #les9_ex4, #les9_ex5, #les9_ex6, #les9_ex7, #les9_ex8, #les9_ex9, #les9_ex10, #les9_ex11, #les9_ex12, #les9_ex13, #les9_ex14, #les9_ex15, #les9_ex16, #les9_ex17{
    width:400px;
    height:100px;
    background:#666699;
}
/* к jquery урок10 */
#les10_ex1, #les10_ex2, #les10_ex3, #les10_ex4, #les10_ex5, #les10_ex6, #les10_ex7, #les10_ex8, #les10_ex9,#les10_ex13, #les10_ex14{
    width:100px;
    height:100px;
    background:#666699;
    color:#ffffff;
}

#les10_ex10{
    width:100px;
    height:100px;
    background:red;
    color:#ffffff;
}
#les10_ex11{
    width:100px;
    height:100px;
    background:blue;
    color:#ffffff;
}
#les10_ex12{
    width:100px;
    height:100px;
    background:green;
    color:#ffffff;
}
/* к jquery урок11 */
#board3{
   width:400px;
   height:400px;
   padding:0px 0px 0px 0px;
   margin:0px 20px 0px 0px;
   float:left;
}
#lotki{
    width:200px;
    height:400px;
    float:left;
    background:#E4BC89;
}
#lotok1, #lotok2{
    width:196px;
    height:196px;
    margin:2px;
    border: 1px solid #976F3C;
    color:#271506;   
}
.active {
    background:yellow;
}
.hover {
    background:green;
}
/* к jquery урок12 */
#les12_ex1, #les12_ex2, #les12_ex3, #les12_ex4, #les12_ex5, #les12_ex6,#les12_ex7, #les12_ex8, #les12_ex9, #les12_ex11, #les12_ex12{
    width:250px;
    height:150px;
    border:1px solid red;
    background:yellow;
}
#les12_ex10{
    width:250px;
    height:150px;
    background:yellow;
}
.ramka_green{
    border:1px solid green
}
/* к jquery урок13 */
li.les13{
   background:yellow;
   border:1px solid blue;
   color:blue;
   margin:1px;
   padding:2px;
}
#les13_ex1, #les13_ex2{
    width:300px;
    float:left;
}
/* к jquery урок14 */
#les14_ex1, #les14_ex2{
    float:left;
}
#les14_ex2{
    margin:20px;
    padding:10px;
    color: #6600ff;
}
#les14_selectable, #les14_ex3,  #les14_ex4{
    list-style-type: none;
    width: 200px;
}
#les14_selectable li,  #les14_ex3 li{
    margin: 3px;
    padding: 3px;
    font-size: 12px;
    height: 18px;
    background:#cc99ff;
    border:1px solid #6600ff;
}
#les14_ex4 li{
    margin: 3px;
    padding: 3px;
    font-size: 12px;
    height: 90px;
    background:#cc99ff;
    border:1px solid #6600ff;
}
#les14_selectable .ui-selecting, #les14_ex3 .ui-selecting, #les14_ex4 .ui-selecting {
    background: #9933ff;
}
#les14_selectable .ui-selected, #les14_ex3 .ui-selected, #les14_ex4 .ui-selected {
    background: #9933ff;
    color: white;
}
/* к jquery урок15 */
#les15_accordion, #les15_accordion2{
    width:400px;
    background:#d8d9db;
    border:1px solid #96a8be;
    padding:5px;
}
p.menu_accordion{
    height:20px;
    width:380px;
    margin:1px;
    padding:5px;
    background:#d8d9db;
    border:1px solid #96a8be;
}
p.menu_accordion a{
    text-decoration:none;
    font-weight:bold;
}
div.accordion{
   padding-left:20px;   
}
div.accordion li{
   list-style-type: none;
   padding:3px;
}

#navmenu-v{
	background:none; border:0;
width:140px; 
margin-left:190px; position:absolute; display:none; z-index:10;

}
#navmenu-context{
	background:none; border:0;
width:160px; 
margin-left:-170px; position:absolute; z-index:10;

}
.scrollTop{ 
		background:url(../images/arrows.png) 0 0 no-repeat;
		display: block;
	    width:78px;
		height:59px;
		position:fixed;
		bottom:20px;
		z-index:2000;
		margin-left: 20px;
}
.scrollTop:hover{ background-position:0 -58px; }