/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.page-node h1 {
#margin: 50px 0 0 0;
}

.page-node .category {
font-size: 3.3em;
color: #B9B9B9;
position: absolute;
top: 60px;
}

#article{
	padding-right: 20px;
}

#article.node-holidays{
	padding:0;
}

.region-content ul.flippy {
position: absolute;
top: 60px;
right: 200px;
width: 100px;
}

ul.flippy li.previous a {
background: url(/sites/all/themes/peterburg_ru/images/arrows.png) no-repeat;
width: 33px;
height: 30px;
text-indent: -300px;
display: block;
overflow: hidden;
float: left;
background-position: -45px -70px;
margin-right: 10px;
}

ul.flippy li.next a  {
background: url(/sites/all/themes/peterburg_ru/images/arrows.png) no-repeat;
width: 33px;
height: 30px;
text-indent: -300px;
display: block;
overflow: hidden;
float: left;
background-position: -76px -70px;
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node .content /* Node's content wrapper */ {
margin-bottom:40px;
}

#article .sights-content{
overflow:hidden;
}

#article .place-info{
	background:#fcf7e3;
	position: relative;
	margin-bottom: 20px;
	padding: 25px 0px 25px 51px;
}

#article .place-info .inf-adress{
	display: inline-block;
	margin-right: 25px;
}

#article .place-info i{
	width: 23px;
	height: 33px;
	position: absolute;
	top: 15px;
	left: 18px;
	background: url("/images/place-pin.png") no-repeat 0 0;
}

#article .place-info i.inf-time{
	width: 20px;
	height: 18px;
	left: -22px;
	top: 0px;
	background: url(/images/visits-main.png) 0px -79px no-repeat;
	position: absolute;
}

#article .place-info i.inf-time-grey{
	width: 15px;
	height: 17px;
	left: -22px;
	top: 0px;
	background: url(/images/visits-main.png) 0px 2px no-repeat;
	position: absolute;
}

#article .place-info i.inf-cost{
	width: 14px;
	height: 14px;
	left: -22px;
	top: 2px;
	background: url(/images/visits-main.png) 0px -48px no-repeat;
	position: absolute;
}

#article .place-info i.inf-date{
	width: 15px;
	height: 15px;
	left: -26px;
	top: 0px;
	background: url(/images/visits-main.png) 0 -32px no-repeat;
	position: absolute;
}

#article .place-info .inf-item{
	margin-right: 35px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}

#article .place-info .inf-item i.inf-site{
	width: 11px;
	height: 11px;
	left: -14px;
	top: 5px;
	background: url(/images/visits-main.png) 0 -115px no-repeat;
	position: absolute;
}

#article .place-info .inf-item i.inf-vk{
	width: 11px;
	height: 11px;
	left: -14px;
	top: 5px;
	background: url(/images/visits-main.png) 0 -126px no-repeat;
	position: absolute;
}

#article .place-info div.inf-item{
	margin-bottom: 0;
	position: relative;
}

#article #map{
	margin: 0 auto;
}

#article .place-info #map{
	margin-bottom: 20px;
	width: 925px !important;
	margin-left: -43px;
}

#article.node-events .place-info .link-wrapper{
	margin-top: 10px;
	margin-left: -45px;
}

#article .field-name-body{
	padding: 0 25px;
	font-size: 18px;
	color: #444444;
}

#article .field-name-body iframe{
	max-width: 600px;
}
#article fieldset .field-name-body{
	padding: 0;
}

#article.node-guide .field-name-body{
	padding: 0 50px 0 0;
}

#article .content .field-name-body p{
	line-height: 26px;
}

#article .video-code{
	text-align:center;
	margin-bottom: 20px;
}

#article .video-code iframe{
	width: 600px !important;
	height: 337px !important;
}

