body
 {
  background-image: url("pildid/joonis5.jpg");
  /* background-image: url("pildid/taust.png"); */
  background-attachment: fixed;
  background-position: center; 
  background-size: cover;
  /* color: #C0C0C0; #733220, logo: DD0713*/
  color: white;
  /* font-family: "Georgia"; */
 /*  font-family: "Verdana"; */
/*   font-family: "Gabriola"; */
  font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
  font-style: italic;
  /* font-family: 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive; */
 }
table, th, td
{
  font-style: italic;
/*   border: #733220 solid 1px; */
  border-collapse: collapse;
}
table tr:nth-child(odd)
{
background: rgba(115, 50, 32, 0.4);
}
table tr:nth-child(even)
{
background: rgba(115, 50, 32, 0.2);
}
ul
{
  list-style-type: none;
}
p
{
 margin-top: 5px;
 margin-bottom: 5px;
}
::-webkit-input-placeholder {
   color: red;  
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}
a:link {text-decoration:none;color:white}
a:visited {text-decoration:none;color: white}
a:hover {text-decoration:none; color: grey}
a:active {text-decoration:underline;}
#koguleht
 {
  margin-top: 1%;
  margin-right: 0;
  float: left;
  display: inline-block;
  width: 75%;
  height: auto;
  min-height: 600px;
  background-color: #900020;
  display: inline-block;
  padding-left: 1%;
  padding-bottom: 2%;
  border: 2px solid #787878;
  border-radius: 30px;
/*  opacity:0.74;
 filter:Alpha(opacity=74); */ 
  background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
  background: rgba(115, 50, 32, 0.7);
 }
#koguleht_index
 {
  margin-top: 1%;
  margin-right: 0;
  float: left;
  display: inline-block;
  width: 73%;
  margin-left:13%;
  background-color: #900020;
  display: inline-block;
  padding-left: 1%;
  padding-top: 1%;
  padding-bottom: 2%;
  border: 2px solid #787878;
  border-radius: 30px;
/*  opacity:0.74;
 filter:Alpha(opacity=74); */ 
  background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
  background: rgba(115, 50, 32, 0.7);
 }
#pais
{
 width: 100%;
 min-width: 470px;
}
#sisukontakt
{
  margin-top: 1%;
  margin-right: 1%;
  clear: left;
  float: left;
  display: inline-block;
  width: 19%;
  height: auto;
  min-height: 300px;
  background-color: #900020;
  padding-left: 1%;
  padding-top: 2%;
  padding-bottom: 1%;
  border: 2px solid #787878;
  border-radius: 30px;
/*  opacity:0.74;
 filter:Alpha(opacity=74); */ 
  background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
  background: rgba(115, 50, 32, 0.7); 
}
#pais
 {
  width: 100%;
 }
