TABLE#corallmediumroomtable {width: 100%; min-height: 500px;  background-color: #cccc66; background-image: url('//metodorf.com/img/background.gif');}
div.corallmediumroomtext {width: 100%; background-color: #fbe9c8; vertical-align: top; text-align: center;}
div.corallmediumroomtextwall {width: 100%; height: 100%;  text-align: center;}
div.corallmaintext {text-align: center; font-family: "Times New Roman", serif;}
div.corallthispage {font-size: 12px;}

li { background-color: none;}


.corallfondiv {width: 800px; height: 920px; margin: 0 auto; text-align: center; background-image: url('//metodorf.com/training/images/corallreef/reeffon.jpg'); background-repeat:no-repeat;}
.coralldiv {width: 800px; height: 920px; margin: 0 auto; text-align: center; border: 1px double #c08c2e; border-collapse: collapse;}

.zvertable {width: 800px; height: 750px; padding-left: 15px; padding-right: 15px; padding-top: 85px;}
.zvertablemenu {width: 800px; height: 70px;}
.zvertablestart {width: 800px; height: 750px; padding-left: 15px; padding-right: 15px; padding-top: 105px;}
.zvertd {width: 138px; height: 175px; padding-top: 14px;}

.zvertableform {width: 800px; height: 750px; padding-left: 15px; padding-right: 15px; padding-top: 105px; text-align: center;}
.zvertdform {width: 138px; height: 175px; border: 1px solid black; padding-top: 0px;}


.zvertdright {width: 138px; height: 165px; border: 2px solid green; padding-top: 0px;}
.zvertdwrong {width: 138px; height: 165px; border: 2px solid red; padding-top: 0px;}
.zvertdnevibr {width: 138px; height: 165px; border: 2px solid yellow; padding-top: 0px;}

.imgresult {width:100%; display:block;}
.imgstart {width:60%; display:block;}
.sliderimg {width:50%;}
.imgselect {width:100%; display:block; filter: alpha(Opacity=100);  opacity: 1; }
.imgselectotm {display:block; filter: alpha(Opacity=100);  opacity: 1; }


.imgselect:hover {
-moz-transition: all 0.4s; 
-webkit-transition: all 0.4s;  
-ms-transition: all 0.4s;  
-o-transition: all 0.4s;  
transition: all 0.4s; 
opacity:1;
filter:alpha(opacity=100);}
.imgselectotm:hover {
-moz-transition: all 0.4s; 
-webkit-transition: all 0.4s;  
-ms-transition: all 0.4s;  
-o-transition: all 0.4s;  
transition: all 0.4s; 
opacity:1;
filter:alpha(opacity=100);}


.sector {border-collapse: collapse; float: none; width: auto; height: auto;}
.sectortd {width: auto; }
.sectortdotmena {width: auto;}
.plusrd {width: auto;}

#plus{display:none;}
#plus:checked ~ #plusrd {
   background: #99cc66; 
}
#nevibr{display:none;}



h1 {
  color: #000;
  text-align: center;
  font-weight: 300;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 0 auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 1050px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 800px;
  height: 920px;
  text-align: center;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}


@media (max-height: 900px){
.corallfondiv {width: 631px; height: 756px; background-image: url('//metodorf.com/training/images/corallreef/reeffon400.jpg'); background-repeat:no-repeat; background-size: 100% 100%;}
.coralldiv {width: 631px; height: 756px; margin: 0 auto; text-align: center; border: 1px double #c08c2e; border-collapse: collapse;}

.zvertable {width: 631px; height: 576px; padding-left: 0px; padding-right: 0px; padding-top: 64px;}
.zvertablemenu {width: 631px; height: 127px;}
.zvertablestart {width: 631px; height: 576px; padding-left: 0px; padding-right: 0px; padding-top: 44px;}
.zvertd {width: 180px; height: 136px; padding-top: 1px;}

.zvertableform {width: 631px; height: 576px; padding-left: 0px; padding-right: 0px; padding-top: 36px;}
.zvertdform {width: 180px; height: 136px; border: 1px solid black;}


.zvertdright {width: auto; height: 136px; border: 2px solid green;}
.zvertdwrong {width: auto; height: 136px; border: 2px solid red;}
.zvertdnevibr {width: auto; height: 136px; border: 2px solid yellow;}




.imgresult {width:44%;}
.imgselect {width:60%;filter: alpha(Opacity=100); opacity: 1;}
.imgselectotm{width:10%;filter: alpha(Opacity=100); opacity: 1;}
.sliderimg {width:50%;}

#slider ul {
  height: 756px;
}

#slider ul li {
  width: 631px;
  height: 756px;
}
}



