/**
author: rgb(raduga) http://mambasana.ru
**/

/**#################### lightbox CSS ####################**/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/**#################### end lightbox CSS ####################**/

/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom    : 8px;
  
     }


td, tr, p, div {
  font-family      : Verdana, Arial, Tahoma, Helvetica, sans-serif;
  font-size        : 12px; /** размер шрифта опросника **/
  color            : #000000;
  line-height      : 16px; /** размер отступа у шрифта **/

}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

ul {
  margin           : 14px;
  padding-left     : 8px;
  list-style       : none;
}
li {
  
  line-height      : 12px;
  padding-left     : 5px;
  padding-top      : 0;
  background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0 5px;
}

a:link, a:visited {
  font-size        : 12px;
  color            : #999999;
  text-decoration  : none;
  font-weight      : normal; /**bold;**/
}
a:hover {
  font-size        : 12px;
  color            : #b40202;
  text-decoration  : none;
  font-weight      : normal; /**bold;**/
}

form {
margin           : 0; 
padding          : 0;
}
.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #cccccc;
 margin       : 3px 0;

}




/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
  color            : #ffffff;
  font-family      : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
  text-decoration  : underline;

  }
.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #cccccc;
  margin           : 3px 0;
  background-color : #f0f0f0;
  padding          : 2px !important;
  padding          : 1px;
  cursor           : pointer;
}




/** Contact **/

.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;

}




/** Module table  **/

table.moduletable {
	margin           : 2px;
	width            : 100%;
      background       : #ffffff;

	}

table.moduletable td {
    padding-top: 0px;
    	}




/** modules with rounded corners **/

div.module {
  width: 183px;
  background:   url(enotaevka.astranet.ru/templates/mambobizz/images/mod_mid.gif) repeat-y;    /**url(../images/mod_mid.gif) repeat-y;**/
  margin-bottom: 15px;
}

div.module div {
  background: url(enotaevka.astranet.ru/templates/mambobizz/images/mod_bot.gif) bottom left no-repeat;
}

div.module div div {
  background: url(enotaevka.astranet.ru/templates/mambobizz/images/mod_top.gif) top left no-repeat;
  padding: 10px 10px 20px 10px;
  
}
div.module div div div {
  background: none;
  padding: 0;
  width: auto !important;
  width: 100%; 
}

div.module div div div h3 { 
display: block;  
padding : 0 0 10px 0;  
margin : 0;
  font-size        : 13px;
  font-weight      : normal; /**bold;**/
  color            : #999999;
  text-align       : center;
  letter-spacing   : 1px;

}





/** Read more **/

a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/arrow.png) no-repeat;
  white-space      : normal;
  font-weight      : normal; /**bold;**/
  padding          : 1px 0 3px 14px;
  float            : right;
  line-height      : 13px;
  text-decoration  : underline;
}
a.readon:hover {
  color            : #006600;
  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/arrow.png) no-repeat;
  white-space      : normal;
  font-weight      : normal; /**bold;**/
  padding          : 1px 0 3px 14px;
  line-height      : 13px;
  text-decoration  : underline;
}





/** Pagenavigation **/

.pagenavcounter {
  font-size        : 11px;
  color            : #999999;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav {
  font-weight      : normal; /**bold;**/
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}
a.pagenav:hover {
  font-size        : 11px;
  color            : #006600;
  text-decoration  : none;
}
table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : url(../images/back_blue1.gif);  /**#f1f1f1;**/
  padding          : 10px;/**5**/
  margin-left      : 2px;
  margin-bottom    : 2px;
}





/** Pathway **/

.pathway {
  font-size        : 14px;
  color            : #444444 /**333333;**/
  padding-left     : 20px;
  
}
a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : normal; /**bold;**/
  text-decoration  : underline;
}
a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : normal; /**bold;**/

}





