@charset "utf-8";
/*---------------------------------------------
File 'styles.css' - Bases Cascading Style Sheet (CSS) Document

version:1.0.0
author:x404
for:date:/2009
e-mail:kronos2003@gmail.com
site url:http://turbaza-ua.com
----------------------------------------------*/


/* =reset 
---------------------*/
html,body,ul,ol,li,dl,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,a,img,label,table,th,td{margin:0;padding:0;border:0}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#FFF
}


/* =standart classes 
---------------------*/

p{line-height:22px}
a{color:#000}
a:hover{text-decoration:none}
h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-style:italic;
	color:#479e2d;
	font-weight:bold
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal
}


h3{
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff
}

.clr{clear:both}

#wrapper{
	margin:0 auto;
	width:1121px;
	background:url(../images/inner-wrapper-bottom.png) left bottom no-repeat;
	padding-bottom:47px
}

.bl, .br{
	position:absolute;
	background:url(../images/corners.png) no-repeat left top;
	width:13px;
	height:13px;
	bottom:0;
}

.br{
	background:url(../images/corners.png) no-repeat left bottom;
	right:0
}

.cell{float:left}


/* =header
---------------------------*/
.header{
	overflow:hidden;
	height:59px
}

.topNav{
	float:left;
	width:300px;
	overflow:hidden
}

.invitemaster{
	float:right;
	margin-right:50px
}

.header ul{
	list-style:none;
	padding:40px 0 0 21px;
	overflow:hidden
}

.header ul li{
	background:url(../images/topnav-separator.gif) right 4px no-repeat;
	padding:0 14px;
	float:left
}

.header ul li.last{background:none}

.topNav a{font-size:13px}

.logo{
	position:absolute;
	right:20px;
	top:10px
}

.logo a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:27px;
	color:#fff;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	line-height:36px
}

.mainto{
	float:left;
	padding-left:31px
}

.mainto a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#fff;
	font-style:italic;
	font-weight:bold;
	line-height:38px
}


.menu{float:right}

.menu ul li{
	background:url(../images/menu-bg.jpg) no-repeat left top;
	height:41px;
}

.menu ul li a{
	color:#fff;
	text-decoration:none;
	font-size:16px;
	line-height:41px;
	display:block;
	height:41px;
	padding:0 45px 0 34px;
	margin-left:1px
}

.menu ul li a:hover, .menu ul li.active a{
	background:url(../images/mainnav-hover.gif) repeat-x;
	position:relative;
	top:-1px
}

.inner-wrapper{
	position:relative;
	background:url(../images/bg.gif) repeat-y
}

.ht{
	background:url(../images/head-top.png) no-repeat left top;
	position:absolute;
	top:0;
	width:1121px;
	height:18px;
}

.inner-wrapper .box{
	width:1050px;
	padding-left:34px;
	padding-top:3px;
	position:relative
}

.inner-wrapper .box .mainImage{height:231px}

.inner-box{padding:0 15px 0 21px}

.row{
	overflow:hidden;
	padding-top:16px
}

.row .btn{float:right}

.row .btn a{
	background:url(../images/btn.jpg) no-repeat left top;
	display:block;
	width:170px;
	height:41px;
	line-height:41px;
	text-align:center;
	text-decoration:none;
	color:#429829;
	font-size:13px;
	float:left
}

.row .btn a.btn-info{background:url(../images/btn-info.jpg) no-repeat left top}

.row .btn a:hover{background-position:left bottom}

.qsearch{
	float:left;
	width:280px
}

.qsearch input{
	background:url(../images/btn-search.jpg) no-repeat left top;
	width:65px;
	height:25px;
	border:none;
	color:#509f34;
	font-size:14px;
	float:left;
}

.qsearch #ajaxSearch_input{
	background:url(../images/search.gif) no-repeat left top;
	width:138px;
	height:24px;
	border:none;
	padding:3px 0 0 3px
}

/* =navigation
---------------------------*/

.mainNav{
	background:url(../images/mainnav-bg.gif) repeat-x;
	height:41px;
	border-top:1px solid #449b2a;
}

.mainNav ul{list-style:none}

.mainNav ul li{float:left}

.visual{padding-top:15px}

/* =main
---------------------------*/
.main{overflow:hidden}

.main .left{
	float:left;
	width:550px
}

.main .right{
	float:right;
	width:450px
}

.main .right h3 span{padding-left:18px}

.main .right .container{padding:10px 25px 20px 25px}

.main .right h4{padding-bottom:3px}

.main .right p{
	padding-bottom:35px;
	line-height:18px
}

.block{
	position:relative;
	margin-top:16px
}

.regions{overflow:hidden}

.block h3{
	background:url(../images/head-right.png) top right no-repeat;
	height:39px;
	line-height:39px;
	font-style:italic;
}

.block h3 span{
	background:url(../images/head-left.png) no-repeat left top;
	display:block;
	height:39px;
	padding-left:55px
}

