body, html{ background-image:url(images/fondo2.jpg);height: 100%; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; margin:0px; padding:0px; color: #0A9444;}
#bgroundmain{background-image:url(images/fondo2.jpg); background-size:auto; }
div#top{height:61px; width:100%; bottom:0; background-image:url(images/footereco.png); margin-top:8%; background-color:00aef0; position: static; overflow:inherit}
div#banner{background-image:url(images/cuadrobanner.png); height:365px; width:800px; margin-left:auto; margin-right:auto;}
div#About{ font:Tahoma, Geneva, sans-serif; font-size:14px; color:#06F}
div#Menu{ background-image:url(images/menueco.png); width:800px; height:126px; margin-left:auto; margin-right:auto;}
div#MenuContainer{ color:#FF0; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:18px; word-spacing:8pt; padding-top:40px;}
div#Services{ font:Tahoma, Geneva, sans-serif; font-size:14px; color:#06F}
div#Cabinas{ font:Tahoma, Geneva, sans-serif; font-size:14px; color:#06F; width:600px; margin-left:auto; margin-right:auto;}
.Eco { font:Tahoma, Geneva, sans-serif; font-size:14px; color:#0b9444;}


#Descriptions {color:#06F; font-family: Verdana, Geneva, sans-serif; font-size:14px; margin:0}

img
 {  border-style: none;
 }
 
a.link:link {
	color:#FF0;
	text-decoration: none;
}

a.link:visited {
	text-decoration: none;
	color: #FF0;
}
a.link:hover {
	text-decoration:none;
	color: #FFF;
}
a.link:active {
	text-decoration: none;
	color: #FF0;
}

a.link:link {
	color:#FF0;
	text-decoration: none;
}

a.link:visited {
	text-decoration: none;
	color: #FF0;
}
a.link:hover {
	text-decoration:none;
	color: #FFF;
}
a.link:active {
	text-decoration: none;
	color: #FF0;
}

a.link2:link {
	color: #FF0;
	text-decoration: none;
}

a.link2:visited {
	text-decoration: none;
	color: #FF0;
}
a.link2:hover {
	text-decoration:none;
	color: #FFF;
}
a.link2:active {
	text-decoration: none;
	color: #FF0;
}

.menuNonResp {background-image:url(images/menueco.png); background-position:top; background-repeat:no-repeat; height:126px; display:block}

@media only screen and (max-width : 800px) {
	.menuNonResp {display:none}
}

.flashclass img { width: 100%; margin:auto; max-width:800px;}
.flashclass { width: 100%; margin:auto; max-width:800px; padding:0px;}

#ServWrap {max-width:700px; margin:auto}

#textWrap {max-width:660px; margin:auto}

#leftText {display:inline-block; max-width:325px;}

#leftServ {display:inline-block; max-width:333px;}

#leftText div {margin-right:20px;}

#rightText {display:inline-block; max-width:325px;}
#rightServ {display:inline-block; max-width:325px;}
#rightText div {margin-left:20px; text-align:right}

@media only screen and (max-width : 660px) {
	
	#textWrap {max-width:660px; margin:auto; width:100%}

#leftText {display:block; max-width:660px; width:100%}

#leftText div {margin:3%; text-align:center}

#rightText {display:blok; max-width:660px; width:100%}

#rightText div { margin:3%; text-align:center}



}


@media (min-width: 660px) { 
  tr {
    display: inline-block;
  }
}

@media (max-width: 660px) { 
  tr {
    display: block;
  }
}

table {margin:auto; max-width:660px}

.menu {display: none}

@media only screen and (max-width : 800px) {

.menu {
    width: 90%; max-width:720px; margin:auto; display:block;
}

.menu select {
	
    width: 100%;
    height: 55px;
    margin: 8px 0;
    border: 0;
    border: none;
    border-top:none;
    background: #0A9444 url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat;
    background-size: 20px;
    background-position:  right 10px center;
	background-color:#F2E6B5
    font-family: 'Arial';
	font-size:18px;
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
			color:#F3FA06;
}

}

#footer {background-image:url(images/footereco.png); width:100%; background-repeat: repeat-x; background-color:#0A9444}

#servText {height:238px;  overflow-x:hidden;
      overflow-y:scroll; }

#servText::-webkit-scrollbar {
      width:20px; // manage scrollbar width here
    }

#servText::-webkit-scrollbar * {
      background:transparent; // manage scrollbar background color here
    }
#servText::-webkit-scrollbar-thumb {
      background: #16B1E3 !important; // manage scrollbar thumb background color here
    }


.servPhoto {max-width:333px; margin:auto; width:100%; display:inline-block}

.textservwrap {max-width:340px; margin:auto; width:100%; display:inline-block; max-height:288px;}

@media only screen and (max-width : 800px) {
	.textservwrap {max-width:800px; margin:auto; width:100%; display:block; height:auto}
.servPhoto {max-width:400px; margin:auto; width:100%; display:block;}

.textservwrap {max-width:400px; margin:auto; width:100%; display:block; height:auto;}
#ServWrap {max-width:400px; margin:auto; height:auto}
}


.ecotextmain {max-width:340px; display:inline-block}
.h5text {margin-left:50px; margin-right:15px;}
.ecopicmain {max-width:456px; display:inline-block; width:100%}
@media only screen and (max-width : 800px) {
	.ecotextmain {max-width:800px; display:block; margin:auto; width:100%}
	.h5text {margin-left:3%; margin-right:3%;}
	.ecopicmain {max-width:456px; display:block; width:100%; margin:auto}
}