#bystr-zak-glavnaja {width:370px; height:175px; background:url(/cvetovoy-krug-img1/bystr-form-fon7.jpg); outline:1px solid #ebebeb; margin-bottom:30px; 
font:normal normal 12px/14px Arial, Helvetica, sans-serif; position:absolute; top:0; left:0;}
#bystr-zak-glavnaja h3, #bystr-zak-glavnaja h4 {
	background-color:#DE5648;
	color:#fff;
	display:inline-block;
	padding:10px;
	margin:0 0 10px 0;
	text-transform:uppercase;
}
#bystr-zak-glavnaja p { color:#fff; padding:0 10px; margin:5px 10px; text-transform:uppercase; font:normal bold 12px/15px Arial, Helvetica, sans-serif; text-shadow:1px 1px 2px #000;}

.s-desc h4 {background-color:#DE5648; color:#fff; display:inline-block; padding:10px; margin:0 0 10px 0; text-transform:uppercase;  font-weight:normal;}
.s-desc p {color:#fff; padding:5px 10px; margin:0; text-transform:uppercase; font:normal bold 12px/15px Arial, Helvetica, sans-serif; text-shadow:1px 1px 2px #000;}
.bystr-zak-home-kart-tov {}

#bystr-zak {width:370px; height:175px;font-size:12px; background:url(/css/cvetovoy-krug-img/bystr-form-fon7.jpg); position:relative; margin:0 0 30px 0;border:1px solid #ebebeb;}
#bystr-zak h3, #bystr-zak h4 {
	background-color:#DE5648;
	color:#fff;
	display:inline-block;
	padding:10px;
	margin:0 0 10px 0;
	text-transform:uppercase;
}
#bystr-zak p { color:#fff; padding:0 10px; margin:0; text-transform:uppercase; font:normal bold 12px/15px Arial, Helvetica, sans-serif; text-shadow:1px 1px 2px #000;}


.forma_zakaza {}


#minus_20, #minus_13 {float:left; margin:8px 5px 0 0; padding:4px 0px 4px 8px; height:20px;  width:20px; cursor:pointer; color:#fff; background-color:#23B4CA; font-weight: bold;
font-size:20px; line-height:20px; border-radius: 14px 0 0 14px; border: 1px solid #ccc;}

#plus_20, #plus_13 {float:left; margin:8px 0 0 0; padding:4px 0px 4px 8px; height:20px;  width:20px; cursor:pointer; color:#fff; background-color:#23B4CA; font-weight: bold;
font-size:20px; line-height:20px; border-radius: 0 14px 14px 0; border: 1px solid #ccc;}

#minus_20_gl, #minus_13_gl {float:left; margin:8px 5px 0 0; padding:4px 0px 4px 8px; height:20px;  width:20px; cursor:pointer; color:#fff; background-color:#23B4CA; font-weight: bold;
font-size:20px; line-height:20px; border-radius: 14px 0 0 14px; border: 1px solid #ccc;}

#plus_20_gl, #plus_13_gl {float:left; margin:8px 0 0 0; padding:4px 0px 4px 8px; height:20px;  width:20px; cursor:pointer; color:#fff; background-color:#23B4CA; font-weight: bold;
font-size:20px; line-height:20px; border-radius: 0 14px 14px 0; border: 1px solid #ccc;}

#mini_katalog { margin:10px auto;}
#mini_katalog tr td {  padding:0; }
#mini_katalog tr td .mini_katalog_cell { float:left; height:210px; background-color:#fff; padding:5px; display:block; border:1px solid #ccc; border-radius:5px;}
.mini_katalog_cell {  margin:5px;}
.mini_katalog_cell_title {text-align:center; padding:0; margin:0;}
.mini_katalog_cell_img {float:left;}
.mini_katalog_img {padding:5px; width:100px; height:100px;}
.mini_katalog_cell_right {width:120px; height:px; margin:0; padding:20px 0 0 10px; float:left;}
.mini_katalog_cell_quantity {width:120px; height:100px; position:relative;}
.mini_katalog_cell_price {position:absolute; bottom:0;}
.mini_katalog_cell_cena {}
.mini_katalog_cell_bottom {padding:10px; width:220px;}







#tabl2 { 
	margin:10px auto;  width1:554px;
	border-collapse:collapse;
	background-color:#fff;
	border:1px solid #ccc;
	font:normal normal 13px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#tabl2 img { 
	margin:5px;    
}

#tabl2 tr td { 
	border-collapse:collapse;  
	border:1px solid #ccc;
	vertical-align: middle; 
	text-align:right;  
	padding:0 10px; 
}

#tabl2 tr td p {margin:0 0 5px 0; }