.block .container{
	padding:10px 0 10px 10px;
	overflow:hidden;
	border-left:1px solid #459929;
	border-right:1px solid #459929;
	border-bottom:1px solid #459929;	
}

.block .container h3{
	background:none;
	height:auto;
	line-height:normal;
}

.catalog .block .container{
	padding-top:0;
	min-height:2px
}

.regions ul{
	list-style:none;
	padding-left:45px
}

.regions ul li{
	float:left;
	color:#acacac;
	width:158px;
	line-height:30px
}

.regions ul li a{color:#0041d9}

.main h1{padding:20px 0 12px 1px}

.row .pic{
	background:url(../images/catalog-pic-bg.png) no-repeat left top;
	width:235px;
	height:150px;
}

.row .characteristics{width:270px}

.row .text{
	width:420px;
	padding-left:70px
}

.row .section{padding:12px 0 0 13px}

.catalog .row{
	font-size:12px;
	line-height:16px;
	padding-bottom:10px
}

.catalog .row .characteristics p{line-height:22px}

.catalog .row .title{
	border-bottom:1px solid #469d2a;
	padding-bottom:7px;
	padding-top:15px;
	margin-bottom:3px
}

.catalog .row .text{padding-top:45px}

.catalog .row .text p{line-height:18px}


.column-left{
	float:left;
	width:430px;
	padding-top:10px
}

.map{
	background:url(../images/flag.gif) no-repeat right 2px;
	padding-right:15px;
	line-height:20px
}

.column-right{
	width:560px;
	float:left;
	font-size:13px;
	padding-top:25px
}

.column-right p{line-height:20px}

.column-right .buttons{
	overflow:hidden;
	padding:10px 0
}

.column-right .buttons a{
	color:#449829;
	text-decoration:none;
	display:block;
	height:42px;
	line-height:42px;
	font-size:12px;
	font-weight:bold;
	float:left
}

.column-right .text{padding-top:7px}

.column-right .text p{font-size:14px}

.buttons .order{
	background:url(../images/btn-order.jpg) no-repeat left top;
	width:157px;
	padding-left:50px
}

.buttons .order:hover{background-position:left bottom}

.buttons .fav{
	background:url(../images/btn-fav.jpg) no-repeat left top;
	width:157px;
	padding-left:50px
}

.pagination{
	text-align:center;
	padding:5px 0
}


.footer{
	overflow:hidden;
	color:#898989;
	font-size:14px;
	padding:34px 0 10px
}

.copyright, .subNav{float:left}

.copyright{padding-left:5px}

.mailto{float:right}

.subNav{width:740px}

.subNav ul{
	list-style:none;
	margin:0 auto;
	width:375px
}

.subNav ul li{
	float:left;
	border-right:1px solid #898989;
	padding:0 9px
}

.subNav ul li.last{border:none}

.subNav ul li a{
	font-size:14px;
	color:#898989;
}

.mailto a{color:#a6a6a6}
/* =/footer
---------------------------*/



/* =modal-window
---------------------------*/
a.modalCloseImg, a.close-smodal{
	background:url(../images/x.png) no-repeat; /* adjust url as required */
	width:11px;
	height:11px;
	display:block;
	z-index:3200;
	position:relative;
	left:867px;
	top:23px;
	cursor:pointer;
}

a.close-smodal{
	position:absolute;
	left:430px;
	top:12px;
}

.simplemodal-wrap{
	border:1px solid #ccc;
	padding:28px 10px 0 10px;
	background:#fff
}

.tonew a{font-size:10px}

.simplemodal-wrap{
	border-radius:11px;
	-moz-border-radius:11px;
	-opera-border-radius:11px;
	-o-border-radius:11px;
	-khtml-border-radius:11px
}

#add-resorthotel, #block-order{
	display:none;
	padding-left:30px
}

.submit{
	background:url(../images/bnt-submit.png) no-repeat left top;
	width:161px;
	height:31px;
	border:none;
	font-size:16px;
}

#add-resorthotel .submit, #block-order .submit{margin-left:100px}

#add-resorthotel h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold
}

#add-resorthotel label, #form-order label{
	padding-top:12px;
	display:block
}

#form-order span{
	color:#090;
	font-size:15px;
	font-weight:bold
}

#form-addresorthotel p{padding-top:3px}
/* =/modal-window
---------------------------*/

/* =jot
---------------------------*/
.comments{
	padding:20px 0 0 10px;
	clear:both
}

.jot-err {border:1px solid red;font-weight:bold;color:red;padding:5px;margin-bottom:10px;}
.jot-cfm {border:1px solid green;font-weight:bold;color:green;padding:5px;margin-bottom:10px;}
.jot-row {overflow:hidden}
.jot-comment {padding:0px;
	border-bottom:1px solid #54bc33;
	padding-bottom:5px;
	width:960px;
	float:left
}