/** Content **/

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
.contentheading,.componentheading {
  font-family      : Georgia, Arial, Verdana, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 12px;
  font-weight      : bold;
  line-height      : 16px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #0099cc;
  padding-bottom   : 5px;
  margin           : 3px 0;
  border-bottom    : 1px solid #999999;
  }
.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        :  0;
  padding-top    : 5px;
  text-align     : left;
}
.blog_more {
margin   : 10px 0 7px 7px;
}
.buttonheading {
padding  : 0 2px;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 10px;
  color            : #999999;
}
.small {
  font-size        : 11px;
  color            : #999999;
}
.smalldark {
  font-size        : 11px;
  color            : #333333;
}
.createdate, .modifydate {
  float            : right;
  font-size        : 10px;
  color            : #999999;
  text-align       : right;
  width            : 100%;
}
a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : normal; /**bold;**/
}

.sectiontableheader {
  font-size        : 12px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #333333;
  background       : #ffffff; 
  padding          : 1px;
}

.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #f6f6f6;
  border-bottom    : 1px solid #ffffff;
  line-height      : 15px;

}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  background       : #f0f0f0;
  line-height      : 15px;
}
.sectiontableentry1 img{
margin-right: 4px;
}
.sectiontableentry2 img{
margin-right: 4px;
}



/** Polls **/

.poll {
	color : #333333;
	line-height : 13px;
	font-weight: normal;
      text-align: left;
}
.pollstableborder{
  border-color     : #999999;
}




/** "Tab" buttons for Joomla frontend **/

.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : normal; /**bold;**/
  color            : #333333;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.offtab {
  border-left      : 1px solid #666666;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.tabpadding {
 border-left       : 1px solid #666666;
}





/** CSS for Mainmenu **/

a.mainlevel  {
 display           : block;
 width             : auto;
  margin           : 1px 0;/** расстояние между кнопками**/
  padding          : 1px;
  font-size        : 10px;/** 12px;**/
  background       : url(../images/knopa.gif) center no-repeat  100%;  /**none; задний фон кнопки меню**/
  text-indent      : 30px;
}

a.mainlevel:link, a.mainlevel:visited {  /**  непосещенная, посещенная**/
  display          : block;
  font-size        : 10px;/** 12px;**/
  border-bottom    : 1px solid #cccccc ; /** #cccccc;**/
  background : url(../images/knopa.gif) center; /**#f1f1f1;**/
  font-weight      : bold;
  padding          : 1px 0;
  color            :  #000000;
  font-weight      : bold;
  text-indent      : 10px;
}
a.mainlevel:hover {  /**  наведение мыши         **/
  border-bottom    : 1px solid #cccccc;
 background:  url(../images/knopa2.gif) no-repeat 80%; /** #e0e0e0;**/
  font-size        : 10px;/** 12px;**/
  font-weight      : bold;
  /** color            : #666666; /**url(../images/BlockHeader1.png)  нажатая кнопка**/
  text-decoration  : none;
  text-indent      : 10px;
  
}
#active_menu {
  color            : #b40202;
  border-bottom    : 1px solid #cccccc;
  background       : url(../images/BlockHeader1.png); /** #e0e0e0   96% 50% no-repeat url(../images/menu.gif)  кнопка с открытой страницей**/
  font-weight      : normal;
}
a#active_menu:hover {/**  наведение мыши**/
  color            : #333333;
  font-weight      : bold;
  background : url(../images/knopa2.gif);
}





/** Sublevel for Mainmenu **/

.sublevel {
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size        : 10px;
   font-weight      : normal; /**bold;**/
   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}
a.sublevel:link, a.sublevel:visited {
  color		        : #999999;
  text-decoration	: none;
}
a.sublevel:hover {
  color            : #006600;
  text-decoration  : none;
}
a.sublevel#active_menu  {
	background      : transparent;
	color           : #006600;
	      
}



/** Topmenu styles for BOTTOM navigation **/

 #mainlevel-nav {
  font-size        : 10px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
   
}