/* Слайдшоу в комерческих разделах */
/*
#block-views-photos-block-1  .views-slideshow-controls-bottom {
margin-right: -7px;
}

#block-views-photos-block-1 .active img {
border: 1px solid black;
padding: 0;
}

#block-views-photos-block-1 .skin-default {
padding: 7px 7px 1px 8px;
border: 1px solid #F1F1F1;
width: 629px;
}

#block-views-photos-block-1 .views-slideshow-pager-field-item {
display: inline-block;
margin-right: 4px;
}*/
.link-wrapper{
#float:right;
display:inline-block;
line-height: normal;
margin-right: 20px;
}

.link-wrapper li a.flag-action{
background: url("/images/sprites-favorites.png") repeat scroll 0 -67px transparent;
display: inline-block;
height: 30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 79px;
}

.link-wrapper li a.flag-action:hover{
background: url("/images/sprites-favorites.png") repeat scroll 0 0px transparent;
}

.link-wrapper li a.flag-action:active{
background: url("/images/sprites-favorites.png") repeat scroll 0 -33px transparent;
}

.link-wrapper span.unflag-action{
background: none repeat scroll 0 0 #97ba05;
display: inline-block;
height: 30px;
line-height: 14px;
padding: 0 12px 2px;
color:#ffffff;
}

.link-wrapper span.unflag-action a{
color:#165697;
}

.link-wrapper span.unflag-action a:hover{
color:#E80F0F;
}

.link-wrapper span.text-attach{
display:inline-block;
padding-left: 5px;
vertical-align: top;
line-height:13px;
}

.map{
margin-bottom: 10px;
display:inline-block;
}

#article.node-guide .map a{
color: white;
background: #4E4E4E;
text-decoration: none;
font-size:13px;
display: inline-block;
line-height: 14px;
padding: 0px 12px;
padding-bottom: 2px;
width:54px;
}

.map a{
text-decoration: none;
font-size:14px;
border-bottom: 1px dashed;
display: inline-block;
line-height: 14px;
}

.buttom-container{
	margin-top: 10px;
}

.buttom-container .map{
	float:right;
}

.maps {
width: 720px;
}

.node-comment img {
float:left;
margin-right:20px;
}


/*  -------------- inner galery ---------------  */
.b-show-on-map{
margin-bottom:10px;
}
.b-show-on-map a{
color: white;
background: #4E4E4E;
text-decoration: none;
font-size:15px;
display: inline-block;
line-height: 14px;
padding: 0px 12px;
padding-bottom: 2px;
}
.b-inner-galery{
display: none;
//width: 700px;
}
.node-guide .b-inner-galery{
display: none;
width: 580px;
}
.b-image-all{
color: #868585;
font-size:13px;
font-weight:bold;
font-style:italic;
position: absolute;
bottom: -6px;
left: 310px;
width: 106px;
text-align: center;
}
.b-inner-galery.b-guide-gal .b-image-all{
bottom: -30px;
}

.b-image-all span{
font-weight:bold;
font-size:16px;
}
.b-inner-galery .b-show-on-map{
position: relative;
top: -10px;
left: 125px;
}
.b-inner-galery.b-guide-gal .b-show-on-map{
left:0;
}
.b-guide-gal .b-image-all{
left: 244px;
}

/**
 *  Horizontal Buttons
 */

.node-guide #map{
	width: 575px !important;
}

.b-viewer{
font-size:15px;
margin-top: 33px;
}
.b-viewer .b-view{
margin-top: 15px;
}
.b-viewer .b-view li{
margin-bottom:20px;
}
.b-viewer .b-view li a{
display: inline-block;
line-height: 100%;
}
.b-viewer-left{
margin-right: 10px;
}

.gide-pagin{
	text-align: center;
}

.gide-pagin .circle{
	width: 80px;
	height: 80px;
	background: #e9e9e9;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-bottom: 15px;
}

.gide-pagin a{
	display: block;
	font-size:36px;
	font-weight:bold;
	text-decoration: none;
	color: #989898;
	padding: 11px;
	line-height: 24px;
}

.gide-pagin a p{
	font-size:13px;
	font-weight:bold;
}

.gide-pagin .circle.active{
	background: #1997d1;
}

.gide-pagin .circle.active a{
	color: #ffffff;
}

.gide-pagin .circle:hover{
	background: #989898;
}