.lehepais
{
 width: 100%;
 text-align: center;
 font-size: 25px;
 margin-bottom: 1%;
}
.sisud
{
 float: left;
 margin-top: 1%;
 border-radius: 5px;
 display: inline-block;
 margin-bottom: 1%; 
 background-color: #3399FF;
 border: 2px solid #787878;
	background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
	background: rgba(115, 50, 32, 0.5);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000)";
}
.sisud1
{
 border: 2px solid #787878;
 border-radius: 5px;
 display: inline-block;
}
#logo
{
 float: left;
 margin-left: 4%;
 display: inline-block;
 width: 11.5em;
 height: 11.5em;
 border: 2px solid rgba(221, 7, 19, 0.6);
 border-radius: 200px/ 175px;
 opacity:0.9;
 background-color: #900020;
/* 	background: rgb(115, 50, 32);
	RGBa with 0.6 opacity
	background: rgba(115, 50, 32, 0.2);
	For IE 5.5 - 7
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90002000, endColorstr=#90002000);
	For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90002000, endColorstr=#90002000)"; */
}
#logo_index
{
 float: left;
 margin-left: 4%;
 display: inline-block;
 width: 10.5em;
 height: 9.5em;
 border: 2px solid rgba(221, 7, 19, 0.6);
 border-radius: 200px/ 200px;
 opacity:0.9;
 background-color: #DD0713;
/* 	background: rgb(115, 50, 32);
	RGBa with 0.6 opacity
	background: rgba(115, 50, 32, 0.2);
	For IE 5.5 - 7
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90002000, endColorstr=#90002000);
	For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90002000, endColorstr=#90002000)"; */
}
#logo1
{
 width: 96%;
 height: 92%;
 border-radius: 200px/175px;
 border: 5px solid rgba(221, 7, 19, 0.6);
 opacity:0.8;
 background: rgb(221, 7, 19);
 background: rgba(221, 7, 19, 0.9);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD071300, endColorstr=#DD071300);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD071300, endColorstr=#DD071300)";
}
#logo1_index
{
 width: 96%;
 height: 96%;
 border-radius: 200px/200px;
 border: 5px solid rgba(221, 7, 19, 0.6);
 opacity:0.8;
 background: rgb(221, 7, 19);
 background: rgba(221, 7, 19, 0.9);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD071300, endColorstr=#DD071300);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD071300, endColorstr=#DD071300)";
}
#pildid
 {
  float: left;
  display: block;
  width: 20%;
 }
#googleMap
{
 width:100%;
 height:22%;
}
#slideshow
 {
  float: right;
  display: inline-block;
  width: 79%;
  /* margin-right: 1%; */
 }
.menyypildid1
 {
  float: left;
  display: inline-block;
  width: 100%;
  height: 22.5%;
  border-radius: 5px;
  margin-bottom: 1%;
 }
.iluspilt
{
 border: 2px solid #787878;
 border-radius: 15px;
 width: 90%;
}
.responsive-container1
{ 
 position: relative; 
 padding-bottom: 3%; 
 padding-left: 7.5%;
 height: 0; 
 min-height: 120px;
 overflow: hidden; 
/*  background-color: #A65923; */
 min-width: 320px;
/*  border: 2px solid #787878;
 border-radius: 5px; */
 }
.responsive-container 
{ 
 position: relative; 
 padding-bottom: 56.25%; 
 padding-top: 0; 
 height: 0; 
 overflow: hidden; 
 background-color: #733220;
 border-radius: 20px;
 margin-bottom: 5px;
 min-width: 320px;
 }
.responsive-container iframe 
 { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  }
.responsive-container2 
{ 
 position: relative; 
 padding-bottom: 56.25%; 
 padding-top: 0; 
 height: 0; 
 overflow: hidden; 
 background-color: #733220;
 border-radius: 20px;
 }
.responsive-container2 iframe 
 { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 106%; 
  height: 98%; 
  }
.responsive-container21
{ 
 position: relative; 
 padding-bottom: 56.25%; 
 padding-top: 0; 
 height: 0; 
 overflow: hidden; 
 background-color: #733220;
/*  border: 2px #733220; */
 /* border-radius: 20px; */
 }
.responsive-container21 iframe 
 { 
  position: absolute; 
  top: 0; 
  left: 0; 
  border: 0;
  width: 100%; 
  height: 100%; 
  }
#menyy
 {
  float: right;
  display: inline-block;
  width: 100%;
  margin-top: 1%;
 }
.menyypilt
{   
	position:absolute;
    left:12%;
    top:0;
	width: 75%;
	border-radius: 200px;
	margin: 1px;
	border: 3px solid #787878;
	z-index: 100;
}
.menyytekst
{
    z-index:1;
    position:absolute;    
    color:  white;
    font-size:15px;
	left: 0px;
	top: 4.5em;
	width: 100%;
	border: 2px solid #787878;
	border-radius: 15px;
	margin-top: -10%;
	padding-top: 42%;
	padding-bottom: 25%;	
	background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
	background: rgba(115, 50, 32, 0.59);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000)";
}

.menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
{
    z-index:1;
    position:absolute;    
    color:  white;
    font-size:15px;
	left: 0px;
	top: 4.5em;
	width: 100%;
	border: 2px solid #787878;
	border-radius: 15px;
	margin-top: -20%;
	padding-top: 42%;
	padding-bottom: 25%;	
	background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
	background: rgba(115, 50, 32, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000)";
}

.aktiivneleht
{
 /* background-color: 	#F0F0F0; */
 /* color: #C0C0C0; */
 color: #3399FF;
 width: 16%;
 float: left;
 display: inline-block;
 padding: 2px;
 text-align: center;
 font-weight: bold;
 position: relative;
 margin-right: 2px;
	background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
	background: rgba(115, 50, 32, 0.01);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000)";
}
.alajaotused
{
 /* color: #C0C0C0; */
 color: white;
 float: left;
 width: 16%;
 display: inline-block;
 text-align: center;
 padding: 2px;
 position: relative;
 margin-right: 2px;
	background: rgb(115, 50, 32);
	/* RGBa with 0.6 opacity */
	background: rgba(115, 50, 32, 0.01);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#73322000, endColorstr=#73322000)";
}
.rekvisiidid
 {
  height: 15%;
  width: 100%;
  border-top: 2px solid #222222;
  padding: 5px;
  color: white;
  font-family: "Arial";
  font-size: 12px;
 }

.active
 {
  float: left;
  display: inline;
 }
.nonactive
 {
  display: none;
 }

.sisend
{
 border: 1px solid grey;
 border-radius: 2px;
 text-align: left;
 width: 100%;
 border: 2px solid #787878;
 font-size: 14px;
 line-height: 20px;
 border-radius: 5px;
}
.nupp, .tellimus
{
 border: 2px solid #787878;
 background-color: #707070;
 color: white;
 padding: 3px;
 border-radius: 5px;
}
.nupp:hover, .tellimus:hover, .nupp1:hover
{
 border: 1px solid white;
 background-color: #707070;
}
.nupp1
{
 display: inline-block;
 border: 2px solid #787878;
 background-color: #707070;
 color: white;
 padding: 1px 2px 1px 1px;
 border-radius: 5px;
 margin-top: 3px;
}
.nupp2
{
 display: inline-block;
 border: 2px solid white;
 background-color: white;
 color: #707070;
 padding: 1px 2px 1px 1px;
 border-radius: 5px;
 margin-top: 3px;
}
.tellimus
{
 width: 30%;
 margin-left:35%;
 margin-right: 35%;
}
.kontaktid
{
 width: 28%;
 padding: 1%;
 text-align: left;
 float: left;
 border: 2px solid #787878;
 border-radius: 5px;
 margin-left: 1%;
 margin-right: 1%;
 margin-top: 1%;
 margin-bottom: 1%;
 display: inline-block;
}
.kontaktid1
{
 width: 96%;
 padding: 1%;
 text-align: left;
 float: left;
 border-radius: 5px;
 margin-left: 1%;
 margin-right: 1%;
 margin-top: 1%;
 margin-bottom: 1%;
 display: inline-block;
}
.tood
{
 /* border: 2px solid white; */
 /* border-radius: 5px; */
 color: #733220; /* #3399FF; *//* #787878;  */
 padding: 2px;
 /* margin-left: -12px; */
 width: 98%;
}
.tood:hover
{
/*  border: 2px solid white;
 border-radius: 5px; */
 color: white; 
 padding: 2px;
 background-color: #787878;
}
.tood1
{
 /* border: 2px solid white; */
 /* border-radius: 5px; */
 color: #733220; /* #3399FF; *//* #787878;  */
 padding: 2px;
 width: 98%;
 font-size: 13px;
}
.tood1:hover
{
/*  border: 2px solid white;
 border-radius: 5px; */
 color: white; 
 padding: 2px;
 background-color: #787878;
}

