/*
Theme Name: holidaez
Theme URI: xtemplate.ru
*/
@import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic);
@import url(featured_slide.css);
body {
	margin:0;
	padding-top:0px;
	background:url(images/body2.png) ;
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#2C4049;
	font-size:14px;
	}
img {
	border:0;
	}
form input {	border-radius:10px;}	

a {
	color:#333;
	text-decoration:none;
    text-shadow: 1px 2px 3px #FFF;
  }
a:hover {
	color:white;
	text-decoration:none
    text-shadow: 1px 2px 3px #000;

}


/* Line 85 */
.ExpBlogname #bgh1 a:link, .ExpBlogname #bgh1 a:visited, .blogname #bgh1 a:link, .blogname #bgh1 a:visited
{
   color: #ffffff;
   background-color: transparent;
}

/* Line 91 */
.ExpBlogname #bgh1 a:hover, .blogname #bgh1 a:hover
{
   color: #ffffff;
   background-color: transparent;
}

h1, h2, h3, h4, h5, h6 
	{
	text-align:center;	
	}
	
h1 {font-size:23px}
h2 {font-size:20px}
h3 {font-size:18px}
	
blockquote {
	padding-left:10px;
	color:#555;
	font-style: normal;
	
	}
.clear {
	clear:both;
	}
.alignleft {
	float:left;
	padding:2px 0 0 5px;
	}
.alignright {
	float:right;
	padding:2px 0 0 5px;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
	background:#3AB600;		
	}

/* The Top */

.top {
	height:303px;
	margin:auto;
	background:#fff url(images/top.jpg);
	background-repeat:no-repeat;
	
	}
/*

ExpBlogname
*/
.ExpBlogname {
	float:left;
	width:328px;
	font-family: Myriad Pro,Verdana,Tahoma,sans-serif;	
	margin:0px 0 0 0;
	}
.ExpBlogname #bgh1  {
	font-size:35px;
	font-family: 'Lobster', cursive;
	font-weight:400;
	margin:5px;
	text-decoration: none;
	text-align:center;
	display:block;
	}
/*
 \ExpBlogname
*/


.blogname {
	float:left;
	width:1000px;
	font-family: Myriad Pro,Verdana,Tahoma,sans-serif;	
	margin:0px 0 0 0;
	}
.blogname #bgh1  {
	font-size:40px;
	font-family: 'Lobster', cursive;
	font-weight:400;
	margin:0px 0px 0 20px;
	text-decoration: none;
	text-align:left;
	display:block
	}
	
.ExpBlogname #bgh1 a:link, .blogname #bgh1  a:link, .blogname h1  a:visited{ 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}
	
.ExpBlogname #bgh1 a:hover, .blogname #bgh1  a:hover { 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}
.blogname h2 {
	margin:0px 0px 0 30px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:left;
	}
	

.content {
	padding:0px 10px 25px 5px;
	background:#e9ecf0 ;

	}	

#content {
	float: left;
	width: 805px;
	margin: 0px 0px 0px 0;
	padding: 0 0;
	}

.title{
	margin: 0 0 0;
	padding: 0px 0px 0px 5x;
	height:62px;
	background:url(images/title.png)
}	
.date {
	float:left;
	height:18px;
	font-size:14px;
	font-family:Century gothic,Verdana,Helvitica,sans-serif;
	padding-left:10px;
	padding-top:4px;
	font-weight:bold;
   	color:#fff;
	}
	
.post {
	margin: 10px 10px 0 5px;
	padding:0px 0px 0px 0px;
	height: 100%;
	text-align:left-align;
	color: #0051de;
	font: 14px Arial,georgia, sans-serif;
	}
	

.post h2 {
	margin: 0 0;
	padding: 8px 0px 5px 10px;
	background: transparent;
	text-align: left;
	font: 20px "century gothic", Arial, sans-serif;
	font-weight:normal;

	}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color: #3601C5;
	background-color: transparent;
	}
