body{margin: 0;font-family:Calibri,Tahoma,Arial;background:#ffffff;color:#000000;background: url("fon.jpg") no-repeat center center fixed;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}

#header {
margin-left: 40px;
}	
#panelUser {
background:#FFFFFF;
opacity: 0.90; /* Полупрозрачный фон */
filter: alpha(Opacity=90); /* Прозрачность в IE */
-webkit-box-shadow:0 0 18px rgba(0,0,0,.5);-moz-box-shadow:0 0 18px rgba(0,0,0,.5);box-shadow:0 0 18px rgba(0,0,0,.5);
border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:10px;
width: 350px;
position:absolute; 
right:30px;top:70px;
PADDING: 20px;
}

#infoTxt {
border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:10px;
padding:8px;
font-size:18px;
background: #FBEE92;
/*
width: 100%;
left:20%;
height:200px;
position:absolute; 
*/
}

#Pages {
width: 97%;/* PageWidth */
margin-left: -50%;/* Page2Width */
PADDING: 20px;position:absolute; left:50%;
}	

#Pages1 {
width: 430px;/* PageWidth */
margin-left: -300px;/* Page2Width */
PADDING: 100px;position:absolute; left:50%;
}
#Page {width: 100%;
background:#FFFFFF;
opacity: 0.90; /* Полупрозрачный фон */
filter: alpha(Opacity=90); /* Прозрачность в IE */
-webkit-box-shadow:0 0 18px rgba(0,0,0,.5);-moz-box-shadow:0 0 18px rgba(0,0,0,.5);box-shadow:0 0 18px rgba(0,0,0,.5);
border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:10px;
}
#Column{PADDING: 8px;width: 100%;
border-style:solid;border-width:1px;border-color:#ccc;
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;
}
#Content{
PADDING: 15px;
font-size:14px;
}
h1{font-size:28px;}
h2{font-size:24px;line-height:0px;}
h3{font-size:18px;margin: 16px;}
.grey {color: #808080;}
a {
color: #1AA4E7;/* ColorLink1 */
text-decoration: none; 
}
a:hover {
text-decoration: underline; 
color: #DD0033;/* ColorLink2 */
}
button , .button, .button:hover{
float: right;
background: #1AA4E7;/* background1 */
border: none;width: auto;overflow: visible;color: #FFF;
padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.button0, .button0:hover{
margin: 10px;
background: #1AA4E7;/* background1 */
border: none;width: auto;overflow: visible;color: #FFF;
padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.button1, .button1:hover{
float: right;
background: #DD0033;/* background2 */
background-image: linear-gradient(#DD0033, #1AA4E7);/* background0 */
border: none;width: auto;overflow: visible;color: #FFF;
padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 8px rgba(0,0,0,.7);-moz-box-shadow:0 0 8px rgba(0,0,0,.7);box-shadow:0 0 8px rgba(0,0,0,.7);

}

/* Меню */
.activ{
background: #1AA4E7;/* background1 */
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;     
}
.activ1{
color: #1AA4E7;/* ColorLink1 */
text-decoration: underline;font-weight: bold; 
}
.activ2{
color: #DD0033;/* ColorLink2 */
text-decoration: underline;
}
.activ3{
color: #1AA4E7;/* ColorLink1 */
text-decoration: underline;font-weight: bold; 
}
.activ03{
color: #1AA4E7;/* ColorLink1 */
text-decoration: none; font-weight: bold; 
}				
#menu ol,ul{list-style:none;}
#menu li {z-index: 9999;padding: 0;margin: 0;list-style: none;float: left;position: relative;}
#menu li ul {
background: #1AA4E7;/* background1 */
list-style: none;z-index: 9999;width: 150px;display: none;position: absolute;padding: 0;margin: 0;box-shadow:-3px 3px 6px #555555;
}
#menu li ul li {
z-index: 9999;
float: none;
padding: 0px;
margin: 0 auto;
text-align: left;
background: #DD0033;/* background2 */
}
#menu li a {
	display: block;	
	color: #fff;
	text-decoration: none;
	padding: 12px;
	}
#menu li:hover ul, #menu li.jshover ul {
	display: block;
	}
#menu li:hover, #menu li.jshover {
background: #1AA4E7;/* background1 */
}				

#PartnerBox{
float:left;
width: 100%;
}

#TourBox{
margin:20px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
float:left;
width:150px;
height:200px;
background: #1AA4E7;
box-shadow: 0 0px 10px #8a8a8a;
}
#TourImg{
width: 100%;
height:78px;
}
#TourBox:hover {
background: #74CBF5;
box-shadow: 0 0px 10px #014A6E;
}

