body { 
color : #000000; 
font-size : 16px; 
font-family :  tahoma; 
background-image : url(http://virtuala.org/body_fl.gif); 
background-attachment : fixed; 
margin : 0 auto; 
width: 878px;
} 

div.virtuala { 
background : #59ace0 url("http://virtuala.org/style/bbg.gif") repeat-x;
} 
div.yellow { 
background : #59ace0 url("http://virtuala.org/style/yellow.gif") repeat-x;
} 
a{text-decoration: none;}
a:link {color:blue;}
a:visited{color:green;}
a:hover{
color: black;
background-color: yellow; 
text-decoration: underline; 
font-size: 16px; 
color : black;
}

select, input, textarea{ color: blue; border-bottom:2px solid red;border-radius: 8px;border-left:2px solid red; border-right:2px solid red; border-top:2px solid red; background-color: yellow;}

.footer{
margin: 0 auto;
width: 878px;
height: 60px;
text-align: left;
background: #ffffff url(http://virtuala.org/footer.gif) repeat center top;
}

.r1, .r2, .r3 {
  display: block;
  height: 1px;
}
.r3 {
  margin: 0 3px;
}
.r2 {
  margin: 0 2px;
}
.r1 {
  margin: 0 1px;
}

.inner-box{
background-color: #CAFF70;
margin: 0 0 1px;
border: 2px solid #F9F9F9;
border-radius: 10px;
position: relative;
}

.inner-box {padding:1em;}

#recomend {
  display: inline-block;
  padding: 6px 0 0 6px;
/*  background: url(http://virtuala.org/footer.gif) repeat center top; */
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#recomend:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#recomend a {
  opacity: 0.5;
  vertical-align: bottom;
}
#recomend:hover a {opacity: 0.7}
#recomend a:hover {opacity: 1}

.classic {
background:#C1FFC1;
margin: 0 0 25px;
border: 3px solid #F9F9F9;
border-radius: 6px;
position: relative;
}
.menu_clas {
background:#C1FFC1;
text-align: left;
border: 6px solid #00BFFF;
border-radius: 15px;
position: relative;
padding:5px 1px;
margin: 0 0 15px;
}

.menu_table {
background-attachment : fixed;
background:#C1FFC1;
margin: 0 0 25px;
border: 2px solid #00BFFF;
border-radius: 10px;
position: relative;

}

.site_name
	{
	width: 80%;
        text-align: left
	}
.tcy, .pr 
	{
	width: 10%;
        text-align: right
	}
.site_name, .tcy, .pr 
	{
	float: left;
	border-bottom:1px solid #AAAAAA;
	height: 25px;
	}
.clear  {
	clear:both;
	}

#save_users {margin-left:52px;width:140px;height:34px;line-height:30px;font-size:24px;text-indent:4px;border:1px solid #ccc;border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px}
#search_find {margin-left:52px;width:140px;height:34px;line-height:30px;font-size:24px;text-indent:4px;border:1px solid #ccc;float:left;border-radius: 2px;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px}
#searchsubmit {height:48px;width:48px;border:0;cursor:pointer;background:url("http://virtuala.org/search.png")no-repeat;float:left;padding:1px 0;margin-left:4px;text-indent:-9999%;}
#searchform .default {font-weight:300;color:#777}
/*****css-menu-01 styles*****/
div#wrapper-menu{background-color:#C1FFC1;}
/*First of all you need to fix a width for your menu. Is necesary if you want center it, with margin negatives you can solve vertical centering and with margins auto for left and right you solve horizontal centering*/
div#wrapper-menu ul#nav{
	position:relative;
	width:750px;/*this is the complete width of the menu*/
	/*width:980px\9; hack for fix width in IE8 and below*/
	height:28px;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	margin-top:4px;
	}
