Файл: WORLDofTANKS/css/main.css
Строк: 1721
@import
url(../../fonts.googleapis.com/css-family=PT+Sans-400,700,400italic,700italic&subset=latin,cyrillic.css)/*tpa=http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic*/;
@import
url(../../fonts.googleapis.com/css-family=Open+Sans+Condensed-300,700,300italic&subset=latin,cyrillic.css)/*tpa=http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic&subset=latin,cyrillic*/;
/*
--------------------------------------------------------------
HTML5
display
definitions
--------------------------------------------------------------
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary
{
display: block;
}
[hidden] {
display: none;
}
* {
outline:
0;
}
/*
Base
-------------------------------------------------------------- */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using
em units
* 2. Prevent iOS text size adjust on device orientation change,
without disabling user zoom: h5bp.com/g
*/
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
line-height: 1.4;
}
/*
* Remove text-shadow in selection
highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
/*
* 1.
Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap
between images and borders on image containers: h5bp.com/i/440
*/
img {
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
max-width: 100%;
height: auto;
}
.img {
box-shadow: 3px 3px 5px #999;
border-radius: 10px;
border: 1px solid #dadada;
}
.i-pdf {
margin: 0
2px 0 0;
}
/*
-------------------------------------------------------------
Typography
---------------------------------------------------------------*/
@font-face
{
font-family: 'ds_goose';
src:
url('../fonts/xtvcln0z-webfont.eot')/*tpa=http://paleo-dieta.info/fonts/xtvcln0z-webfont.eot*/;
src:
url('../fonts/xtvcln0z-webfont.eot-#iefix')/*tpa=http://paleo-dieta.info/fonts/xtvcln0z-webfont.eot?#iefix*/
format('embedded-opentype'),
url('../fonts/xtvcln0z-webfont.woff')/*tpa=http://paleo-dieta.info/fonts/xtvcln0z-webfont.woff*/
format('woff'),
url('../fonts/xtvcln0z-webfont.ttf')/*tpa=http://paleo-dieta.info/fonts/xtvcln0z-webfont.ttf*/
format('truetype');
font-weight: normal;
font-style: normal;
}
body {
font-size: 0.9em;
font-family: "woff", Arial, sans-serif;
color: #595750;
font-style: italic;
}
/*Links*/
a {
text-decoration:
none;
color: #0e8201;
}
a:hover,
a:active {
text-decoration: none;
color: #0e8201;
}
/* Keep Bootstrap buttons */
a.btn {
text-decoration:
none;
}
/*Titles*/
h1 {
line-height: 1.05em;
font-size: 1.4375em;
font-weight: bold;
font-style: italic;
font-style: italic;
color:
#87391d;
margin: 0 0 0.5em;
}
h2 {
font-size: 1.25em;
color:
#846040;
margin: 25px 0 5px;
}
h2 a,
h2 a:hover, h2 a:active {
color:
#846040;
}
h3 {
font-size: 20px;
color: #595750;
font-weight: bold;
margin: 25px 0 5px;
}
h1, h2, h3, h4, h5 {
line-height:
normal;
}
.title {
padding: 11px 0 19px;
background:
url(../img/layout/bg_title.png)/*tpa=http://paleo-dieta.info/img/layout/bg_title.png*/
center 0 no-repeat;
text-align: center;
color: #fff;
line-height:
40px;
font-size: 1.875em;
}
p {
margin: 0 0 1.125em;
line-height:
1.125em;
}
.article_item p {
text-align: justify;
font-size: 17px;
line-height: 21px;
}
.list {
margin: 1.6em 0;
padding: 0;
font-size:
1.0625em;
}
.list li {
padding: 0 0 0 30px;
list-style: none;
background:
url(../img/layout/bg_bullet.png)/*tpa=http://paleo-dieta.info/img/layout/bg_bullet.png*/
5px .8em no-repeat;
}
.list li em {
display: block;
padding: 9px 0
9px;
border-bottom: 1px solid #E7E5E0;
}
.list li:last-child em {
border: none;
}
blockquote {
margin: 20px 20px 20px 25px;
padding:
15px 0;
border-left: none;
border-top: 1px solid #D4D1CE;
border-bottom: 1px solid #D4D1CE;
font-size: 19px;
font-style: italic;
color: #585350;
}
blockquote p {
margin: 0 0 12px;
font-size: 19px;
text-align: left;
}
blockquote p:last-child {
margin:
0;
}
.beautiful-pictures {
display: block;
padding-bottom: 15px;
text-align: center;
background:
url(../img/beautiful-pictures.png)/*tpa=http://paleo-dieta.info/img/beautiful-pictures.png*/
no-repeat 50% 100%;
}
.beautiful-pictures img {
border: 2px solid
#ebe8de;
border-radius: 10px;
}
/*
-------------------------------------------------------------
Layout
---------------------------------------------------------------*/
body
{
background: #DED5BB
url(../img/layout/bg_body.png)/*tpa=http://paleo-dieta.info/img/layout/bg_body.png*/
center 110px no-repeat;
}
.wrapper {
margin: 0 auto;
width:
960px;
}
.main-header .logo {
height: 143px;
}
.main-header .logo-big
{
height: 163px;
}
.logo a {
display: block;
}
.content-wrap {
position: relative;
margin: 0 0 1em;
padding-bottom: 2em;
background:
#FAF8F0;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
/*.main-header+*/.content-wrap /*,
.promo*/
{
-webkit-box-shadow: 0 -9px #753625;
-moz-box-shadow: 0 -9px #753625;
box-shadow: 0 -9px #753625;
}
.main-header+.content-wrap {
padding-top:
1.5em;
}
.main-header {
position: relative
}
.text-article, .content {
padding: 0 0 0 5px;
position: relative;
}
.content {
padding-right:
10px;
}
.sidebar .useful {
float: right;
margin: 0 15px 12px
0;
}
.useful a:hover,
.useful a:active {
opacity: .8;
}
/* right menu
*/
.article_item {
width: 100%;
}
.user-menu {
width: 265px;
padding: 40px 0 3px 20px;
position: relative;
margin-bottom: 20px;
background: #ebe8dd;
-webkit-border-radius: .5em;
-moz-border-radius:
.5em;
border-radius: .5em;
color: #87807c;
text-decoration: none;
font-size: 15px;
font-style: italic;
font-weight: bold;
}
.user-menu
.headbl {
position: absolute;
top: -5px;
left: 7px;
width: 271px;
padding: 5px 0 7px;
background: #138904;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
-webkit-box-shadow: 0
1px 8px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .4);
box-shadow: 0 1px 8px rgba(0, 0, 0, .4);
text-align: center;
font-size: 18px;
color: #fff;
}
.user-menu ul {
margin: 0 7px;
text-decoration: none;
}
.user-menu li {
list-style-type: none;
padding: 5px 20px 7px 20px;
border-bottom: 1px solid #d3d2c4;
color:
#188706;
text-decoration: none;
}
.user-menu li:last-child {
border:none;
}
.user-menu .current ul span {
color:#87807C;
}
.user-menu .last {
border: none;
}
.user-menu a {
color: #655d5b;
}
.user-menu a:hover {
text-decoration:
none;
}
.banners {
text-align: center;
}
.banners img {
margin: 0 0
20px;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
/*Footer*/
.main-footer {
background: #45423F;
-webkit-border-radius: .5em .5em 0 0;
-moz-border-radius: .5em .5em 0 0;
border-radius: .5em .5em 0 0;
}
.main-footer .nav {
padding: 1em 23px
1.2em;
margin: 0;
}
.main-footer .nav a {
color:
#eee6c7;
}
.main-footer .nav>li>a:hover,
.main-footer
.nav>li>a:focus {
background-color: rgba(255, 255, 255,
.1);
}
.site-info {
padding: 0 35px;
background: #55504B;
color:
#aba49b;
font-size: .8125em;
}
.site-info .row-fluid {
padding: 2em
0;
border-top: 1px solid #656152;
}
/*
Navigation
---------------------------------------------------------------*/
.nav-tabs
{
clear: both;
margin: 0;
font-size: 1.2em;
border:
none;
}
.nav-tabs li {
margin: 0 5px 0 0;
font-weight:
bold;
}
.nav-tabs>li>a, .topmenu_user {
padding: .4em 1.1em
.9em;
-webkit-border-radius: .5em .5em 0 0;
-moz-border-radius: .5em
.5em 0 0;
border-radius: .5em .5em 0 0;
border: none;
background:
#C8B99F
url(../img/layout/bg_nav.png)/*tpa=http://paleo-dieta.info/img/layout/bg_nav.png*/
0 0 repeat-x;
color: #5C3F37;
-webkit-box-shadow: 0 3px 7px rgba(77,
53, 45, 75);
-moz-box-shadow: 0 3px 7px rgba(77, 53, 45, 75);
box-shadow: 0 3px 7px rgba(77, 53, 45, 75);
text-decoration: none;
text-emphasis: none;
}
.topmenu_user {
padding: .6em 1.1em
.7em;
}
.nav-tabs .current a,
.nav-tabs a:hover {
background:
url(../img/layout/bg_nav_current.png)/*tpa=http://paleo-dieta.info/img/layout/bg_nav_current.png*/
0 0 repeat-x;
background-color: #753625 !important;
color: #fff;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow:
none;
box-shadow: none;
}
.buy_course a {
background-image:
url(../img/layout/bg_buy_course.png)/*tpa=http://paleo-dieta.info/img/layout/bg_buy_course.png*/
!important;
-webkit-box-shadow: 0 3px 7px rgba(77, 53, 45, 75)
!important;
-moz-box-shadow: 0 3px 7px rgba(77, 53, 45, 75) !important;
box-shadow: 0 3px 7px rgba(77, 53, 45, 75) !important
user_form;
}
.topmenu_user {
clear: both;
margin: 0;
background:
url(../img/layout/bg_nav_current.png)/*tpa=http://paleo-dieta.info/img/layout/bg_nav_current.png*/
0 0 repeat-x;
background-color: #753625 !important;
color:
#5C3F37;
}
.topmenu_user>li {
float: left;
margin: .3em 0 .4em
.2em;
list-style-type: none;
text-emphasis:
none;
}
.topmenu_user>li>a {
padding: .2em .8em .4em .8em;
color: #dfd5ba;
text-decoration: none;
}
.topmenu_user .current
a,
.topmenu_user a:hover {
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
border: none;
background: #198a06;
color: #fff;
}
/* Social
block
---------------------------------------------------------------*/
.social-block
{
padding: 1.7em 0 .5em 3.3em;
overflow: hidden;
text-align: right;
zoom: 1;
}
.userinfo {
background: #753625
url(../img/layout/bg_nav_current.png)/*tpa=http://paleo-dieta.info/img/layout/bg_nav_current.png*/
0 0 repeat-x;
border-radius: 6px;
color: #fff;
display:
inline-block;
float: left;
font-size: 17.5px;
margin: 0 0 0 10px;
padding: 12px 19px;
text-shadow: 0 -1px 0 rgba(0, 0, 0,
0.25);
}
.btn.userinfo:hover,
.btn.userinfo:focus,
.btn.userinfo:active {
background-color: #753625;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,
0, 0, 0.55);
}
.userinfo.logined {
font-size: 15px;
cursor: auto;
font-weight: normal;
}
.userinfo.logined a {
color: #fff;
}
.userinfo
.btn {
color: #222 !important;
margin-left: 10px;
}
.userinfo
.username {
font-weight: bold;
}
.ask-quest-btn {
float:
left;
}
.social-block #vk_like {
float: right;
margin: 10px 0 0
0;
}
.social-block .fb-like {
float: right;
margin: 10px 10px 0
0;
}
.social-block_btn {
float: right;
overflow: hidden;
zoom:
1;
}
.link_logout {
font-size: 11px;
color: #d3bfb7 !important;
text-decoration: none;
}
.learn-more-block {
margin: 3.5em 0 0 30px;
padding: 2em 1.3em 0 .4em;
background: #ECEAE5;
-webkit-border-radius:
.4em;
-moz-border-radius: .4em;
border-radius: .4em;
border: 1px
solid #E8E4E2;
font-style: italic;
color: #55524a;
}
.learn-more-block
.img-wrap {
float: left;
margin: -3.8em 0 0;
}
.learn-more-block p {
float: right;
width: 40%;
}
.learn-more-block .btn {
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px
8px rgba(0, 0, 0, .4);
box-shadow: 0 1px 8px rgba(0, 0, 0, .4);
color:
#AAF0AD;
}
.learn-more-block .btn strong {
color: #fff;
}
/* Promo
block
---------------------------------------------------------------*/
.promo
{
overflow: hidden;
margin: 0 0 .8em;
padding: 16px 12px 7px 12px;
position: relative;
top: -8px;
background: #743625;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius:
.5em;
}
.promo .img-wrap {
margin: 0 0 10px;
}
.promo a:hover,
.promo
a:active {
opacity: .8;
}
.promo-main {
float: left;
position:
relative;
top: -4px;
width: 656px;
height: 364px;
margin-right:
5px;
background:
url(../img/layout/bg_promomain.png)/*tpa=http://paleo-dieta.info/img/layout/bg_promomain.png*/;
}
.promo_logo,
.promo_slogan,
.promo_pers,
.promo_link
{
position: absolute;
}
.promo_logo {
width: 206px;
height: 78px;
left: 28px;
top: 16px;
}
.promo_slogan {
width: 311px;
height:
128px;
left: 80px;
top: 90px;
}
.promo_pers {
width: 240px;
height: 354px;
left: 399px;
top: 4px;
}
.promo_link {
width: 264px;
height: 64px;
left: 35px;
top: 260px;
padding: 15px 90px 0 0;
background:
url(../img/layout/promo_bg_link.png)/*tpa=http://paleo-dieta.info/img/layout/promo_bg_link.png*/;
text-align: right;
color: #68331f;
font-size: 1.8em;
font-style:
italic;
font-weight: bold;
text-decoration: none;
}
/*
Reviews
---------------------------------------------------------------*/
.reviews
{
overflow: hidden;
margin: 0 0 2em;
padding: 1em 0 1em;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius:
.5em;
background: #E6E1D2;
box-shadow: 0 3px 1px #CAC2AA;;
color:
#7d7d7d;
}
.reviews .item {
float: left;
margin: 0 .4% 0 1.8%;
padding: 0 1.4% 0 0;
width: 29.7%;
background:
url(../img/layout/bg_review.png)/*tpa=http://paleo-dieta.info/img/layout/bg_review.png*/
right 14px no-repeat;
}
.reviews .bq-wrap {
background: #fff;
-webkit-box-shadow: 0 6px 0px -3px #A8A292;
-moz-box-shadow: 0 6px 0px
-3px #A8A292;
box-shadow: 0 6px 0px -3px #A8A292;
-webkit-border-radius: .4em;
-moz-border-radius: .4em;
border-radius:
.4em;
}
.reviews .bq-wrap blockquote {
position: relative;
bottom:
-22px;
margin: 0 8%;
padding: 0 0 3.6em;
min-height: 7.35em;
background:
url(../img/layout/bg_review_item.png)/*tpa=http://paleo-dieta.info/img/layout/bg_review_item.png*/
78px bottom no-repeat;
border: none;
line-height: 1.2em;
font-size:
.93333em;
font-style: italic;
}
.reviews .pic {
position: absolute;
float: left;
margin: -22px 0 0 13px;
}
.reviews .author {
margin: 12px
0 0;
padding: .2em 1em .2em 40%;
line-height: 1.2em;
-webkit-border-radius: .6em;
-moz-border-radius: .6em;
border-radius:
.6em;
font-style: italic;
font-size: 1.125em;
color:
#fff;
}
.reviews .item .author {
background: #1e9d0a; /* Old browsers
*/
background: -moz-linear-gradient(top, #1e9d0a 0%, #178405 100%); /*
FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #1e9d0a), color-stop(100%, #178405)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e9d0a 0%, #178405 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e9d0a 0%,
#178405 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,
#1e9d0a 0%, #178405 100%); /* IE10+ */
background: linear-gradient(to
bottom, #1e9d0a 0%, #178405 100%); /* W3C */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e9d0a',
endColorstr='#178405', GradientType=0); /* IE6-9 */
}
.reviews
.item:first-child .author {
background: #736e65; /* Old browsers */
background: -moz-linear-gradient(top, #736e65 0%, #676258 100%); /* FF3.6+
*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #736e65), color-stop(100%, #676258)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #736e65 0%, #676258 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #736e65 0%,
#676258 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,
#736e65 0%, #676258 100%); /* IE10+ */
background: linear-gradient(to
bottom, #736e65 0%, #676258 100%); /* W3C */
}
.reviews .item:last-child
.author {
background: #b38365; /* Old browsers */
background:
-moz-linear-gradient(top, #b38365 0%, #a27b62 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
#b38365), color-stop(100%, #a27b62)); /* Chrome,Safari4+ */
background:
-webkit-linear-gradient(top, #b38365 0%, #a27b62 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b38365 0%,
#a27b62 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,
#b38365 0%, #a27b62 100%); /* IE10+ */
background: linear-gradient(to
bottom, #b38365 0%, #a27b62 100%); /* W3C */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#b38365',
endColorstr='#a27b62', GradientType=0); /* IE6-9 */
}
.reviews .author
.job {
display: block;
color: rgba(255, 255, 255, .7);
font-size:
.777em;
}
/* News
block
---------------------------------------------------------------*/
.news-block
{
margin-top: 0px;
}
.news-block .title {
margin: -57px 0
0;
}
.news-item {
margin: 0 0;
}
.menu_user {
margin-left:-50px;
float:left;
}
.news-item .img-wrap {
width:
28.4%;
}
/*
.news-item img {
display: block;
margin: 23px 0 14px
35px;
padding: 0 0 11px 0;
background:
url(/img/layout/bg_news_block_img.png) 3px bottom no-repeat;
}
*/
.img-article {
margin: 23px 0 14px 35px;
padding: 0 0 11px 0;
background:
url(../img/layout/bg_news_block_img.png)/*tpa=http://paleo-dieta.info/img/layout/bg_news_block_img.png*/
3px bottom no-repeat;
}
.img-article img {
border-radius:
10px;
}
.news-item p {
margin: 0 0 .6em;
}
.news-item-footer {
border-top: 1px solid #D3D1CC;
font-size: .875em;
}
.news-item-footer ul
{
margin: 0;
padding: .5em 0;
}
.news-item-footer li {
float: left;
padding: 0 .8em 0 0;
margin: 0 .8em 0 0;
list-style: none;
border-right: 1px solid #D3D1CC;
line-height: 1em;
}
.news-item-footer
li:last-child {
border: none;
}
.link_other_article {
margin: 10px 0
0;
padding: 0 35px 0;
text-align: right;
}
.b-pager__arr {
font-style: normal;
font: 100% Times, sans-serif;
}
.subscribe_article
{
width: 900px;
height: 160px;
margin-left: 35px;
background:
url(../img/layout/bg_subscribe.png)/*tpa=http://paleo-dieta.info/img/layout/bg_subscribe.png*/
no-repeat;
overflow: hidden;
zoom: 1;
color:
#fff;
}
.subscribe_article h4,
.subscribe_article p {
float: left;
font-weight: normal;
}
.subscribe_article h4 {
width: 156px;
height:
73px;
margin: 55px 0 0 175px;
background:
url(../img/layout/txt_harm-diet.png)/*tpa=http://paleo-dieta.info/img/layout/txt_harm-diet.png*/
no-repeat;
}
.subscribe_article p {
width: 310px;
margin: 54px 0 0
45px
}
.subscribe_article a {
float: right;
width: 165px;
height:
86px;
margin: 55px 16px 0;
background:
url(../img/btn_subscribe2.png)/*tpa=http://paleo-dieta.info/img/btn_subscribe2.png*/
no-repeat;
text-indent: -2000px;
}
.subscribe_article a:active,
.subscribe_article a:focus {
outline: none;
}
/*
Pagination
---------------------------------------------------------------*/
.pagination
{
margin: -.3em 0 3.4em;
padding: .5em 0;
background: #E8E2CF;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius:
.5em;
}
.pagination ul {
-webkit-box-shadow: none;
-moz-box-shadow:
none;
box-shadow: none;
}
.pagination ul>li>a, .pagination
ul>li>span {
background: none;
border: none;
text-decoration:
underline;
}
.pagination ul>li>a:hover, .pagination
ul>li>a:focus, .pagination ul>.active>a, .pagination
ul>.active>span {
background: none;
text-decoration: none;
}
/*
Success story
page
---------------------------------------------------------------*/
.success-block
{
margin: 0 -25px 0 35px;
}
.success-block h1 {
margin-bottom: 1.4em;
font-size: 1.75em
}
.success-item {
margin: 0 0
2em;
}
.success-item:last-child {
margin-bottom: 0;
}
.success-item
.img-wrap {
width: 100px;
height: 100px;
overflow: hidden;
background: #fff;
-webkit-border-radius: 100%;
-moz-border-radius:
100%;
border-radius: 100%;
border: 1px solid #E6DDD1;
}
.success-item
.author {
font-size: .875em;
text-align: center;
color:
#84492e;
}
.success-item .author span {
color: #9a837b;
font-style:
italic;
}
.success-item .description {
position: relative;
padding:
1.2em 2em .1em;
background: #fff;
-webkit-box-shadow: 0 1px 1px 1px
#E7E2D4;
-moz-box-shadow: 0 1px 1px 1px #E7E2D4;
box-shadow: 0 1px 1px
1px #E7E2D4;
-webkit-border-radius: .4em;
-moz-border-radius: .4em;
border-radius: .4em;
font-style: italic;
}
.success-item .pointer {
position: absolute;
top: 30px;
left: -23px;
width: 24px;
height:
34px;
background:
url(../img/layout/bg_success_pointer.png)/*tpa=http://paleo-dieta.info/img/layout/bg_success_pointer.png*/
0 0 no-repeat;
}
/*Inline success block*/
.success-block-inline
.success-item {
float: left;
width: 29.7%;
padding: 0
1.8%;
}
.success-block-inline .success-item .img-wrap {
position:
relative;
top: -11px;
float: left;
width: 84px;
height:
84px;
}
.success-item .pointer-inline {
position: absolute;
bottom:
-19px;
left: 86px;
width: 32px;
height: 19px;
background:
url(../img/layout/bg_success_pointer_inline.png)/*tpa=http://paleo-dieta.info/img/layout/bg_success_pointer_inline.png*/
0 0 no-repeat;
}
.success-block-inline .success-item .author {
padding:
.7em 0 0 1.7em;
text-align: left;
float: left;
width:
54%;
}
.success-block-inline .success-item .description {
-webkit-box-shadow: 0 1px 1px 1px #CDC8BB;
-moz-box-shadow: 0 1px 1px 1px
#CDC8BB;
box-shadow: 0 1px 1px 1px #CDC8BB;
}
/* Video
block
---------------------------------------------------------------*/
.video
{
overflow: visible;
position: relative;
text-align:
center;
}
.video h1 {
margin: 0 0 .6em;
font-family: ds_goose, Arial,
sans-serif;
font-size: 1.375em;
font-style: normal;
font-weight:
normal;
color: #fff;
text-shadow: 1px 1px #502315;
}
.video-wrap {
padding: 24px 150px 64px 149px;
/*background:
url(/img/layout/bg_video.png) -16px -40px no-repeat;*/
}
.video
.left-arrow {
width: 139px;
height: 134px;
position: absolute;
top:
15px;
left: -27px;
background:
url(../img/layout/bg_arrow_left.png)/*tpa=http://paleo-dieta.info/img/layout/bg_arrow_left.png*/
0 0 no-repeat;
}
.video .right-arrow {
width: 137px;
height: 137px;
position: absolute;
top: 13px;
right: -15px;
background:
url(../img/layout/bg_arrow_right.png)/*tpa=http://paleo-dieta.info/img/layout/bg_arrow_right.png*/
0 0 no-repeat;
}
/* Pay
Info
---------------------------------------------------------------*/
.pay-info
{
overflow: hidden;
color: #797069;
text-align: center;
font-size:
.75em;
}
.pay-info p {
margin: 0 0 1.5em;
line-height:
.5em;
}
.payment_systems {
margin: 0 0 10px;
}
.btn-buy {
padding:
0;
-webkit-box-shadow: inset 0 -1em #018F29;
-moz-box-shadow: inset 0
-1em #018F29;
box-shadow: inset 0 -1em #018F29;
border: none;
background: #b7e9b2; /* Old browsers */
background:
-moz-linear-gradient(top, #b7e9b2 0%, #269d2e 47%, #269d2e 100%); /* FF3.6+
*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #b7e9b2), color-stop(47%, #269d2e), color-stop(100%,
#269d2e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,
#b7e9b2 0%, #269d2e 47%, #269d2e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b7e9b2 0%, #269d2e 47%, #269d2e 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b7e9b2 0%,
#269d2e 47%, #269d2e 100%); /* IE10+ */
background: linear-gradient(to
bottom, #b7e9b2 0%, #269d2e 47%, #269d2e 100%); /* W3C */
font-size:
2.125em;
font-weight: bold;
font-style: italic;
color: #fff;
text-shadow: 0 -1px #18611D;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius:
.5em;
}
.btn-buy:hover,
.btn-buy:active {
color: #fff;
}
.btn-buy span
{
display: block;
-webkit-border-radius: .8em;
-moz-border-radius:
.8em;
border-radius: .8em;
box-shadow: inset 0 -1em #018F29;
padding:
.8em 1.5em 1em;
}
.pay-info .btn-buy {
font-size: 2.8333em;
}
/*Video
Payment info*/
.video .pay-info {
margin: -22px 0 5px;
color: rgba(255,
255, 255, .6);
}
.video .btn-buy {
-webkit-box-shadow: inset 0 -1em
#F5A643, 0 0 3em #C15E38;
-moz-box-shadow: inset 0 -1em #F5A643, 0 0 3em
#C15E38;
box-shadow: inset 0 -1em #F5A643, 0 0 3em #C15E38;
background:
#fff6d8; /* Old browsers */
background: -moz-linear-gradient(top, #fff6d8
0%, #f8c174 47%, #f8c174 100%); /* FF3.6+ */
background:
-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff6d8),
color-stop(47%, #f8c174), color-stop(100%, #f8c174)); /* Chrome,Safari4+
*/
background: -webkit-linear-gradient(top, #fff6d8 0%, #f8c174 47%,
#f8c174 100%); /* Chrome10+,Safari5.1+ */
background:
-o-linear-gradient(top, #fff6d8 0%, #f8c174 47%, #f8c174 100%); /* Opera
11.10+ */
background: -ms-linear-gradient(top, #fff6d8 0%, #f8c174 47%,
#f8c174 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff6d8
0%, #f8c174 47%, #f8c174 100%); /* W3C */
color: #4B2317;
text-shadow:
0 1px #FFF1C7;
}
.video .btn-buy:hover,
.video .btn-buy:active {
color:
#4B2317;
}
.video .btn-buy span {
-webkit-box-shadow: inset 0 -1em
#F5A643;
-moz-box-shadow: inset 0 -1em #F5A643;
box-shadow: inset 0
-1em #F5A643;
}
/* Short
news
---------------------------------------------------------------*/
.short-news-block
{
padding: 0;
}
.short-news .description {
padding: 1.5em 2em 1.8em
35px;
}
.short-news .description p {
font-size: 1.0625em;
}
.short-news
.img-wrap {
padding: 1.5em .5em;
}
.news-accent {
background: #137f02
url(../img/layout/bg_short_news_accent.png)/*tpa=http://paleo-dieta.info/img/layout/bg_short_news_accent.png*/
0 0 no-repeat;
color: #fff;
}
.news-accent h1 {
color: #fff;
font-style: normal;
font-size: 1.875em;
}
.news-accent .description p {
font-size: 1em;
}
.news-accent .img-wrap {
position: relative;
left:
6.5%;
}
/* -------------------------------------------------------------
Exit
Pages
---------------------------------------------------------------*/
.exit-page
{
height: 862px;
width: 1200px;
margin: 0 auto;
position:
relative;
}
.exit-page .logo {
float: right;
margin: 0 110px 0
0;
}
.exit-page h1 {
margin: 0;
font-size: 2.5em;
color: #4C5557;
letter-spacing: -.02em;
display: inline-block;
line-height:
40px;
}
.exit-page h1 strong {
display: block;
margin: -5px 0 0
-58px;
font-size: 1.5em;
color: #009C2D;
letter-spacing:
-.04em;
}
.exit-page-subscribe legend {
float: left;
font-weight:
bold;
border: none;
}
.exit-page-subscribe input[type='text'],
.exit-page-subscribe input[type='email'] {
font-size: 1.375em;
font-family: PT Sans, Arial, sans-serif;
font-weight: normal;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3);
-moz-box-shadow:
inset 0 2px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0 2px 2px rgba(0, 0,
0, .3);
border: 1px solid #C1BEB9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/*Exit page
01*/
.exit-page-01 {
background:
url(../img/layout/bg_exitpage_01.png)/*tpa=http://paleo-dieta.info/img/layout/bg_exitpage_01.png*/
center 0 no-repeat;
}
.exit-page-01 h1 {
padding: 191px 0 0
226px;
}
.exit-page-01 .description {
font-family: "Open Sans
Condensed", Arial, sans-serif;
padding: 38px 0 0 218px;
color:
#fff;
font-size: 1.8em;
font-weight: bold;
text-shadow: 0 2px 3px
#059442;
}
.exit-page-01 .description strong {
font-family: "PT
Sans", Arial, sans-serif;
font-style: italic;
font-size:
1.1em;
}
.exit-page-01 .exit-page-subscribe legend {
width: 13%;
margin: 66px 0 0 90px;
line-height: 1.2em;
color: #FBF8EF;
font-family: "Open Sans Condensed", Arial, sans-serif;
font-size: .9em;
}
.exit-page-01 .exit-page-subscribe input[type='text'],
.exit-page-01 .exit-page-subscribe input[type='email'] {
margin: 79px
28px 0 0;
padding: 1em .7em .7em;
width: 25%;
}
.subscribe-btn {
clear: both;
margin: 40px 0 0;
text-align: center;
}
.subscribe-btn
.btn {
font-size: 2em;
font-family: "Open Sans Condensed",
Arial, sans-serif;
padding: .9em 1.1em 1.2em;
-webkit-border-radius:
.4em;
-moz-border-radius: .4em;
border-radius: .4em;
background:
#bf4c31; /* Old browsers */
background: -moz-linear-gradient(top, #bf4c31
0%, #a84229 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left
top, left bottom, color-stop(0%, #bf4c31), color-stop(100%, #a84229)); /*
Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bf4c31 0%,
#a84229 100%); /* Chrome10+,Safari5.1+ */
background:
-o-linear-gradient(top, #bf4c31 0%, #a84229 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bf4c31 0%, #a84229 100%); /* IE10+
*/
background: linear-gradient(to bottom, #bf4c31 0%, #a84229 100%); /*
W3C */
}
.subscribe-btn-02 {
margin: 5px 0 0;
}
.subscribe-btn-02 .btn
{
border: none;
font-size: 2.3em;
font-family: "Open Sans
Condensed", Arial, sans-serif;
padding: .7em .8em .9em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius:
.3em;
background: #00b134; /* Old browsers */
background:
-moz-linear-gradient(top, #00b134 0%, #007f26 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
#00b134), color-stop(100%, #007f26)); /* Chrome,Safari4+ */
background:
-webkit-linear-gradient(top, #00b134 0%, #007f26 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00b134 0%,
#007f26 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,
#00b134 0%, #007f26 100%); /* IE10+ */
background: linear-gradient(to
bottom, #00b134 0%, #007f26 100%); /* W3C */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b134',
endColorstr='#007f26', GradientType=0); /* IE6-9 */
}
/*Exit page
02*/
.exit-page-02 {
background:
url(../img/layout/bg_exitpage_02.png)/*tpa=http://paleo-dieta.info/img/layout/bg_exitpage_02.png*/
center 0 no-repeat;
}
.exit-page-02 h1 {
position: relative;
left:
563px;
top: 100px;
}
.exit-page-02 .exit-page-subscribe {
margin:
227px 0 0 426px;
}
.exit-page-02 .exit-page-subscribe legend {
padding:
23px 0 0;
width: 47.3%;
font-style: italic;
font-size: 1.4375em;
line-height: 1em;
color: #fff;
}
.exit-page-02 .exit-page-subscribe
input[type='text'], .exit-page-02 .exit-page-subscribe input[type='email']
{
padding: .8em .5em .5em;
width: 278px;
}
.exit-page-02 .reviews {
-webkit-background: none;
-moz-box-shadow: none;
box-shadow:
none;
}
.exit-page-02 .success-block {
width: 890px;
margin: 90px auto
0;
position: absolute;
top: 500px;
left: 155px;
}
.form_mail_exit
input.sbmt {
display: block;
width: 315px;
height: 88px;
background: transparent
url('../img/btn_getbook.png')/*tpa=http://paleo-dieta.info/img/btn_getbook.png*/
no-repeat;
border: 0;
cursor: pointer;
}
.preload {
display: none;
padding: 50px 0;
text-align: center;
}
.exit_agree {
margin: 287px 0
0;
text-align: center;
font-size: .7em;
color: #b7b19f;
}
/*
*/
.breadcrumbs {
padding: 0 0 15px;
font-size: 80%;
}
/* download
book */
.img_paleo_result {
position: relative;
right:
-27px;
}
.col_product {
float: left;
width: 445px;
padding: 0 0
1.8em 35px;
}
.col_product img {
margin: 2em 0 1.5em;
}
.a-c {
text-align: center;
}
.col_product .btn-buy {
font-size: 1.2em
}
/*
user form */
.user_form {
float: left;
position: relative;
padding:
20px 30px 10px 30px;
background: #f1ede1;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
border: 1px solid
#dfdcd5;
}
.user_form label {
font-size: 1.0625em;
color:
#68574f;
}
.user_form label.terms, .user_form .lostpass {
font-size:
80%;
}
.user_form .btn {
margin: 15px 0 0;
}
.reg_txt {
margin: -10px
0 0 320px;
}
.reg_txt em {
font-style: normal;
}
.reg_txt p {
float:
right;
font-size: 1.0625em;
line-height: 1.5em;
}
.reg_txt a {
font-weight: bold;
}
.lostpass {
margin: -43px 0 0 85px;
}
/* contact
us */
.ico-loading, .ico-file-loading {
display: inline;
visibility:
hidden
}
.contact-form-container .user_form select {
width:
420px;
}
.contact-form-container .user_form
textarea,
.contact-form-container .user_form input[type='text'] {
width:
500px;
}
.contact-form-container #date_pay {
width: 100px;
}
.user_form
.help-block {
margin: -8px 0 0;
font-size: .8em;
color:
#b2a89e;
}
.que_item {
background:
url('../img/layout/faq_fixed.png')/*tpa=http://paleo-dieta.info/img/layout/faq_fixed.png*/
0 0 no-repeat;
margin-bottom: 20px;
padding: 4px 0 10px
45px;
}
.body_que {
margin: 0 0 10px;
font-weight: bold;
font-size:
110%;
}
.answer p {
margin: 0;
}
.answer li {
padding: 0 0 0 30px;
list-style: none;
background:
url(../img/layout/bg_bullet.png)/*tpa=http://paleo-dieta.info/img/layout/bg_bullet.png*/
5px 6px no-repeat;
}
.contact-form-container .user_form {
float: none;
display: inline-block;
}
.user_form.cf-subject .btn {
margin: -10px 0
0;
}
.contact-form-container .user_form {
float: none;
width:
530px;
}
.user_notlogined.cfSender {
-webkit-border-radius: 1em 1em 0
0;
-moz-border-radius: 1em 1em 0 0;
border-radius: 1em 1em 0 0;
border-width: 1px 1px 0 1px;
}
.user_notlogined.cfMessage,
.user_notlogined.cfPaymentIssue, .user_notlogined.cfReservation {
-webkit-border-radius: 0 0 1em 1em;
-moz-border-radius: 0 0 1em 1em;
border-radius: 0 0 1em 1em;
border-width: 0 1px 1px
1px;
}
.user_form.cfMessage, .user_form.cfPaymentIssue {
padding-bottom:
30px;
}
.user_form .paymentTypes label {
display: inline-block;
margin: 5px 10px 10px 0;
}
.user_form .paymentTypes
input[type="radio"] {
margin: 0;
}
.contact-form-container
.form-actions {
padding: 0;
background: none;
border: none;
}
/*
noright */
.noright {
padding: 0 35px 0 0;
}
/* */
.row {
margin:
0;
}
.input_date {
background:
url('../img/icons/ico_calendar.png')/*tpa=http://paleo-dieta.info/img/icons/ico_calendar.png*/
95% center no-repeat;
cursor: pointer;
}
.signup-popup {
display:
none;
position: fixed;
top: 300px;
left: 50%;
z-index: 1000;
border: 2px solid #ccc;
background-color: #fff;
width: 370px;
margin-left: -215px;
text-align: center;
padding: 30px
}
img.loading
{
display: block;
margin: 20px auto 0
}
.blackout {
background:
#000;
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
opacity: 0.6
}
/*
inner-form
*****************************************/
.inner-form {
overflow: hidden;
position: relative;
padding: 25px 0 0
0;
}
.inner-form label {
display: none;
}
.inner-form .tarea .field
{
}
.inner-form .element {
display: inline-block;
width: 34%;
vertical-align: top;
padding: 0 15px 0 0;
}
.inner-form .tarea {
width: 58%;
margin: 0 0 0 0;
float: right;
}
.inner-form .text {
width: 100%;
}
.inner-form .textarea {
width: 100%;
height:
60px;
}
.inner-form .buttons {
text-align: right;
}
/*
book-page
*******************************************************/
.book-page
{
margin-bottom: 25px;
}
.book-page .sale-section {
margin: 0 0 0
25px;
width: 626px;
}
.sale-section .order {
margin: 30px 0;
width:
626px;
height: 210px;
display: block;
text-indent: -9000px;
background:
url(../img/book-page/order.png)/*tpa=http://paleo-dieta.info/img/book-page/order.png*/
no-repeat 0 0;
}
.sale-section .order:hover {
background:
url(../img/book-page/order.png)/*tpa=http://paleo-dieta.info/img/book-page/order.png*/
no-repeat 0 100%;
}
.sale-section .order-v01 {
margin: 30px 0;
width:
626px;
height: 229px;
display: block;
position: relative;
text-decoration: none;
background:
url(../img/book-page/order-v01.png)/*tpa=http://paleo-dieta.info/img/book-page/order-v01.png*/
no-repeat 0 0;
}
.sale-section .order-v01:hover {
background:
url(../img/book-page/order-v01.png)/*tpa=http://paleo-dieta.info/img/book-page/order-v01.png*/
no-repeat 0 100%;
}
.sale-section .order-v01 i {
display: block;
text-align: center;
color: #fff;
font-size: 30px;
font-style:
normal;
letter-spacing: -0.5px;
padding: 117px 0 0 0;
}
.book-page
.book-free {
width: 272px;
}
.skip-upsell {
background-color:
#FAF8EF;
border: none;
margin: 0 0 10px 0;
overflow: hidden;
padding: 10px;
}
/*
Comments
*******************************************************/
.comments
{
overflow: hidden;
margin: 1.5em 0 2em;
padding: 1.5em;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius:
.5em;
background: #E6E1D2;
box-shadow: 0 3px 1px #CAC2AA;;
color:
#7d7d7d;
font-size: 90%;
line-height: 1em;
}
.comments .item {
margin: 0 0 20px;
border: 0px solid red
}
.comments .item_child {
padding: 7px 0 0 15px;
margin: 0 !important;
}
.comments .dtreviewed {
font-size: 75%;
color: #999;
}
.comments .reviewer {
display: block;
padding: 4px 0 3px;
color: #45423f;
font-size: 95%;
font-weight:
bold;
}
.comments .answer {
font-size: 75%;
}
/*
begin
*******************************************************/
.begin {
overflow: hidden;
position: relative;
margin: 0 0 7px;
background:
#f1f2f7;
border-radius: 10px;
padding: 7px 15px;
}
.begin p {
margin: 0;
padding: 0;
font-size: 14px;
}
.begin a {
float: left;
margin: 2px 10px 0 0;
}
.attention {
background:
url(../img/icons/attention.png)/*tpa=http://paleo-dieta.info/img/icons/attention.png*/
no-repeat 5px 10px;
padding: 15px 15px 15px 80px;
font-size: 17px;
color: #777777;
font-style: italic;
line-height: 26px;
}
.help {
background:
url(../img/icons/help.png)/*tpa=http://paleo-dieta.info/img/icons/help.png*/
no-repeat 5px 10px;
padding: 15px 15px 15px 80px;
font-size: 15px;
font-style: italic;
}
.help p {
font-size: 15px;
}
.question {
background:
url(../img/icons/question.png)/*tpa=http://paleo-dieta.info/img/icons/question.png*/
no-repeat 5px 10px;
padding: 15px 15px 15px 80px;
font-size: 15px;
font-style: italic;
}
.article_item .span8 ul li,
.article_item .span8 ol
li {
margin: 0 0 10px;
font-size:17px;
}
/*
menudays
**********************************************/
.menudays {
}
.menudays h1 {
background:
url(../img/menu/day.png)/*tpa=http://paleo-dieta.info/img/menu/day.png*/
no-repeat 50% 0;
width: 217px;
height: 36px;
margin: 0 auto 45px
auto;
padding: 33px 0 0 0;
text-align: center;
color: #fff;
font-size: 19px;
font-weight: normal;
font-style: normal;
letter-spacing: -1px;
text-shadow: 1px 1px 3px #000;
font-family:
Geneva, Arial, Helvetica, sans-serif;
}
.menudays .item {
background:
#fdfcfa;
border: 1px solid #ebe3df;
border-radius: 15px;
padding:
20px 47px;
margin: 0 0 58px;
position: relative;
}
.menudays .inner
.head {
color: #faf8f0;
font-size: 17px;
background: #91533a;
font-style: italic;
font-weight: bold;
background:
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#91533a), to(#743722));
background: -webkit-linear-gradient(top, #91533a, #743722);
background:
-moz-linear-gradient(top, #91533a, #743722);
background:
-ms-linear-gradient(top, #91533a, #743722);
background:
-o-linear-gradient(top, #91533a, #743722);
width: 238px;
text-align:
center;
height: 30px;
line-height: 30px;
border-radius: 10px 10px 0
0;
position: absolute;
top: -30px;
left: 50%;
margin: 0 0 0
-119px;
}
.itemblock {
position: relative;
}
.menudays .idTabs {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top:
0;
left: 30px;
top: -31px;
}
.menudays .idTabs li a {
float: left;
color: #faf8f0;
display: block;
font-size: 17px;
text-decoration:
none;
background: #91533a;
font-style: italic;
font-weight: bold;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#91533a),
to(#743722));
background: -webkit-linear-gradient(top, #91533a,
#743722);
background: -moz-linear-gradient(top, #91533a, #743722);
background: -ms-linear-gradient(top, #91533a, #743722);
background:
-o-linear-gradient(top, #91533a, #743722);
list-style: none;
margin: 0
5px 0 0;
padding: 0 15px;
text-align: center;
height: 30px;
line-height: 30px;
position: relative;
outline: none;
top: 1px;
border-radius: 10px 10px 0 0;
}
.menudays .idTabs li a.selected {
border: 1px solid #ebe3df;
border-bottom: 1px solid #fdfcfa;
background: #fdfcfa;
color: #91533a;
top: 0;
z-index: 1;
}
.menudays
.idTabs li {
float: left;
}
.menudays .inner h2 {
text-align:
center;
margin: 0 0 17px;
color: #8b5729;
font-style: italic;
line-height: 23px;
font-size: 23px;
}
.menudays .inner img {
display:
block;
margin: 0 auto 15px auto;
border: 1px solid
#c4b8b3;
}
.menudays .item .dec {
background: #ffffff;
border: 1px
solid #e7e6e4;
border-radius: 10px;
margin: 0 0 17px;
padding: 10px
30px;
color: #55463d;
font-size: 15px;
}
.menudays .item .dec h3 {
background: #eeeae0;
border-radius: 7px;
font-size: 18px;
color:
#5b3118;
text-align: center;
padding: 5px 0;
font-style: italic;
margin: 0 0 17px;
}
.menudays .item .dec ul {
margin: 0 0 15px;
padding: 0;
}
.menudays .item .dec ul li {
list-style: none;
margin: 0
0 0 0;
padding: 0 0 0 0;
text-align: center;
font-style: italic;
padding: 4px 0;
background:
url(../img/menu/border.jpg)/*tpa=http://paleo-dieta.info/img/menu/border.jpg*/
no-repeat 50% 0;
}
.menudays .item .dec div {
display: block;
text-align: center;
}
.menudays .item .dec ul li:first-child {
background: none;
}
.btn-menu {
background:
url(../img/menu/btn.png)/*tpa=http://paleo-dieta.info/img/menu/btn.png*/
no-repeat 0 0;
width: 334px;
height: 81px;
margin: 15px auto;
display: block;
text-indent: -9000px;
}
.btn-menu:hover {
background:
url(../img/menu/btn.png)/*tpa=http://paleo-dieta.info/img/menu/btn.png*/
no-repeat 0 100%;
}
/*
foods-catalog
*****************************************/
.foods-catalog ul
{
list-style-type: none;
margin: 0;
}
.foods-category a {
color:
#b9a39b
}
.foods_category_descr h2,
.foodscatalogs-products-list h2 {
color: #87391d;
}
.foods-category a {
font-weight: bold;
font-size:
.9em;
}
.foods-category {
display: inline-block;
*display: inline;
zoom: 1;
position: relative;
left: -24px;
margin: 20px 0
10px;
}
.foods-category li {
float: left;
position: relative;
width:
95px;
height: 40px;
padding: 97px 0 0;
margin: 0 0 0 24px;
text-align: center;
line-height: .8em;
}
.foods-category img {
position: absolute;
left: 0;
top: 0;
width: 95px;
opacity: .5;
-moz-opacity: .5;
}
.foods-category .selected img, .foods-category a:hover
img {
opacity: 1;
-moz-opacity: 1;
}
.foods-catalog .selected {
text-decoration: none;
color: #87391d
}
.foods-catalog .root-category {
display: none;
}
.foods_category_descr {
min-height: 120px;
padding:
15px 15px 20px 155px;
margin: 0 0 10px;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
border: 1px solid
#dfdbd0;
background: #f0ede3;
background-position: 15px 20px;
background-repeat: no-repeat;
}
.foods_category_descr h2 {
margin: 0 0
5px;
}
.foods_category_descr_text *,
.foodscatalogs-products-list_text *
{
padding: 0;
font-family: "PT Sans", Arial, sans-serif;
font-size: 1em;
}
.foodscatalogs-products-list li {
display:
inline-block;
width: 100%;
margin: 0 0
20px;
}
.foodscatalogs-products-list_img {
float: left;
margin: 13px 0
0;
padding: 0 0 11px;
background:
url('../img/layout/bg_foodscatalogs-products-list.png')/*tpa=http://paleo-dieta.info/img/layout/bg_foodscatalogs-products-list.png*/
8px bottom no-repeat;
}
.foodscatalogs-products-list_img img {
width:
200px;
height: 140px;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius:
.5em;
}
.foodscatalogs-products-list h2,
.foodscatalogs-products-list_text
{
margin-left: 220px !important;
}
/*****/
.btn_bright:hover {
opacity: .8;
-moz-opacity: .8;
}
/*
start-diet
*********************************************************/
.start-diet
{
width: 587px;
height: 492px;
margin: 0 0 45px;
background:
url(../img/menu/begin.jpg)/*tpa=http://paleo-dieta.info/img/menu/begin.jpg*/
no-repeat 0 0;
position: relative;
overflow: hidden;
}
.start-diet h1
{
margin: 15px;
text-align: center;
font-style: normal;
font-weight: normal;
color: #fff;
font-size: 18px;
background:
#636363;
padding: 7px 0;
border-radius: 10px;
}
.start-diet h1 b {
white-space: nowrap;
}
.start-diet .dec {
padding: 5px 25px;
color:
#595750;
font-style: italic;
font-size: 18px;
}
.start-diet .dec
.green {
color: #198c07;
}
.start-diet .img-calendar {
position:
absolute;
width: 470px;
height: 290px;
left: 50%;
margin: 0 0 0
-205px;
bottom: 0;
}
.cod-phone-box {
background: #fef3c9;
margin:
0 0 10px;
padding: 20px
}
.cod-phone-box .phone-number {
display:
block;
font-size: 32px;
line-height: 28px;
margin: 0 0 3px
}
/*
Bootstrap Tweaks
*/
.btn-primary {
background-color: #1a8f07;
*background-color: #1a8f07;
background-image: -moz-linear-gradient(top,
#31ba1c, #178405);
background-image: -webkit-gradient(linear, 0 0, 0
100%, from(#31ba1c), to(#178405));
background-image:
-webkit-linear-gradient(top, #31ba1c, #178405);
background-image:
-o-linear-gradient(top, #31ba1c, #178405);
background-image:
linear-gradient(to bottom, #31ba1c, #178405);
background-repeat:
repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color:
#178405 #178405 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0,
0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:
4px;
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff31ba1c',
endColorstr='#ff178405', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary
strong {
display: block;
font-size: 1.5em;
padding: 0
.39em;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]
{
color: #ffffff;
background-color: #178405;
*background-color:
#178405;
}
.btn-primary:active,
.btn-primary.active {
background-color:
#178405 \9;
}
/**
* Общие стили попапов
*/
.popup {
display: none;
position: fixed;
top: 100px;
left: 50%;
color:
#636360;
text-align: center;
z-index: 1050;
}
.unsubscribeform label
{
font-size: 16px;
font-weight: bold;
}
.unsubscribeform input {
margin-bottom: 0;
}
/* **************************
FOR
wysiwyg
****************************/
.wis_img img {
box-shadow: 3px 3px
5px #999;
border-radius: 10px;
border: 1px solid #dadada;
margin:10px
0 15px;
}
.signup-choice .items {
list-style-type: none;
margin: 0
-11px !important;
padding: 0;
overflow: hidden;
zoom:
0;
}
.signup-choice label {
cursor: pointer;
}
.signup-choice li {
background: #eee
url(../img/blocks/signup-choice/bottom.png)/*tpa=http://paleo-dieta.info/img/blocks/signup-choice/bottom.png*/
no-repeat bottom center;
color: #fff !important;
display:
inline-block;
margin: 0;
padding: 5px 0 20px 0;
text-align: center;
width: 80px;
}
.signup-choice li label {
color: #fff;
font-size:
14px;
}
.signup-choice .choice-1 {
background-color:
#5bbc15;
}
.signup-choice .choice-2 {
background-color:
#fec307;
}
.signup-choice .choice-3 {
background-color:
#f03804;
}
.signup-choice .choice-label {
display: block;
margin: 5px
0 0 0;
}
.signup-choice .heading {
font-size: 14px;
font-weight:
bold;
}
.signup-choice .icon {
display: block;
margin: 0 auto;
}