/* переоформление базовых элементов */
body      { margin:0; padding:0; background-color: #fff; }
table     { border:none; }
img       { border:none; padding:0; margin:0; }
img.block { display:block; }
td        { vertical-align:top; }

body, table, td, div, p {  font-family: arial; font-size: 13px; }

form     { padding:0; margin:0 }

b    { font-weight:bold }

/* Служебные элементы*/
.w100       { width:100%; }
.h100       { height:100%; }
.w50        { width:50%; }
.w1         { width:1px }
.right { text-align:right; }
.b { font-weight:bold; }
.middle { vertical-align: middle; }

/* элементы форм */
input { margin:0; }
select {  font-size: 12px; }
.input1  { font-size:12px; }
.button1 { height:20px; font-size: 12px; }

/* линки */
a:link    { color: #36f; text-decoration: underline; }
a:visited { color: #36f; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: underline; }
.le_container { position: relative; background:  #fff url(../images/bg4.png) 0px 0px no-repeat;  } 
@media only screen and (max-width: 3839px) {
	.le_container { width: 1080px; margin: 0 auto; }
}
@media only screen and (max-width: 2559px) {
	.le_container { width: 1080px; margin: 0 auto; }
}
@media only screen and (max-width: 1920px) {
	.le_container { width: 1080px; margin: 0 auto; }
}
@media only screen and (max-width: 1599px) {
	.le_container { width: 1080px; margin: 0 auto; }
}
@media only screen and (max-width: 1440px) {
	.le_container { width: 100%; margin: 0; }
}
@media only screen and (max-width: 1359px) {
	.le_container { width: 100%; margin: 0; }
}

@media only screen and (max-width: 1279px) {
	.le_container { width: 100%; margin: 0; }
}
	
.menu_y { color: #0070C7; background: url(../images/li.gif) 0px 4px no-repeat; font-size:9pt; margin:0 0 5px 5px; padding-left:10px; font-weight:bold; }
.menu_n { background: url(../images/li.gif) 0px 4px no-repeat; font-size:9pt; margin:0 0 7px 5px; padding-left:10px; font-weight:bold; }
/*.menu2_y { color: #0070C7; background: url(../images/li2.gif) 14px 6px no-repeat; font-size:9pt; margin:0 0 5px 5px; padding-left:23px; font-weight:bold; }
.menu2_n { background: url(../images/li2.gif) 14px 6px no-repeat; font-size:9pt; margin:0 0 5px 5px; padding-left:23px; font-weight:bold; }*/
.menu2_y { position: relative; color: #0070C7; font-size:9pt; margin:0 0 5px 5px; padding-left:18px; font-weight:bold; }
.menu2_n { position: relative; font-size:9pt; margin:0 0 5px 5px; padding-left:18px; font-weight:bold; }
.menu2_y:before { position: absolute; content: '–'; top: 0px; left: 5px; }
.menu2_n:before { position: absolute; content: '–'; top: 0px; left: 5px; }

.menu_n a { color: #000; text-decoration: none; }
.menu_n a:hover   { color: #0070C7; text-decoration: none;}
.menu_n a.active   { color: #0070C7; text-decoration: none; }
.menu_y a { color: #0070C7; text-decoration: none; }
.menu_y a:hover   { color: #0070C7; text-decoration: none;}
.menu_y a.active  { color: #0070C7; text-decoration: none;}
.menu2_n a { color: #000; text-decoration: none; }
.menu2_n a:hover   { color: #0070C7; text-decoration: none;}
.menu2_n a.active   { color: #0070C7; text-decoration: none; }
.menu2_y a { color: #0070C7; text-decoration: none; }
.menu2_y a:hover   { text-decoration: none; }
.menu2_y a.active  { text-decoration: none; }

.menu_n a.red { color: red; text-decoration: none; }
.menu_n a.red:hover { color: #0070C7; text-decoration: none; }
.menu_n a.red:active { color: red; text-decoration: none; }
.menu_y a.red { color: red; text-decoration: none; }
.menu_y a.red:hover { color: #0070C7; text-decoration: none; }
.menu_y a.red:active { color: red; text-decoration: none; }
.menu2_n a.red { color: red; text-decoration: none; }
.menu2_n a.red:hover { color: #0070C7; text-decoration: none; }
.menu2_n a.red:active { color: red; text-decoration: none; }
.menu2_y a.red { color: red; text-decoration: none; }
.menu2_y a.red:hover { color: #0070C7; text-decoration: none; }
.menu2_y a.red:active { color: red; text-decoration: none; }

.a_faq  a:link    { color: #0070C7; }
.a_faq  a:visited { color: #0070C7; }
.a_faq  a:hover   { text-decoration: none; color: red; }
.a_faq  a:active  { text-decoration: none; }

.list_menu  a:link    { color: #0070C7; }
.list_menu  a:visited { color: #0070C7; }
.list_menu  a:hover   { text-decoration: none; color: red; }
.list_menu  a:active  { text-decoration: none; }


.arrow_lab          { text-align:right; width:80px; font-size:120%; flex-shrink: 0; }
.arrow_lab a.prev { display: inline-block; width: 37px; height: 30px; background: url('/public/content/images/arr_l.gif') 0 0 no-repeat transparent; }
.arrow_lab a.prev:hover { background: url('/public/content/images/arr_l_.gif') 0 0 no-repeat transparent; } 
.arrow_lab a.next { display: inline-block; width: 37px; height: 30px; background: url('/public/content/images/arr_r.gif') 0 0 no-repeat transparent; }
.arrow_lab a.next:hover { background: url('/public/content/images/arr_r_.gif') 0 0 no-repeat transparent; } 

h1                 { font-size:22px; margin:0 0 21px 0; font-weight:normal; }
h2                 { font-size:12pt; margin:0 0 17px 0; font-weight:normal; }
.content           { padding:95px 0 0 30px; max-width: 800px; width: 800px; position: relative; }
.content p         { line-height:1.4em; position: relative; }
.content p img { position: relative; }

.content ol, .content ul { padding-left: 20px; }

.list_menu li      { margin-bottom:14px; }

ol li { line-height:1.6em; }

.red          { color:red; }
.table2		{ margin:21px 0 21px 0; border-collapse: collapse; }
.table2 td	{ border-width:1px; border-style:solid; border-color:#000; padding:5px; font-size:10pt; }
.table2 th	{ /*background: #D5E8EE;*/ border-width:1px; border-style:solid; border-color:#000; padding:5px; font-weight:bold; text-align:center; font-size:10pt; }
.table2 tr:nth-child(odd) th, .table2 tr:nth-child(odd) td { background-color: #D5E8EE; }
.table2 tr.yellow_row td { background-color: #ffff00; vertical-align: middle; }

.table		{ border-width:1px 1px 0 0; border-style:solid; border-color:#000; margin:21px 0 21px 0; }
.table td	{ border-width:0 0 1px 1px; border-style:solid; border-color:#000; padding:5px; font-size:10pt; }
.table th	{ border-width:0 0 1px 1px; border-style:solid; border-color:#000; padding:5px; font-weight:bold; text-align:center; font-size:10pt; }

.footer { font-size:12px; padding:31px 0 14px 0px; }
.content table td p { padding-bottom:7px; }
.title_met { padding:21px 0 7px 0; font-size:14px; font-weight:bold; }
.title_2   { padding:0px 0 14px 0; font-size:12px; font-weight:bold; }

.greyinput { color: #262626 !important; padding: 4px 4px;	margin-right: 5px; }
.greyflatbutton { display: block; background: #cfcfcf; border: 1px solid #000; border-radius: 2px; color: #262626 !important; text-decoration: none !important; font-size: 12px; text-align: center; padding: 5px 10px; }
.greyflatbutton:hover { background: #dbd9d9; }

.loader1 { width: 75px; }
.loader1 .l_in { width: 25px; height: 25px; background-color: #888; border-radius: 100%; display: inline-block; -webkit-animation: loader1 1.4s ease-in-out 0s infinite both; animation: loader1 1.4s ease-in-out 0s infinite both; }
.loader1 .loader1_1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader1 .loader1_2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes loader1 { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes loader1 { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }

.loader2 { width: 40px; }
.loader2 .l_in { width: 13px; height: 13px; background-color: #888; border-radius: 100%; display: inline-block; -webkit-animation: loader2 1.4s ease-in-out 0s infinite both; animation: loader2 1.4s ease-in-out 0s infinite both; }
.loader2 .loader2_1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader2 .loader2_2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes loader2 { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes loader2 { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }

td.err { color: red; padding: 6px 0 0 5px; }
/*.logo { position: absolute; top: 25px; left: 20px; width: 200px; height:55px; background: url('../images/tigli_logo.jpg') 0 0 / 140px auto no-repeat transparent; z-index: 1003; text-decoration: none; display: block; }*/
.logo { position: absolute; top: 25px; left: 20px; width: 200px; height:55px; background: url('../images/logoblue.svg') -20px -20px / 200px auto no-repeat transparent; z-index: 1003; text-decoration: none; display: block; }


span.aleft { display: inline-block; width: 20px; height: 15px; background: url('/public/content/images/arr_l_red.png') left -3px / 30px auto no-repeat transparent; }
span.aright { display: inline-block; width: 20px; height: 15px; background: url('/public/content/images/arr_r_red.png') right -3px / 30px auto no-repeat transparent; }

.flags { position: relative; top: -20px; right: 0px; margin-bottom: 10px; display: flex; flex-direction: row; justify-content: flex-end; gap: 0 10px; }
.flags a { display: block; width: 80px; height: 45px; overflow: hidden; -webkit-box-shadow: 2px 2px 8px 2px rgba(34, 60, 80, 0.2); -moz-box-shadow: 2px 2px 8px 2px rgba(34, 60, 80, 0.2); box-shadow: 2px 2px 8px 2px rgba(34, 60, 80, 0.2); }

a.sendbutton { display: inline-block; margin-left: -6px; width: 310px; height: 55px; background: url('../images/send.png') 0 0 no-repeat transparent; line-height: 55px; font-size: 20px; color: #fff; text-decoration: none !important; }

.dl_catalog { 
	position: relative;
	margin: 50px auto 0;
	color: #fff !important;
	display: block;
	width: 364px;
	height: 169px;
	font-size: 20px;
	text-decoration: none !important;
	line-height: 169px;
	text-align: center;
	background: url('../images/dl_catalog_td.png') left center no-repeat transparent;
	padding-left: 50px;
}
.dl_catalog.smol {
	width: 100%;
	height: 105px;
	line-height: 105px;
	margin: 0 auto;
	background: url('../images/dl_catalog_smol.png') left center no-repeat transparent;
	padding-left: 17px;
	font-size: 14px; 
}
.shots img { display: block; margin: 0 auto 10px; }
.shot { text-align: left; font-family: arial; font-style:italic; font-size: 10pt; margin: 0 auto 10px; color: #414141; }
.shot.center { text-align: center; }