/*
Theme Name: Yacht Club
Theme URI: http://ya-club.com/
Description: Just fantastic.
Version: 1.0
Author: tadatuta.ru
Tags: sea, cozy, beautiful
*/

* {margin:0;padding:0;}

html {background:#effaff url(i/back.jpg) repeat-x;}

body 
{background:url(i/top.jpg) no-repeat center 0;
font-family:"Times New Roman", times, serif;/*"Minion Pro"*/
font-size:14px;
color:#005e81;

min-width:960px;}

.home {background:url(i/yalta-hotel.jpg) no-repeat center 0;}

#wrapper {background:url(i/footer.jpg) no-repeat center bottom;}

#restaurant_wrap
{background:url(i/restaurant_back.jpg) no-repeat center 145px;}

#room
{background:url(i/room.jpg) no-repeat center 170px;}

#wrap
{width:960px;
margin:0 auto;
padding-top:17px;
background:url(i/type.jpg) no-repeat center 211px;}

.home #wrap {background:none;}
.page-template-room-php #wrap {background:none;}
#restaurant_wrap #wrap {background:none;}
.page-template-booking-php #wrap {background:url("i/book.jpg") no-repeat center 205px;}

img {border:none;}

a {color:#005e81;}
a:hover {color:#548395;}

#logo_block
{float:left;
width:352px;
margin-top:10px;
text-align:center;}

#logo_block h2
{font-weight:normal;
font-size:13px;
font-family:arial;
color:#fff;
letter-spacing:6px;
padding-left:7px;}

#lang
{width:60px;
height:122px;
margin-left:893px;
list-style:none;
line-height:24px;
color:#fff;
text-align:center;
font-size:17px;
font-family:Garamond, "Times New Roman", times, serif;}

.home #lang {margin-left:897px;}

#lang a
{text-decoration:none;
color:#548395;}

#lang a:hover
{text-decoration:underline;}

#left {float:left;}

#call
{width:352px;
height:58px;
margin-top:48px;
text-align:center;
font-size:17px;}

#phone
{font-size:34px;
line-height:10px;}

#info
{width:318px;
padding:0 16px;
margin-top:24px;}

h3
{font-size:18px;
font-weight:normal;
font-family:"Times New Roman", times, serif;
text-transform:uppercase;
padding:0 0 0 109px;
margin-bottom:25px;}

#info h3 {padding:0 0 0 119px;}

p {margin-bottom:14px;}

#inside
{float:left;
width:564px;
height:700px;
position:relative;}

#birds
{position:absolute;
left:40px;
top:-85px;}

#hand
{position:absolute;
left:539px;
top:477px;}

#garson
{position:absolute;
left:167px;
top:563px;}

#pareo
{position:absolute;
left:7px;
top:49px;}

#shawl
{position:absolute;
left:497px;
top:660px;
z-index:99;}

#flash
{position:absolute;
left:519px;
top:629px;
z-index:99;}

#mattress
{position:absolute;
left:-24px;
top:674px;
z-index:99;}

/*
#sea
{position:absolute;
width:720px;
height:338px;
bottom:-276px;
left:3px;
background:url(i/sea.gif) no-repeat;
z-index:1;}
*/

#sea
{position:absolute;
width:100%;
width:642px;
height:212px;
bottom:-128px;
left:-34px;
z-index:10;}

.sea1 {background:url(i/sea1.jpg) no-repeat;}
.sea2 {background:url(i/sea2.jpg) no-repeat;}

#sea div {opacity:0;width:100%;height:212px;position:absolute;left:0;top:0;}

#sea .active {z-index:20;opacity:1.0;}

#sea .last-active {z-index:-1;}/**/

/*---main page inner inside of the rooms---*/

.inner
{position:absolute;}

.inner img
{visibility:hidden;
opacity:0;}

.inner:hover img
{visibility:visible;
}

#room61
{left:87px;
top:33px;}

#room53
{left:66px;
top:100px;}

#room51
{left:507px;
top:132px;}

#room43
{left:67px;
top:151px;}

#room42
{left:226px;
top:197px;}

#room41
{left:506px;
top:151px;}

#room33
{left:68px;
top:205px;}

#room32
{left:187px;
top:225px;}

#room31
{left:505px;
top:202px;}

#room21
{left:504px;
top:253px;}

#room12
{left:187px;
top:280px;}

/*-end of the rooms-*/

#nav
{float:left;
margin:100px 0 0 0;
width:551px;
}

#nav li
{list-style:none;
height:30px;
/*display:inline;*/
float:left;
margin-right:14px;
text-transform:uppercase;
position:relative;
z-index:999;}

#nav a {color:#005e81;text-decoration:none;}

#nav a:hover {text-decoration:underline;}

#nav ul
{display:none;
padding-top:11px;
width:250px;
position:absolute;
left:-5px;
top:18px;
background:#85c9e2;/*variant - #85c9e2, 84c8e1, real color - #91e1ff*/
}

#nav ul li
{float:none;
width:240px;
height:22px;
padding:0 5px;
line-height:22px;
text-transform:none;}

#nav li:hover ul, #nav li ul:hover {display:block;}

#nav ul li:hover {background:#5a90a4;}/*014373*/

#nav ul a {display:block;}
#nav ul a:hover {color:#fff;text-decoration:none;}

#nav ul ul
{left:249px;
padding:0;
top:0;
display:none;}

#nav li:hover ul ul {display:none;}

#nav ul li:hover ul, #nav ul ul:hover {display:block;}

/*home nav */

#home_nav
{padding:42px 0 0 80px;
/*height:370px;*/
width:800px; /*could be smaller*/
overflow:hidden;

margin-bottom:80px/*54px*/;}

#home_nav li
{list-style:none;
font-size:17px;
margin-bottom:22px;}

#home_nav a {color:#548395;}

#home_nav li ul {margin-top:8px;}

#home_nav li li
{font-size:14px;
padding-left:28px;
margin-bottom:5px;}

/* end home nav */

#room_counter
{float:right;
margin:32px 0;
margin:64px 0 35px 0;
width:262px;
}

#room_counter h3
{width:118px;
padding:0;
line-height:61px;
margin:36px 10px 0 0;
text-align:center;
color:#000;
float:left;
clear:left;}

#room_counter a
{display:block;
width:37px;
height:72px;
overflow:hidden;
text-indent:-50px;
float:left;
margin:22px 5px 0 0;}

#room_counter span
{display:block;
width:37px;
height:72px;
overflow:hidden;
text-indent:-50px;
float:left;
margin:22px 5px 0 0;}

#content
{clear:both;
padding:58px 40px 40px 40px;/*!!!!!!!!!!!!!!!*/
/*padding:66px 40px 40px 40px;*/
min-height:495px;
line-height:18px;}

.page-template-booking-php #content 
{padding:67px 40px 40px;
min-height:885px;
clear:none;}

#restaurant_wrap #content
{width:451px;
position:relative;
padding-top:139px;
color:#004761;}

#content h3
{margin:0 0 22px -35px;
padding:0 0 0 107px;
line-height:63px;
background:url(i/type_h3.jpg) no-repeat;
}

.page-template-booking-php #content h3
{background:none;
margin:0 0 12px -35px;}

#book_info
{width:640px;}

#book_attention
{margin:-24px 0 0 0;
width:287px;
}

#book_attention h3
{padding:0 0 0 122px;}

.page-template-booking-php .wpcf7
{float:right;
margin:9px 0 0 0;}

.page-template-booking-php .wpcf7 p
{text-align:right;}

.onblue
{color:#fff;}

.page-template-booking-php .wpcf7 input
{height:20px;}

.wpcf7-submit {height:auto !important;}

#zaezd, #otezd
{width:242px;}

.page-template-booking-php .wpcf7-select
{width:264px;
height:20px;}

#restaurant_wrap #content h3
{background:none;
position:absolute;
left:502px;
top:443px;
color:#000;
padding:0 0 0 87px;
text-align:center;
width:136px;}

.left_col
{float:left;
width:426px;
margin-right:27px;}

.alignleft
{float:left;}

.alignright
{float:right;}

h4
{clear:both;}

/* room page */

#roompage
{position:relative;
margin:53px 0 0 0;
zoom:1;}

#room_number
{/*margin:53px 0 8px 0;*/
margin:53px 0 7px 0;/*del!*/
margin:0 0 7px 0;
padding:0 0 0 100px;
font-size:40px;
color:#5a90a4;
}

#roompage h3
{/*padding:0 0 0 180px;*/
padding:0 0 0 193px;
/*float:left;*/}

#pano
{width:854px;
height:464px;
margin: 9px 0 27px 36px;}

#panorama
{margin: 9px 0 27px 36px;}

#book
{width:137px;
position:absolute;
right:88px;
top:26px;
text-transform:uppercase;
text-decoration:none;
color:#734805;
font-size:16px;}

#book:hover {text-decoration:underline;}

#price
{float:left;
margin:230px 0 0 0;
margin:230px 480px 0 0;
padding-left:17px;
z-index:100;
position:relative;}

.price_title
{color:#751210;
font-size:36px;
/*line-height:36px;*/
}

.price_for
{color:#751210;
font-size:14px;
padding:0 0 0 30px;
position:absolute;
top:28px;
}

.price
{font-size:36px;
color:#000;
text-align:center;
margin-top:-19px;
/*line-height:0px;*/}

.currency /*same class at every number & all number's pages! so for all number's page use h4 .currency selector */
{padding:0 0 0 2px;
color:#deb7a6;
margin-top:-19px;
width:88px;
}

h4 .currency
{border-bottom:1px dotted #deb7a6;}

h4 .currency:hover
{border-bottom:1px dotted #548395;}

.currency span
{color:#000;}

#content ul li
{list-style:none;
margin-bottom:5px;}

#content table
{margin:20px 0;
text-align:center;
line-height:34px;}

#content table th
{font-size:12px;
font-weight:bold;
line-height:18px;}

#content table .odd {background:#b0def1;/*c9fbff*/}

#content table .room
{text-align:left;
padding-left:5px;}

.currency a
{text-decoration:none;
padding:0;
color:#751210;
border-bottom:1px dotted #751210;}

.currency a:hover {color:#000;border-bottom:1px dotted #000;}

a.current_currency 
{color:#000;
border-bottom:none;
font-weight:bold;}

#rur, #usd, #euro {display:none;}

#map_canvas
{width:880px;
height:450px;
margin:0 0 20px 0;}

#bird_view
{position:absolute;
left:32px;
top:582px;
width:505px;
height:379px;
background:no-repeat 0 0;
}

#go12_1
{position:absolute;
left:329px;
top:120px;
display:none;
font-weight:bold;
}

#go12_2
{position:absolute;
left:359px;
top:120px;
font-weight:bold;
}

#photos
{float:left;
margin:39px 0 0 480px;
margin:39px 0 0 0px;
position:relative;
width:318px;}

#prew
{width:27px;
height:54px;
display:block;
overflow:hidden;
text-indent:-23px;
background:url(i/prew.jpg);
position:absolute;
left:-30px;
top:144px;}

#next
{width:28px;
height:59px;
display:block;
overflow:hidden;
text-indent:-30px;
background:url(i/next.jpg);
position:absolute;
right:-15px;
top:144px;}

#photos .gallery
{/*width:297px !important;/*339*/
height:300px;
overflow:hidden;
}

#photos br {display:none;}

.gallery ul {list-style:none;}

.gallery-item
{float:left;
width:297px;
height:297px;
margin:0 14px 14px 0;
}

.full-width-gallery .gallery-item
{width:auto;
height:auto;
}

.gallery-icon
{}

.gallery-item img
{
width:81px;
height:81px;
border:2px solid #afc7d0;
/*
-webkit-transition: width, height 0.2s linear;
-o-transition: width, height 0.2s linear;
-moz-transition: width, height 0.2s linear;
transition: width, height 0.2s linear;
*/
}

.gallery-item a
{
float:left; /*?*/

width:81px;
height:81px;
padding:9px;
display:block;
overflow:hidden;
}

.gallery-item a:hover
{padding:0;
width:99px;
height:99px;}

.gallery-item a:hover img
{margin:0;
width:95px;
height:95px;
}

/*.gallery-item img:hover
{width:95px;
height:95px;}
*/

/*end of gallery WARNING!!!!*/

#room #content
{padding:65px 40px 40px;
min-height:0;}

/* end of room page */

#columns
{/*margin-top:54px;*/
line-height:18px;}

hr
{background:url(i/hr.gif) no-repeat;
border:none;
height:6px;
line-height:6px;
margin-bottom:5px;
clear:both;}

#rooms, #restaurant, #contact
{float:left;
margin-right:35px;
width:256px;
padding:24px 10px 0 10px;
background:url(i/restaurant.jpg) no-repeat;}

#rooms
{width:316px;
background:url(i/rooms.jpg) no-repeat;}

#contact
{background:url(i/contact.jpg) no-repeat;
margin-right:0;
width:226px;
padding-left:40px;}

#contact h3 {padding-left:73px;}

#footer
{clear:both;
height:70px;
padding:25px 18px 10px 18px;}

#footer div
{float:left;}

#post_paragraph {margin-right:204px;}

.tel {margin-left:5px;}
.mobile  {margin-left:38px;}

#footer .big {font-size:26px;}

#footer p
{float:right;
margin:23px 0 0 0px;
width:314px;
white-space:nowrap;}