@viewport {
    width: auto;
}

@media screen and (min-width: 400px) {
    div { color: red; }
}

@media screen and (max-width: 900px) {
    div { color: green; }
}

body 

{

 color: #676767;

 font-size: 18px;

 font-family: "trebuchet ms";

 line-height: 17px;

 max-width: 700px;

 margin: auto;

 background-image: url(tapeti/226.jpg);

 background-color: #8bcaee;

 background-attachment: fixed;

 border-width: 6px;

 border-color: #d5edf9;

 border-style: solid;
}

a:hover,a:focus 

{

 color: #3F4E0C;

 text-decoration: none;

}



img 

{

 border-style: none;

}



img.hr 

{

 width: 100%;

 height: 2px;

}



.head 

{

 color: #e8e8e8;

 font-size: 16px;

 font-weight: 700;

 text-align: center;

 background-repeat: no-repeat;

 background-position: center bottom;

}



.head a 

{

 text-shadow: #aadf12 0 0 8px;

 color: #e8e8e8;

 margin-top: -22px;

 display: block;

}



.head img 

{

 vertical-align: top;

}



.adv 

{

 border-bottom-color: #4e4e4e;

 border-bottom-width: 1px;

 border-bottom-style: dotted;

 padding: 4px;

}



.adv a 

{

 margin-left: 4px;

 list-style-type: square;

 list-style-position: inside;

 display: list-item;

}

div{

padding: 2px 4px;

border: 1px solid #73aec8;

margin: 2px 0;

/*background-image:url(blue3.gif);*/
background-image:url(312.jpg);
}

div.d1 

{

 margin-top: 4px;

 margin-left: 4px;

 background-color: #56bae9;

 background-image: url(tapeti/td2.png);

 background-repeat: repeat-x;

 background-position: top 50%;

color:#000000;

}



.title img 

{

 vertical-align: middle;

}



div.d9 

{

 margin-bottom: 4px;

 margin-left: 4px;

 border-bottom-color: #3f3f3f;

 border-bottom-width: 1px;

 border-bottom-style: dotted;

 padding: 6px;

 background-image: url(tapeti/312.jpg);

 background-repeat: no-repeat;

 background-position: left bottom;

}



.foot 

{

 font-size: 10px;

 text-align: center;

 margin-top: -10px;

}



.foot a 

{

 color: #888;

 border-bottom-color: #363636;

 border-bottom-width: 1px;

 border-bottom-style: dotted;

}



input 

{

 border-color: black;

 border-width: 2px;

 border-style: solid;

 width: 100px;

 background-color: #51AEE6;

 color: white;

 -moz-border-radius: 8px;

 -webkit-border-radius: 8px;

 -opera-border-radius: 7px;

 -k/-border-radius: 8px;

 border-radius: 20px;

 margin-top: 0px;

 margin-right: auto;

 margin-bottom: 0px;

 margin-left: auto;

}



a:link,a:active,a:visited 

{

 background-color: #51AEE6;

 color: #46570D;

 text-decoration: none;

 display: inline-block;

 padding-top: 1px;

 padding-right: 1px;

 padding-bottom: 1px;

 padding-left: 1px;

 border-color: #a69595;

 border-width: 1px;

 border-style: solid;

 margin-top: 1px;

 margin-right: 2px;

 margin-bottom: 1px;

 margin-left: 2px;

}



a:link,a:active,a:visited,.navbar, .catsides,.catsides a, .row1,.row_easy, .row_hard, a.buttom, input[type=submit],input[type=button],input[type~=submit],input[type~=button], div.cat 

{

 -k/-border-radius: 4px;

 -moz-border-radius: 4px;

 -webkit-border-radius: 4px;

 border-radius: 4px;

}



a:hover 

{

 color: #002400;

}