#tabl2 tr th {
	background-color:#E1E1E1; 
	border-collapse:collapse;  
	border:1px solid #ccc;
	vertical-align: middle; 
	text-align:center;  
	padding:5px; 

}

.tabl2_p {float:left; padding:10px 10px 0 10px; margin:0; width:200px;}

#tabl_form { 
	margin:10px auto;  width1:554px;
	border-collapse:collapse;
	background-color:#fff;
	border:1px solid #ccc;
	font:normal normal 13px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#tabl_form tr td  { 
	border-collapse:collapse;  
	border:1px solid #ccc;
	vertical-align: middle; 
	text-align:right;  
	padding:0 10px; 

}

#tabl_form input, #tabl_form textarea {float:left;}

.tabl_form_p {float:left; padding:10px 10px 0 10px; margin:0; width:200px; margin:0 0 5px 0;}


.forma_zakaza { 
	margin:;
}

.zakaz {
	padding:5px;
	margin:0;
	border:solid 1px #92A6A6;
	background-color:#f9f9f9;
	border-radius:5px;
}
.forma_zakaza .zakaz select { width:;}
#k_tovara_img {margin:10px auto; display:block; }

#tabl_goroda { width:400px; text-align:left;} 
#tabl_goroda h3 {text-align:left;}
#tabl_goroda tr td {vertical-align:top; width:200px;}
#tabl_goroda ul li { list-style:none; color:#323b45; font:normal normal 17px/18px "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 padding:5px; }
#tabl_goroda ul li a { list-style:none; color:#323b45; font:normal normal 17px/18px "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 padding:0; margin:0; }
 
#tabl_dostavka { border-collapse:collapse; border:1px solid #92A6A6; background-color:#f9f9f9; margin:10px auto;}
#tabl_dostavka tr td {border:1px solid #92A6A6; vertical-align:middle; text-align: center;}
#tabl_dostavka tr td p {margin:0;}
#tabl_dostavka tr td p a {margin:0; text-decoration:underline;}
#tabl_dostavka tr th {border:1px solid #92A6A6; vertical-align:middle; text-align: center;}
#tabl_dostavka tr th p {margin:0;}


/* Модальные окна */

.modal_div {
	width: 300px; 
	height:; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 1px #ccc solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -200px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 101; /* окно должно быть наиболее большем слое */
	padding: 0 0 10px 0;
	font:normal normal 12px "MyriadProCondensed", Verdana, Geneva, sans-serif;
	font-family: "MyriadProCondensed";
}
.modal_div h4 {font-weight: 100; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; letter-spacing: 1px; font-style: italic; padding:10px; margin:0; color:#fff; background-color:#23B4CA; text-align:center;}
.modal_div h3 {font:normal bold 16px/18px Verdana, Geneva, sans-serif; padding:0 0 0 20px;}
.modal_div p {font:normal normal 15px Verdana, Geneva, sans-serif; padding:10px;}
.modal_div .pole1 {background-color:#FCFCFC; font:normal normal 13px Verdana, Geneva, sans-serif; padding:4px 0; border:1px solid #ccc; outline:none; transition: all 0.9s ease-out;}
.modal_div .pole1:focus {border-color:#7AE239;}

.pole1 {background-color:#FCFCFC; font:normal normal 13px Verdana, Geneva, sans-serif; border:1px solid #ccc; outline:none; transition: all 0.9s ease-out;}
.pole1:focus {border-color:#7AE239; background-color:#fff;}
.pole_phone {background-color:#FCFCFC; font:normal normal 13px Verdana, Geneva, sans-serif; border:1px solid #FF0000; outline:none; transition: all 0.9s ease-out;}
.pole_phone:focus {border-color:#7AE239; background-color:#fff;}

/* Кнопка закрыть для тех кто в танке) */
.modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
	background: url(/cvetovoy-krug-img/krestik2.png) no-repeat top center;
}

.modal_close2 {
	width: 21px;
	height: 21px;
	position: absolute;
	top:5px;
	right:5px;
	cursor: pointer;
	display: block;
	background: url(/cvetovoy-krug-img/krestik2.png) no-repeat top center;
}

/* Подложка */
#overlay {
	z-index: 100; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.4; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

/* Подложка 2 */
#overlay2 {
	z-index: 100; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.1; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

/* ---------------------------- КНОПКИ -------------------------------- */

#button11 {
  position: relative;
  z-index: 1;
  color: black;
  font-size: 100%;
  font-weight: 700;
  text-decoration: none;
  padding: .25em .5em;
}
#button11:after {
  content: "Купить";  /* здесь 6 букв */
  position: absolute;
  z-index: -1;
  top: -2px;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 6*(1em*90/135) - 2px*2*2);  /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */
  text-align: right;
  color: #fff;
  font-size: 90%;
  padding: .25em .5em;
  border-radius: 5px;
  border: 2px solid #c61e40;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  background: linear-gradient(#d4536d, #c61e40) no-repeat 100% 0;
  background-size: calc(6*(1em*90/135) + .5em) 100%;
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);
  transition: .3s;
}
#button11:hover:after {
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
}
#button11:active:after {
  background-image: linear-gradient(#c61e40, #d4536d);
}

#top-button {
	width:60px;
	height:60px;
	background: url(/css/cvetovoy-krug-img/button_to_top.png) 0px 0px no-repeat;
	cursor:pointer;
	position:fixed;
	bottom:60px;
	right:14px;
	z-index:99;
}