.link
{
 font-size: 15px;
 line-height: 20px;
}
.rida
{
 width: 100%;
 
}
.vormitekst
{
 width: 40%;
 float: left;
 display: inline-block;
}
.vormisisend
{
 width: 57%;
 float: left;
 display: inline-block;
}
@media only screen and (max-width: 430px)
{
 .tellimus
  {
	 width: 90%;
	 margin-left:2%;
	 margin-right: 5%;	 
  }
  .kontaktid
   {
   width: 95%;
   font-size: 12px;
   }
 #googleMap
  {
  width: 30%;
  height: 10%;
  min-height: 50px;
  }
  .menyypildid1
  { 
  width: 30%;
  height: 10%;
  min-height: 50px;
  margin-right: 2%;
  }
}
@media only screen and (max-width: 499px)
{
.alajaotused, .aktiivneleht
 {
  width: 13%; 
  }
/* .menyytekst
 { 
    font-size:10px;
	left: 2px;
	top: 35px;
  }
.menyypilt
 {
  width: 95%;
 } */
}
@media only screen and (min-width: 430px) and (max-width: 650px)
 {
 .kontaktid
   {
   width: 45%;
   font-size: 12px;
   }
 }
@media only screen and (max-width: 750px)
{
.responsive-container1
 {
 height: 12%;
 padding-bottom: 2px;
 }
 .menyypilt
	{
	 display:none;
	}
 #logo
 {
  width: 7.0em;
  height: 6.1em;
 }
 #logo1
 {
  width: 93%;
  height: 91%;
  border-radius: 7.0em/6.1em;
 }
 .menyytekst, .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
  {
    display: inline-block;
	float: left;
	top: 0.8em;
	margin-top: 2%;
	padding-top: 2%;
	padding-bottom: 5%;  
	font-size: 13px;
  }
 #poolmenyyd, #poolmenyyd1, #poolmenyyd2
 {
  margin-top: 2em;
 }
 #sisukontakt
  {
  display: none;
  }
 #koguleht
  {
  width: 98%;
  min-width: 470px;

  }
}

@media only screen and (max-width: 574px)
{
  #menyy
   {
   margin-top: -1%;
   }
  .alajaotused, .aktiivneleht
     {
	 display: inline-block;
	 width: 47%;
	 float: left;
	}
/*  .responsive-container1
 {
  float: left;
  width: 65%;
  margin-top: 1%;
  padding-left: 1%;
 } */
 .menyytekst, .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
  {
    display: inline-block;
	float: left;
	top: 0.8em;
	margin-top: 2%;
	padding-top: 2%;
	padding-bottom: 5%;  
	font-size: 13px;
  }
 #poolmenyyd0, #poolmenyyd, #poolmenyyd1, #poolmenyyd2
 {
  margin-top: 2em;
 }
 body
 {
 margin: 1px;
 }
}

@media only screen and (min-width: 575px) and (max-width: 750px)
{
/*  .alajaotused, .aktiivneleht
 {
  width: 25%; 
  } */
 #logo
 {
  width: 7.1em;
  height: 6.2em;
 }
 #logo1
 {
  width: 93%;
  height: 91%;
  border-radius: 7.1em/6.2em;
 }
  .alajaotused, .aktiivneleht
     {
	 display: inline-block;
	 width: 27%;
	 float: left;
	}
 .menyytekst, .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
  {
    display: inline-block;
	float: left;
	top: 0.8em;
	margin-top: 2%;
	padding-top: 2%;
	padding-bottom: 5%;  
	font-size: 13px;
  }
}

@media only screen and (min-width: 430px) and (max-width: 750px)
{
 .tellimus
    {
	 width: 60%;
	 margin-left:20%;
	 margin-right: 20%;	
	}
}

@media only screen and (min-width: 751px) and (max-width: 850px)
{
 #logo
 {
  width: 7.1em;
  height: 6.2em;
 }
 #logo1
 {
  width: 93%;
  height: 91%;
  border-radius: 7.1em/6.2em;
 }
 .menyytekst
  {
	top: 3.5em;
	margin-top: -10%;
	padding-top: 35%;
	padding-bottom: 20%;  
	font-size: 12px;
  }
/*  .aktiivneleht, .alajaotused
  {
  width: 15%;
  } */
}

