.pub.basic {
	background-color: #ededed;
    border-left: 3px solid #cc0000;
    cursor: pointer;
    margin: 18px auto 50px;
    max-width: 890px;
    padding: 5px 15px 10px;
	}

.pub.basic .pub-name {
text-align:left; 
font-family:Lucida Sans Unicode; 
font-size: 28px; 
line-height: 32px; 
font-weight:normal; 
margin:0px auto 2px auto; 
color:#387FB8;
text-align:left;
}

.pub.basic .pub-link {text-align:left; color:#999999; padding: 0 0 10px 0;}
.pub.basic .pub-go {text-align:left; color:#999999; padding: 0 0 10px 0;}


.pub.basic .pub-button {
border-radius: 100px; 
margin-right:30px;
border: solid 1px #cc0000;   
height:50px; width:50px;
padding: 0px 0px 0px 0px; 
text-align:center; 
color:#CC0000; 
font-size: 30px;   
line-height:45px; 
font-weight:normal; 
position:relative;
top:-67px; 
float:right; 
font-family:arial;
background-color:#FFFFFF;
}

.pub.basic .pub-go {text-align:left; color:#387FB8;}

.pub.basic:hover { background-color:#ffffff; transition: all 1s ease-out;}
.pub.basic:hover .pub-name {color:#CC0000; transition: all 1s ease-out;}
.pub.basic .pub-link:hover {}
.pub.basic:hover .pub-go {color:#000000; transition: all 1s ease-out;}
.pub.basic:hover .pub-button {background-color:#cc0000; color:#FFFFFF; transition: all 3s ease-out;}

/*****************************/

.pubcontent {cursor:pointer; border-left:solid 4px #CC0000; 
background-color:#EDEDED; margin:0px 0.5rem 50px 0.5rem; padding:0; max-width: 760px; cursor: pointer;}
.pubcontent .inside {margin:0px auto 0px auto; padding:10px 15px 10px 25px; position:relative; bottom:0px; left:0px; border-left:solid 0px rgba(0,0,0,0.0); border-bottom:solid 0px rgba(255,255,255,0.0);}
.pubcontent:hover {background-color:#FFFFFF; transition: all 1s ease-in-out;}
.pubcontent p.header {text-align:left; font-family:Lucida Sans Unicode;  font-size: 28px; line-height: 38px; font-weight:normal; margin:0px auto 0px auto; color:#CC0000}
.pubcontent p.header.font-1 {font-size: 22px; line-height: 32px; } 
.pubcontent:hover p.header {color:#FF0000; transition: all 1s ease-in-out;}
.pubcontent p.line_1 {text-align:left; color:#000000; padding:0px; margin:0px; padding-left: 2px; font-family:Arial; font-size:16px; line-height:20px}
.pubcontent:hover p.line_1 {color:#CC0000; transition: all 0s ease-in-out;}
.pubcontent:hover p.line_1.font-grow {font-size:22px; line-height:20px; transition: all 1s;}
.pubcontent p.line_2 {text-align:center; color:#666666; padding:3px 0px; margin:0px 0px 0px 0px; font-family:Arial; font-size:14px; line-height:18px; background-color:#ffffff }
.pubcontent:hover p.line_2 {text-align:center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); color:#ffffff; text-decoration:underline; background-color:#CC0000; transition: all 1s  ease-out;}
.pubcontent p.corner {text-align:right; float:right; clear:both; color:#cccccc; display:block; background-color: rgba(255,255,255,0.5); padding:2px 6px; margin:0px; border-radius: 0 0 0 7px; font-size:12px; font-family:arial; font-weight:normal; line-height:normal }
.pubcontent:hover p.corner {background-color: rgba(255,255,255,0.0); color:#cccccc;}

.pubcontent.blue {border-left:solid 4px #005599;}
.pubcontent.blue p.header {color:#005599;}
.pubcontent.blue:hover p.line_2 {background-color:#005599; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.9); transition: all 1s  ease-out;}

.pubcontent.inverse:hover {border-left:solid 4px #FF0000; transition: all 0s  ease-out;}
.pubcontent.inverse p.line_2 { color:#ffffff; background-color:#CC0000;}
.pubcontent.inverse:hover p.line_2 {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); color:#ffffff; background-color:#FF0000; text-decoration:none; transition: all 0s  ease-out;}

.pubcontent.inverse.blue p.line_2 {background-color:#005599; color:#ffffff; text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.0); transition: all 1s  ease-out;}
.pubcontent.inverse.blue:hover {border-left:solid 4px #CC0000; transition: all 0s  ease-out;}
.pubcontent.inverse.blue:hover p.line_2 {background-color:#cc0000; color:#ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.9); transition: all 1s  ease-out;}

.pubcontent.embos p.header {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);}
.pubcontent.embos .inside {margin:0px auto 0px auto; padding:10px 15px 10px 25px; position:relative; bottom:0px; left:0px; border-left:solid 1px rgba(0,0,0,0.8); border-bottom:solid 1px rgba(0,0,0,0.4);}
.pubcontent.embos p.line_2 {border-top:solid 1px rgba(255,255,255,0.5); border-right:solid 2px rgba(255,255,255,0.5)}

.pubcontent.blue.no-border-left:hover, .pubcontent.no-border-left:hover, .pubcontent.inverse.no-border-left:hover, 
.pubcontent.blue.no-border-left, .pubcontent.no-border-left, .pubcontent.inverse.no-border-left { border-left:solid 0px #CC0000; max-width: 764px;}

.pubcontent.autumn { }

.pubcontent p.center { text-align:center !important;}
.pubcontent p.line_1.font1 {font-size:22px; line-height:24px}

.pubcontent p.right { text-align:right !important; padding-left:1rem; padding-right:1rem}
.pubcontent p.left { text-align:left !important; padding-left:2rem; padding-right:2rem}

.pubcontent:hover p.line_1.simple, .pubcontent:hover p.line_2.simple,
.pubcontent:hover p.simple {text-shadow:none; transition:none;}

.pubcontent.image {background:none;}


.pubcontent.image img {position:relative; top:-0.5rem; z-index:800}

.pubcontent.image p.corner { 
text-align:right; float:right; clear:both; color:#cccccc; display:block; background-color: rgba(255,255,255,0.5); padding:2px 6px; margin:0px; border-radius: 0 0 0 7px; font-size:0.6rem; font-family:arial; font-weight:normal; line-height:1rem; position:relative; top:0rem; height:1rem; z-index:900 }

.img.background {background: #FFFFFF url(../pub/img/winter-blur.jpg) no-repeat center bottom; }

.pubcontent.center, .pubcontent.center .header, .pubcontent.center .line_1, .pubcontent.center .line_2 {text-align:center}

.pubcontent.image img.large{display:block;}
.pubcontent.image img.small{display:none;}

.pubcontent.shadow, 
.pubcontent.image img.shadow, .pubcontent.image a img.shadow { box-shadow: none; border:0px  }

.pubcontent.shadow:hover, 
.pubcontent.image img.shadow:hover, .pubcontent.image a img.shadow:hover { box-shadow: 0px 10px 12px rgba(0,0,0, 0.0); transition: all 1s ease-in-out;}

.pubcontent .inside.img-75
{background:url(http://freefotohelp.ru/pub/img/study-photography.jpg) no-repeat scroll 0 0; background-position:right -5px; background-size: 180px 135px; padding-right:190px }
.pubcontent .inside.img-75 p.line_1 { letter-spacing:4px}

.pubcontent .inside.img-175 {background:url(http://freefotohelp.ru/pub/img/photo-store.jpg) no-repeat scroll 10px 0px;	background-size: 100px 81px;	padding-left:120px;}



@media only screen and (max-width: 731px){
.pubcontent.image img{height:auto; max-width: 100%; padding:0px;}
}
@media only screen and (max-device-width: 731px) {
.pubcontent.image img{height:auto; max-width: 100%;}
}

, @media only screen and (max-width: 641px) {
.pubcontent .inside.img-175 {background:url(http://freefotohelp.ru/pub/img/photo-store.jpg) no-repeat scroll 10px 5px;	background-size: 126px 100px;	padding-left:140px; }
.pubcontent .inside.img-75 {background:url(http://freefotohelp.ru/pub/img/study-photography.jpg) no-repeat scroll 0 0; background-position:right 5px ; background-size: 216px 162px; padding-right:220px }
.pubcontent .inside.img-75 p.line_1 { letter-spacing:3px}
}


@media only screen and (max-device-width: 641px) {
.pubcontent .inside.img-175 {background:url(http://freefotohelp.ru/pub/img/photo-store.jpg) no-repeat scroll 10px 5px;	background-size: 126px 100px;	padding-left:140px; }
.pubcontent .inside.img-75 {background:url(http://freefotohelp.ru/pub/img/study-photography.jpg) no-repeat scroll 0 0; background-position:right 5px ; background-size: 216px 162px; padding-right:220px }
.pubcontent .inside.img-75 p.line_1 { letter-spacing:3px}
}

@media only screen and (max-width: 581px) {
.pubcontent p.header {text-align:left; font-family:Lucida Sans Unicode;  font-size: 24px; line-height: 28px; font-weight:normal; margin:0px auto 0px auto; color:#CC0000; padding-bottom:10px}
.pubcontent.image img{height:auto; max-width: 100%;}
.pubcontent.image p.corner { display:none}
.pubcontent.image img {position:relative; top:0.2rem; z-index:800}
}

@media only screen and (max-device-width: 581px) {
.pubcontent p.header {text-align:left; font-family:Lucida Sans Unicode;  font-size: 24px; line-height: 28px; font-weight:normal; margin:0px auto 0px auto; color:#CC0000; padding-bottom:10px}
.pubcontent.image img{height:auto; max-width: 100%;}
.pubcontent.image p.corner { display:none}
.pubcontent.image img {position:relative; top:0.2rem; z-index:800}
}

@media only screen and (max-width: 481px) {
.pubcontent p.header {text-align:left; font-family:Arial;  font-size: 20px; line-height: 26px; font-weight:bold; margin:0px auto 0px auto; color:#CC0000; padding-bottom:10px}
.pubcontent p.line_1.font1 {font-size:18px; line-height:20px}
.pubcontent.image img.large{display:none}
.pubcontent.image img.small{display:block; max-width: 100%;}
}
@media only screen and (max-device-width: 481px) {
.pubcontent p.header {text-align:left; font-family:Arial;  font-size: 20px; line-height: 26px; font-weight:bold; margin:0px auto 0px auto; color:#CC0000; padding-bottom:10px}
.pubcontent p.line_1.font1 {font-size:18px; line-height:20px}
.pubcontent.image img.large{display:none}
.pubcontent.image img.small{display:block; max-width: 100%;}
}

@media only screen and (max-width: 430px) {
.pubcontent .inside.img-75 {background:url(http://freefotohelp.ru/pub/img/study-photography.jpg) no-repeat scroll 0 0; background-position:right 5px ; background-size: 180px 135px; padding-right:220px }
.pubcontent .inside.img-75 p.line_1 { letter-spacing:1px}
}

@media only screen and (max-device-width: 461px) {
.pubcontent .inside.img-75 {background:url(http://freefotohelp.ru/pub/img/study-photography.jpg) no-repeat scroll 0 0; background-position:right 5px ; background-size: 180px 135px; padding-right:220px }
.pubcontent .inside.img-75 p.line_1 { letter-spacing:1px}
}

@media only screen and (max-width: 380px) {
.pubcontent .inside.img-75 {background:none; padding-right:1rem; }
}
@media only screen and (max-device-width: 395px) {
.pubcontent .inside.img-75 {background:none; padding-right:1rem; }
}

@media only screen and (max-width: 990px) { 
html body center div.pubcontent { border-top: solid 0px #E0DEDF;  border-bottom: solid 0px #E0DEDF; box-shadow: 0px 0px 0px #999999;}
html body center div.pubcontent.image { box-shadow: 0px 0px 0px #000000; }
}


html body center div.pubcontent { border-top: solid 0px #E0DEDF;  border-bottom: solid 0px #E0DEDF; box-shadow: 0px 0px 0px #999999; 
position:relative; top:28px; margin-bottom:28px}
html body center div.pubcontent.image { box-shadow: 0px 0px 0px #000000; }

.pubcontent {cursor:pointer; 
border-top:solid 1px #cc0000 !important; 
border-right:solid 1px #cc0000 !important; 
border-bottom:solid 1px #cc0000 !important; 
}
.pubcontent.no-border-left {border:solid 1px #cc0000 !important; }
.pubcontent.blue {border: 1px solid #005599 !important;}
.pubcontent.image {border:0px solid #ccc !important;/* max-width:730px !important; padding:0px*/}
.pubcontent.image img { position: static; max-width:100% !important; border:1px solid #000 !important; padding:4px;}
.pubcontent.no-border-left.image p.corner { display:none !important}

@media only screen and (max-width: 731px){
.pubcontent.image img{height:auto; max-width: 100%; padding:0px;}
html body center div.pubcontent { position:relative; top:5px; margin-bottom:10px}
}

/*.pubcontent, .pub { z-index:9010 !important}*/