Как внести изменения в шаблон? - Joomla 2.5: Шаблоны, разметка и макеты вывода

/*------------------------------------------------------------------------
* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/

body#bd {
	background: #f8f8f8 url(../images/bg.png) left top repeat-x fixed;;
	line-height: 18px;
font: normal 13px Arial, sans-serif;
color: #444;
}
#jv-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#zt-headerwrap,
#zt-containerwrap,
#zt-footerwrap {
	width: 100%;
	margin: 0;
	padding: 0;
	
}

#zt-header,
#zt-container,
#zt-footer ,
#zt-container-left,
#zt-container-right,
#zt-container-full{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
#zt-colleft-pad,
#zt-contentwrap{
	display: inline-block;
	width: 100%;
}
#zt-container-left #zt-colleft{display: inline-block;width: 100%;}
#zt-container-left #zt-content-left{width: 74%;}
#zt-container-left #zt-content-right{width: 25%;}

#zt-container-right #zt-content-left{
	display: inline-block;
	width: 100%;
}
#zt-container-full #zt-colleft{width: 100%;}
#zt-container-full #zt-content-left{width: 100%;}
/* MODULE ROUNDED 
----------------------------------------------*/
div.module,
div.module_text,
div.module_menu,
div.module-blank,
div.module-color,
div.module-colorfull,
div.module-testimonial {
	margin: 0 0 15px 0;
}
	background: url(../images/default-br.gif) no-repeat bottom right;
}
.zt-mod-bl {
	background: url(../images/default-bl.gif) no-repeat bottom left;
}
.zt-mod-tr {
	background: url(../images/default-tr.gif) no-repeat top right;
}
.zt-mod-tl {
	background: url(../images/default-tl.gif) no-repeat top left;
}

.mod-content {
	padding: 10px;
}
div.module h3,
div.module-blank h3,
div.module_text h3,
div.module_menu h3,
div.module-testimonial h3 {
	color: #000000;
	font-size: 110%;
	text-transform: uppercase;
	line-height: 35px;
	margin: 0;
	padding-left: 15px;
}
div.zt-mod-br ul.latestnews,
div.zt-mod-br ul.mostread,
div.zt-mod-br ul.menu {
	margin: 0;
}
div.module-blank {
	background: url(../images/default-br.gif) no-repeat bottom right;
}
div.module-blank .zt-mod-bl {
	background: url(../images/default-bl.gif) no-repeat bottom left;
}
div.module-blank .zt-mod-tr {
	background: url(../images/blank-tr.gif) no-repeat top right;
}
div.module-blank .zt-mod-tl {
	background: url(../images/blank-tl.gif) no-repeat top left;
}

.mod-content ul.menu,
.mod-content ul.menu ul {
	margin: 0;
	padding: 0;
}
.mod-content ul.menu li {
	margin: 0;
	padding: 0;
	line-height: 26px;
	background: none;
}
.mod-content ul.menu li a {
	padding: 0;
	line-height: 26px;
	display: block;
	border-bottom: 1px solid #ececec;
	font-size: 100%;
	
}
.mod-content ul.menu li a span {
	display: block;
	color: #337609;
	font-size: 100%;
	padding: 4px 0px 4px 15px;
	line-height: 18px;
}
.mod-content ul.menu li#current.parent a,
.mod-content ul.menu li a:hover,
.mod-content ul.menu li a:active,
.mod-content ul.menu li a:focus {
	color: #3333cc;
	text-decoration: none;
}
.mod-content ul.menu li#current a span,
.mod-content ul.menu li a:hover span,
.mod-content ul.menu li a:active span,
.mod-content ul.menu li a:focus span {
	 color: #3333cc;
}