.button-otprav2 { padding:5px; outline:none; border-radius:0; user-select:none; border:none; font-size:13px; 
cursor:pointer; background-color:#40AF64; background: #40AF64 linear-gradient(#76AF88, #40AF64); color:#fff; text-transform:uppercase; border:1px solid #fff; }
.button-otprav2:hover {background-color:#DE5648;}

.button-otprav1 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size:15px;
  font-weight:normal;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: 5px;
  outline: none;
  border: none;
  border-radius: 0px;
  background: #23B4CA linear-gradient(#7FC0CA, #23B4CA);
    box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #7FC0CA, #7FC0CA 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;

}

.button-otprav1:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}

.button-otprav1:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #7FC0CA, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #7FC0CA, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #7FC0CA, 0 0 8px #fff;}
}


/*  кнопка для акции  */


input.button4 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #FFA900 linear-gradient(#FFC859, #FFA900);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #EDB008, #EDB008 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button4:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}


/* Затемнение */
.fader  {
	float:left;
	margin:10px 0 10px 10px;
}

.fader img { 
filter:alpha (opacity=20);
— moz— opacity:0.2;
— khtml— opacity:0.2;
opacity:0.2;
}

.fader a:hover img {
opacity:2.0;
— moz— opacity:2.0;
— khtml— opacity:2.0;
filter:progid:DXImageTransform.Microsoft.Alpha (opacity=200);
}

/* Конец-Затемн */

.akcent {
	font-weight:bold;
	color:#23B4CA;
}

#akcent_a {
	font-weight:bold;
	color:#23B4CA;
	text-decoration:underline;
	font-size:14px;
}

.akcent_a {
	font-weight:bold;
	color:#23B4CA;
	text-decoration:underline;
}

.a_kalc {text-decoration:underline; font-size:12px;}


/* для калькулятора */

.not_number {border-color:#FF003A;}

.podskazka {
    position:absolute; 
    top:-20%; left:0; 
    font-size:11px; 
    font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
    background-color:#FFF7C4; color:#000;
    border:1px solid gray; padding:3px; 
    border-radius:3px;  
    box-shadow: 0 0 3px 1px #F0F0F0;
    opacity: 0.9;
	z-index:9999;
}

.podskazka_tel {
    position:fixed; 
    top:45%; left:50%; 
	margin-left:-150px;
    font-size:14px; 
    font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
    background-color:#FFF7C4; color:#000;
    border:1px solid gray; padding:4px; 
    border-radius:0px;  
    box-shadow: 0 0 3px 1px #F0F0F0;
    opacity: 1;
	display:block;
}

.podskazka_modal {
    width: 260px;
	padding:0 5px 5px 5px;
	margin:0;
	border-radius: 0px;
	border: 1px #ccc solid;
	background: #fff;
	position: fixed;
	top:50%;
	left:50%;
	margin-top: -100px;
	margin-left: -130px;
    font-size:12px; 
    font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
    background-color:#FFF; 
	color:#000; 
    border:1px solid gray;  
    box-shadow: 0 0 3px 1px #F0F0F0;
    opacity: 0.9;
    z-index: 110;
	display:none;
}


/* Вращение круга */
#circle-wrapper {position: relative; margin:0; padding:0; height: 530px; width: 460px; border: 1px solid #ccc;}

#knopki {position: absolute; bottom: 0px; left: 43px;}

#circle-background, #circle-background2 {position: absolute; z-index: 0; top: 0; left: 50%; margin-left:-180px;}

#circle-foreground, #circle-foreground2 {position: absolute; z-index: 1; top: 0; left: 50%; margin-left:-180px;}

#anim_levo, #anim_levo2 { font-weight: bold; cursor: pointer; text-align: center; margin: 5px;}

#pause, #pause2 { font-weight: bold; cursor: pointer; text-align: center; margin: 5px;}

#anim_pravo, #anim_pravo2 { font-weight: bold; cursor: pointer; text-align: center; margin: 5px;}

.wrapper-storona {float:left; width:362px; height:532px;}





/*
     */
/*
*/