.post h2 a:hover  {
	color: #000000;
	background-color: transparent;
	}	

	.post img {	
border: 1px solid rgba(32, 164, 225, 0.72);
padding: 3px;
margin: 1px;
}

.postinfo {
	height:24px;
	padding: 4px 5px 2px 2px;
	background:url(images/meta.png);
	
			}
		
.postinfo a {	
	color:#e35416;
	font-weight:normal;
	text-decoration:none;
	}
.category{
	float:left;
	padding:0px 0 0 5px;
	color:#222;
	background:url(images/categ.gif);
	background-repeat:no-repeat;
	font-size:12px;
	}	
	
.com{
	line-height:15px;
	float:right;
	padding:0px 0px 0 45px;
	background:url(images/comments.gif);
	background-repeat:no-repeat;
	font-size:12px;
}

.com a:link,
.com a:visited {
	color: #d9031d;
	background-color: transparent;
}

.post a:link,
.post a:visited {
	color: #3601C5;
	background-color: transparent;
}

.post a:hover {
	color: #c0f;
	background-color: transparent;
	text-decoration: none;
}

.entry {
	margin: 0 0;
	padding: 5px 10px;
	}
.cover{
	margin: 0 0;
	background:#fff url(images/cover.png);
	background-repeat:repeat-y;
	}



/* The Sidebar1*/
.sidebar2 {
	float:right;
    width: 159px;
	padding-top:10px;
	padding-right:5px;
    font-size: 20px;
	margin-top: 400px;
	margin-right: -165px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	


	.sidebar2 ul, .sidebar1 ul
{
   font-family: 'Lobster',cursive;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   display: block;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
}	
	
.sidebar2 ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0 10px 0;
/*	background:url(images/bottomside.jpg) bottom;*/
	background-repeat:no-repeat;
	}


.sidebar2  a:link, .sidebar2  a:visited{
	color:#333;
		}	
.sidebar2  a:hover {
	color:#fff;
		}
.sidebar2 table {
	width:100%;
	text-align:center;
	background-color:#bac3cc;
	color:#0B6D00;
	}
		
/* The Sidebar1 */
.sidebar1 {
	float:right;
	width:160px;
	padding-top:10px;
	padding-right:10px;
	font-size:23px;
	}

.sidebar1 h2,  .sidebar2 h2{
height: 40px;
line-height: 35px;
font-size: 22px;
color: #FFF;
margin: 0px;
background: url('images/h2-1.png') no-repeat scroll 0% 0% #007FB2;
padding: 0px 0px 0px 0px;
text-align: center;
border-radius: 13px;
	}


.sidebar1 p {
	padding: 7px 10px;
	background:#bac3cc;
	margin:0;

	}
.sidebar1  a:link, .sidebar1  a:visited{
	color:#333;
		}	
.sidebar1  a:hover {
	color:#fff;
		}
		
.sidebar1 table {
	width:100%;
	text-align:center;
	background-color:#bac3cc;
	color:#0B6D00;
	}
/* --- FOOTER --- */

#footer {
	height:30px;
	padding:10px 0 0 0px;
	background:#2A761B;
	border-top:1px solid #62D52D;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	}

#footer a {
	color:#fad53f;
	}

#footer a:hover {
	color:#eee;
	}


/* The Navigation */

.navigation {
	height:25px;
	padding:0 20px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#7A8B92;
	}
.navigation a:hover {
	color:#3f5d65;

	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	}

/* The Comments */


.comments {
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#fff;
	border:1px solid #C3CFDF;
	color:#7A8B92;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#fff;

	border:1px solid #C3CFDF;
	color:#222;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#6C7F86;
	}
	
a.xl {
    display: none !important;
	}
	
	
/* Пошло мое */	
.topMenu {width:100%;height:40px;background: url('images/more_bg.png');}
.topMenu.fixed {position:fixed; top:30px;}

