/*All*/
* {
margin: 0px; 
padding: 0px; 
font-family: 'PT Sans', sans-serif;
}
html, body{
	height:100%;
	background-image:url('../images/background/23-fon-dlya-sayta.png');
	overflow-x:hidden;
}



.push{
	clear:both;
	height:16em;
}

#wrapper{
width:980px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -5em;
display:block;

}

#footer{
	height:5em;
	background-color:#3F2920;
	clear:both;
}

#topHeader{
	padding-top:10px;
	height:5em;
	background-color:#3F2920;
	z-index:101;
	position:fixed;
	border-radius:0px 0px 15px 15px;
	width:980px;
}

#container{	
	margin-top:30px;
	clear:both;
	width:980px;
	height:100%;
	overflow:hidden;
	float:left;
}

#container ul{

}

#content{
	width:960px;
	margin:0 auto;
	height:100%;
}



#header{
padding-top:100px;
width:980px;
height:100px;
margin:0 auto;
}

#header li{
	float:left;
	display:inline;
	list-style:none;
	}
.headL, .headR{
	margin-left:5px;
	margin-right:5px;
	padding-left:10px;
	height:100px;
}
.headL p, .headR p{
	text-align:center;
	font-size:16px;
	font-weight:900;
}

.headM{
	margin-left:5px;
	margin-right:5px;
	padding-left:10px;
	padding-bottom:15px;
	width:478px;
	height:150px;
}

.headR{
	padding-top:35px;
}

.headL{
	padding-top:25px;
}

.spacer1{
width:1000px;
height:25px;
}
.page-header{
display:none;
}

#topNav{
	float:left;
	width:100%;
	overflow:hidden;
	position:relative
}

#topNav ul{
	margin:0;
	padding:0;
	float:left;
	position:relative;
	left:50%;

}

#topNav ul  li{
	float:left;
	list-style:none;
	position:relative;
	right:50%;

}

#topNav ul li a {
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	cursor: pointer;
}

.item-101 a,.item-148 a,.item-149 a,.item-150 a,.item-151 a,.item-152 a,.item-153 a,.item-154 a{
	color:#F1B98D;
	display:block;
	line-height:75px;
	text-align:center;
	font-weight:900;
	background-repeat:no-repeat;
	background-position:top;
}

.item-101 a:hover,.item-148 a:hover,.item-149 a:hover,.item-150 a:hover,.item-151 a:hover,.item-152 a:hover,.item-153 a:hover,.item-154 a:hover{
	color:white;

}

.item-101 a{
	background-image:url('../images/topNav/littleHome.png');
}

.item-101 a:hover{
	background-image:url('../images/topNav/littleHome.png');
}

.item-148 a{
	background-image:url('../images/topNav/littleKey.png');
}

.item-148 a:hover{
	background-image:url('../images/topNav/littleKey_h.png');
}

.item-149 a{
	background-image:url('../images/topNav/littleBar.png');
}

.item-149 a:hover{
	background-image:url('../images/topNav/littleBar_h.png');
}


.item-150 a{
	background-image:url('../images/topNav/littleConference.png');
}

.item-150 a:hover{
	background-image:url('../images/topNav/littleConference_h.png');
}

.item-151 a{
	background-image:url('../images/topNav/littleActive.png');
}

.item-151 a:hover{
	background-image:url('../images/topNav/littleActive_h.png');
}

.item-152 a{
	background-image:url('../images/topNav/littleGallery.png');
}

.item-152 a:hover{
	background-image:url('../images/topNav/littleGallery_h.png');
}

.item-153 a{
	background-image:url('../images/topNav/littleContact.png');
}

.item-153 a:hover{
	background-image:url('../images/topNav/littleContact_h.png');
}

.item-154 a{
		background-image:url('../images/topNav/littlePrice.png');
}

.item-154 a:hover{
		background-image:url('../images/topNav/littlePrice_h.png');
}

/*
#topNav ul li a:hover {
	background-image: linear-gradient(#7EC5FB,#0080FF );
	color:white;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
}

#topNav a:active {
    background-color: white;
    background-image: linear-gradient(#0080FF,#7EC5FB  );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;  
 
}

#topNav .current.activ a{
    background-color: white;
    background-image: linear-gradient(#0080FF,#7EC5FB );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
}

*/
/*
#rightSide{
	margin-top:15px;
	width:228px;
	height:300px;
	margin-left:5px;
	margin-right:5px;
	padding-left:10px;
	border:1px black dashed;
	float:left;
		}
	*/
#topSlider{
	clear:both;
	width:942px;
	height:400px;
	margin:0 auto;
}



.spacer1{
	width:1000px;
	height:15px;
	clear:both;
}
/* CONTENT NAVIGATOR */

#contentNav{
	float:left;
	width:100%;
	overflow:hidden;
	position:relative
}

#contentNav ul{
	margin:0;
	padding:0;
	float:left;
	position:relative;
	left:50%;
}



#contentNav ul  li{
	float:left;
	list-style:none;
	position:relative;
	right:50%
}

#rooms a,#bar a,#conference a,#activeV a{
	display:block;
	width:150px;
	height:150px;
	line-height:225px;
	text-align:center;
	font-weight:900;
}

#rooms a:hover,#bar a:hover,#conference a:hover,#activeV a:hover{
color:#0080ff;
text-decoration:underline;
}

