/* CSS Document */
/* 	old Cyan:	#009ba4
	new: 		#009ba4 
*/

.selectmenudiv{
	margin-top: 20px;
	}
#logo {
	background-color: #FFFFFF;
	/*margin: 0px auto auto auto;*/
	display: list-item;
	width: 400px;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	opacity: 0.9;	/*left: 0px;
	position: absolute;*/
	}
.logopart{
	display: block;
	/* [disabled]top: -36px; */
	position: relative;
	}
.puerto-menu {
	list-style: none;
	/* [disabled]padding-top: 0; */
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-top: 0px;
	opacity: 0.9;
	/*  margin: auto; */
	background: #FFF;
	height: 40px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	/*width: 95%;*/
	left: auto;
	}
.puerto-menu li a {
  display: block;
  text-decoration: none;
  padding: 12px 20px;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  float: left;
  /*border-right: 1px solid #E7E7E7;*/
}
.puerto-menu li:hover > a {
  color: #009ba4;
}
.puerto-menu li a.active {
  position: relative;
  color: #009ba4;
  border:0;
  outline:none;
  /*border-top: 4px solid #009ba4;
  padding-top: 8px;
  /*border-bottom: 4px solid #009ba4;*/
}
.puerto-menu li a.active:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 45%;
  border-top: 5px solid #009ba4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.puert-menu li a.active:focus {
	outline:none;
}
.puerto-menu li.float {
  float: right;
}
/*.puerto-menu li a i, .puerto-menu li a strong, .puerto-menu li a small {
  position: relative;
  
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}*/

.puerto-menu li ul {
  position: absolute;
  height: auto;
  /*min-width: 400px;*/
  padding: 0px;
  margin: 40px auto 40px 26px;
  background: #FFF;
  /*border-top: 4px solid #009ba4;*/
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  /*top: 130px;*/
  z-index: 1000;
  left: 70px;
  /*top: 45px;*/
}
.puerto-menu li:hover > ul,
.puerto-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
}
.puerto-menu li ul li {
  /*float: left; /*original: none */
  float: none;
}
.puerto-menu li ul li a {
  padding: 2px 10px 0px 10px;
  text-align: left;
  border: 0;
  /*border-bottom: 1px solid #EEE;*/
}
.puerto-menu li ul li:hover > ul {
  top: 0px;
  left: 200px;
}