@media only screen and (min-width: 701px) and (max-width: 950px)
{
/* #koguleht
 {
 margin-left: 0px;
 width: 100%;
 } */
}
@media only screen and (min-width: 850px) and (max-width: 1180px)
{
 #logo
 {
  width: 8.1em;
  height: 7.2em;
 }
 #logo1
 {
  width: 93%;
  height: 91%;
  border-radius: 8.1em/7.2em;
 }
}
@media only screen and (max-width: 800px)
{
 #koguleht_index
 {
 width: 96%;
 margin-left: 2%;
 }
}
@media only screen and (min-width: 751px) and (max-width: 1050px)
{
  .vormitekst
	{
	 width: 98%;
	 float: left;
	 display: inline-block;
	}
   .vormisisend
	{
	 width: 98%;
	 float: left;
	 display: inline-block;
	}
}
@media only screen and (min-width: 750px) and (max-width: 900px)
{
.menyytekst,  .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
{
 font-size: 11px;
}
.kontaktid
{
 font-size: 13px;
}
}
@media only screen and (min-width: 900px) and (max-width: 1180px)
{
.menyytekst,  .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
{
 font-size: 13px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1180px)
{
 .tellimus
    {
	 width: 40%;
	 margin-left:30%;
	 margin-right: 30%;	
	}
 .aktiivneleht, .alajaotused
  {
  width: 15.2%;
  }
 .menyytekst
  {
  top: 4.2em;
  margin-top: -13%;
  padding-top: 46%;
  padding-bottom: 8%;
  }
 .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
 {
  top: 4.2em;
  margin-top: -17%;
  padding-top: 50%;
  padding-bottom: 8%;
 }
}
@media only screen and (min-width: 1180px) and (max-width: 1350px)
{
 #logo
 {
  width: 10.4em;
  height: 9.4em;
 }
 #logo1
 {
  width: 94%;
  height: 93%;
  border-radius: 10.4em/9.4em;
 }
 .aktiivneleht, .alajaotused
  {
  width: 15%;
  }
 .menyytekst
  {
  top: 5.2em;
  margin-top: -17%;
  padding-top: 40%;
  padding-bottom: 10%;
  }
 .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
 {
  top: 5.2em;
  margin-top: -20%;
  padding-top: 44%;
  padding-bottom: 10%;
 }
 .responsive-container1
 {
  min-height: 125px;
  padding-left: 4%;
 }
}
@media only screen and (min-width: 1350px) and (max-width: 1500px)
{
 #logo
 {
  width: 12.4em;
  height: 10.2em;
  margin-left: 2.4%;
 }
 #logo1
 {
  width: 95%;
  height: 93%;
  border-radius: 12.4em/10.2em;
 }
 .menyytekst
  {
  top: 5.25em;
  margin-top: -11%;
  padding-top: 43%;
  padding-bottom: 1%;
  }
 .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
 {
  top: 5.25em;
  margin-top: -15%;
  padding-top: 46%;
  padding-bottom: 1%;
 }
 .responsive-container1
 {
  min-height: 154px;
  padding-left: 3.75%;
 }
}
@media only screen and (min-width: 1500px)
{
 #logo
 {
  width: 14.5em;
  height: 13.0em;
  margin-left: 2%;
 }
 #logo1
 {
  width: 95%;
  height: 94%;
  border-radius: 14.5em/13.0em;
 }
 .menyytekst
  {
  top: 7.2em;
  margin-top: -11%;
  padding-top: 42%;
  padding-bottom: 8%;
  }
 .menyytekst:hover, .aktiivneleht:hover > .menyytekst, .alajaotused:hover > .menyytekst
 {
  top: 7.2em;
  margin-top: -15%;
  padding-top: 47%;
  padding-bottom: 8%;
 }
 .responsive-container1
 {
  min-height: 200px;
  padding-left: 3.5%;
 }
}