.mod-content ul.menu li#current li a,
.mod-content ul.menu li li a {
	color: #337609;
	padding-left: 10px;
	font-size: 95%;
}
.mod-content ul.menu li#current li a span,
.mod-content ul.menu li li a span {
	color: #337609;
	
}
.mod-content ul.menu li#current.parent li a:hover span,
.mod-content ul.menu li li#current a span,
.mod-content ul.menu li li a:hover span,
.mod-content ul.menu li li a:active span,
.mod-content ul.menu li li a:focus span {
	color: #da1b1a;
}
.mod-content ul.menu li li#current li a,
.mod-content ul.menu li li li a {
	padding-left: 40px;
	font-size: 90%;
}
.mod-content ul.menu li li#current li a span {
	color: #337609;
}
.mod-content ul.menu li li li#current li a,
.mod-content ul.menu li li li li a {
	padding-left: 50px;
	font-size: 85%;
}
.mod-content ul.menu li li li#current li a span {
	color: #337609;
}
/* END MODULE ROUNDED
----------------------------------------------*/

/* BEGIN HEADER
-------------------------------------------------------------*/
#zt-header {
	margin-top: 15px;
	overflow: hidden;
}
#zt-header-tr {
	margin: 0px 15px 0 21px;
	display: inline-block;
	background: url(../images/header-tr.png) no-repeat top right;
}
#zt-header-tl {
	margin: 0 0 0 -6px;
	display: inline-block;
	background: url(../images/header-tl.png) no-repeat top left;
}
#zt-logo {
	display: block;
	float: left;
	width: 34%;
}
#zt-logo img {
	border: none;
	margin: 25px 0 0 25px;
	width: 274px;
	height: 60px;
}
#zt-header-right {
	float: right;
	width: 65%;
}
#zt-header-right-pad {
	margin: 15px 25px 0 0;
	font-size: 94%;
}
#zt-tools {
	float: right;
	width: 10%;
	text-align: right;
	padding-top: 5px;
	overflow: hidden;
}
#zt-topnav {
	float: right;
	width: 89%;
	overflow: hidden;
}
#zt-topnav ul {
	margin: 0;
	padding: 0;
	background: none;
	float: right;
}
#zt-topnav ul ul {
	display: none;
}
#zt-topnav ul li {
	display: inline;
	padding: 0 10px 0 11px;
	border-right: 1px solid #ddd;
	line-height: 20px;
	background: none;
}
#zt-topnav ul li.zt-first-item {
	background: none !important;
}
#zt-topnav ul li a {
	color: #009933;
	text-decoration: none;
}
#zt-topnav ul li a:hover,
#zt-topnav ul li a:active,
#zt-topnav ul li a:focus {
	color: #a5a5a5;
	text-decoration: underline;
}

/* End zt-topnav */

#zt-loginform {
	width: 100%;
	clear: both;
	display: inline-block;
	text-align: right;
}
#zt-loginform ul {
	margin: 0 48px 0 0;
	padding: 0;
	background: none;
}
#zt-loginform ul li {
	display: inline;
	padding: 0 0 0 15px;
	margin: 0;
	background: none;
	color: #a5a5a5;
}
#zt-loginform ul li a {
	color: #0e67b1;
	text-decoration: none;
}
#zt-loginform ul li a:hover,
#zt-loginform ul li a:active,
#zt-loginform ul li a:focus {
	color: #0e67b1;
	text-decoration: underline;
}
#form-login p#form-login-inner {
	margin: 0.2em 0;
}
#search-searchword{
	color: #000!important;
}
#search-searchword,
#username,
#password,
#jform_email,
#jform_name,
#jform_username,
#jform_password1,
#jform_password2,
#jform_email1,
#jform_email2,
#form-login .inputbox {
	background: url(../images/input.png) no-repeat bottom left;
	border: none;
	height:15px;
	padding: 5px 6px 4px;
	width:137px;
	color: #d3d3d3;
}
#password{
	margin:5px 0 0 8px;
}
.validate,
#form-login .button {
	
	color: #ffffff;
	cursor:pointer;
	display:inline-block;
	width:53px;
	
	padding: 5px 10px 4px;
	margin: 0;
	text-align:center;
	border: none;
	background: url(../images/button.png) no-repeat bottom left;
}


/* End zt-loginform */

