/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/* ---------------------- modules.css --------------------------
This CSS file contain the codes that Joomla uses to output its 
modules. Normally the module positons found here are: left, right,
bottom, promo, showcase etc.

- Feel free to make changes to suit the needs to your website
project
---------------------------------------------------------------- */

/* general styles for the modules */
.width100 	{ width:100%}



/* -- Promo and Bottom -- 
used on the "promo" and "bottom" module positions */
#promo .separator,
#bottom .separator {
	position:relative;
	border-right:1px dotted #ccc;
	margin-right:10px;}

#promo .moduletable,
#bottom .moduletable{
	margin-right:10px;}

	#promo .moduletable h3.mod-title,
	#bottom .moduletable h3.mod-title{
		font-size:1.5em;
		padding:0;
		padding:0;
		margin-bottom:7px}
		
		#promo .moduletable h3.mod-title span,
		#bottom .moduletable h3.mod-title span  {
			color:#999;
			font-family:Arial, Helvetica, sans-serif;
			display:block;
			font-size:13px;
			line-height:1.6em;
			margin-bottom:8px;
			margin-top:-3px;} 
						
		
		#promo .moduletable img,
		#bottom .moduletable img{
			float:left;
			margin:5px 10px 10px 0}
	
		
		 .moduletable p:last-child {
			 margin-bottom:0}		
			
	
		
		/* width for the modules */
		#promo .width25,
		#bottom .width25 	{ width:24.2%}
		
		#promo .width33,
		#bottom .width33	{ width:32.6%}
		
		#promo .width50,
		#bottom .width50	{ width:49.4%}
	
	
	
		
		
	
/* -- Content Top and Content Bottom -- 
used on the "content" module positions */

#content_top .separator,
#content_bottom .separator {
	position:relative;
	border-right:1px dotted #ccc;
	margin-right:10px;}

#content_top .moduletable,
#content_bottom .moduletable{
	margin-right:10px;}

	#content_top .moduletable h3.mod-title,
	#content_bottom .moduletable h3.mod-title{
		font-size:1.3em;
		padding:0;
		padding:0;
		margin-bottom:7px}
		
		#content_top .moduletable h3.mod-title span,
		#content_bottom .moduletable h3.mod-title span  {
			color:#999;
			font-family:Arial, Helvetica, sans-serif;
			display:block;
			font-size:13px;
			line-height:1.6em;
			margin-bottom:8px;
			margin-top:-3px;} 
						
		
		#content_top .moduletable img,
		#content_bottom .moduletable img{
			float:left;
			margin:5px 10px 10px 0}
	
		
		
		/* width for the modules */		
		#content_top .width33,
		#content_bottom .width33	{ width:32.2%}
		
		#content_top .width50,
		#content_bottom .width50	{ width:49.2%}
		
	


								
/* 
Col Modules
--------------
The columns modules are used on the "left" and "right" positions.
Normally they may contain suffixes which you may add through each 
module on their paramenters so that you may have different module
styles. 
---------------------------------------------------------------- */

