/* _tpl/footer.php */

/* ---------------------------------------------------------- * 
 *             Textauszeichnungen in _tpl/footer.php          *
 * ---------------------------------------------------------- */

p.author	{
			margin: 2em 0px 2em 0px;
			margin: 2em 0px 2em 4em;			
			
/*			font-family: "Comic Sans MS", "Courier New", Verdana, Arial; */
			font-size: 1.15em; 
			line-height: 1.4em;
			font-weight: bold; 
			font-style: oblique;
			color: #ff0000;
			text-align: right;
			text-align: left;			
			text-shadow: #222 1px 1px 2px;
			letter-spacing: 1.15px; /* интервал между символами */
			word-spacing: 2px;	 /* интервал между словами */
}

p.author2	{ /* нужно заменить на <p class="author"> по всему сайту */
			margin: 30px 0px 20px 0px;
			font-family: "Courier New", Verdana, Arial; 
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			font-weight: bold; 
			font-style: italic;
			color: #ff0000;
			text-align: right;
			text-shadow: #222 1px 1px 3px;
			letter-spacing: 1px; /* интервал между символами */
			word-spacing: 3px;	 /* интервал между словами */
}

div.title, p.title	{
			margin: 0px 0px 10px 0px;
			padding: 0.5em 1em;
			font-family: Arial;
			font-weight: bold;
			font-size: 1em;
			text-align: left; 
			text-decoration:none;
			line-height: 100%;
			color: #20204B;
			cursor: move;
			border-radius: 5px;
			background-color:#E6DECD;

			border-style: solid;
			border-width: 1px;
			border-color: #887040;

			text-shadow: #20204B 1px 1px 2px;
			letter-spacing: 1px; /* интервал между символами */
			word-spacing: 2px;	 /* интервал между словами */
}

p.source { 
			margin: 40px 0px 40px 0px;
			font-size: 1em;
			text-align: left;
		}

#literature .layer {
			float: right; /* Обтекание по правому краю */
			border: 1px dotted #333;  /* Параметры рамки */
			padding: 10px;  /* Поля вокруг текста */
			font-size: 70%; 
			margin: 0px 0px 0px 20px;
			max-width: 240px; /* Ширина блока */
			border-radius: 5px;
			 box-shadow: 3px 3px 5px #777;			/* Параметры тени */
			-webkit-box-shadow: 3px 3px 5px #777;	/* Для Safari и Chrome */
			-moz-box-shadow: 3px 3px 5px #777;		/* Для Firefox */
}

#footer .links	{
				margin: 15px 15px 15px 15px;
				padding:15px;
				font-family: Tahoma;
				font-size: 0.6em;
				color: #333;
				font-weight: normal;
				background: #D1D7DC;
				text-align: justify;
				cursor: help;

				border-style: solid;
				border-width: 1px;
				border-color: #9EAEC0;
}

.links_sape_left	{
				margin: 15px 1px 15px 0px;
				padding:8px;
				font-family: Tahoma;
				font-size: 0.6em;
				color: #333;
				font-weight: normal;
				background: #D1D7DC;
				text-align: left;
				cursor: help;
				border-style: solid;
				border-width: 1px;
				border-color: #9EAEC0;
}

#footer textarea	{ 
				padding:10px;
				font-family: "Courier New", Verdana, Arial; 
				font-size: 80%;
				color: #660000;
				width: 96%;
				height: 200%;
				height: auto;
				font-weight: normal; 
				background-color:#F4EEE2;
}

.copyright	{ 
				padding-top:15px;
				font-family: "Comic Sans MS", Arial, Tahoma; 
				font-family: europeext_bold;
				font-family: Calibri;
				font-size: 0.8em; 
				font-weight: normal; 
				color: #222; 
				text-align : center;
				line-height: 24px; 
				cursor: help;
				letter-spacing: 1px; /* интервал между символами */
				word-spacing: 2px;	 /* интервал между словами */
}

#counter_footer a {
	    filter: alpha(Opacity=50); /* Полупрозрачность для IE */
	    opacity: 0.5; /* Полупрозрачность для других браузеров */ 
}
#counter_footer:hover a {filter: alpha(Opacity=50); opacity: 0.5;}
#counter_footer a:hover {filter: alpha(Opacity=100); opacity: 1;}


#footer-col-3 {
	width: 0% !important;
}
#footer-col-9 {
	width: 100% !important;
}

/* -------------------------------------------------------- * 
 *                                Media Queries                                  *
 * -------------------------------------------------------- */

@media only screen and (min-width: 460px) {  


}

@media only screen and (min-width: 576px) {  




}


@media only screen and (min-width: 768px) {  


}


@media only screen and (min-width: 992px) {  
#footer-col-3 {
	width: 25% !important;
}
#footer-col-9 {
	width: 75% !important;
}

.links_sape_left	{
#	display:none;
}


/*
breakpoints from Bootstrap:  scss/_variables.scss
 
grid-breakpoints
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
) !default;

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px
);


*/
/* Small devices (small phones, 576px and up) */
@media only screen and (min-width: 360px) and (max-width: 459px) {
	
	
}
/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 460px) and (max-width: 575px) {


}
/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {


}
/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {


}
/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	

}
/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


}