@charset "utf-8";
/* CSS Document */

html, body {height:100%;}
body {
	background-image:url(../images/fundo-mar.jpg);
	background-color:#02135b;
	background-position: center top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#fff;
	margin:0;
	min-width:770px;
	min-height:500px;
}
a img {border:0 none;}






#marca-dagua {
	background:url(../images/marca-dagua.png) no-repeat center bottom;
	position:fixed;
	bottom:0;
	left:0;
	height:331px;
	width:100%;
	z-index:10;
	/* espaço para as representadas */
	bottom:45px;
}


#header {
	background:url(../images/fundo-cidade.jpg) no-repeat center top;
	position:fixed;
	top:0;
	left:0;
	height:172px;
	width:100%;
	z-index:40;
}
#menu {
	background:url(../images/fundo-menu.jpg) no-repeat center top;
	position:absolute;
	top:101px;
	width:100%;
	text-align:center;
	padding-top:40px;
}
#menu a img {
	padding:10px 16px;
	margin:0;
}
#logo {
	position:absolute;
	top:-47px;
	left:0;
	margin-left:0;
	width:135px;
	height:87px;
	background:url(../images/logo-mako.png) no-repeat top left;
}
#menu a#logo img {
	padding:0 !important;
}
#linguas {
	position:absolute;
	top:-101px;
	right:0;
	color:#f7f7f7;
	text-decoration:none;
	margin:10px;
	padding:2px 0;
}
a#linguas:hover {
	border-bottom:1px solid #f7f7f7;
}
#menu a#linguas img{
	padding:0 !important;
	position:relative;
	top:2px;
}


#conteudo{
	position:relative;
	margin:0 auto;
	width:630px;
	padding-top:175px;
	padding-bottom:50px;
	padding-left:10px;
	z-index:20;
/*	min-height:48%;
rearrumar após o conteúdo*/
	min-height:28%;
}

h1 {
	margin-left:-2px;
}
#conteudo a{
	color:#fff;
	text-decoration:none;
}
#conteudo a:hover{
	text-decoration:underline;
}





#representadas{
	/*
	position:relative;
	padding-top:0 10px 20px;
	*/
	position:fixed;
	bottom:0px;
	text-align:center;
	z-index:30;
	clear:both;
	height:45px;
	width:100%;
	/* fundo para as representadas */
	background:#02135B;
	
}
#representadas #representadas-center {
	width:750px;
	margin:0 auto;
	height:30px;
}

#representadas #representadas-center div{
	padding:15px;
	float:left;
}
#representadas #representadas-center a{
	display:block;
	height:23px;
	background-position:center top;
}
#representadas #representadas-center a:hover{
	background-position:center bottom;
}

#representadas #representadas-center #cortland {background-image: url(../images/representada-cortland.png); width:105px;}
#representadas #representadas-center #birns {background-image: url(../images/representada-birns.png); width:85px;}
#representadas #representadas-center #birns-aquamate {background-image: url(../images/representada-birns-aquamate.png); width:172px;}
#representadas #representadas-center #cdl {background-image: url(../images/representada-cdl.png); width:64px;}
#representadas #representadas-center #scorpion {background-image: url(../images/representada-scorpion-oceanics.png); width:166px;}