#zt-mainmenu {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#zt-mainmenu-tr {
	margin: 0 -7px 0 0;
}
#zt-mainmenu-tl {
	margin: 0 0 0 -7px;
	height: 13px;
}
#zt-mainmenu-br {
	margin: 0 -7px 0 0;
}
#zt-mainmenu-bl {
	margin: 0 0 0 -7px;
	height: 67px;
}
.zt-mainmenu-right {
	margin: 0 -7px 0 0;
	height: 67px;
}
.zt-mainmenu-left {
	margin: 0 0 0 -7px;
	height: 67px !important;
}
#zt-mainmenu-inner {
	padding-top: 13px;
}

#zt-submenu,
#zt-submenudrop {
	width: 100%;
	clear: both;
	display: inline-block;
	height: 30px;
}
#zt-search {
	float: right;
	width: 26.5%;
}
#zt-search div.search {
	margin: 21px 15px 0 0;
	position: relative;
}
.zt-search div.search {
	margin: 7px 15px 0 0 !important;
}
#zt-ja{
  position: absolute;
  top: 0px;
  left: -5500px;
  }
#zt-search div.search .inputbox {
	width: 204px;
	height: 14px;
	padding: 5px 6px 4px 8px;
	border: none;
	background: none;
	font-size: 92%;
	color: #9dc087;
	display: inline;
	text-transform: capitalize;
}
#zt-search div.search .button {
	text-indent: -99px;
	border: none;
	width: 22px !important;
	height: 23px;
	padding: 0;
	margin: 0;
	line-height: 23px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/search-button.png) no-repeat top right;
	cursor: pointer;
}
/* END HEADER
-------------------------------------------------------------*/