.topMenu ul {margin:0 auto; height: 40px; 
}
.topMenu ul, .topMenu ul li
{
z-index:5;
list-style-type: none;
margin: 0px;
border: 0px none;
display: block;
float: left;
text-align:center;
position:relative;

}

.topMenu ul ul
{
	    list-style:none;
	    position:absolute;
	    left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	    opacity:0; /* Устанавливаем начальное состояние прозрачности */
	    -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */	
		
}


.topMenu ul ul li{

	    padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */

	    float:none;

	/*    background:url(dot.gif);*/

	}

.topMenu ul ul a{

		white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */

	    display:block;

	}

.topMenu ul li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */

	    left:0; /* Приносим его обратно на экран, когда нужно */

	    opacity:1; /* Делаем непрозрачным */

	}
	
	
/* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */

.topMenu ul li:hover a{ 

	    background:background:#2069A8;;
	    background:rgba(83, 201, 242,0.75); 
	    text-decoration:underline;

	}

	
/* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */

/*	
.topMenu ul li:hover ul a{

	    text-decoration:none;

	    -webkit-transition:-webkit-transform 0.075s linear;

	}
*/

.topMenu ul li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
		z-index:10;
	    background:#2069a8;

	    background:rgba(32, 105, 168,0.75); /* Будет полупрозрачным */

	    text-decoration:underline;

	    -moz-transform:scale(1.15);

	    -webkit-transform:scale(1.15);
	}



/* Конец подменю*/

.sidebar2 a:link, .sidebar2 a:visited, .sidebar1 a:link, .sidebar1 a:visited
{
   color: #333333;
   text-shadow: #ffffff;
}

.sidebar2 a:hover, .sidebar1 a:hover
{
   color: #ffffff;
   text-shadow: #000000;
}


/* Line 403 */
.sidebar2 li, .sidebar1 li
{
   list-style-type: none;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 15px;
   margin-left: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}

/* Line 412 */
.sidebar2 li li, .sidebar1 li li
{
   list-style-type: none;
   background-color: #76baff;
   background-image: url("images/more-krima-gl.png");
   background-position: -20px 0%;
   margin: 10px 0px;
   border-radius: 8px;
   padding: 3px;
   text-align: center;
   border: 1px #0f8bde solid;
}

/* Line 601 */
.topMenu ul li a
{
   color: #3601c5;
   padding: 0 20px;
   display: block;
   font:22px/38px Arial;
   text-shadow: 2px 2px 1px #fff;  
   border: 1px solid transparent;	   
}

/* Line 606 */
.topMenu ul li a:hover,  .topMenu ul .active a
{
   color: white;
   background: url('images/more_bg-1.png');
   border-radius:9px;
   border:1px #0f8bde solid;
   text-shadow: 2px 2px 1px #000;
}

.ObjSnip {list-style:none;}
.ObjSnip li{float:left; list-style:none;display:block; width:360px;height:250px;overflow:hidden;text-align:center}
.ObjSnip li h2, .ObjMore li h2 {text-align:center;}
.ObjSnip li h2 a span{max-height:80px; margin:-200px 20px 0 20px;display:block; font:29px Lobster; color:white; text-shadow: 2px 2px 1px #000;overflow: hidden}
.ObjSnip li h2 a span:hover {text-decoration:underline}



.ObjSnip img {max-height:350px; max-width:342px;}

.ObjMore li {
border-color: rgb(61, 193, 255);
border-top: 1px solid rgb(61, 193, 255);
border-right: 2px solid rgb(61, 193, 255);
border-left: 1px solid rgb(61, 193, 255);
border-bottom: 2px solid rgb(61, 193, 255);
border-radius: 20px;
padding: 10px;
margin: 15px 0px;
}

.ObjMore img {float:left; max-height:250px; max-width:300px; margin: 0 10px 5px 0;}

.ObjMore li {list-style:none;display:block}
.ObjMore li a h2 {font-weight: 600;}
.ObjMore li a h2:hover {text-decoration:underline}


.ObjSnip br, .ObjMore br {clear:both;}
.ObjMore div {margin:0; text-align:justify}

.ObjMore li div p span
{
color: #00A73D;
font-size: 110%;
padding: 10px;
}


	
#xorderForm fieldset label, #filterForm  label {
    float: left;
    width: 120px;
	padding: 3px 0px 3px 0px;
	}
