@charset "utf-8";

/* layout não-fluido */
.topo {
	background-color: #0d1c27;
	/*background-color: #0C6887;*/
	/*background-color: #000;*/
	position: relative;
	min-height: 36px;
}
.webdoor {
	width: 100%;
	height: 400px;
	
	background-color: #0d1c27;
	background-image: url(../images/webdoor_bg_geo5.gif);
	/*background-repeat: no-repeat;*/
	/*background-position: center 0%;*/
	background-size: cover;
	
	border-bottom: medium solid #000000;


}

.webdoor#img {

}

header { /* html5 CSS */

}

footer { /* html5 CSS */
	clear: both;
	position: relative;
/*	padding-top: 100px;*/
}

.logo_footer { /* html5 CSS */
	clear: both;
	position: relative;
	border-top: thin solid #000000;
	background-color: #D9D8D8;
	overflow:auto;
}

.rodape {
	background-color: #0d1c27;
	background-image: url(../images/rodape_bg.png);
	background-repeat: no-repeat;
	background-position: center 0%;
	position: relative;
	height: 100px;
	margin: auto;
}

.fixedbox {
	position: absolute;
	right: 5px;
	top: 100px;
	width: 50px;
}
.glifo {
	float: left;
	width: 48px;
	margin-bottom: 5px;
}
.indie {
	position: absolute;
	left: 5px;
	top: 300px;
	min-width: 50px;
	max-width: 100px;
	width: 20%;
	
}

.logo_webdoor {
	position: absolute;
	left: 20px;
	top: 70px;
	min-width: 100px;
	max-width: 500px;
	width: 20%;
	
}

/* posição */

/* ~~ miscellaneous float/clear classes ~~ */
.float_right {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
		margin-right: 8px;
}
.float_left { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.topo_right {
	text-align: right;
	position: relative;
	float: right;
	margin-right: 30px;
	padding-top: 15px;
}
.topo_left {
	text-align: left;
	position: relative;
	float: left;
	margin-left: 30px;
}

.icon_right {
	display:block;
	width: 28px;
	height: 28px;
	position: relative;
	float: right;
	margin-right: 30px;
}

/* estilos de cor, fonte, tamanho, elementos */

body {
	color: #000;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 100%;
}

h1 { /* títulos */
	color: #FFF;
	font-size: 140%;
	background: #0C6887;
	padding-left: 15px;
}
h2 { /* sub-títulos */
	color: #0C6887;
	/*	color: #0956B1;*/
	font-size: 110%;
	background: #9AD3E4;
	padding-left: 15px;
}

h3 { /* ??? */
		color: #0C6887;
	font-size: 110%;
}

h4 { /* ??? */
	color: #0800D1;
	font-size: 100%;
}

h5 { /* rodapé???????? */
	font-size: 90%;
}

h6 { /* legendas de fotos???????? */

}

p {
}

.legenda {
	color: #6B6B6B;
	font-size: 75%;
}

.txt_rodape { /* rodapé */
	color: #FFFFFF;
	text-align: left;
	text-shadow: 2px 2px 3px #000000;
	padding-top: 29px;
	padding-left: 45px;
	font-weight: normal;
	font-size: 80%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}


.destaque {
	text-align: center;
	padding-top: 60px;
	margin-left: 10px;
	margin-right: 10px;
}

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6 {
	min-height: 20px;
	color: #988484;
	text-align: center;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	padding-top: 10px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	/*background-color: #0C6887;*/
	background-color: #000;
	box-shadow: 0px 0px;
	font-size: 110%;
	line-height: 60%;
}

.menu1 {

}

/*--------------------- adicionei pro menu --------------------*/

.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a {
	color: #FFF;
	text-decoration: none;
}

.menu1 a:visited, .menu2 a:visited, .menu3 a:visited, .menu4 a:visited, .menu5 a:visited, .menu6 a:visited {
	color: #FFF;
}

.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover, .menu6 a:hover {
	color: #1A7BFF;
}

.menu1 a:focus, .menu2 a:focus, .menu3 a:focus, .menu4 a:focus, .menu5 a:focus, .menu6 a:focus {
	outline: thin dotted;
}

/*  ----- imgs ----- */

.bigimage {
	margin-top: -60px;	
}

.logo {
	display: inline-block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 5%;
	margin-bottom: 10px;
}


/*.sign1, .sign2, .sign3, .sign4, {
    display: block;
    margin-left: auto;
    margin-right: auto;
	height: 60px;
}*/