Диплом

#sgmenu ul li ul {margin-top:30px;z-index:500; background:#fff;}

#sgmenu ul.menu li ul li a, #sgmenu ul.menu li ul li a:link, #sgmenu ul.menu li ul li a:visited {background: #fff;}

#sgmenu ul.menu li ul li a span {padding: 0 10px;} #sgmenu ul.menu li ul li a:hover span{color: #000;}

#sgmenu ul.menu li a, #sgmenu ul.menu li a:link, #sgmenu ul.menu li a:visited {

background: url("../images/t_menu_divider.gif") norepeat scroll right center transparent;

color: #96C4E1; cursor: pointer; float: left; font-weight: 700; height: 30px; line-height: 29px; padding: 0 14px; text-decoration: none; display:inline-block;

}

#container { width: 300px;

margin: 0 auto;

}

#ex2{

width: 100%; overflow: hidden;

}

#ex2 li{

overflow: hidden;

}

#ex2 img{ float: left;

height: 200x; width: 200px; margin: 15px 20px;

-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;

-moz-filter: grayscale(100%); -o-filter: grayscale(100%);

-ms-filter: grayscale(100%); filter: grayscale(100%);

//-webkit-filter: grayscale(100%);

//filter: url(filters.svg#grayscale);

}

#ex2 img:hover {

//height: 220px;

//width: 220px;

//margin-left: 15px; cursor: pointer;

margin-top: 2px; -moz-filter: grayscale(0);

-o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0);

-webkit-filter: grayscale(0);

// border-radius: 50%; -webkit-transform: rotate(360deg);

-moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);

}

.ex2 img{

-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;

}

.item-page{

box-shadow: 0 0 5px #113E6D;

}

ПРИЛОЖЕНИЕ Б

ПЕРЕЧЕНЬ ГРАФИЧЕСКИХ МАТЕРИАЛОВ