#filterForm select, #filterForm input {width: 120px;}
	
#filterForm br, #filterForm p {clear:both}
#slideropt41, #slideropt42 {width:240px}
	
#phone, #email
{
padding:10px;
font:22px Arial;
text-shadow: 1px 2px 3px #FFF;
}

#phone:hover {color:white;text-shadow: 1px 2px 3px #000;}

.filterButton
{
background: rgba(43, 200, 226, 1);
background-image: url('images/more-krima-gl.png');
background-position: -20px 0%;
color: white;
padding: 10px;
border: 1px solid #0F8BDE;
border-radius: 15px;
margin: 5px;
font:14px Arial;
font-weight:800;
text-shadow: 1px 2px 3px #000;
}
.filterButton:hover {color:black;text-shadow: 1px 2px 3px #fff;}

    .overlay{
        background:transparent url('images/overlay.png') repeat top left;
        position:fixed; /* с помощью этого правила фиксим и растягиваем его на весь экран*/
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        z-index:100;   /* поднимем его выше основной разметки*/
       }

   .nonebox{
         position:fixed;
         top:-400px;
         left:35%;
         right:35%;
         background:#fff;
         color:#4d4d4d;
         padding:25px;
		 border: 5px dashed rgba(0, 174, 255, 1);
         width:30%;
         z-index:101;   /* а его выше фонового блока*/
   }
   
a.box-close{
	float:right;
	width:26px;
	height:26px;
	height:26px;
	background:url('images/close.png') repeat top left;;
	margin:-30px -30px 0px 0px;
	cursor:pointer;
	display:block
} 

.ditto_currentpage, .ditto_page, .ditto_previous_link, .ditto_next_link{
    margin: 5px 2px;
    border: 1px solid #3DC1FF;
    padding: 11px 17px;
}
.ditto_currentpage {
	border:0
	color: white;
	background: #1e9ce3 !important;
}

form 
br {clear:both}

#cfContact {
	
	height: 40px;
	width: 290px;
	font-size: 130%;
	background-color: #76baff;
background-image: url("images/more-krima-gl.png");
background-size: 110%;
margin: 10px 0px;
border-radius: 15px;
padding: 3px;
text-align: center;
border: 1px #0f8bde solid;
		
}
#cfContact:hover { color: #FFFfff !important;
	background-size: 120%;
}


#breadcrumb, #breadcrumb-top, #breadcrumb-bottom, .paginate  {
	height: 35px;
	margin: 1px;
	font: 20px arial;}


a.button28 {
    width: 96%;
    text-align: center;
    position: relative;
    display: inline-block;
    font-size: 90%;
    font-weight: 700;
    color: #FFFfff !important;
    text-decoration: none;
    text-shadow: 0px -1px 2px #000;
    padding: 0.5em 1em;
    outline: medium none;
    border-radius: 3px;
    background: #ACBBF6 linear-gradient(#236DAB, #6AD6F6) repeat scroll 0% 0%;
    box-shadow: 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 3px 5px #2069A8, 0px 0px 1px 1px rgba(0, 1, 6, 0.2);
    transition: all 0.2s ease-in-out 0s;
	}
a.button28:hover:not(:active) {
    color: #aaf;
	background: #ACBBF6 linear-gradient(#8CC4F3, #051D24) repeat scroll 0% 0%;
}
a.button28:active {
  color: #aaf;
  top: 1px;
  background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}

