@font-face {
	font-family: GrkV;
	src: url('../font/GrkV.ttf');
}

@font-face {
	font-family: GrkU;
	src: url('../font/GrkU.ttf');
}

body {
font-family: "Arial";
background-image: url("../bg2.jpg");
margin:0;
padding: 0 5px;
*width: 100px;
}

.float {
	padding: 5px;
}

.row {
margin: 10px;
padding: 10px;
}

a {
text-decoration: none;
}

a:hover {
color: #f30000;
font-weight: normal;
text-decoration: none;
}

.fancy {
    margin: 0;
}

#cpage > ul {
    margin-left: 15px;
}




/* Paginaciya         */


ul{border:0; margin:0; padding:0;}

#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-size: 16px;
font-weight:bold;
padding:0px 10px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0060AF;
display:block;
float:left;
font-size: 14px;
*font-size: 12px;
*padding:3px 6px;
padding:0px 5px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}

/* Модальное окно перевода */

.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.2);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}
	
.modalDialog p li {
        font-family: Arial, Helvetica, sans-serif;
}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 50%;
        max-height:280px;
		position: absolute;
        left: 0;
		margin: auto;
        overflow: auto;
		padding: 5px 20px 5px 20px;
        right: 0;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
        top: 0;
        bottom: 0;
	}

	.close {
		background: #A8CCE2;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 12px;
		text-align: center;
		*top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }

.imga {
width: 65%;
height: auto;
}

p.tip {
	margin-bottom: -5px;
}
	
	/* Стили окна грамматики */
	
.winOpen {
	*position: fixed;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	pointer-events: none;
}	
	
.winOpen:target {
	display: block;
	pointer-events: auto;
}

/**.winOpen > div {
	width: 50%;
	position: absolute;
    left: 0;
	margin: auto;
    overflow: auto;
	padding: 0px 20px 15px 15px;
    right: 0;
	background-image: url(../bg2.jpg);
    top: 0;
    bottom: 0;
}**/

.winOpen > div {
    width: auto;
    left: 0;
    margin: auto;
    /* overflow: overlay; */
    overflow-y: auto;
    padding: 0px 5px 5px 5px;
    right: 0;
    border-radius: 10px;
    top: 0;
    bottom: 0;
}
	
.winOpen A:visited {
    color: blue;
    font-weight: normal;
    text-decoration: none;
}

.winOpen A:hover {
    color: #f5421a;
    font-weight: normal;
    text-decoration: none;
}	
	
a {
	cursor: pointer;
	color: blue;
}	

/* Стили кнопки поддержки */	
div.modid333 a {
	display: block;
	color: #fff;
	text-shadow: 1px 1px 0 #2F2E2E;
	padding: 8px;
	margin-bottom: 1px;
	background: url("images/zag_taxi.jpg") repeat-x;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(89, 76, 76, 0.5);
	transition: 0.3s all;
}

div.modid333 a:hover {

   	background: url("images/zag_taxi_iz.jpg") repeat-x;
	color: #fff;
	font-weight: bold;
	transition: 0.3s all;
}