.jot-row .published{
	float:left;
	display:block;
	width:22px
}

.jot-comment hr {border:0px; border-bottom:1px solid #cccccc;}
.jot-posticon {float:left;width:20px;height:20px;padding-top:8px;padding-right:3px;}
.jot-posticon img {border:0px;}
.jot-mod {text-align:right;color:#666666;font-weight:bold;clear:both;overflow:hidden}
.jot-mod img {border:0px;}
.jot-mod a {float:right;padding:1px;padding-left:2px;padding-right:2px;}
.jot-mod a:hover {color:#666666;}
.jot-subject {color:#618200;font-weight:bold;font-size:larger;}
.jot-message {padding:4px 2px 2px 0;overflow:auto;}
.jot-poster {padding:0px;text-align:left;font-size:10px;display:none}
.jot-nav {padding:0px;text-align:center;margin:10px;}
.jot-list ul {padding:0px;text-align:left;margin-bottom:10px;list-style-position:inside;}
.jot-subscribe {margin-bottom:10px;}
.jot-form {margin-bottom:10px;}
.jot-form fieldset {border:0px;}
.jot-form label {display:block;}
.jot-user {font-weight:bold;overflow:hidden}
.jot-extra {text-align:right;}
.jot-editby {font-size:10px;color:#666666;font-style:italic;}
.jot-user .user{float:left}

.ip, .ip a{
	font-size:12px;
	font-weight:normal;
	color:red;
}

.ip{
	padding:0 0 0 5px;
	float:left
}

.ip a{
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0
}

a.edit-comment:first-letter{text-transform:uppercase}

a.edit-comment{
	background:url(../images/btn-edit.jpg) no-repeat left top;
	width:118px;
}

a.del-comment{
	background:url(../images/btn-delete.jpg) no-repeat left top;
	width:110px;
}
	
a.edit-comment, a.del-comment{
	display:block;
	height:25px;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	line-height:22px
}

a.edit-comment:hover, a.del-comment:hover{
	background-position:left -26px;
	color:#000
}

.edit-comment{
	font-size:12px;
	padding-bottom:8px
}

.galleria_wrapper{
	width:400px;
	height:300px
}
/* =/jot
---------------------------*/


/* =jQuery lightBox plugin v0.5
---------------------------*/
#jquery-overlay{position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px
}
	
#jquery-lightbox{position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0
}

#jquery-lightbox a img{border:none}
#lightbox-container-image-box{
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto
}

#lightbox-container-image{padding:10px}

#lightbox-loading{position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0
}

#lightbox-nav{position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10
}

#lightbox-container-image-box > #lightbox-nav{left:0}

#lightbox-nav a{outline:none}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext{
	width:49%;
	height:100%;
	zoom:1;
	display:block}
#lightbox-nav-btnPrev{
	left:0; 
	float:left
}
	
#lightbox-nav-btnNext{
	right:0; 
	float:right
}

#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
	padding:0 10px 0
}
	
#lightbox-container-image-data{
	padding:0 10px; 
	color:#666
}

#lightbox-container-image-data #lightbox-image-details{
	width:70%; 
	float:left; 
	text-align:left
}

#lightbox-image-details-caption{font-weight:bold}

#lightbox-image-details-currentNumber{
	display:block; 
	clear:left; 
	padding-bottom:1.0em
}
	
#lightbox-secNav-btnClose{width:66px; 
	float:right;
	padding-bottom:0.7em;	
}

/* =/jQuery lightBox plugin
---------------------------*/


/* =galleria
---------------------------*/
.galleria{padding-top:5px}
.galleria ul{list-style:none;width:440px}
.galleria li{display:block;width:80px;height:60px;overflow:hidden;float:left;padding-top:6px}
.galleria li a{padding-left:9px}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria li{background:url(../images/thumb-bg.jpg) no-repeat}
/* =/galleria
---------------------------*/


.subscribe table{
	padding-top:5px
}


/* =jCarousel
---------------------------*/
.jcarousel-container{position:relative}

.jcarousel-clip{
    z-index:2;
    padding:0;
    margin:0;
    overflow:hidden;
    position:relative
}

.jcarousel-list{
    z-index:1;
    overflow:hidden;
    position:relative;
    top:0;
    left:0;
    margin:0;
    padding:0
}

.jcarousel-list li,
.jcarousel-item{
    float:left;
    list-style:none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:75px;
    height:75px
}
#mycarousel li{position:relative}

#mycarousel span{
	position:absolute;
	right:0;
	bottom:2px;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#FFF;
	padding-right:5px
}

.jcarousel-next{
    z-index:3;
    display:none
}

.jcarousel-prev{
    z-index:3;
    display:none
}
/* =/jCarousel
---------------------------*/

.counters{
	text-align:center;
	padding-top:15px
}

.ditto_page{padding:0 5px}