#rooms span{
	display:block;
	width:150px;
	height:150px;
	background-image:url('../images/contentNav/key.png');
	background-repeat:no-repeat;
	text-align:center;
}

#rooms span:hover{
	background-image:url('../images/contentNav/key_h.png');
}

#bar span{
	display:block;
	width:150px;
	height:150px;
	background-image:url('../images/contentNav/bar.png');
	background-repeat:no-repeat;
	text-align:center;
}

#bar span:hover{
	background-image:url('../images/contentNav/bar_h.png');
}



#conference span{
	display:block;
	width:150px;
	height:150px;
	background-image:url('../images/contentNav/conference.png');
	background-repeat:no-repeat;
	text-align:center;
}

#conference span:hover{
	background-image:url('../images/contentNav/conference_h.png');
}


#activeV span{
	display:block;
	width:150px;
	height:150px;
	background-image:url('../images/contentNav/activeV.png');
	background-repeat:no-repeat;
	text-align:center;
}

#activeV span:hover{
	background-image:url('../images/contentNav/activeV_h.png');
}

div.itemBackToTop{
	display:none;
}

.hiddenLI{
	width:75px;
	height:150px;
}

#topFooterL{
	width:250px;
	height:100%;
	margin-left:25px;
	float:left;
}

#topFooterM{
	margin-left:15px;
	width:250px;
	height:241px;
	float:left;
}

#topFooterR{
	margin-left:15px;
	width:400px;
	height:241px;
	float:left;
}

/*COMMENTS*/

#jc{
margin-top:30px;
	
}
#comments-footer{

	
}

.captcha{
	float:left;
	margin-top:-20px;
	margin-left:20px;
	
}
#comments-form input.captcha{
	width: 116px;
margin: -10px 20px 5px;

	
}


#comments-form-captcha{
	
	margin-top:-20px;
}

#comments-form-captcha-image, #comments-form-send{
	float:left;
}

.btn{
	
	float:left;
}

/*END COMMENTS*/

#breadcrumbs li{
display:inline;

}

.page ul, .page ol{
padding-left:30px;
}

.tab2{

background-color:#0181C2;
}

.tab1{
background-color:#66B4DB;
}






/* Responsive Styling */

#complex{
	width:960px;
	margin:0 auto;
}

.complexPrice{
	text-align:center;
	font-size:12px;
	clear:both;
	margin:0 auto;
	padding-top:25px;
	
}

.seasons{
	background-color:#3F2920;
	color:#F1B98D;
	width:230px;
}

.rooms{
	background-color:#F1B98D;
		color:#3F2920;
}

.first{
	background-color:green;
}

th{
font-size:16px;
font-weight:900;
border:1px solid #02346F;
background-color:#02346F;
color:white;
}

td{
font-size:15px;
padding-left:10px;
padding-right:10px;
border:1px solid black;
}

#aboutRooms{
	width:750px;
	margin:0 auto;
}

.ourRooms{
list-style:none;
width:500px;
float:left;
}

.ourRoomsImg{
	float:left;
	list-style:none;
}

.innerRooms{
	list-style:circle;
}


#homes,#hotel{
	float:left;
	width:250px;
	height:188px;
	list-style:none;
	padding-top:20px;
}

#homes a{
	background-image:url('../images/koteges.png');
	display:block;
	width:250px;
	height:188px;
}


#hotel a{
	display:block;
	width:250px;
	height:188px;
	background-image:url('../images/hotel.png');
}

#homes a:hover{
	background-image:url('../images/koteges_h.png');
	display:block;
	width:250px;
	height:188px;
}


#hotel a:hover{
	display:block;
	width:250px;
	height:188px;
	background-image:url('../images/hotel_h.png');
}
.tableHead{
	background-color:#3F2920;
	color:#F1B98D;
}
.tableBody1{
	background-color:#B56B35;
	color:white;
}

.tableBody2{
	background-color:#FFCB99;
	color:#3F2920;
}

#phocagallery{
	display:block;
	width:860px;
	margin:0 auto;
}

.phocagallery{
	display:block;
	width:870px;
	margin:0 auto;
}

.pgplugin1:hover,.pgplugin1{
	border-radius:10px;
}

.pg-csv-box{
	border-radius:10px;
}

.pg-csv-box:hover{
	background-color:#F1B88D;
	border-radius:10px;
}

div.itemCommentsForm p.itemCommentsFormNotes{
	display:none;
}

div.itemCommentsForm form textarea.inputbox{
	height:100px !important;
}

div.itemComments{
	padding:16px 16px 36px 16px;

}
#recaptcha div{
	width:350px;
	float:left;
}

div.itemCommentsForm form input#submitCommentButton{
	margin-top:28px !important;
}

.pagination.pagination-centered{
	display:none !important;
}

/* kasjdksjad */
/* Слайдер */
.slides {
    height:400px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
    width:942px;
}
.slides ul {
    list-style:none;
    position:relative;
}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* анимация css3 */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
.slides ul li img {
    display:block;
}

/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}

.slides ul li div {
    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#FFFFFF;
    font-size:26px;
    left:10%;
    margin:0 auto;
    padding:20px;
    position:absolute;
    top:50%;
    width:200px;

    /* Анимация css3 */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}