/* Основные стили
------------------------------ */
html {background: #ffffff; font-family: Arial, Helvetica, sans-serif;}
body {margin: 40px; margin-top: 10px; margin-bottom: 0px; font-size: 0.88em;}
table {border-collapse: collapse; border: none;}
table td {padding: 0;}
img {border: none;}


/* Типографика 
------------------------------ */
h1, h2, h3, h4 {font-weight: lighter; margin: 0 0 0.5em 0;}
h1 a, h2 a, h3 a, h4 a {color: #365c96; text-decoration: none;}
h1 a:link, h2 a:link, h3:link a, h4:link a {color: #365c96; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #365c96; text-decoration: underline;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {color: #365c96;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.7em; margin: 0.4em 0 0.4em 0;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.7em; font-weight: lighter; color: #666666; margin: 0 0 10px 0; background: #f0f0ec;}
a {color: #666666; text-decoration: none;}
a:link {color: color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: underline;}
a:visited, a:active {color: #666666;}


/* Формы 
------------------------------ */
.fi, .ft, .fs, .fc {background: #f9f9f9; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; color: #000000;}
.fi, .ft, .fs {width: 70%;}
.fi, .fc {height: 30px; font-size: 1.4em; vertical-align: middle;}
.fs {height: 100px;}
.ft {height: 300px;}
.fc {width: 25%;}


/* Default Joomla! Menu */
a.mainlevel {
	padding: 5px 0px 5px 25px;
	width: 90%;
	border-bottom: 1px solid #cacaca;
	display: block;
	color: #959595;
	background: 10px 9px;
    	padding-left: 30px;
}
a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus {
	color: #959595;
	background: #F7F7F7;
	text-decoration: none;
    	padding-left: 30px;
}

a.mainlevell {
	padding: 5px 0 5px 20px;
	width: 90%;
	border-bottom: 1px solid #cacaca;
	display: block;
	color: #959595;
}
a.mainlevell:hover, a.mainlevel:active, a.mainlevel:focus {
	color: #959595;
	text-decoration: none;
	background: #F7F7F7;
}

a.mainlevelll {
	padding: 5px 0 5px 15px;
	width: 90%;
	border-bottom: 1px solid #cacaca;
	display: block;
	color: #959595;
}
a.mainlevelll:hover, a.mainlevel:active, a.mainlevel:focus {
	color: #959595;
	text-decoration: none;
	background: #F7F7F7;
}


/* Каркас
------------------------------ */
#container { margin: 0 auto; min-width: 980px; max-width: 1400px; }
#header {height: 70px;}
#logotype {position: absolute; left: 55px; top: 85px; width: 416px; height: 78px;}
#login {padding: 20px; text-align: right; font-size: 12px; height: 24px;}
#content {width: 73%; float: left;}
#rcolumn {width: 25%; float: right;}
#footer {border-top: 1px solid #CCCCCC; padding: 2em 2em 2em 2em; margin-top: 2em; font-size: 11px; color: #333333; height: 10px; clear: both;}
.mycreator {float: left;}
.copyright {float: right; width: 360px;}
.lcol, .rcol, form { display: inline; }
.lcol { float: left; } .rcol { float: right; }

#servl {height: 25px; float: left;}
#servl h2 {margin: 0; padding: 0;}
#servl ul {margin: 0; padding: 0;}
#servl ul li {float: left; list-style: none;}
#servl ul a, #servl li a {display: block; padding: 3px 10px; font-family: Myriad Pro, Arial, Helvetica, sans-serif;	font-size: 12px; text-decoration: none; color: #000000;}
#servl ul a:hover, #servl li a:hover {background: #e7e7e7; color: #333333;}

#nmenu {width: 100%; height: 43px; background: url(../images/nmenu.png) repeat-x; clear: both;}
#nmenul, #nmenur {width: 30px; height: 43px;}
#nmenul {background: url(../images/nmenul.png) no-repeat;}
#nmenur {background: url(../images/nmenur.png) no-repeat;}
#navbar {font-size: 0.8em; color: #666666; padding-top: 2px;}
#navbar a {color: #666666; text-decoration: none;}
#navbar a:hover {color: #666666; text-decoration: none; border-bottom: none;}
#navbar a:visited {color: #666666;}

#menu {margin-bottom: 8px; margin-left: 40px;}
#menu ul {margin-top: 0; padding: 0;}
#menu ul li {float: left; list-style: none;}
#menu ul a, .menu li a {display: block; padding: 3px 10px; font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; color: #000000;}
#menu ul a:hover, .menu li a:hover {background: url(../images/menu_hover.png) repeat-x; color: #333333;}


/* Содержание
------------------------------ */
.txt, .news {line-height: 1.5em; color: #3d3d3d;}
.txt, .tag {padding-left: 1.56em;}
.news {padding-bottom: 1.5em;}
.tag {font-size:11px; color:#666666; padding: 0.13em}

#s {background: url(../images/sr.png) no-repeat right #fbf9f2; height: 23px; font-size: 0.8em; vertical-align: middle; color: #666666; margin-bottom: 4em; margin-left: 20px; padding-right: 10px;}
#s td {padding: 0 0.5em; white-space: nowrap; vertical-align: middle;}
#sl {background: url(../images/sl.png) no-repeat left; height: 23px;}

.bli {background: #f0f0ec; padding: 15px; margin-bottom: 25px; line-height: 1.5em;}


/* Комментарии
------------------------------ */
#commain {width: 100%; margin: 1em 0 2em 0;}
#cmtitle {float: left; width: 70%;}
.cmtitle {color: #333333;}
#cmtools {float: right; width: 30%; margin: 1.1em 0 0.3em 0; font-size: 12px;}

#uavatar, #comment {vertical-align: top; padding-top: 1em;}
#uavatar {width: 50px; height: 50px;  padding-right: 1em;}
#comment {font-size: 12px; color: #333333;}

/*---Userinfo---*/
.userinfo { padding-left: 125px; }
.ui-dialog-content .userinfo { padding: 10px 0 10px 125px; }
	.userinfo .lcol { margin-left: -125px; width: 110px; padding-right: 15px; }
		.userinfo .lcol .avatar { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #c0d4de; }
			.userinfo .lcol .avatar img { width: 100px; }
		.userinfo .lcol ul { font-size: 0.9em; }

	.userinfo .rcol { width: 100%; }
		.userinfo .rcol ul { list-style: none; margin-left: 0; }
		.userinfo .rcol ul li { margin-bottom: 0.2em; } 

		.ussep { padding-top: 12px; background: url("../images/ussep.png") no-repeat; }
.grey { color: #6c838e; }
.blue { color: #388bd4; }

.navigation {
font-size: 1.5em;
text-align: center;

}