@charset "utf-8";


/* -----------------------------CSS RESET--------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align:middle;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

*{
	margin: 0;
 }
 
 html, body {
     height: 100%;
	 zoom: 1;
 }
 /* ---------------END RESET------------------*/



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: auto;
}

#content h4 {
	color: #009;
	text-align: left;
	line-height: 14px;
	
}
 

#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: underline;
	color: #030;
}
a:hover {
	text-decoration: underline;
	color: #5a471c;
}
a:active {
	text-decoration: underline;
	color: #9C3;
}
.img-left{
	float:left;
	margin:3px 8px 3px 0px;
}

.img-right{
	float:right;
	margin:3px 0px 3px 8px;
}
table {
	vertical-align:top;
}
td{vertical-align:top;}
.text2{
	font-size:12px;
}