#mainlevel-nav li {
  float            : left;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 0;
  padding-right    : 4px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  

}
#mainlevel-nav li a {
  
  padding-left     : 0;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #666666;
  text-decoration  : underline;
  
}

#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #999999;
    
}


/** Topmenu styles for BOTTOM navigation 1 **/

 #mainlevel-nav1 {
  font-size        : 10px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
   
}

#mainlevel-nav1 li {
  float            : left;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 0;
  padding-right    : 4px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  

}

#mainlevel-nav1 li a:hover {
  font-size        : 11px;
  color            : #cc0000;
    
}

mainlevel-nav1 li a {
  
  padding-left     : 0;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #ffff33;
  text-decoration  : underline;
  
}

/** Topmenu styles for BOTTOM navigation 2 **/

 #mainlevel-nav2 {
  font-size        : 10px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  background       : url(../images/silver_up.png);
  color            : #000000; 
}

#mainlevel-nav2 li {
  float            : left;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 0;
  padding-right    : 4px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  color            : #000000;
  white-space      : nowrap;
  background       : url(../images/silver_up.png);

}

#mainlevel-nav2 li a:hover {
  font-size        : 11px;
  color            : #cc0000;
  background       : url(../images/silver_down.png);  
}

mainlevel-nav2 li a {
  
  padding-left     : 0;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #ffff33;
  text-decoration  : underline;
  background       : url(../images/silver_down.png);
}

/** Topmenu styles for BOTTOM navigation knopa **/

 #mainlevel-knopa {
  font-size        : 10px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  background       : url(../images/knopa.gif);

}

#mainlevel-knopa li a:hover {
  font-size        : 11px;
  background       : url(../images/knopa2.gif);  
}



/** images **/

.mosimage {
  border     : 1px solid #dedede;
  margin     : 5px;
  padding-top:  3px;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #666666;
  font-size : 10px;
  background: url(../images/back_blue1.gif);  /**#f1f1f1;**/
}



/** #################### index.php #################### **/

.main { 
  float            : left; 
  width            : 100%;
  margin           : 0; 
  padding          : 0;
 
}


.mod {
  background       : #FFFFFF;
  width            : 2px;
}

.date {
  font-size        : 11px;
  font-weight      : bold;
  color            : #707070;
  padding-right    : 20px;
}
td.bgline {
  margin : 0;
  padding:  0;
  width  : 7px;
 }

.www {
  
  background     : url(../images/www.gif) no-repeat top left;
  height         : 49px;
  width: 370px;
 
 }
td.top_bar {
  margin : 0;
  padding:  0;
  height         : 49px; 
  padding-right  : 30px;  
 }

td.pw{
margin: 0;
padding:  0;
height: 28px;
padding:  3px 0;
text-align: left;
}
.footer {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #999999;
  font-weight      : normal;
  height           : 70px;
  padding-top      : 25px;

   
 }
.footer a:link, .footer a:visited {
  font-size        : 11px;
  color            : #666666;
  text-decoration  : underline;
  font-weight      : normal;
  line-height      : 17px;
}
.footer a:hover {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : underline;
  font-weight      : normal;
}


.col {
   vertical-align   : top;
   background       : #ffffff;
   padding          : 0 5px 5px 0;
   text-align: left;
   
}
.rcol {
   vertical-align   : top;
   background       : #ffffff;
   padding          : 0 0 5px 5px;
   text-align: left;
   
}


.foot {
  margin-top       : 6px;
  vertical-align   : top;
  background: url(../images/footer_repeat.gif) repeat-x top left;
  
}




/** main container **/

#container_out{
text-align: center;
margin:0;
padding:0 2%;
align: center;


}

div#container {
            height: 100%;
		margin-left: auto;
		margin-right: auto;
		max-width: 1100px;
		width: expression(document.body.clientWidth > 1100? "1100px": "auto" );
            

}
#maincontainer{
margin:0;
padding:0;
background     : url(../images/body_bg.gif) repeat-x top left;
width:100%;
height: 100%;  
}