/*  
*
*		MSM Grid framework
*		File type: CSS2
*		Media type: screen
*		License : GPL
*   
---------------------------------------- 
        Stylesheet structure
----------------------------------------
#1 - Wrapper
# - Wrapper
# -
 

/* # -------- Wrapper -------- */
	#wrapper{ background:; }
	
	
/* # -------- Header -------- */
	#header{}
	#header .inside{
		background: url(../images/headerBgr.jpg) repeat-x left top;
	}
	#header .inside .headerBlock{
		padding-top:10px;
		height:116px;
	}
	#header .logoBlock{width:300px;float:left;}
	
	/* # -- Language -- */
	#header .lngBlock{width:150px;float:right; /* # -- Language -- z-index:999;*/}
		.dropdown {margin-top:40px;}
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { text-decoration:none; outline:none;color:#000000;}
        .dropdown dt { }
        .dropdown dt a {background: url(../images/ownArrIco.gif) no-repeat scroll right center; padding-right:20px;}
        .dropdown dt a span {cursor:pointer; padding:5px;}
        .dropdown dd ul { display:none; left:0px; padding:2px 10px; position:absolute; z-index: 1000; top:2px; width:auto; min-width:100px; list-style:none; background:#dddddd;}
		.dropdown a span{padding-left:25px !important;}
        .dropdown span.value { display:none;}
		.dropdown dd ul li{padding:1px 10px 1px 20px;}
        .dropdown dd ul li a {  display:block;font-weight:bold;}
        .dropdown dd ul li a:hover {}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
        .flagvisibility { display:none;}		
	
	/* # -- Contacts -- */
		#header .contactsBlock{margin:0px 220px 0px 320px;text-align:center;}
		#header .contactsBlock table{margin:auto;text-align:left;margin-top:40px;}
		#header .footerContactsBlock{float:right;}		
	
		
	
	/* # -- Top Main Menu -- */	
		.mod_msm_menu{}
		.invisible{display: none;}
		.mod_msm_menu ul{
			list-style-type:none;
			margin:0px;
			padding:0px;
			line-height:34px;
			height:34px;
			background: url(../images/mainMenuItem.jpg) repeat-x left bottom;
		}
		.mod_msm_menu ul li{
			margin:0px;
			padding:0px;
			text-transform:uppercase;
			float:left;
			text-align:center;
			font-size:8pt;
			font-weight:bold;
			border-right: 1px solid #ffffff;
		}
		.mod_msm_menu ul li span,
		.mod_msm_menu ul li a{
			display: block;
			text-decoration: none;
			color:#1d6e94;
			padding:0px 13px;	
		}
		
		.mod_msm_menu ul li a:hover{background: url(../images/mainMenuActiveItem.jpg) repeat-x left center;}
		.mod_msm_menu ul li.active{background: url(../images/mainMenuActiveItem.jpg) repeat-x left center;}
		.mod_msm_menu ul li span,
		.mod_msm_menu ul li.trail{color:#1d6e94;}
		
		.mod_msm_menu ul li.trail a{color:#1d6e94;}
	
		.mod_msm_menu ul li span.menuItemHover{ background: url(../images/hoverArrowBgr.gif) no-repeat bottom center; }		
		.mod_msm_menu ul li ul{
			background: #ffffff;
			margin: 0px !important;
			padding: 0px !important;
			font-size:8pt;
			font-family: Verdana;
			width:490px;
			float: none;
			display:none;
			z-index:5000;
			position: absolute;
			list-style-type:none;
			overflow:hidden !important;
			height:auto;
		}
		.mod_msm_menu ul li ul li{
			float:left;
			overflow:hidden !important;
			margin: 0px!important;
			padding: 0px !important;			
			height:50px;
			line-height:50px;
			width:230px;
			border:none;
			border-bottom:1px solid #bbbbbb;
			border-right:5px solid #ffffff;
			border-left:10px solid #ffffff;
			text-align:left;		
			background:#ffffff;			
		}
		.mod_msm_menu ul li ul li a,
		.mod_msm_menu ul li ul li span{
			background:#ffffff !important;			
			display:block;
			height:50px;
			line-height:50px;
			margin:0px;
			padding:0px;
			font-weight:normal;	
		}
		.mod_msm_menu ul li ul li a:hover{
			background: url(../images/mainMenuItem.jpg) repeat-x left bottom #ffffff;
			font-weight:bold !important;
		}
		.mod_msm_menu ul li ul li a strong,
		.mod_msm_menu ul li ul li span strong{
			font-weight:normal;
			display:block;
			padding-left:45px !important;			
		}
		
		.mod_msm_menu ul li ul li span strong{font-weight:bold;}

		li.mainPage{text-align:left;}
		li.mainPage a strong,
		li.mainPage span strong{padding-left:25px !important;}
		
		.subitem ul li a:hover strong{font-weight:bold !important;} 

	/* # -- Tours submenu -- */
		.toursSubmenu{margin-right:0px;background:url(../images/subMenuBgr.) repeat-x right bottom #ffffff;padding-bottom:20px;}
		.toursSubmenu h1{
			background:url(../images/subMenuHdrBgr.jpg) repeat-y right top;
		}
		.toursSubmenu ul{margin:0px  !important;padding:0px !important; list-style-type:none;}
		.toursSubmenu ul li{
			padding: 0px 0px 0px 0px ;
			margin:8px;
		}
		.toursSubmenu ul li.closeMenu{
			background:url(../images/plusIco.gif) no-repeat 0px 3px;
			padding-left:20px;
			margin-left:10px;
		}
		.toursSubmenu ul li.openMenu{
			background:url(../images/minusIco.gif) no-repeat  0px 8px;
			padding-left:20px;
			margin-left:10px;
		}		
		.toursSubmenu ul li ul{
			margin:0px;
			padding:10px;
			list-style-type:circle;
			list-style-position:inside;
		}
	

	/* # -- Footer Main Menu -- */
	.bottomMenu #additionalMenu{}
	.bottomMenu #additionalMenu ul{
		list-style-type:none;
		margin:0px;
		padding:0px;
		line-height:34px;
		height:34px;
		
	}
	.bottomMenu #additionalMenu ul li{
		float:left;
		text-align:center;
		font-size:8pt;
		font-weight:bold;
	}
	.bottomMenu .last{
		border-right: none !important;
	}
	.bottomMenu #additionalMenu ul li a,
	.bottomMenu #additionalMenu ul li span,
	.bottomMenu #additionalMenu ul li a,
	.bottomMenu #additionalMenu ul li a:visited{
		display: block;
		text-decoration: none;
		color:#1d6e94;
		padding:0px 10px;	
	}
	.bottomMenu #additionalMenu ul li a:hover{background: url(../images/mainMenuActiveItem.jpg) repeat-x left center;}
	.bottomMenu #additionalMenu ul li span, #mainMenu ul li.trail{background: url(../images/mainMenuHoverBgr.jpg) repeat-x left center;color:#1d6e94;}
	.bottomMenu #additionalMenu ul li.trail a{color:#1d6e94;}

	/*# - Custom banner - */
	.bannersBlock .flashBlock{margin-right:0;height:244px;overflow:hidden;width:0px;}

	/* # -- Proposition slider -- */
	.bannersBlock .proposSliderBlock{overflow:hidden;height:244px;max-width:100%;float:right;}
	
	.s3sliderImage {
	   float: left; /* important */
	   position: relative; /* important */
	   display: none; /* important */
	  width:1080px;
	}
	.slideshow div{
		cursor:pointer;
		width:1080px;
		height:244px;
	}
	.slideshow div a {
	    position: absolute;
		font: 25px/150% Arial, Helvetica, sans-serif;
	    padding: 10px 13px;
	    margin:0px 10px;
	    background-color: #000;
	    filter: alpha(opacity=70);
	    -moz-opacity: 0.7;
		-khtml-opacity: 0.7;
	    opacity: 0.7;
	    color: #fff;
		text-decoration:none !important;
	}
	.mod_slider{position:relative;}
	
	#paginator{position:absolute;z-index:50;bottom:10px;right:10px;}
	#paginator a {
		background:#000000;
		margin:1px;
		padding:3px 8px;
		color:#ffffff;
		text-decoration:none;
	    filter: alpha(opacity=80);
	    -moz-opacity: 0.8;
		-khtml-opacity: 0.8;
	    opacity: 0.8;
		}
	#paginator a.activeSlide {background:#88cc00;color:#000000;}
	.right {
		right: 0;
		bottom: 0;
	}
	
	.clear {
	   clear: both;
	} 


	/* # -- Search -- */
	.mod_tour_search_form label{display:block;margin:0px;padding:5px 0px;}
	.mod_tour_search_form .submit{margin-left:50px;}

	/* # -- Category lists -- */
	.mod_tour_category_list{}	
	.mod_tour_category_list h1{margin-left:20px;}
	.mod_tour_category_list ul{
		list-style-type:none;
		margin:0px;
		padding:0px 0px 0px 15px;
		width:150px;
		height:600px;
		background-color: #ffffff;
	}
	p.rateBox{}
	p.rateBox strong{color:#4cbaf3;font-size:13pt;background:url(../images/star-on.png) no-repeat right center;padding-right:20px;}
	
	.mod_tour_category_list ul li{
		text-align:center;
		float:left;
		font-size:8pt;
		line-height:10px;		
		width:80px;	
		padding:10px 0px 0px 10px;
		margin:0px 20px;
	}
	.mod_tour_category_list ul li a,
	.mod_tour_category_list ul li span,
	.mod_tour_category_list ul li a,
	.mod_tour_category_list ul li a:visited{
		display: block;
		text-decoration: none;
		color:#6c6c6c;
	}
	.mod_tour_category_list ul li a:hover span{ 
		color:#4677ae;
		display: block;
	}
	
	
/* # -------- Conainer -------- */
	#container{padding-top:0px;padding-bottom:10px;}
		/*# - Left - */
			#left{}
			#left .inside{margin-top:10px;}
		
		/*# - Right - */
			#right{}
			#right .inside{
				margin-top:20px;
			}
			.rCBgr{
				background: url(../images/rightContentBgr.jpg) repeat-y top center;
				width:223px;
				margin: 0px 0px 20px 0px;
				padding:2px 0px 2px 15px;
			}
			.formbody select{
				width:200px;
				margin:5px 0px;
				padding:3px;
			}

		
		/*# - Main - */
			#main{}
			#main .inside {margin-right:6px;}
			#main .inside {margin-left:15px;}
			#main .inside h1{margin-top:10px;}
			.mod_article{background:;padding:10px;}
	
			.mod_hotel_list table,
			.mod_tour_random table{
				width:100%x;				
			}
			.mod_hotel_list table tr td,
			.mod_tour_random table tr td{
				width:33%;
				background: url(../images/tourBgr.png) no-repeat 195px 5px ;
				vertical-align:top;
				padding:20px 10px 10px 10px;
				text-align:center;
				border-top:0px;
				border-left:0px;
				border-right:20px solid #eaeaea;
				border-bottom:20px solid #eaeaea;
				margin:10px 10px 10px 10px;
			}
			.mod_hotel_list table tr td h2,
			.mod_tour_random table tr td h2{
				color:#010101;
			}
			
						
			a.detailsButton,
			a.detailsButton:visited{
				/* оригінальна кнопка детальніше */
				background: url(../images/detailsBgr.png) no-repeat center center;
				/* оригінальна кнопка детальніше */
				
				
				 position: relative;
				 width: 125px;
                 display: inline-block;
                 font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
                 font-size: 16px;
                 font-weight: 700;
                 color: rgb(245,245,245);
                 text-shadow: 0 -1px rgba(0,0,0,.1);
                 text-decoration: none;
                 padding: 5px 10px;
                 outline: none;
                 border: none;
                 border-radius: 3px;
                 background: #2bace3 linear-gradient(#4AC5FA, #2bace3);
                 box-shadow: inset #4AC5FA 0 -1px 1px, inset 0 1px 1px #B9DEEE, #2bace3 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
                 -webkit-animation: pulsate 1.5s linear infinite;
                 animation: pulsate 1.5s linear infinite;
                 }
                 input.detailsButton:hover {
                 -webkit-animation-play-state: paused;
                 animation-play-state: paused;
                 cursor: pointer;
                 }
                 input.detailsButton:active {
                 top: 1px;
                 color: #fff;
                 text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
                 box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
                 }
                 @-webkit-keyframes pulsate {
                 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
                 }
                 @keyframes pulsate {
                 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
				
				
			}
			a.orderButton,
			a.orderButton:visited{
			/* оригінальна фонова картинка */
				/*background: url(../images/orderBgr.png) no-repeat center center;*/
			/* оригінальна фонова картинка */
				 /* новий код стиль кнопки 18.07.2014 */
				 position: relative;
				 width: 125px;
                 display: inline-block;
                 font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
                 font-size: 16px;
                 font-weight: 700;
                 color: rgb(245,245,245);
                 text-shadow: 0 -1px rgba(0,0,0,.1);
                 text-decoration: none;
                 padding: 5px 10px;
                 outline: none;
                 border: none;
                 border-radius: 3px;
                 background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
                 box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
                 -webkit-animation: pulsate 1.8s linear infinite;
                 animation: pulsate 1.8s linear infinite; 
                 }
                 input.orderButton:hover {
                 -webkit-animation-play-state: paused;
                 animation-play-state: paused;
                 cursor: pointer;
                 }
                 input.orderButton:active {
                 top: 1px;
                 color: #fff;
                 text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
                 box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
                 }
                 @-webkit-keyframes pulsate {
                 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
                 }
                 @keyframes pulsate {
                 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
				 /* новий код стиль кнопки 18.07.2014 */
		       	 }
			
			.detailsButton,
			.detailsButton:visited,
			.orderButton,
			.orderButton:visited{

				color:#ffffff !important;width:91px;height:27px;line-height:27px;display:block;text-align:center;font-size:8pt;text-decoration:none !important;			
				
			}
		
		.tourOrderIcoButton input{
			margin:10px 0px;
			width:240px;
			height:94px;
			background: url(../images/orderIcoBgr.png) no-repeat right center;
			cursor:pointer;
			font-size:14pt;
			border:none;
			margin:30px 0px 0px 10px;
			text-align:left;
		}	
			
		.mod_tour_list table{
				padding:0px;
				margin:0px;				
			}
			table.tourTable tr td{
				width:205px;
				vertical-align:top;
				padding:20px 4px 10px 4px;
				text-align:center;
				border-top:0px;
				border-left:0px;
				border-top: 10px solid #eaeaea;
                border-left: 10px solid #eaeaea;
                border-right: 10px solid #eaeaea;
                border-bottom: 10px solid #eaeaea;
				margin:10px 10px 10px 10px;
				background: url(../images/tourBgr.png) no-repeat right top #ffffff;
				
			}
			table.tourTable tr td h2{
				color:#010101;
				font-size:10pt;
				margin:0px;
				padding:0px;
			}
			table.tourTable tr td p{
				margin:0px;
				padding:5px 0px;
			}	
			table.tourTable tr td ul{
				padding:0px;
				margin:0px;
				list-style-type:none;
			}
			 table.tourTable tr td ul li{
				float:left;
				padding-left:5px;
			}
			table.tourTable tr td ul{
				padding:0px;
				margin:0px;
				list-style-type:none;
				height:40px;
			}
			table.tourTable tr td ul li{
				float:left;
				padding-left:5px;
			}
			table.tourTable tr td ul li a{
				width:85px !important;
				font-size:8pt !important;
				font-family: Arial;
				animation: none;
				-webkit-animation: none;
				padding: 3px 1px;
			}
			.pxBgr{
				height:20px;
				background: url(../images/pxBgr.png) repeat-x center center;
			}
			
			.mod_tour_list{
				padding:0px;
				margin:0px;
			}
			
											
			.mod_tour_details{
				
				margin:0px;
				padding:10px;
			}
			.tourInfoTbl{width:100%;margin-bottom:10px;}
			.tourInfoTbl .orderButton{float:right;}
			.tourInfoTbl h1{margin:0px !important;padding:0px  !important;}
			.mod_tour_details a img{padding:10px;	}
			.mainTourPhotoBox{float:left;margin:0px 10px 0px 0px;}
			
			
/* # -- Hotel details -- */
	.mod_hotel_details{background:#ffffff;margin-right:20px;margin-top:10px;}
	.insideHotelDetails{padding:10px}			
			
.mod_tour_custom{}			
			

/* # -- Tour details -- */
	.mod_tour_details{ background:#ffffff; }
	.mod_tour_details #commentsBlock h2{border-bottom:1px solid #bbbbbb;padding-bottom:10px;color:#1d6e94;}
	.mod_tour_details #commentsBlock{}

/* # -- Tour order -- */
	.mod_tour_order{background:#ffffff;padding:10px;margin-right:20px;margin-top:10px;}			
			
/* # -- Pagination -- */
	.pagination{height:40px;}
	 .pagination p{height:30px;float:left;padding:5px 50px 5px 10px;margin:0px;font-size:8pt;}
	 .pagination ul{margin:0px;padding:0px;list-style-type:none;height:30px;}
	 .pagination ul li{float:left;}
	 .pagination ul li *{padding:5px 10px;display:block;}
	 .pagination ul li span{	background: url(../images/detailsBgr.png) no-repeat center center; color:#ffffff;}
	 .pagination ul li a{color:#1d6e94;}
	
	
/* # -------- Footer -------- */
	#footer{background: url(../images/footerBgr.jpg) repeat-x left top;}
	#footer .logoBlock{width:224px;float:left;text-align:center;}
	#footer .contactsBlock{width:234px;float:right;}
	#footer .contactsBlock table{margin-top:30px;}
	#footer .bottomMenu{margin:0px 234px 0px 234px;padding-top:30px;}

/* # -------- Tabs -------- */
.korpus2 { position: relative; height: 250px; margin: 0; padding: 29px 0 0 0; padding: calc(28px + 1px) 0 0 0; } 
.korpus2 li, .korpus2 li:after { position: absolute; border: 1px solid #aaa; background: #fff; } 
.korpus2 li { width: 100%; height: 240px; height: calc(310px - 10px); list-style: none; padding: 5px; } 
.korpus2 li:after { content: attr(data-tab); left: -1px; top: -30px; top: calc(-28px - 2px); width: 45%; line-height: 28px; text-align: center; cursor: pointer;}
.korpus2 li:nth-of-type(2):after { left: 45%; } 
.korpus2 li:nth-of-type(3):after { left: 40%; } 
.korpus2 li:hover:after, .korpus2 li:nth-of-type(1):after { border-bottom: 2px solid #fff; } 
.korpus2 li:after, 
.korpus2 li:hover, 
.korpus2 li:nth-of-type(1) { z-index: 1; }


/* # -------- Spoiler -------- */
.del { display: none; }
.del:not(:checked) + label + * { display: none; } /* фактически нужна только одна строка */

/* вид CSS кнопки */
.del:not(:checked) + label,
.del:checked + label {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 2px;
  width: 86%;
  color: #fff;
  font-size: 14px;
  background: #0099cc;
  cursor: pointer;
}
.del:checked + label {
  background: #e36443;
}