/* on the "left" position */
 .col-module {
	position:relative;}	
	
	
	/* with no suffix */
	 .col-module .col-module-suffix- {
		 border:none;
		 margin:30px 0 15px;
		 padding:0 0 10px 10px;
		 border-left:1px solid #DEDEDE;
		 border-bottom:1px solid #DEDEDE;}
		
		  .col-module .col-module-suffix- .col-module-header {
			border-top:1px solid #DEDEDE}

			 .col-module .col-module-suffix- h3.mod-title {
				font-size:1.3em;
				margin:-15px 0 6px;
				background:#fff;
				display:inline-block;
				padding:0 12px 0 0;}
				.has-subtitle .col-module-suffix- h3.mod-title {
					margin-top:-19px}
				
				
				/* with no suffix ... on the right column */
				 #right-column .col-module .col-module-suffix- {
					 border-left:none;
					 border-right:1px solid #DEDEDE;
					 padding-left:0;
					 padding-right:10px;}
					 
					 #right-column  .col-module .col-module-suffix- .col-module-header {
						 margin-right:-10px;}
		
		
			/* subtitles */
			.col-module-header  h3.mod-title span {
				color:#999;
				font-family:Arial, Helvetica, sans-serif;
				text-shadow:none;
				display:block;
				font-size:13px;
				line-height:1.6em;
				margin-bottom:0;
				margin-top:-3px;} 
				

			.col-module .col-module-content{
				padding:0;
				clear:both;}	
				
				.col-module .col-module-content p:last-child {
					margin-bottom:0}
				
				
			/* -- Style 1 --
		   This is when you put a suffix on the module class sufixx parameter "-style1"
		   so that you may have a different styled module   */	
		   .col-module .col-module-suffix-style1 {
			   background:#e6e6e6;
			   padding:10px;
			   margin-bottom:18px;}
				
			.col-module .col-module-suffix-style1 .col-module-header  h3.mod-title {
				font-size:1.3em;
				margin-bottom:8px;}
				
			.col-module .col-module-suffix-style1 .col-module-header h3.mod-title span {}
					
					
			/* -- Style 2 --
		   This is when you put a suffix on the module class sufixx parameter "-style1"
		   so that you may have a different styled module   */	
			  .col-module .col-module-suffix-style2 {
			   background:#333;
			   color:#fff;
			   color:rgba(255,255,255,.7);
			   padding:10px;
			   margin-bottom:18px;}
				
			.col-module .col-module-suffix-style2 .col-module-header  h3.mod-title {
				font-size:1.3em;
				color:#fff;
				margin-bottom:8px;}
				
			.col-module .col-module-suffix-style2 .col-module-header h3.mod-title span {
				color:#fff;
			   color:rgba(255,255,255,.7);}
						
							

		/* "nostyle" used to remove the decoration for the col modules. in case for eg when you put the FB like box */
			.col-module .col-module-suffix-nostyle {
				margin:0 0 15px;
				padding:0;
				background:none;
				box-shadow:none;
				border:none;}
		
			
		 .col-module:last-child .col-module-suffix-,
		 .col-module:last-child .col-module-suffix-style1,
		 .col-module:last-child .col-module-suffix-style2 {
			 margin-bottom:0}
			 
		 .col-module:first-child .col-module-suffix-,
		 .col-module:first-child .col-module-suffix-style1,
		 .col-module:first-child .col-module-suffix-style2 {
			 margin-top:5px}
		



/* -----------------
 Footer Modules
 used module positions are footer1, footer2, footer3 and footer4, and footer5
----------------- */
#footer .separator {
	position:relative;
	margin-right:14px;}
	
	#footer .moduletable {
		margin-right:14px;}
		 
		#footer .moduletable .moduletable-header {
			padding-top:35px;
			margin-bottom:10px;
			margin-right:-10px;
			border-right:1px solid #333;}
			
			#footer .moduletable .moduletable-header-inside {
				border-top:1px solid #DEDEDE}

		 
				#footer .moduletable h3.mod-title {
					display:inline-block;
					background:#fff;
					font-size:1.5em;
					padding:0 10px 0 0;
					margin:-25px 0 0}
					
				
				#footer .moduletable h3.mod-title span {
					color:#999;
					font-family:Arial, Helvetica, sans-serif;
					display:block;
					font-size:13px;
					line-height:1.6em;
					margin-bottom:0;
					margin-top:-3px;} 
								
				
				footer .moduletable img {
					float:left;
					margin:5px 10px 10px 0}
							
				
					#footer .moduletable span.dropcap {
						color:#8EC0E2}

						

		/* width for the modules */
		#footer .width20 { width:19%}
		#footer .width25 { width:24%}
		#footer .width33 { width:33.33%}
		#footer .width50 { width:48.4%}
		#footer .width100 { width:100%}
		
				
				
				#footer > div:last-child .moduletable-header {
					border:none}
		
		
	

/* -----------------
 Ice Modules
 used for IceTheme Extensions like IceCaption, IceTabs etc
----------------- */
.ice-module {} 
		
	.ice-module h3.mod-title {
		text-align:center;
		color:#777;
		padding-bottom:2px;}
	
		.ice-module h3.mod-title span {} 
			
/*Добавил в ручную
	жирный шрифт и черный шрифт "свежий номер" */		
.icenewsblock .ice-leading div.ice-item h4 {
			line-height:1.5em;
			font-weight: bold;
}		

.icenewsblock .ice-leading div.ice-item a:link {text-decoration: none; outline:none; color: #444;}
.icenewsblock .ice-leading div.ice-item a:visited { text-decoration:none; color: #444;}
.icenewsblock .ice-leading div.ice-item a:hover { text-decoration:underline;}

#icenewsblock-123 > div > div.ice-box-wrapper > div.ice-primary > ul > li > a:link {font-weight: bold;color: #444;}
#icenewsblock-123 > div > div.ice-box-wrapper > div.ice-primary > ul > li > a:visited {font-weight: bold;color: #444;}
#icenewsblock-123 > div > div.ice-box-wrapper > div.ice-primary > ul > li> a:hover {font-weight: bold;color: #444;}