.SM
{
    /* width: 96%; */ 
    margin:5px 10px;
	float:right;
    font-size: 90%;
    font-weight: 700;
    color: #FFFfff !important;
    text-decoration: none;
    text-shadow: 0px -1px 2px #000;
    padding: 0.5em 1em;
    outline: medium none;
    border-radius: 3px;
    background: #ACBBF6 linear-gradient(#236DAB, #6AD6F6) repeat scroll 0% 0%;	
    box-shadow: 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 3px 5px #2069A8, 0px 0px 1px 1px rgba(0, 1, 6, 0.2);
    transition: all 0.2s ease-in-out 0s;
}
.SM:hover
	{
	color: #aaf;
	background: #ACBBF6 linear-gradient(#8CC4F3, #051D24) repeat scroll 0% 0%;
	}

.varkvad {
font-size:9px;	
float: right;
width: 150px;
border: 1px solid rgb(0, 167, 61) !important;
padding: 0px;
border-radius: 15px;
margin: 0 0 5px 8px !important;
}
.varkvad h1{font:9px Arial,georgia, sans-serif ;margin: 0 0 5px 8px !important;}
.clh1 {font-size: 23px;clear:both;text-align:center;display:block;padding:2px 0px}
.gal {
	/* wgal16.png */
	width:16px; height:16px;
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
}


.PerCen td
{
  border:1px solid black;
  margin:5px;
  padding:3px;
  text-align:center;
}

#tabs {clear:both;}

.sTvs
{
float:left;width:230px;padding-right:10px;
}

.h3Tvs
{
clear:both;padding-top:12px;
}

.dTvs
{
clear:both;width:100%;overflow: auto;
}



#xDateForm label, #xDateForm input, #xDateFormTwo label, #xDateFormTwo input
{
	font-weight:bold;
}
#xDateForm fieldset, #xDateFormTwo fieldset {border:0px}
#xDateForm input, #xDateFormTwo input {margin:5px; padding:3px 10px}


#xDateForm, #xDateFormTwo{
margin-left: auto;
text-align: center;
border: #ffdb4d 3px solid;
border-radius: 10px;
clear:both;
}


#spoiler {height:70px; overflow:hidden;}
.gallery li a img {max-height:120px}

h3.gallery {clear:both}
	
ul.gallery {
 list-style: none outside none;
 padding-left: 0;
 clear:both;
 }

 .gallery li {
 display: block;
 float: left;
 max-height: 130px;
 max-height: 180px;
 border: 0;
 border-radius:0 !important;
 padding: 3px;
 margin: 1px;
 }
 
@media only screen and (max-device-width: 768px)
	{
.sidebar2  { display:none }
.sidebar1  { display:none }
#content {clear:both; width:100%; font-size: 1.6em;
line-height: 1.95;}
.post{font-size: 1.6em; line-height: 1.95;}
.post h2{font-size:120%}
.cover{background:#fff url('');}
.ObjSnip img {width:90%; max-width:92%; max-height:auto; height:auto; /* max-height:350px;*/ }		
.ObjSnip li {width:100%;height:350px}
.ObjSnip li h2 a , .ObjSnip li h2 a span {font-size:130%}		
.PerCen {font-size:0.78em !important; overflow:scroll}	
#xDateForm, #xDateFormTwo {font-size:0.8em}
#cfSubmit {font-size:1em}

input [font-size:1.1em]
		#xorderForm fieldset input {width:45%}		
#xorderForm fieldset label, #filterForm label { width:auto; min-width:40%;	
		float: left; padding: 3px 0px 3px 0px;
		}
		
fieldset h3 {font-size:1.1em }
#xorderForm fieldset input , #filterForm input {background: linear-gradient(45deg, #E8FFE1, #94E677); font-size:110%}
#xorderForm fieldset select {min-width:50px; height: 2em; width: auto;padding:5px 1em}
#cfContact, .filterButton { height: 2em;
				width: auto !important;
				min-width:120px !important;
				padding: 0 1.2em;
		  }
	
	.varkvad {display:none}
	.ObjMore img {
    float: left;
    max-height: 50%;
    max-width: 95%;
    margin: 0 10px 5px 0;

	}
}