div#wrapper-menu ul#nav li{display:inline-block;float:left;width:auto;height:50px;margin-right:3px;}/*size for each list element*/
div#wrapper-menu ul#nav li#item7{margin-left:10px;}/*special margin for cart option*/
div#wrapper-menu ul#nav li.current{background:url(/images_menu/black-arrow-current-navigation.png) no-repeat center 27px;}/*each li element in the html code that is assigned to the current class will put the arrow on the button when representing the active section*/
div#wrapper-menu ul#nav li a{
	display:inline-block;
	width:auto;
	height:26px;
	text-decoration:none;
	font-family:helvetica,arial,sans;
	font-style:tahoma;
	font-weight:normal;
	font-size:0.8em;
	letter-spacing:-1px;
	line-height:28px;
	text-align:center;
	padding:0 5px 0 5px;
	background: #00BFFF;
border: solid 2px darkblue;
	border-radius: 8px;/*Only for advanced browsers*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}
div#wrapper-menu ul#nav li#item7 a{font-size:1em;}
div#wrapper-menu ul#nav li#item7 a:hover{background-color:blue;border: solid 2px darkblue;color:#ffe509;}
div#wrapper-menu ul#nav li a:hover{color:#252525;border: solid 2px red;background-color:yellow;}
div#wrapper-menu ul#nav li a.current{color:#f8db3a;background-color:#252525;}/*to represent the active section you need to used the current class in list tag (li) and in the anchor tag (a), in both.*/
div#wrapper-menu ul#nav li.last-child a{background-color:#222222;color:#f8db3a}
div#wrapper-menu ul#nav li span{display:block;width:64px;height:64px;float:left;background:url(/images_menu/menu.png) center;}
 .round-avatar { 
   display: inline-block; 
   border: solid 1px #000; 
   overflow: hidden; 
   -webkit-border-radius: 10px; 
   -moz-border-radius: 10px; 
   border-radius: 10px; 
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); 
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); 
   box-shadow: 0 1px 3px rgba(0, 0, 0, .4); 
}
.table {
	border: dotted 2px; 
}

/* Контейнер результатов поиска. */
div.search_div {
    font-family: Tahoma;
    font-size: 12px;
    margin-top: 10px;
    padding-top: 10px;
}
/* Строка ошибки. */
div.search_error {
    font-size: 11px;
}
/* Строка результата найденных страниц. */
div.search_notice {
    font-size: 11px;
    padding-top: 8px;
}
/* Контейнер списка. */
ol.search_ol {

}
/* Элементы списка. */
li.search_li {
    margin-bottom: 10px;
}
/* Контейнер заголовка найденного. */
div.search_title_div {

}
/* Ссылка заголовка найденного. */
a.search_title_a {
    color: #164782;
    text-decoration: underline;
    font-family: Tahoma;
    font-size: 14px;
}
/* Ссылка заголовка найденного при наведении курсора. */
a.search_title_a:hover {
    text-decoration: none;
}
/* Контейнер текста найденного. */
div.search_passage {
    color: #2d2d2d;
}
/* Контейнер ссылки страницы найденного. */
div.search_url {
    color: #5e5e5e;
    margin-top: 4px;
}
/* Выделение искомого в тексте. */
span.search_hlword {
    font-weight: bold;
}
/* Верхняя часть блока перелистывания. */
div.search_page_top {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #666699;
}
/* Ссылки перелистывания. */
a.search_page_a {
    color: #164782;
    text-decoration: underline;
    font-family: Tahoma;
    font-size: 14px;
    padding: 0px 5px;
}
/* Ссылки перелистывания при наведении курсора. */
a.search_page_a:hover {
    color: #000000;
    text-decoration: none;
}
/* Приглушенная надпись перелистывания. */
span.search_page_span {
    color: gray;
    font-family: Tahoma;
    font-size: 14px;
    padding: 0px 5px;
}
/* Нижняя часть блока перелистывания. */
div.search_page_bottom {
    margin-top: 5px;
}
/* Текущая страница в блоке перелистывания. */
span.search_page_now {
    background-color: #d6d6de;
    color: #164782;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 5px;
}
blockquote {
border-left:solid #ff5a00 5px;
border-top: dotted 2px;
border-bottom: dotted 2px;
border-right: dotted 2px;
margin:10px 10px;
color:#333;
font-style:italic;
background:#fcfcfc;
padding:15px;
}