@media (max-height: 750px){
.corallfondiv {width: 526px; height: 630px; background-image: url('//metodorf.com/training/images/corallreef/reeffon400.jpg'); background-repeat:no-repeat; background-size: 100% 100%;}
.coralldiv {width: 526px; height: 630px; margin: 0 auto; text-align: center; border: 1px double #c08c2e; border-collapse: collapse;}

.zvertable {width: 526px; height: 480px; padding-left: 0px; padding-right: 0px; padding-top: 53px;}
.zvertablemenu {width: 526px; height: 106px;}
.zvertablestart {width: 526px; height: 480px; padding-left: 0px; padding-right: 0px; padding-top: 37px;}
.zvertd {width: 150px; height: 113px; padding-top: 1px;}

.zvertableform {width: 526px; height: 480px; padding-left: 0px; padding-right: 0px; padding-top: 30px;}
.zvertdform {width: 150px; height: 113px; border: 1px solid black;}


.zvertdright {width: auto; height: 113px; border: 2px solid green;}
.zvertdwrong {width: auto; height: 113px; border: 2px solid red;}
.zvertdnevibr {width: auto; height: 113px; border: 2px solid yellow;}




.imgresult {width:44%;}
.imgselect {width:60%;filter: alpha(Opacity=100); opacity: 1;}
.imgselectotm{width:10%;filter: alpha(Opacity=100); opacity: 1;}
.sliderimg {width:50%;}

#slider ul {
  height: 630px;
}

#slider ul li {
  width: 526px;
  height: 630px;
}
}




@media (max-height: 640px){
.corallfondiv {width: 438px; height: 525px; background-image: url('//metodorf.com/training/images/corallreef/reeffon400.jpg'); background-repeat:no-repeat; background-size: 100% 100%;}
.coralldiv {width: 438px; height: 525px; margin: 0 auto; text-align: center; border: 1px double #c08c2e; border-collapse: collapse;}

.zvertable {width: 438px; height: 400px; padding-left: 0px; padding-right: 0px; padding-top: 44px;}
.zvertablemenu {width: 438px; height: 88px;}
.zvertablestart {width: 438px; height: 400px; padding-left: 0px; padding-right: 0px; padding-top: 31px;}
.zvertd {width: 125px; height: 94px; padding-top: 1px;}

.zvertableform {width: 438px; height: 400px; padding-left: 0px; padding-right: 0px; padding-top: 25px;}
.zvertdform {width: 125px; height: 94px; border: 1px solid black;}


.zvertdright {width: auto; height: 94px; border: 2px solid green;}
.zvertdwrong {width: auto; height: 94px; border: 2px solid red;}
.zvertdnevibr {width: auto; height: 94px; border: 2px solid yellow;}




.imgresult {width:44%;}
.imgselect {width:60%;filter: alpha(Opacity=100); opacity: 1;}
.imgselectotm{width:10%;filter: alpha(Opacity=100); opacity: 1;}
.sliderimg {width:50%;}

#slider ul {
  height: 525px;
}

#slider ul li {
  width: 438px;
  height: 525px;
}
}


@media (max-width: 860px), (max-height: 550px){
.corallfondiv {width: 350px; height: 420px; background-image: url('//metodorf.com/training/images/corallreef/reeffon400.jpg'); background-repeat:no-repeat; background-size: 100% 100%;}
.coralldiv {width: 350px; height: 420px; margin: 0 auto; text-align: center; border: 1px double #c08c2e; border-collapse: collapse;}

.zvertable {width: 350px; height: 320px; padding-left: 0px; padding-right: 0px; padding-top: 35px;}
.zvertablemenu {width: 350px; height: 70px;}
.zvertablestart {width: 350px; height: 320px; padding-left: 0px; padding-right: 0px; padding-top: 25px;}
.zvertd {width: 100px; height: 75px; padding-top: 1px;}

.zvertableform {width: 350px; height: 320px; padding-left: 0px; padding-right: 0px; padding-top: 15px;}
.zvertdform {width: 100px; height: 75px; border: 1px solid black;}


.zvertdright {width: auto; height: 75px; border: 2px solid green;}
.zvertdwrong {width: auto; height: 75px; border: 2px solid red;}
.zvertdnevibr {width: auto; height: 75px; border: 2px solid yellow;}




.imgresult {width:44%;}
.imgselect {width:60%;filter: alpha(Opacity=100); opacity: 1;}
.imgselectotm{width:10%;filter: alpha(Opacity=100); opacity: 1;}
.sliderimg {width:50%;}

#slider ul {
  height: 420px;
}

#slider ul li {
  width: 350px;
  height: 420px;
}

}