@charset "UTF-8";
/* CSS Document For Spiderweb Buttons, Aside Buttons, Dropdown Buttons, Mailing List button*/

table.tech {
	border:0px;
	width:100%;
	padding-left: 50px;
}


.btnAside {
	width:240px;
	height:70px;
  	-webkit-border-radius: 6;
  	-moz-border-radius: 6;
  	border-radius: 6px;
    font-family: Palatino, "Palatino Linotype", "Century Schoolbook L", "Times New Roman", "serif";
 	color: #AEB4BF;
  	font-size: 34px;
  	background: #000000;
  	text-decoration: none;
	margin:10px 0px 5px 0px;
}

.btnAside:hover {
  	background: #000000;
  	text-decoration: none;
	color:#fff;
}

.mailbutton {
	width:95%;
    height: 30px;
	background:#000000;
	color:#AEB4BF; 
   /* background-image:url('tiny.gif');*/
    line-height: 20px;
    vertical-align: middle;
	font-family: Palatino, "Palatino Linotype", "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 16px;
    text-transform: none;
    border:1px solid transparent;
}

.mailbutton:hover {
	background:#000000;
	color:#fff;
	/*font-weight:bold;*/
}

.dropbtn {
    width:100%;
	background-color: #DCE2DF; /*#000000 is dark background, #F3E7BE is yellowish text color, DCE2DF is grayish of h2*/
    color: black;
    padding: 5px 15px 5px 15px;
	margin-bottom: 10px;
    font-size: 1em;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	width: 100%;
    position: relative;
    display: inline-block; 
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	padding-right: 20px;
    display: none;
    position: absolute;
	margin:auto;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 7px 7px 7px 7px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown 
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}*/

/* Change color of dropdown links on hover 
.dropdown-content a:hover {background-color: #f1f1f1}
*/
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	width: 100%;
   	display: block;
	height: auto;
    text-overflow: inherit;
    overflow: visible;
}

.dropdown:not(:hover) .dropdown-content {
	width: 100%;
   	display: none;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	width: 100%;
    background-color: #000000;
	color:white;
	
}