p, body, span, td, div{
		font-family: Verdana;
		color: #f5f5f5;
		font-size: 11pt;
		}

.container {
    display:inline-block;   
    position:relative;
}
.container div { 
    display: inline-block; 
    position: absolute; 
    bottom: 10px; 
    left: 0px;
    right: 0px;
    background-color: rgba(0,0,0,.5); 
    padding: 5px 5px 5px 5px;
    text-align: center;

}


h1		{
		font-family: Verdana;
		color: #f5f5f5;
		font-size: 14pt;
		font-weight: bold;
		text-align: center;
		padding-left: 0px; /* Отступ от текста */
		padding-top: 0px; /* Отступ от текста */
		padding-right: 0px; /* Отступ от текста */
		padding-bottom: 0px; /* Отступ от текста */
		}

h2		{
		font-family: Verdana;
		color: #f5f5f5;
		font-size: 19pt;
		font-weight: normal;
		text-align: center;
		padding-left: 0px; /* Отступ от текста */
		padding-top: 0px; /* Отступ от текста */
		padding-right: 0px; /* Отступ от текста */
		padding-bottom: 0px; /* Отступ от текста */
		}

h3		{
		font-family: Verdana;
		color: #aa33aa;
		font-size: 11pt;
		font-weight: bold;
		text-align: left;
		padding-left: 0px; /* Отступ от текста */
		padding-top: 0px; /* Отступ от текста */
		padding-right: 0px; /* Отступ от текста */
		padding-bottom: 0px; /* Отступ от текста */
		}

a 		{
		font-size: 11pt;
		color: #f05050;
		font-weight: bold;
		text-decoration: none;
		outline : none;
	        border : 0px;
		}

a:hover 	{
		font-size: 11pt;
		color: #ff5500;
		font-weight: bold;
		text-decoration: underline;
		outline : none;
	        border : 0px;
		}

a.tiny 		{
		font-size: 9pt;
		color: #f05050;
		font-weight: normal;
		text-decoration: none;
		outline : none;
	        border : 0px;
		}

a:hover.tiny 	{
		font-size: 9pt;
		color: #ff5500;
		font-weight: normal;
		text-decoration: underline;
		outline : none;
	        border : 0px;
		}

img 		{
		outline : none;
	        border : 0px;
		padding-left: 0px; /* Отступ от текста */
		padding-top: 0px; /* Отступ от текста */
		padding-right: 0px; /* Отступ от текста */
		padding-bottom: 0px; /* Отступ от текста */		
		}


textarea, input, option, select {
	color: #2c426a;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	}

textarea:focus, input:focus, option:focus, select:focus	{
	background: #FFFADC;
      	//background: #FFFADC; /* фы  тёхї ie */
      	-background: #FFFADC; /* фы  ie6 */
	color: #000000;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	}


span 		{
	    	background: #505050; /* –ўҐв д®­  */
    		padding: 2px; /* Џ®«п ў®Єа㣠⥪бв  */
    		border-radius: 7px; /* “Ј®«ЄЁ */
		font-size: 11pt;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
   		}

span:hover	{
		color: #ff5500;
   		}
  

.thumbnail {
  max-width: 40%;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}