/* BEGIN CONTAINER
-------------------------------------------------------------*/
#zt-body-cr {
	position: relative;
	width: 100%;
	display: inline-block;
	margin-top: -22px;
	background: url(../images/body-cr.png) no-repeat top right;
}
#zt-body-cl {
	background: url(../images/body-cl.png) no-repeat top left;
	padding: 0 15px;
}
#zt-body-tr {
	background: url(../images/body-tr.png) no-repeat top right;
	margin-left: 11px;
}
#zt-body-tl {
	background: url(../images/body-tl.png) no-repeat top left;
	margin-left: -11px;
	height: 15px;
}
#zt-body-cc {
	background: #ffffff;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding-bottom: 4px;
}
#zt-body-br {
	background: url(../images/body-br.png) no-repeat bottom right;
	margin-left: 26px;
}
#zt-body-bl {
	background: url(../images/body-bl.png) no-repeat bottom left;
	margin-left: -26px;
	height: 6px;
}
#zt-body-pad {
	padding: 4px 10px 0;
}
#zt-colleft{
	width: 71%;
	float: left;
}
/* Begin zt-colright */
#zt-colright {
	float: right;
	width: 27%;
}
div.module-colorfull div.latestnewsitems {
	padding-bottom: 5px;
	background: url(../images/full-div.gif) repeat-x bottom left;
}
div.module-colorfull div.latestnewsitems img {
	background: #2c6b05;
	padding: 3px;
	border: 1px solid #3f8613;
}
div.latestnewsitems h4 {
	margin: 0.2em 0 0;
	font-size: 110%;
}
span.latestnewsdate {
	display: block;
	color: #85ad6b;
	font-size: 90%;
}
ul.static {
	margin: -9px -9px 0;
	padding: 0 10px;
	background: url(../images/statistic.gif) repeat-x bottom left;
}
ul.static li {
	margin: 0;
	padding: 0;
	line-height: 33px;
	background: none;
}
ul.static li span.color2 {
	color: #da1d1c;
}
div.mod-content  .jv_default_accordion {
	background: none;
	border: none;
	margin: -10px -9px 0
}
div.mod-content  .jv_default_accordion div.element {
	padding: 0 10px;
}
div.mod-content .jv_default_accordion div.element img.zt_thumb_content {
	background: #fff;
	border: 1px solid #ececec;
	-moz-border-radius: 5px;
	padding: 3px;
}
div.mod-content .jv_default_accordion a.toggler {
	background: url(../images/accordion.gif) no-repeat right -33px;
	height: 33px;
	line-height: 33px;
	color: #404040;
}
div.mod-content .jv_default_accordion a.toggler:hover, 
div.mod-content .jv_default_accordion a.toggler:focus, 
div.mod-content .jv_default_accordion a.toggler:active,
div.mod-content .jv_default_accordion a.toggler-active, 
div.mod-content .jv_default_accordion a.toggler-active:hover, 
div.mod-content .jv_default_accordion a.toggler-active:focus, 
#zt-content-left {
float: right;
width: 58.5%;
}
#zt-content-right {
float: left;
width: 39%;
}
/* Begin zt-content-right */
#zt-content-right {
	float: right;
	width: 39%;
}
/* Begin zt-slidewrap */
#zt-slidewrap {
	width: 100%;
	clear: both;
	display: inline-block;
}
#zt-slide {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.zt-box-left,
.zt-box-center {
	float: left;
	margin: 0;
	padding: 0;
}
.zt-box-full {
	float: none;
	margin: 0;
}
.zt-box-left div.zt-mod-br {
	margin-right: 5px;
}
.zt-box-center div.zt-mod-br {
	margin: 0 5px 15px;
}
.zt-box-right div.zt-mod-br {
	margin-left: 5px;
}
.zt-box-full div.zt-mod-br {
	margin: 0 0 15px;
}
.zt-box-right {
	float: right;
}
.zt-pnomargin {
	margin: 0;
}
/**/
#zt-modwrap {
	width: 100%;
	clear: both;
}
#zt-modwrap-pad {
	margin: 0;
	padding: 0;
}
.mod-content .container {
	background: none;
}
.mod-content .zt_tabs .zt-tabs-title-top {
	background: none !important;
}
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title {
	margin-top: -7px;
	background: none;
}
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li,
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li.active,
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li.lastactive {
	background: url(../images/tab-li.gif) no-repeat bottom left !important;
}
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li.first,
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li.firstactive {
	background: none !important;
}
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li h3 {
	background: none;
	border: none !important;
}
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li h3 span {
	background: none;
	color: #bfbfbf !important;
}
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li.active h3 span, 
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li.firstactive h3 span, 
.mod-content .zt_tabs .zt-tabs-title-top ul.zt-tabs-title li.lastactive h3 span {
	background: none;
	color: #000000 !important;
}
/* end #zt-modwrap */
div.module div.latestnewsitems {
	padding-bottom: 10px;
	border-bottom: 1px dashed #ececec;
}
div.module div.latestnewsitems
div.module div.latestnewsitems img {
	background: none;
	border:1px solid #ECECEC;
	padding:3px;
	margin-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.module div.latestnewsitems h4 a {
	color: #5F5F5F;
}
div.module div.latestnewsitems a.readone {
	background: url(../images/readon.gif) no-repeat left center;
	font-size:110%;
	padding:0 11px;
	display: inline-block;
}
div.module div.latestnewsitems a.readone:hover,
div.module div.latestnewsitems a.readone:active,
div.module div.latestnewsitems a.readone:focus {
	background: url(../images/readon-green.gif) no-repeat left center;
	color:#3D8312;
	text-decoration:none;
}
div.module-color div.latestnewsitems img {
	background: none;
	border:1px solid #ECECEC;
	padding:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.module-color div.latestnewsitems h4 a {
	color: #5F5F5F;
}
div.module-testimonial div.latestnewsitems {
	padding-bottom: 10px;
	border-bottom: 1px dashed #ececec;
}
div.module-testimonial div.latestnewsitems img {
	background: none;
	border:1px solid #ECECEC;
	padding:3px;
	float: right;
	margin-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.module-testimonial div.latestnewsitems h4 a {
	color: #5F5F5F;
	text-transform: uppercase;
}
div.module-testimonial div.latestnewsitems div.latestnewsitems-intro:first-letter {
	padding-left: 17px;
	background: url(../images/test.gif) no-repeat 0 1px;
}

.zt-tab-panels-top {
	position: static !important;
}
ul.zt-gallery{
	display: inline-block;
	width: 100%;
}
ul.zt-gallery li{
	float: left;
	background: none;
	padding: 0;
	padding-right: 10px;
}
.jv_tab_default_wrap .jv_default_content .jv_default_conten_wrap{
	overflow: hidden;
}
ul.zt-gallery li img{
	padding: 3px;
	width: 60px;
	height: 55px;
	background: #E6E6E6;
}
/* END CONTAINER
-------------------------------------------------------------*/

/* BEGIN FOOTER 
-------------------------------------------------------------*/
#zt-footer {
	
}
#zt-footer-br {
	background: url(../images/footer-br.gif) no-repeat bottom right;
	margin: 10px 15px 30px;
	padding: 0;
}
#zt-footer-bl {
	background: url(../images/footer-bl.gif) no-repeat bottom left;
}
#zt-footer-tr {
	background: url(../images/footer-tr.gif) no-repeat top right;
}
#zt-footer-tl {
	background: url(../images/footer-tl.gif) no-repeat top left;
	width: 100%;
	display: inline-block;
	position: relative;
}
#zt-footer-top {
	width: 100%;
	display: inline-block;
	padding: 2px 0;
	background: url(../images/footer-line.gif) repeat-x bottom center;
}
#zt-footer-top ul {
	margin: 0;
	margin-left: 5px;
	padding: 0;
}
#zt-footer-top ul ul {
	display: none;
}
#zt-footer-top ul li {
	float: left;
	display: block;
	line-height: 33px;
	padding: 0;
	margin: 0;
	background: url(../images/footer-li.gif) no-repeat 0 0;
}
#zt-footer-top ul li:first-child{background:none;}
#zt-footer-top ul li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	line-height: 33px;
	padding: 0 11px 0 13px;
}
#zt-footer-top ul li a:hover,
#zt-footer-top ul li a:active,
#zt-footer-top ul li a:focus,
#zt-footer-top ul li.active a {
	text-decoration: underline;
	color: #ffffff;
}
#zt-footer-top ul li.first {
	background: none !important;
	padding-left: 5px;
}
#zt-footer-bottom {
	width: 100%;
	clear: both;
	display: inline-block;
	color: #fff;
}
.zt-copyright {
	padding: 5px 10px 10px;
	overflow: hidden;
}
#zt-sublogo {
	float: left;
	display: block;
	margin-right: 5px;
}
#zt-sublogo img {
	width: 63px;
	height: 64px;
	margin-right: 10px;
}
.zt-copyright p {
	margin: 0.5em 0;
	line-height:55px;
}