#TourBox:hover #TourImg{
width: 100%;
height:98px;
}
#TourBox:hover a{
color: #000000;
}

#TourBox a{
color: #ffffff;
font-size:18px;
}
#TourBox a:hover{
text-decoration:none;
}
/*#TourBox p{
padding-top: 40px;
color: #ffffff;
font-size:18px;
}*/
#TextBox{
PADDING: 12px;
float:left;
width:96%;
}


/* Всплывающее окно */
#signup a {color: #000000; }
#signup a:hover {text-decoration: none;}

#signup .modalDialog {

		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		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;
	}

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

#enterBox {
/*width:600px;
background: #fff;
*/
height:auto;/*510px;*/
}
#signup .modalDialog > div {
display: block;
		position: relative;
		margin: 5% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
		max-width:50%;
	}

#signup .close {
		background: #606061;
		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;
	}

#signup .close:hover { background: #00d9ff; }
#signup-header { background: url(hd-bg.png); padding: 8px 8px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#signup-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

.txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }
.txt-fld label { display: block; float: left; width: 150px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
.txt-fld select { width: 202px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.txt-fld input { width: 184px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.txt-fld input.good_input { background: #DEF5E1 url(good.png) 220px center no-repeat; }
.txt-fld input.error_input { background: #FDE0E0; }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }       

/* Стили для контейнера формы */
.form-wrapper {
    width: 630px;
    padding: 16px;
    margin: 0px auto 0px auto;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
 
/* Стили поля ввода текста */
 
.form-wrapper input {
    width: 510px;
    height: 20px;
    padding: 10px 5px;
    float: left;    
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;      
}
 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Кнопка отправки формы */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font: bold 15px/40px 'Calibri', 'Tahoma', 'Arial';
    color: #fff;
    text-transform: uppercase;
background: #1AA4E7;/* background1 */
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
   
.form-wrapper button:hover{     
background: #DD0033;/* background2 */
}   
   
.form-wrapper button:active,
.form-wrapper button:focus{   
background: #DD0033;/* background2 */
    outline: 0;   
}
 
.form-wrapper button:before { /* стрелка влево */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #1AA4E7 transparent;
    top: 12px;
    left: -6px;
}
 
.form-wrapper button:hover:before{
    border-right-color: #DD0033;
}
 
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.form-wrapper button::-moz-focus-inner { /* Удаляем дополнительное пространство рядом с кнопкой в Mozilla Firefox */
    border: 0;
    padding: 0;
}    

.imgcir{ /* селектор для класса avatar */
margin: 3%;
    float: left; /* прижимаемся к левому краю, обтекание справа */
    background: #fff; /* фон */
    padding: 2px; /* внутренние отступы(верх, право, низ, лево) */
    border: 1px solid #999; /* граница(ширина, тип, цвет) */
    border-radius: 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
    box-shadow: 0px 1px 1px 1px #bbb; /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */
}
.imgcir img{ /* селектор для картинки, которая "внутри" класса imgcir */
    display: block; /* картинка выводится как блок, по ширине будет равен родителю(диву в котором находится) */
    width: 100%; /* ширина 100% */
    border: 0; /* граница нулевая */
    margin: 0; /* внешний отступ отстутствует */
    border-radius: 50%; /* читай выше */
}
.imgcir1{ /* селектор для класса avatar */
margin: 3%;
    float: left; /* прижимаемся к левому краю, обтекание справа */
    background: #fff; /* фон */
    padding: 10px; /* внутренние отступы(верх, право, низ, лево) */
    border: 1px solid #999; /* граница(ширина, тип, цвет) */
    border-radius: 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
}
.imgcir1 img{ /* селектор для картинки, которая "внутри" класса imgcir */
    display: block; /* картинка выводится как блок, по ширине будет равен родителю(диву в котором находится) */
    border: 0; /* граница нулевая */
    margin: 2; /* внешний отступ  */
}

.imgcir0{ /* селектор для класса avatar */
    border: 1px solid #999; 
    border-radius: 50%; 
	padding: 12px;
}

   .round {
    border-radius: 90px; /* Радиус скругления */
   }
  


/****TABLE 8****/
.table8 {
border: 1px solid #69c;
}
.table8 th {
font-weight: normal;
border-bottom: 1px dashed #69c;
padding: 12px 17px;
}
.table8 tr:hover td {
background:#CCEEFF;
}