.gide-pagin .circle a:hover{
	color: #e9e9e9;
}

.b-viewer .smart-paging-pager li.viewer-text{
	display:none;
}

.b-viewer .smart-paging-pager li{
	padding:0;
}
.b-viewer .smart-paging-pager li.pager-previous{
	padding-right: 8px;
}

.b-viewer .smart-paging-pager{
	position: relative;
}

.b-viewer .smart-paging-pager li.pager-current.top-pager{
	top: 2px;
	left: 4px;
    position: absolute;
	font-weight:normal;
	font-size:14px;
}

.b-viewer ul.pager{
	padding-top: 20px;
}

.b-viewer .smart-paging-pager li.pager-current.bottom-pager{
	display:none;
}

.content .smart-paging-pager li.pager-current.bottom-pager{
	bottom: 25px;
    position: absolute;
	font-weight:normal;
	font-size:14px;

}

.content .smart-paging-pager li.pager-current.top-pager{
	display:none;
}

.viewer-left a, .viewer-right a{
	display: block;
	font-weight:bold;
	font-size:36px;
	text-decoration: none;
	color: #989898;
	padding: 17px;
	line-height: 36px;
}


.smart-paging-pager .pager{
	padding-right: 50px;
}

.smart-paging-pager .viewer-left, .smart-paging-pager .viewer-right{
	width: 80px;
	height: 80px;
	background: #e9e9e9;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display: inline-block !important;
	padding: 0 !important;
}

.smart-paging-pager .b-noactive,.viewer-left.b-noactive:hover,.viewer-right.b-noactive:hover{
background: #ffffff;
}


.viewer-left:hover,.viewer-right:hover{
	background: #989898;
}

.viewer-left a:hover,.viewer-right a:hover{
	color:#e9e9e9;
}

.b-viewer-left, .b-viewer-right{
background:#4e4e4e;
color: white !important;
text-decoration: none;
font-size:32px;
font-weight:bold;
display: inline-block;
line-height: 26px;
padding-top: 0px;
height: 31px;
width: 40px;
text-align: center;
}
.b-viewer-left.b-noactive, .b-viewer-right.b-noactive{
background: gainsboro !important;
cursor:text;
}
.b-viewer-left:hover,.b-viewer-right:hover{
background:#1a8dd0;
}
.b-continue-viewer .b-viewer-left{
margin:0;
}
.b-continue-viewer{
margin-top:20px;
}

.viewer-text{
color: #4D4D4D;
font-size:14px;
width: 270px;
}
.b-continue-count{
text-align:right;
color:#acacac;
font-size:14px;
margin-right:6px;
}

.b-green{
color:#25720b;
}
.b-red{
color:#c01111;
}

/***************************node film*************************/

.field-name-field-poster{
margin-top: 9px;
float: left;
margin: 0 30px 0 0;
}

.node-type-film .field-name-field-poster .field-items {
	width: auto;
}

.node-type-film .field-items {
	float: left;
	width: 430px;
}
#node_film_full_group_film_attribut .fieldset-wrapper{
	margin-top: 6px;
	width: 510px;
}

#node_film_full_group_film_attribut .field-label{
	width: 79px;
	font-size:14px;
	font-weight:bold;
}

#node_film_full_group_film_attribut .field-name-body{
	margin-bottom: 16px;
    margin-top: 14px;
}

#node_film_full_group_film_attribut .field-name-body .field-items{
	font-style: italic;
}

.b-trailer-title{
margin-bottom:1px;
font-size:16px;
}

#node_film_full_group_film_attribut .field{
	margin-bottom: 1px;
	line-height: 100%;
}

.field-name-field-trailer iframe{
width: 700px !important;
height: 330px !important;
}

#mc-content{
width:680px !important;
margin-top:15px;
}

.view-id-comment .photo-comment img {
float: left;
margin-right: 10px;
}

.photo-comment {
width: 110px;
//height: 150px;
-o-border-radius: 75px;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
overflow: hidden;
float: left;
}

.view-id-comment .backgroud {
margin-left: 160px;
padding-left: 15px;
margin-bottom: 30px;
}

