/* -----------------------   Muudetud W3 ---------------- */
.w3-modal{padding:50px 15px 15px 15px;}
/* -----------------------  -------------     ---------------- */

body { 
background:white;/*#CCCCCC;*/
max-width:1100px; /* ennem 1000*/
margin-left: auto;
margin-right: auto; 
margin-top: 7px; 
margin-bottom: 25px;
}
@media (min-width:1200px){body {max-width:1100px;}}   /* ennem 1100 ja 1060*/

.clearfix::after {content: "";clear: both;display:table;}

.banner {padding:0 3px 10px 3px;}

.banner img {
border: none;
border-radius: 10px;
background-color:#e6e6e6;
max-height:120px;
width:100%;
}

.banner a {padding-left:2px;} /*kasutusel ainult siis kui panner koosneb mitmest osast*/

/* -----------------------   hor-menyy -------------------- */

.otsingmenyys {float:left;padding: 4px 5px 4px 10px;}

.otsingmenyys input {
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 13px;
background-color: white;
/*background-image: url(../pildid/menyygraafika/searchicon.png);*/
background-position: 5px 4px; 
background-repeat: no-repeat;
padding: 4px 10px 5px 20px;
}

.hor-menyy {border-top-left-radius:8px;border-top-right-radius:8px;}
.hor-menyy span{padding-left:5px;}
.hor-menyy2:hover{color:#000!important;background-color:#e6e6e6!important;}

/* -----------------------   vert-menyy ----------------------- */

.vasaktulp {width:26%; /*width:250px;*/float:left;}

.vmenyyostukorv {background-color:#3bde48;margin:6px 0 5px 0;}

.vmenyytooted {margin:6px 0 6px 0;}

.vmenyynupp {
width:100%;
padding:8px 6px;
text-align:left;
}

.vmenyynupp a {text-decoration:none; cursor:pointer; }
.vmenyydiv { margin-top:-6px; margin-bottom:5px;}
.vmenyydiv a:hover{background-color:#e6e6e6!important;}

/* -----------------------   vert-menyy ------ END ---------- */


.sisucell {float:left; padding:10px 0 10px 15px; width:74%;}
.tekstiserv ,.poeserv{padding:15px 0 10px 3%;}

@media (max-width: 600px){.sisucell { padding:10px 0 5px 0;margin-left:0; } .tekstiserv,.poeserv {padding:0;}}
@media (max-width: 890px) and (min-width: 751px) {.sisucell {width:67%;} .vasaktulp {width:33%;}}
@media (max-width: 750px) and (min-width: 601px) {.sisucell {width:60%;} .vasaktulp {width:40%;}}
@media (max-width: 600px){.sisucell {width:100%;}}

.tootepilt img {
max-width:180px;
margin:25px 0 20px 10px;
display: block;
}
@media (max-width: 992px){ .tootepilt img { max-width:100%;margin:15px auto; } }
@media (max-width: 600px){ .tootepilt img { max-width:100%;margin:15px auto; } }


.laius75 {float:left;width:75%;}
.laius25 {float:right;width:25%;}

@media (max-width:992px){.laius75 {width:100%; } .laius25 {width:100%; }}

.uudispealkiri {background:url(../pildid/menyygraafika/knurk.jpg) no-repeat 0px 8px;}

.uudispealkiri h4 {
padding-left:20px;
display:inline;
font-size:13px; 
font-weight:bold;
letter-spacing:2px;
margin:0;
}

.uudispealkiri span {
display:inline;
float:right;
font-size:11px;
color:#808080;
padding-top:5px;
margin-left:20px;
/*border:solid 1px brown;*/
}

.tootetekst {padding:15px 0;}

.vanakuup {
display:inline;
font-size:11px;
color:#808080;
padding-left:25px;
}

.modalpilt  img {
margin:auto;
background-color:#fff;
position:relative;
padding:15px;
outline:0;
border:2px ridge  #444444;
border-radius:8px;
max-width:100%;
height:auto;
}

.nimetus h4 {
font-size:13px;
font-family: Lucida Grande, Lucida Sans, Arial ; /* 2Verdana*/
font-weight: bold;
}

/* hind */
.nimetus span{
float:right;
display:inline;
font-size:14px;
margin-left:15px;
font-family: Arial;
color:green;
font-weight: bold;
width:85px;
text-align:left;
/*border: solid 1px black;*/
}

@media (max-width:992px) {.nimetus span  {width:auto;} .nimetus{max-width:auto;}}

.kogus{
display:inline;
float:right;
font-size:10px;
font-family: Verdana;
/*border: dotted 1px brown;*/
}

/*  Tabeli Vaates  */

.kogus-tv  {float: right;margin-left:15px;}

.kogus-tv td { 
font-size:10px;
font-family: Verdana;
white-space:nowrap;
}

.kogus-tv th { 
font-family: Verdana;
font-size:10px; 
font-weight: normal;
padding-right:7px;
}

.tootetekst-tv {padding-top:20px;clear:left;}

.kogus input, .kogus-tv input {
text-align: center;
background-color: #F2F2F2; 
font-family: arial; 
font-size: 12px;
border-radius: 4px;
width:40px;
padding:1px;
margin:0;
box-sizing:border-box;
border: 1px solid #ccc;
}


.kogus img {
cursor: pointer;
vertical-align: middle;
border: none;
margin:0px 15px 0px 5px;
vertical-align:center;
}

.kood {
float:left;
clear:left;
width:80px;
text-align:left;
font-family:Arial; 
font-size:70%;
}

.kood input{vertical-align:-3px;}

.valik{
float:right;
margin-right:10px;
margin-top:3px;
font-size:12px;
font-family: Verdana;
}


.jalus  {
letter-spacing:1px;
text-align:center;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}

.jaluscell  {padding:10px;}

/*viimati muudetud*/
.vm {
width: 250px; 
margin: 20px auto 5px auto;
line-height: 250%; 
font-size:80%;
color: #808080;
}

.nupp {
cursor: pointer;
color: black;
background-color: #f2f2f2;
border: 2px solid #4CAF50;
padding: 12px 22px;
margin: 0 25px;
display: inline-block;
text-align: center;
text-decoration: none;
border-radius: 10px;
font-family: verdana;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

/*kasutusel ostukorvis*/
.pikkus70 {max-width:70%;}
@media (max-width:600px){.pikkus70 { max-width:100%;}}

@media print {.w3-section {page-break-inside: avoid;}}

.w3-tooltip .w3-tag {
position:absolute;
width:350px;
margin-left:-150px;
bottom:100%;
border-radius:6px;
padding:6px;
background-color:#666;
}