body, html {
margin: 0px;
border:0px;
padding: 0px;
cellspacing="0";
cellpadding="0";
background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/fon-dark.png) repeat #58032f;
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px;
}
table.catalog {align: center;}
table.catalog td {text-align:center;}
table.catalog td a.cv {font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:500;
color:#cc0066;
text-decoration:underline;}
table.catalog td p {font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color:#51241f;}
#podel {float: right;
margin: 0px 0px -35px 0px;}
p {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px; text-align:center;}
p.p {text-align:justify;}
p.copyright {font: normal 0.8em Tahoma,Arial, Helvetica, sans-serif;
color:#51241f;text-align:justify;}
#sneg {background:#ffffff url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/sneg.jpg) repeat-x left top;
height:110px;
width:818px;}
td.serdce {background:#ffffff url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/serdce.jpg) repeat-x left top;
height:110px;
width:818px;}
img {border:0;}
img.right {border:0;
float: right;
padding: 0px 0px 0px 20px;}
img.left {border:0;
float: left;
padding: 0px 20px 0px 0px;}
td.half {width: 50%; text-align:center;}
table.contentpaneopen td.contentheading {font: normal 2em Palatino Linotype, "Times New Roman", Arial;
color:#cc0066; text-align:center; }
table.contentpaneopen td.contentheading a.contentpagetitle {font: normal 16px Palatino Linotype, "Times New Roman", Arial;
color:#cc0066; text-align:center; text-decoration:underline;}
table.contentpaneopen td.contentheading a.contentpagetitle:hover {font: normal 16px Palatino Linotype, "Times New Roman", Arial;
color:#990066; text-align:center; text-decoration:none;}
h1, .componentheading {font: normal 2em Palatino Linotype, "Times New Roman", Arial;
color:#cc0066; text-align:center; }
h2 {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:16px;
color:#990066; text-align:center;}
h2.title {color: #cc0066;
font-size: 20pt;
font-family: Palatino Linotype, Times New Roman, Arial;
font-weight: normal;}
h3 {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px;
color:#990066; text-align:center;}
h3.title {color: #cc0066;
font-size: 20pt;
font-family: Palatino Linotype, Times New Roman, Arial;
font-weight: normal;}
a.buk {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:600;
color:#cc0066;
text-decoration:none;}
.buk {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:600;
color:#cc0066;
text-decoration:none;}
a.buk:hover, a.readon:hover {color:#ff0099; text-decoration:underline;}
span.op {color:#990066;
font-weight:bold;}
span.price {font: bold 19px Palatino Linotype, "Times New Roman", Arial;
color:#E40E48;}
span.pold {text-decoration:line-through;
display:block;
font: bold 17px Palatino Linotype, Times New Roman, Arial;
color:#C57BA0;
padding-left: 16px;
}
span.pword {font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
color:#51241f;}
a.readon, table.contentpaneopen table {font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size:14px;}
table.contentpaneopen li {font-family: Tahoma,Arial, Helvetica, sans-serif; font-size:14px; padding-bottom: 5px;}
a {color:#ff0099;
text-decoration:none;
}
a:hover {color:#ff0099;
text-decoration:underline;
}
#mmenu, #menu {background:#dc0470;
height:47px;
border: 1px double #ffcccc;}
#menu.fixed{
position: fixed;
top: -2px;
width: inherit;
height: 38px;
opacity: 0.9;
transition: 0.5s;
z-index: 101;
}
#mmenu ul li {list-style-type: none;
float: left;
margin:-5px 8px 7px 8px;
vertical-align:middle;
}
a.mainlevel#active_menu {color:#ffcccc;
text-decoration:underline;}
#menu a, a.mainlevel {font: 1.1em Palatino Linotype,Georgia,Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
font-weight:600;
letter-spacing:1px;
display: block;
transition: all 0.2s;}
#menu a:hover, a.mainlevel:hover { color:#522621;
text-decoration: none;}
span.mainlevel {color:#ffffff;}
#container {
width: 100%;
height:auto;
border: 0px ;
margin: 0px;
cellspacing="0";
background-color:#58032f;
}
#container td {
vertical-align: top;
}
#maincont {
background-color: #000000;
height:auto;
width: 1024px;
cellspacing="0";
}
#leftcol {
background-color:#58032f;
height:auto;
width: 100%;
padding:0px;
margin:0px;
}
#rightcol {
background-color:#58032f;
width: 100%;
padding:0px;
margin:0px;
}
#logotab {
width: 1024px;
background-color:#FFFFFF;
border: 1px double #FFFFFF;
}
#logo {
background:#e9e9e9 url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/logo.jpg) no-repeat left top;
height:88px;
width:1024px;
}
#pict {
background:#fab9d8 url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/pict.jpg) no-repeat left top;
height:235px;
}
#menu_punkt1 {
background:#dc0470;
/*height:45px;*/
border-right: 1px double #FFFFFF;
}
#menu_punkt2 {
background-color:#dc0470;
height:45px;
border-right: 1px double #FFFFFF;
}
#menu_vert {
height:auto;
width:206px;
background-color:#f5f5f5;
vertical-align:top;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:inherit;
padding: 15px 15px 0px 15px;
}
#banner {
vertical-align:bottom;
height:114px;
background-color:#f5f5f5;
}
#rights{
background-color: #f5f5f5;
width: 236px;
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
}
#main {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:30px;
}
#main_last {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
}
table.contentpaneopen { padding: 12px 30px 0px 30px;
border:0;
width: 100%;}
/*left blocks*/
#uslovia {
height:auto;
width:206px;
background-color:#ffcbe1;
vertical-align:top;
border: 1px dashed #990066;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#uslovia p {font-size:12px;}
#uslovia p.zag {color:#cc0066;
font-weight:600;
}
#uslovia table.contentpaneopen {width: 100%; padding: 0px 0px 0px 0px;}
.t {background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/dot-t.jpg) 0 0 repeat-x; width: 206px;}
.b {background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/dot-b.jpg) 0 100% repeat-x}
.l {background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/dot-l.jpg) 0 0 repeat-y}
.r {background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/dot-r.jpg) 100% 0 repeat-y}
.bl {background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/otz-bot.jpg) 0 100% no-repeat}
.tl {background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/otz-top.jpg) 0 0 no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
#otzyv {
height:auto;
width:206px;
background-color:#abffc3;
vertical-align:top;
border: 1px dashed #006633;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#otzyv p {font-size:12px;}
p.otz {color: #51241f; }
p.pod {color:#006600; font-size: 75%; font-style:italic; text-align:right; padding-bottom:0px;}
#otzyv p.otzag a {color:#006633;
font-weight:600; padding-bottom:0px;text-decoration:underline;
}
#otzyv p.otzag a:hover {font-weight:800;
}
#otzyv table.contentpaneopen {width: 100%; padding: 0px 0px 0px 0px;}
#mnenie p, #mnenie h2 {font-size:75%;}
#zametka {
height:auto;
width:206px;
background-color:#ffff99;
vertical-align:top;
border: 1px dashed #ff6600;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#zametka p {color: #51241f; font-size:12px;}
#zametka p.zam_zag a {color:#ff6600;
font-weight:600; text-decoration:underline;
}
#zametka p.zam_zag a:hover {font-weight:800;
}
#zametka table.contentpaneopen {width: 100%; padding: 0px 0px 0px 0px;}
ul.menu,
#pos_right ul.menu,
#pos_left ul.menu {
list-style-type:none;
text-align:left;
}
ul.menu li,
#pos_right ul.menu li,
#pos_left ul.menu li {
list-style-position: outside;
padding-left:-30px;
margin-bottom: 1px;
background-image: none;
margin-left:-30px;
}
ul.menu li a {
background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/list.png) no-repeat 0px 12px;
color:#51241f;
display: block;
margin: 0;
outline: none;
padding: 7px 0 7px 12px;
text-decoration: none;
}
ul.menu li.item27 a, ul.menu li.item25 a {
color:red;
font-weight:bold;}
/*ul.menu li.item17 a, ul.menu li.item39 a {
color:#4C7CD0;
font-weight:bold;}*/
ul.menu li.item111 a {
color:red;
font-weight:bold;}
/*ul.menu li.item20 a {
color:red;
font-weight:bold;}*/
ul.menu li.item109 a {
color:#f39;
font-weight:bold;}
ul.menu li.item a {
color:#5585D5;
font-weight:bold;}
* html ul.menu li a {
padding: 4px 0 4px 12px;
}
*+html ul.menu li a {
padding: 4px 0 4px 12px;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #817a79;
text-decoration: none;
}
ul.menu li.active a {
background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #ff3399;
font-weight: normal;
}
/*roses menu */
ul.menu li.active ul {
list-style-type:none;
}
ul.menu li.active ul li {
list-style-position: outside;
padding-left:-30px;
margin-bottom: 1px;
background-image: none;
margin-left:-30px;
font-size: 85%;
}
ul.menu li.active ul li a {
background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/list.png) no-repeat 0px 12px;
color:#51241f;
display: block;
margin: 0;
outline: none;
padding: 7px 0 7px 12px;
text-decoration: none;
}
* html ul.menu li.active ul li a {
padding: 4px 0 4px 12px;
}
*+html ul.menu li.active ul li a {
padding: 4px 0 4px 12px;
}
ul.menu li.active ul li a:hover,
ul.menu li.active ul li a:active,
ul.menu li.active ul li a:focus {
background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #817a79;
text-decoration: none;
}
ul.menu li.active ul li.active a {
background: url(https://dostavkacvetov124.ru/templates/dostavkacvetov18/image/list1.png) no-repeat 0px 12px;
color: #ff3399;
font-weight: normal;
}, Arial;
color:#ff000f;
}
#container {
width: 100%;
height:auto;
border: 0px ;
margin: 0px;}
/*Форма заказа */
.f-left {
display: block;
float: left;
}
#zakaz{font:14px 'Times New Roman';}
#zakaz form table tbody{display:table-row-group;vertical-align: middle;border-color:inherit;}
#zakaz form table tbody tr{display: table-row;vertical-align: inherit;border-color:inherit;}
#zakaz form table tbody td, #zakaz form table tbody th {
display: table-cell;
vertical-align: inherit;
}
#zakaz form table tbody th {
background-color: #eeeeee;
height: 40px;
padding-left: 15px;
}
#zakaz table {width:100%;}
#zakaz td {
width: auto;
padding: 0;
text-align: right;
padding: 5px;
}
#zakaz td+td{text-align:left;}
#zakaz label {
text-align: right;
text-transform: uppercase;
font: 12px arial;
}
#zakaz input.text {
background: url('https://dostavkacvetov124.ru/images/form/input.png') no-repeat;
width: 432px;
height: 39px;
padding: 0 4px;
font-size: 14px;
box-sizing: border-box;
}
#zakaz input.num {
background: url('https://dostavkacvetov124.ru/images/form/num.png') no-repeat;
width: 60px;
height: 39px;
padding-left: 15px;
font-size: 20px;
}
#zakaz select, #zakaz textarea, #zakaz input {
color: #51241F;
outline: none;
border: none;
}
#zakaz .sel-bg-day {
background: url('https://dostavkacvetov124.ru/images/form/day.png') left no-repeat;
width: 102px;
overflow: hidden;
}
#zakaz .sel-bg-timen {
background: url('https://dostavkacvetov124.ru/images/form/day.png') left no-repeat;
width: 87px;
overflow: hidden;
}
#zakaz .sel-bg {
background: url('https://dostavkacvetov124.ru/images/form/input.png') left no-repeat;
width: 432px;
overflow: hidden;
}
#zakaz .sel-bg-year {
background: url('https://dostavkacvetov124.ru/images/form/year.png') left no-repeat;
width: 113px;
overflow: hidden;
margin-left: 14px;
}
#zakaz select.day {
width: 85px;
}
#zakaz input.day {
width: 85px; height: 20px;
margin: 9px 6px 10px 7px;
font-size: 14px;
}
#zakaz .styled select {
height: 20px;
margin: 10px 0px 10px 10px;
font-size: 14px;
}
#zakaz .sel-bg-month {
background: url('https://dostavkacvetov124.ru/images/form/month.png') left no-repeat;
width: 217px;
overflow: hidden;
margin-left: 10px;
}
#zakaz select.month {
width: 190px;
}
#zakaz select.bron_year {
width: 95px;
}
#zakaz select.bron_cat, select.oplata, select.bron_hotel {
width: 415px;
text-transform: uppercase;
}
#zakaz .sel-bg-num {
background: url('https://dostavkacvetov124.ru/images/form/num.png') left no-repeat;
width: 60px;
overflow: hidden;
}
#zakaz select.bron_old4, #zakaz select.bron_old4_10, #zakaz select.bron_adult {
width: 40px;
font-size: 18px;
}
#zakaz textarea {
background: url('https://dostavkacvetov124.ru/images/form/textarea.png') no-repeat;
width: 432px;
height: 107px;
border: none;
padding: 0 4px;
font-size: 16px;
box-sizing: border-box;
}
#zakaz input.submit {
background: #D81A8C;
color: white;
border: none;
font: 14px arial;
text-transform: uppercase;
padding: 10px 20px;
cursor: pointer;
border-radius: 10px;
}
textarea {
font-family: monospace;
}
#zakaz h1{font-size:26px;font-style:italic;}
#zakaz h2{font-size:26px;font-style:italic;color:#0377CA;}
#zakaz ul{list-style:none;margin-left:50px;}
table.akciya {text-align: center;}
.akciya img {width: 130px;}
#photo {
height:auto;
width:206px;
background-color:#e9e9e9;
vertical-align:top;
border: 1px dashed #62018F;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
color:#51241f;
text-align:justify;
padding:7px 3px 7px 3px;
}
#photo p {color: #51241f; font-size:12px;}
#photo p.photo_zag a {color: #740D91;
font-weight:600; text-decoration:underline;
}
#photo p.photo_zag a:hover {font-weight:800;
}
#phocagallery {margin-bottom: -50px;margin-left: 35px;}
.buttons, .buttons2 {
display: table;
text-align: center;
padding-top: 20px;
}
.buttons a, .buttons2 a {
text-align: center;
padding: 8px;
font-size: 13px;
text-transform: uppercase;
border-radius: 7px;
font-weight:bold;}
/*.buttons td.but a {
background-color: #D81A8C;
color: #fff;}
.buttons td.but a:hover {
background-color: #009B00;}*/
.buttons2 td.but2 a, .buttons td.but a {
background-color: teal;
color: #fff;
display: inline-block;}
.buttons2 td.but2 a:hover, .buttons td.but a:hover {
background-color: #CC0065;}
table.sop-tov {text-align: center;}
.sop-tov img {width: 160px;}
ul.sostav {
text-align: center;
margin-left: -45px;}
ul.sostav li {
list-style: circle;
list-style-position: inside;}
table.etap td{font-size: 20px;
color: #cc0066;}
table.etap-razm th{font-size: 20px;
color: #cc0066;
font-weight: normal;}
table.etap-razm td{text-align: left;}
.highlight {
padding: 2px 4px 3px 6px;
background: #FDF5C6;
border-radius: 5px;}
.autoflash {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.flash {
content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 3em;
display: block;
position: absolute;
top: 0;
left: 1.1em;
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
-webkit-transition: none;
transition: none;
}
.lighting {
/* webkit-animation: moving 3s ease-in-out infinite;*/
-moz-animation: moving 3s ease-in-out infinite;
-ms-animation: moving 3s ease-in-out infinite;
-o-animation: moving 3s ease-in-out infinite;
animation: moving 3s ease-in-out infinite;
}
@keyframes moving {
30% { webkit-transform: skewX(-45deg) translateX(33.5em);
transform: skewX(-45deg) translateX(33.5em);
}
100% { webkit-transform: skewX(-45deg) translateX(33.5em);
transform: skewX(-45deg) translateX(33.5em);
}
}
.acor-container {
margin: 20px 0;
}
.acor-container .acor-body {
width: calc(100% - 10px);
margin: 0 auto;
height: 0;
/* color: rgba(0, 0, 0, 0);*/
background-color: #FFFFFF;
/* line-height: 18px;*/
padding: 0 30px;
box-sizing: border-box;
transition: color 0.65s, padding 0.65s;
overflow: hidden;
/* font-family: Verdana, sans-serif;*/
font-size: 16px;
/* box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);*/
border-bottom: solid 1px #f5f5f5;
}
.acor-container .acor-body p {
margin: 0 0 10px;
}
.acor-container label {
cursor: pointer;
background-color: #FFFFFF;
color: #75615F;
display: block;
padding: 15px 20px;
width: 100%;
font-weight: 300;
box-sizing: border-box;
/* z-index: 100;*/
/* font-family: Verdana, sans-serif;*/
font-size: 18px;
margin: -1px 0px 5px;
transition: color .45s;
border-top: solid 1px #f5f5f5;
}
.acor-container label:hover {
color: #51241f;
}
.acor-container input{
display: none;
}
.acor-container label:before {
content: '+';
float: right;
font-weight: bold;
}
.acor-container input:checked + label {
background-color: #f5f5f5;
color: #51241f;
/* box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);*/
}
.acor-container input:checked + label:before {
transition: transform .75s;
transform: rotate(180deg);
content: '–';
float: right;
}
.acor-container input:checked + label + .acor-body {
height: auto;
margin-top: -5px;
color: #51241F;
padding: 20px 30px 10px;
}
img.faq {margin: -10px 5px -14px -11px;}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dashed #51241f;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 126px;
background-color: #51241f;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #51241f transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.whatsapp-link {
top: auto;
bottom: 14px;
position: fixed;
right: 19px;
z-index: 300;
}
.whatsapp-link:before,
.mwhatsapp-link:after {
content: " ";
display: block;
position: absolute;
border: 1px solid #46A745;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: border-animate 1.5s linear infinite;
opacity: 0;
}
.whatsapp-link:after{
animation-delay: .5s;
}
@keyframes border-animate
{
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.whatsapp-link a {
display: inline-flex;
align-items: center;
padding: 15px 10px;
width: 30px;
height: 20px;
background: floralwhite;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 25px;
color: var(--base-color2);
transition: all 0.2s ease;
}
.whatsapp-link a .icon {
margin: 0;
width: 30px;
height: 30px;
}
.icon-whatsapp {
background: url("/icon-whatsapp.svg") 50% 50% no-repeat;
background-size: contain;
width: 21px;
height: 21px;
}
.icon {
display: inline-block;
vertical-align: middle;
opacity: 0.9;
}