.view-id-comment .comment h4{
font-size:14px;
margin-bottom: 2px;
padding-left: 4px;
text-transform: uppercase;
}

.view-id-comment .comment h4 span{
font-size:16px;
color:#747474;
display:block;
}

.view-id-comment .comment p {
background: #E4E4E4;
font-size:16px;
font-style: italic;
margin-top: 6px;
padding: 7px 4px;
}

.peterland-table{
margin-left:30px;
}

.peterland-table td{
vertical-align:top;
}

.peterland-table td:nth-child(2){
padding-left:15px;
}

.dlt-love{
	width: 495px;
	height: 95px;
	clear: both;
	overflow: hidden;
	background: #F2F2F2;
}

.dlt-logo{
	float: left;
}

.dlt-spasib{
	float: right;
	width: 279px;
	margin-top: 10px;
	font-size:16px;
	padding-left: 40px;
	padding-right: 6px;
	background: url(/images/orden.png) no-repeat 0px 10px;
}

.view-lids{
	padding: 20px 50px;
}

.view-lids p{
	font-size: 18px;
	color: #444;
	line-height: 26px;
}

#err-typo-tip{
	margin: 25px 0;
}
/*holidays*/
.holi-block{
	width: 945px;
	position: relative;
	margin-bottom:20px;
}

h1.holi-title{
	margin: 0 10px;
	padding: 7px 15px;
	display: inline-block;
	background: #ececef;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 30px;
	border-radius: 0px 0px 3px 3px;
}

.node-holidays #vk_holidays{
	position:absolute;
	//bottom:0px;
	top:55px;
	left: 18px;
}

.node-holidays .likes-vertical{
	position: absolute;
	bottom: 18px;
	right: 0;
	width: 150px;
}

.node-holidays .view-display-id-city_block, .view-article-events-weekend{
	margin-bottom: 20px;
	font-size: 19px;
}

.view-display-id-city_block a, .view-article-events-weekend a{
	color: #000;
	//font-weight:bold;
	text-decoration: none;
	font-size: 26px;
	display: inline-block;
	padding: 3px 0;
}

.view-display-id-city_block a span.in-link, .view-article-events-weekend a span.in-link{
	text-decoration: underline;
}

.view-display-id-city_block a:hover, .view-article-events-weekend a:hover{
	color:#e80f0f;
}

#webform-client-form-2141 {
	background: #FAFAFA;
  padding: 20px 0 50px;
	width: 598px;
	margin-left: 20px;
}

#webform-client-form-2141 label {
	color: #888888;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 6px;
}

#webform-client-form-2141 .description {
		color: #888888;
}

#webform-client-form-2141 .form-required {
    color: #888888;
    font-size: 12px;
}

#webform-client-form-2141 .captcha img {
	margin-left: 91px;
}

#webform-client-form-2141 #edit-captcha-response {
	line-height: 26px;
	height: 26px;
	width: 120px;
}

#webform-client-form-2141 .form-item-captcha-response label {
	font-size: 14px;
	font-weight: bold;
}

#webform-client-form-2141 .form-submit {
	text-align: center;
	display: block;
	margin: 0 auto;
	line-height: 40px;
	width: 286px;
	color: #ffffff;
	border: none;
	background-image: linear-gradient(#009BDE, #068BC4);
	font-size: 16px;
	border-radius: 2px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
	margin-top: 57px;
}

#webform-client-form-2141 .form-submit:hover {
		background-image: linear-gradient(#0490CD, #0982B6);
}

#webform-client-form-2141 .form-submit:active {
		background-image: linear-gradient(#64C1EA, #67B8DB);
}

#webform-client-form-2141 input[type=text], #webform-client-form-2141 input[type=email]{
	width: 414px;
	height: 42px;
	line-height: 42px;
	outline: none;
	border: 1px solid #E0E0E0;
}

#webform-client-form-2141 textarea {
	width: 414px;
	border: 1px solid #E0E0E0;
	height: 200px;
}

#webform-client-form-2141 .form-item {
		width: 414px;
		margin: 20px auto;
}