.zt-copyright a {
	color: #fff;
}
.zt-copyright a:hover,
.zt-copyright a:active,
.zt-copyright a:focus {
	text-decoration: underline;
}
#zt-boxshare {
	position: absolute;
	bottom: -25px;
	right: 15px;
	z-index: 99;
	width: 275px;
	height: 125px;
	display: block;
}
.zt-share-br {
	background: url(../images/box-br.png) no-repeat bottom right;
	margin: 46px 0 0 33px;
}
.zt-share-bl {
	background: url(../images/box-bl.png) no-repeat bottom left;
	margin: 0 0 0 -33px;
	display: block;
}
.zt-share-tr {
	background: url(../images/box-tr.png) no-repeat top right;
	margin: -46px 0 0 33px;
	display: block;
}
.zt-share-tl {
	background: url(../images/box-tl.png) no-repeat top left;
	margin: 0 0 0 -33px;
	display: block;
	padding: 10px 20px 20px 25px;
}
/* END FOOTER 
-------------------------------------------------------------*/


/* Clearfix */
.clr{
	line-height: 0;
	height: 0;
	clear: both;
}
.clearfix {
	clear: both;
}
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* HTML > body .clearfix {
	width: 100%;
	display: block;
}
*+html .clearfix,
* HTML .clearfix {
	height: 1%;
}

/*zt Headline*/

div.jv-proshow-intro-inner a.readon {
	background: none;
}
div.jv-proshow-intro-inner h3 {
	color:#DDDDDC;
	font-family:Arial;
	font-size:145%;
	line-height:20px;
	margin:0;
	padding:0;
}

#zt-content{
	margin-bottom: 1em;
}

#over_act_corner {
position: absolute;
top: 0;
left: 186px;
width: 68px;
height: 55px;
display: block;
background: url(over_act.png) no-repeat;