*{
margin: 0;
padding: 0;
border: 0;
}
body, html {
background-image: url(http://sk-tercume.com.az/img/oboy1.jpg);
background-attachment: fixed;
margin: 0px;
padding: 0px;
text-align: center;
font-family: Tahoma, "Times New Roman", Times, serif;
background-color: ;
}
#maket {
width: 1000px;
margin: 0 auto;
text-align:center;
}
#header{
background-color: transparent;
padding: ;
}
#left{
float: left;
width: 10px;
padding: 0px;
background-color: transparent;
text-align: center;
}
#right{
float: right;
width: 340px;
padding: 0px;
background-color: transparent;
text-align: center;
}
#content{
padding: 5px;
width: 660px;
background-color: transparent;
text-align: center 
}
#footer{
background-color: transparent;
padding: 5px
}

A:link, A:visited, A:active {color:#990033; text-decoration: none}
A:hover {color:#0099ff; text-decoration: underline;}

A:link.logo, A:visited.logo, A:active.logo {font-size: 29px; color:#000000; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, sans-serif;}
A:hover.logo {color:#000000; text-decoration: underline;}

A:link.me, A:visited.me, A:active.me {font-size: 14px; color: #ffffff; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, sans-serif;}
A:hover.me {font-size: 14px; color: #CC0033; text-decoration: underline; font-weight: bold; font-family: Verdana, Arial, sans-serif;}

A:link.menu1, A:visited.menu1 {font-weight: bold; font-size: 13px; padding: 2px 30px; background-color: #CC0033; color: #000000; border:2px outset #cccccc; text-decoration: none; font-family: Verdana, Arial, sans-serif;}
A:hover.menu1, A:active.menu1 {font-size: 13px; padding: 2px 30px; background-color: #333333; color: #CC0033; border:2px inset #ffffff; text-decoration: none; font-family: Verdana, Arial, sans-serif;}
 {font-size: 13px; padding: 2px 40px; background-color: #003366; color: #ffcc33; border:2px inset #ffffff; text-decoration: none; font-family: Verdana, Arial, sans-serif;}

A:link.menu, A:visited.menu, A:active.menu {font-weight: bold; font-size: 14px; padding: 2px 10px; background-color: #003366; color: #ffffff; border:2px outset #cccccc; text-decoration: none; font-family: Verdana, Arial, sans-serif;}
A:hover.menu {font-size: 14px; padding: 2px 10px; background-color: #cccccc; color: #000000; border:2px inset #ffffff; text-decoration: none; font-family: Verdana, Arial, sans-serif;}

.menbg {text-align: left; border:2px outset #cccccc; background-color:#336699; padding: 4px 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold }

.imgtxt {
float:left;
width:200px;
margin:5px;
padding:5px
}

#textbg{
 width: ;
 height: ;
 font-family: cursive, "Book Antiqua", Sans-serif, Verdana, Arial;
 color: #000033; /* цвет текста */
 background: url(http://sk-tercume.com.az/img/poloski.gif) fixed; /* фон блока */
 border: 5px #CCCCFF solid; /* стили рамки */
 -moz-border-radius: 20px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 20px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius:20px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 20px; /* закругление углов для всех, кто понимает */
 padding: 10px; /* внутренние отступы */
 margin: 9px 0px;
}
/* B коде страницы: <div id="textbg">text</div> */
/* Версия HTML: <div style="width: 320px; height: 160px; color: #0000; background: #FF7F00; border: 3px #CCCCCC solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml- border-radius: 10px; border-radius: 10px; padding: 5px;">Закругленные углы с помощью HTML без использования файла Style.css</div> */

#orderbg{
 text-align: left;
 width: ;
 height: ;
 color: ;
 background: url(http://sk-tercume.com.az/img/poloski.gif) fixed;
 border: 5px #ff0000 dotted;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -khtml-border-radius:20px;
 border-radius: 20px;
 padding: 15px;
 margin: 11px 0px;
}
#logo{
 width: 365px;
 height: 80px;
 color: #000033;
 background: url(http://sk-tercume.com.az/img/SK-logo2.jpg) no-repeat 100%;
 border: 1px #CCCCFF solid;
 -moz-border-radius: 0 100px 100px 0;
 -webkit-border-radius: 0 100px 100px 0;
 -khtml-border-radius: 0 100px 100px 0;
 border-radius: 0 100px 100px 0;
 padding: ;
 margin: 5px 0px;
}
#logo2{
 width: 365px;
 height: 70px;
 color: #fff;
 background: url(http://sk-tercume.com.az/img/blue.jpg) no-repeat 100%;
 border: 1px #CCCCFF solid;
 -moz-border-radius: 100px 0 0 100px;
 -webkit-border-radius: 100px 0 0 100px;
 -khtml-border-radius: 100px 0 0 100px;
 border-radius: 100px 0 0 100px;
 padding: 3px 5px;
 margin: 5px 0px;
}

/* Катинка с закругленными углами: */
#example-round-img {
 border:3px solid #85A0C9;
 border-radius: 0 100px 100px 0;
 -webkit-border-radius: 0 100px 100px 0;
 -moz-border-radius: 0 100px 100px 0;
}
/* B коде страницы: <div id="logo" style="background: url('Ссылка'); width: 307px; height: 230px;" title="Картинка" alt="Картинка"></div> */
/* Версия HTML: <div style="background: url('Ссылка'); width: 307px; height: 230px; border: 3px solid #85A0C9; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;" title="Картинка" alt="Картинка"></div> */

.uptbl{
height: 5px;
width:1000px;
text-align:left;
padding:0;
background-color: #cc6699
}
.uptbl2{
height: 20px;
width:100%;
text-align: ;
padding:0;
background-image: url(http://idealistka.net/tercume.biz/img/oboy.jpg);
background-color: ;
padding-left: 5px;
padding-right: 5px;
border: 0px
}
.tblcnt {
height: ;
width:650px;
vertical-align:top;
text-align:left;
padding:5px 10px 5px 10px;
background-color: 
}

H1 {
font-family:Verdana, Arial, sans-serif; 
color: #003366;
font-size: 17px;
font-weight:bold;
}
H2 {
font-family:Verdana, Arial, sans-serif; 
color: #000033;
font-size: 15px;
font-weight:bold;
}
H3 {
font-family:Verdana, Arial, sans-serif; 
color: #003366;
font-size: 15px;
font-weight:bold;
padding:10px;
}
H4 {
font-family:Verdana, Arial, sans-serif; 
color: #990066;
font-size: 14px;
font-weight:bold;
font-style:italic
}
p {
font-family: cursive, "Book Antiqua", Sans-serif, Verdana, Arial; 
color: #000000;
font-size: 14px;
font-weight:normal;
margin: 0px;
padding: ;
border: ;
vertical-align: top;
}
.index {
font-family:Verdana, Arial, sans-serif; 
color: #000033;
font-size: 13px;
font-weight:normal;
margin: 0px;
padding: ;
border: ;
}

.slogan {
font-family:Verdana, Arial, sans-serif; 
color: #666666;
font-size: 13px;
font-style:italic;
margin: ;
padding: ;
border: ;
text-align: left
}

.tblbests{
width: 600px;
text-align: left;
border: 1px solid #999999;
padding: 1px;
}
.tblnews{
width: 300px;
text-align: left;
border: 0px;
padding: 1px;
}
.recom{
text-align: left;
font-family:Verdana, Arial, sans-serif;
font-size: 15px;
color: #000000;
font-weight: bold;
font-style: italic;
width: 320px;
height: 20px;
background-color:#CC0033;  
margin-top: 4px;
margin-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
border: ;
}
.recom2{
text-align: left;
font-family:Verdana, Arial, sans-serif;
font-size: 15px;
color: #000000;
font-weight: bold;
font-style: italic;
width: 320px;
height: 20px;
background-color:#CC0033;  
margin-top: 4px;
margin-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
border: ;
}

p.img {text-align:center; padding-top: 10px; padding-bottom: 10px}

.link {
font-family:Verdana, Arial, sans-serif; 
color: #000033;
font-size: 11px;
font-weight:normal;
margin: 0px;
padding: ;
border: ;
}

#nav {
 background: url(nav_bg.jpg) repeat-x;
 color: #f00;
 font-size: 120%;
 font-weight: bold;
 line-height: 1.8em;
 text-align: center;
 } 

#nav ul {
 list-style-type: none;
 } 

#nav li {
 display: inline;
 margin: 0 8px;
 } 

#nav li a {
 color: #0c0;
 } 

#nav li a:hover {
 color: #f00;
 }
 
 a {
 text-decoration: none;
 }
 
 
 .carousel-container {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 100%;
  position: relative;
  padding: 10px;
  background-color: #fff;
}

.carousel {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 20px;
  scrollbar-width: none; /* Firefox */
}

.carousel::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.carousel img {
  height: 60px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.arrow {
  background-color: #eee;
  border: none;
  font-size: 24px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.arrow:hover {
  background-color: #ccc;
}