html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */

/* force a vertical scrollbar to prevent a jumpy page */
html {
	overflow-y: scroll;
}
input, select {
	vertical-align: middle;
}
input[type="radio"] {
	vertical-align: text-bottom;
	margin-right:10px;
}
input[type="checkbox"] {
	vertical-align: bottom;
*vertical-align: baseline;
	margin-right:10px;
}
.ie6 input {
	vertical-align: text-bottom;
}
select, input, textarea {
	font: 99% sans-serif;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
/* make buttons play nice in IE */
button {
	width: auto;
	overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover */
.ie6 html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* let's clear some floats */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
body, html{
width:100%;
height:100%;	
	}
#main{
width:100%;
height:100%;
position:relative;	
	}
	#redes{
		width:190px;
		height:21px;
		position:absolute;
		bottom:60px;
		right:60px;
		background-image:url(img/text.png);
		background-position:left center;
		background-repeat:no-repeat;
		display:none;
		}
		#redes ul{
		width:78px;
		position:relative;
		float:right;	
			}
#redes li {
	float: left;
	height: 21px;
	width: 21px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	margin-left:5px;
	background-position:center;
	background-repeat:no-repeat;
	
}
#redes li a{
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	height:21px;
	width:21px;
	opacity:0;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
	}
	#redes li img{
		position:absolute;
		top:0;
		left:0;
		}
#redes li:hover a{
	opacity:1;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
	}
.fb {
	
}
.tw {
	
}
.tb {
	
}

.fb a {
	background-image: url(img/fb-over.png);
}
.tw a{
	background-image: url(img/tw-over.png);
}
.tb a{
	background-image: url(img/tb-over.png);
}

#logo{
	background-image: url(img/logo.png);
	height: 81px;
	width: 479px;
	float: center;
	position: fixed;
  	top: 50%;
  	left: 50%;
	  transform: translate(-50%, -50%);

	z-index: 9998;
	  
	
	
	
	}
	#logo a{
		display:block;
		width:57px;
	height:68px;
	overflow:hidden;
	text-indent:-9999;
	position:relative;}