/*map canvas properties*/
html, body, #roomExample1 {
        width: 955px;   /*if it is changed, change it in javascript too*/
        height: 630px;
        margin: 0px;
        padding: 0px;
      }
	  /*hide google logo*/
	  #roomExample1 a img  { display:none; }
	  /*menu container*/
      #panel {
        position: absolute;
        top: 5px;
        left: 775px;
        /*margin-left: -180px;*/
        z-index: 5;
        /*background-color: #fff;*/
        padding: 5px;
        /*border: 1px solid #999;*/
		cursor: pointer;
      }	
	  /*room details*/
	  .info{
	    font-size: 11px;
        font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	    position: absolute;
		width: 243px; 
        height: 73px;
        top: 50px;
        left: 97px;
        /*margin-left: -180px;*/
        z-index: 5;
		/*por defecto verde*/
		/*background:rgb(24,70,44);*/
		/*degradado*/
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #18462C),
	color-stop(1, #47AD73)
);
background-image: -o-linear-gradient(bottom, #18462C 0%, #47AD73 100%);
background-image: -moz-linear-gradient(bottom, #18462C 0%, #47AD73 100%);
background-image: -webkit-linear-gradient(bottom, #18462C 0%, #47AD73 100%);
background-image: -ms-linear-gradient(bottom, #18462C 0%, #47AD73 100%);
background-image: linear-gradient(to bottom, #18462C 0%, #47AD73 100%);
        /*background:rgb(222,222,208);*/
		/*color text*/
		color:rgb(255,255,255);
		opacity:0.70;
        padding: 5px;
        border: 1px solid #999;
		display:none;
	  }
	  .title{
		font-size: 12px;
        font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		padding-bottom:3px;
	  }
	  /*extra button full size*/
	  #fullScreen {
        position: absolute;
        top: 3px;
        left: 355px;
        /*margin-left: -180px;*/
        z-index: 5;
        /*background-color: #fff;*/
        padding: 5px;
        /*border: 1px solid #999;*/
		cursor: pointer;
      }	  
	  #normalSize {
        position: absolute;
        top: 5px;
        left: 390px;
        /*margin-left: -180px;*/
        z-index: 5;
        /*background-color: #fff;*/
        padding: 5px;
        /*border: 1px solid #999;*/
		cursor: pointer;
      }	 
	  .ocultar {display:none;}
	  .mostrar {display:block;}

/*buttons full and normal screen*//*.button input*/
.myButton {
opacity:0.60;
    padding: 3px 5px;
    background:rgb(24,70,44);
    color:rgb(255,255,255); 
	font-size:11px;
	font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px rgba(0,0,0,0.8);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.myButton:hover {
    background:rgb(48,139,87);
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.myButton:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

/*menu*/
.list-menu{
opacity:0.70;
filter:alpha(opacity=70); /* For IE8 and earlier */
 padding:0;
 list-style:none;
 width:170px;
 /*font properties*/
 font-size:14px;
 font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
 border: 1px solid rgba(0,0,0,0.8);
 margin-top: -1px;
 box-shadow: 0 0 10px rgba(0,0,0,0.9);
}
.list-menu li a{
 display: block;
 border-bottom: 1px solid rgba(0,0,0, 0.2);
 border-top: 1px solid rgba(255,255,255, 0.2);
 background:rgb(24,70,44);
 /*background:rgba(36,64,90,1);*/
 text-decoration:none;
 /*font color*/
 color:rgb(255,255,255); 
 text-shadow: 0px 0px 12px rgba(0,0,0,0.5);
 filter: dropshadow(color=#000, offx=1, offy=0);
 padding:10px;
 padding-left:20px;
}
 
.list-menu li ul li a{
 font-size:13px;
 color:rgb(24,70,44);
 text-shadow: 1px 0px 1px rgba(255,255,255,0.5);
 
}
 
.list-menu li a:hover{
 background:rgb(48,139,87);
 /*background:rgba(6,33,49,1);*/
 -moz-transition: background 0.3s ease-in;
 -webkit-transition: background 0.3s ease-in;
 -o-transition: background 0.3s ease-in;
 border: solid 1px rgba(0,0,0,0.3);
}
 
.list-menu ul{
 margin:0;
 padding:0;
 list-style:none;
 height:0;
 overflow: hidden;
 transition:1s;
 -moz-transition:1s;
 -webkit-transition:1s;
}
 
.list-menu li ul{
 transition:1s;
 -moz-transition:1s;
 -webkit-transition:1s;
}
 
.list-menu li:hover ul{
 /*normal size to open menu*/
 height: 135px;
 overflow-y:scroll;
 overflow-x:hidden;
 background:rgba(108,151,176,0.5);
}
 
.list-menu ul li a{
 background:rgb(250,250,250);
}
 
.list-menu ul li a:hover {
 color: rgb(255,255,255);
 -moz-transition: color 0.4s ease;
 -webkit-transition: color 0.4s ease;
 -o-transition: color 0.4s ease;
 text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
}
/*contact us*/
#contact {
        position: absolute;
        top: 610px;
        left: 0px;
		z-index: 5;
      }	 
.classname {
	opacity:0.80;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:-1.42px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	height:16px;
	line-height:16px;
	width:142px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}