@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(images/bg2.png);
	background-repeat:repeat-x;
	background-color:#67abd2;
}

p { margin:8px; padding: 6px;
}

h1 .h2 .h3{ color:#FFFFFF;
}

#all{ width:960px; margin-left:auto; margin-right:auto; padding:0; 
}

#header{width:960px; margin:0; padding:0; 
}

#left{ float:left; width:200px;
}

#content {
	float:right;
	width:760px;
	height: 500px;
         }
		 
#content h4 {
	color: #009;
	text-align: left;
	line-height: 14px;
	font-style: normal;
	
}
 
#content img {
	float: left;
	margin-left: 80px;
	
	}		 

#footer { width:960px; height: 100px; margin:0; padding: 0; clear: both; font-size:12px;
}
.foto-video{
	margin:6px;
	float:right;
	border:0;
}
 .nav a:link{
 	display:block; width:150px; background-color: #fff; border: double #030; padding-top: 2px; text-align: center; margin: 6px; padding-bottom: 2px; margin-left:18px; text-decoration:none; font-size:13px; color: #030;
}
 .nav a:visited{display:block; width:150px; background-color: #fff; border: double #030; padding-top: 2px; text-align: center; margin: 6px; padding-bottom: 2px; margin-left:18px; text-decoration:none;
	color: #030;
	
}
 .nav a:hover{
	text-decoration: none;
	background-color: #030; border: double #fff;
	color: #fff;
}


a:link {
	text-decoration:underline;
	color: #030;
}
a:visited {
	text-decoration: none;
	color: #030;
}
a:hover {
	text-decoration: none;
	color: #5a471c;
}
a:active {
	text-decoration: none;
	color: #9C3;
}