/* RESET */
 reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;font-weight:normal;}
fieldset,img{border:0;}
html{ width:100%;}
ul{margin:0;padding:0;}
ul li{margin:0;padding:0;list-style:none;}
ol{margin:0;padding:0;}
ol li{margin:0;padding:0;list-style:none;}
a img{border:none;}
p img{padding:0;}	
h1, h2, h3, h4, h5, h6{ font-weight:normal; padding:0px; margin:0px;}
/* RESET */
/* background-color: #b8b8b8; */
#selected:visited {color: black;}
body {width: 960px;	margin: auto auto auto auto; height: auto; padding: 0px; font-family:Arial,Helvetica,sans-serif; background-image:url('../img/bkg.png'); background-repeat: repeat;}

/* Top Black Header */
#top {height:  50px; background-color: black; position: relative; }
#top img {float: right; width: 35px; height: 35px; padding-top: 8px; margin-right: 15px; -webkit-filter: grayscale(100%); transition: 0.3s Ease; -moz-filter: alpha(opacity=10); opacity: 0.7;}
#top img:hover {   -webkit-filter: grayscale(0%); -moz-zoom: 1; -moz-filter: alpha(opacity=0);  opacity: 100; }
/* End - Top Black Header */

/* Menu */
nav {  margin-top: 0px; background-color: white; padding-top: 10px; border-top-style: solid; border-top-width: 3px; border-top-color: #3cb2b2; transition: background 0.5s ease-out; }
nav ul  { 	display: inline-table; list-style: none; margin-left: 320px;	 	}
nav a {	font-size: 13px;	font-weight: bold;	text-decoration: none;	color: #3cb2b2; transition: 1s; }
nav ul li {	float: left; 	padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }
nav li a:hover {  color: black; }


/* End - Menu */

/* Bigin Header */
#header{ width: 960px; height: 200px; background: white;  }

	#logo	 { float: left; padding-left: 10px; padding-right: 0px; padding-top: 15px; padding-bottom: 0px;  }
	#steag 	{border-bottom-style: none; border-spacing: 0px; float:right;  margin-top: 20px; margin-right: 10px;  }
	#steag img 			{ transition: 1s;   border: 1px; border-style: solid  }
	#steag img:hover 	{zoom: 1; filter: alpha(opacity=50); opacity: 0.5;  }
	#info 	{width: 536px;padding-left: 0px; padding-top: 15px; padding-bottom: 0px; margin-right: 10px; float: right;
			font-family: sans-serif; clear: right; text-decoration: none; color: white; background-color: transparent; font-size: 16px; font-family:Arial;Helvetica,sans-serif; }
	#info a	{text-decoration: none; color: white;}
	#phone:hover 	{ background-color: black;}
	#mail:hover	 	{ background-color: black;}
	#phone 	{ padding-right: 20px; padding-left: 20px;  border-radius: 6px; padding-top: 4px; background-color:  #589325 ;transition: background 1s ease-out; 
		float: left; box-shadow: 5px 5px 5px #888888;}
	#mail	{ padding-left:  20px; padding-right: 20px; border-radius: 6px;padding-top: 4px; background-color:  #3B9999 ; transition: background 1s ease-out; 
		float: right; box-shadow: 5px 5px 5px #888888;}
/* End Header */





/* Begin Footer */
footer { background-color: black; height: 100px; width: 960px; color: white; border-top-style: solid; border-top-width: 3px; border-top-color: #3cb2b2; }
#tablefooter {font-size: 83%; text-align:left; padding-top: 7px; }
#tablefooter img { margin-left: 3px; }
#tablefooter th td {background-color: black; border-style: none; color: white; }
/* End Footer */

.bold {font-weight: bold;}
.text-center {text-align: center;}
.content 	{ width: 960px;  padding-top: 10px; padding-bottom: 10px; background-color: #EAE5E5;   }