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: # 000}
#bgroundmain{background-image:url(images/fondo2.jpg); background-size:auto; }
div#top{height:61px; width:100%; bottom:0; background-image:url(images/footer.jpg); 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:#000}
div#Menu{ background-image:url(images/menubar.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:#000}
div#Cabinas{ font:Tahoma, Geneva, sans-serif; font-size:14px; color:#000; max-width:600px; width:100%; margin-left:auto; margin-right:auto;}
div#Cabinas h2, h4 {margin:4%}
.Eco { font:Tahoma, Geneva, sans-serif; font-size:14px; color:#0b9444;}

h4, h2{color:#000}

#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/menubar.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: #16B1E3 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/footer.jpg); width:100%; background-repeat: repeat-x; background-color:#00aef3}

#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}
}

.fluid_container {
			margin: 0 auto;
			max-width: 1000px;
			width: 90%;
		}
		
		
#ContactWrap {max-width:600px; width:100%; margin:auto}

form {max-width:600px; width:100%; margin:auto; text-align:center}

lable {color:#000}
input[type="text"] {
	height:35px;
	width:90%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0;
	padding:10px;
	border-radius:5px;
}

textarea {
	height:100px;
	width:90%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0;
	padding:10px;
	border-radius:5px;
}

input[type=submit] {
    width: 100px;
    background-color: #16B1E3;
	border:2px solid #FFFB02;
    color: #FFF887;
    padding: 14px 20px;
    margin: 8px 0;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    width: 100px;
    background-color: #FFFB02;
	border:2px solid #16B1E3;
    color: #16B1E3;
    padding: 14px 20px;
    margin: 8px 0;
    border-radius: 4px;
    cursor: pointer;
}


input[type=reset] {
    width: 100px;
    background-color: #16B1E3;
	border:2px solid #FFFB02;
    color: #FFF887;
    padding: 14px 20px;
    margin: 8px 0;
    border-radius: 4px;
    cursor: pointer;
}

input[type=reset]:hover {
    width: 100px;
    background-color: #FFFB02;
	border:2px solid #16B1E3;
    color: #16B1E3;
    padding: 14px 20px;
    margin: 8px 0;
    border-radius: 4px;
    cursor: pointer;
}

#whatsapp {text-decoration:none; color:#399; font-size:24px; text-align:center}